@depict-ai/ui 1.0.17 → 1.1.0

package/dist/server/main.js

@@ -6,6 +6,8 @@ function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
 
+$parcel$export(module.exports, "CrossIcon", () => $c77c68e559a1506c$export$3b621d86b1566b2);
+$parcel$export(module.exports, "GenericSliderArrowButton", () => $0f313083912e447a$export$8be2714ec7f169ee);
 $parcel$export(module.exports, "fetchDepictRecommendations", () => $bc91d938b8c601b4$export$58e808b1db15d3bc);
 $parcel$export(module.exports, "QuickLinks", () => $48567ac5b39bac56$export$de035477d6fef996);
 $parcel$export(module.exports, "BreadCrumbs", () => $48567ac5b39bac56$export$5b7c3ce0ebe51f86);
@@ -40,11 +42,39 @@ $parcel$export(module.exports, "defaultGridSpacing", () => $a3280f0aad997933$exp
 $parcel$export(module.exports, "defaultColsAtSize", () => $a3280f0aad997933$export$c3834fa86c616831);
 $parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $a3280f0aad997933$export$7bf543b9d9be2c22);
 $parcel$export(module.exports, "version", () => $b757f75811f3261f$export$83d89fbfd8236492);
-/*! Depict.ai search and product listing SDK */ const $b757f75811f3261f$export$83d89fbfd8236492 = "1.0.15";
+/*! Depict.ai search and product listing SDK */ const $b757f75811f3261f$export$83d89fbfd8236492 = "1.0.18";
 
 
 
 
+
+const $c77c68e559a1506c$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 $c77c68e559a1506c$export$3b621d86b1566b2(props = {}) {
+    return (0, $diwD4$solidjsweb.ssrElement)("svg", ()=>({
+            ...props,
+            "xmlns": "http://www.w3.org/2000/svg",
+            "width": "21.064",
+            "height": "21.047",
+            "viewBox": "0 0 21.064 21.064"
+        }), ()=>(0, $diwD4$solidjsweb.ssr)($c77c68e559a1506c$var$_tmpl$), true);
+}
+
+
+
+
+
+
+const $0f313083912e447a$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 $0f313083912e447a$export$8be2714ec7f169ee(props = {}) {
+    return (0, $diwD4$solidjsweb.ssr)($0f313083912e447a$var$_tmpl$, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.ssrAttribute)("width", (0, $diwD4$solidjsweb.escape)(props.width_, true) ?? 14, false) + (0, $diwD4$solidjsweb.ssrAttribute)("height", (0, $diwD4$solidjsweb.escape)(props.height_, true) ?? 26, false));
+}
+
+
+
 async function $bc91d938b8c601b4$export$58e808b1db15d3bc({ merchant: merchant , market: market , headers: headers , ...fetch_recs_options }) {
     return await (0, $diwD4$depictaiutilishared.fetch_recs)({
         tenant: merchant,
@@ -61,7 +91,6 @@ async function $bc91d938b8c601b4$export$58e808b1db15d3bc({ merchant: merchant ,
 
 
 
-
 function $6e22b5314fb52f4c$export$e183a13865960371(params_to_default_value, router_) {
     const signals = {};
     const entries = Object.entries(params_to_default_value);
@@ -71,7 +100,9 @@ function $6e22b5314fb52f4c$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, $diwD4$solidjs.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, $diwD4$solidjs.createSignal)(state[param] ?? default_value);
@@ -182,10 +213,23 @@ class $e1d6c0f3d89d531c$export$e015ed2f2950f2e3 {
         let resolve_in_progress;
         cache_obj.in_progress_[body] = new Promise((r)=>resolve_in_progress = r);
         try {
-            const search_results = await (0, $diwD4$depictaiutilishared.fetch_retry)((0, $diwD4$depictaiutilishared.add_version_query_params)(endpoint1), {
+            let search_results = await (0, $diwD4$depictaiutilishared.fetch_retry)((0, $diwD4$depictaiutilishared.add_version_query_params)(endpoint1), {
                 method: "POST",
                 body: body
             });
+            if ("query_id" in request && request.type === "collection") // FIXME: Remove. Backwards compatibility layer
+            // This will retry the request without the collection type if the first request fails
+            {
+                if (!search_results || search_results?.status === 404) {
+                    (0, $diwD4$depictaiutilishared.dlog)("Fallback request for collections due to failure");
+                    const fallback_body = JSON.parse(body);
+                    delete fallback_body.type;
+                    search_results = await (0, $diwD4$depictaiutilishared.fetch_retry)((0, $diwD4$depictaiutilishared.add_version_query_params)(endpoint1), {
+                        method: "POST",
+                        body: JSON.stringify(fallback_body)
+                    });
+                }
+            }
             if (!search_results || search_results.status !== 200) {
                 const retval = fallback_response(input_req);
                 resolve_in_progress(retval);
@@ -344,13 +388,14 @@ function $d659702496cb72ea$export$a71e92cfbb498adc(props) {
 
 function $76b6ac05693f5c71$export$205efb947c7ffd78(handler, passive = true) {
     const catchified_handler = (0, $diwD4$depictaiutilishared.catchify)(handler);
+    const owner = (0, $diwD4$solidjs.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, $diwD4$depictaiutilishared.observer).onexists("body", ({ element: element  })=>{
         element.addEventListener("scroll", catchified_handler, {
             passive: passive
         });
-        (0, $diwD4$solidjs.onCleanup)(()=>element.removeEventListener("scroll", catchified_handler));
+        (0, $diwD4$solidjs.runWithOwner)(owner, ()=>(0, $diwD4$solidjs.onCleanup)(()=>element.removeEventListener("scroll", catchified_handler)));
     });
     (0, $diwD4$solidjs.onCleanup)(disconnect);
     for (const event of [
@@ -366,6 +411,7 @@ function $76b6ac05693f5c71$export$205efb947c7ffd78(handler, passive = true) {
 }
 
 
+
 const $401aee5f33dca9e2$var$_tmpl$ = [
     "<div",
     ' class="scroll-status" style="display:none"><span class="text"><b>',
@@ -375,6 +421,7 @@ const $401aee5f33dca9e2$var$_tmpl$ = [
     "</b></span></div>"
 ];
 function $401aee5f33dca9e2$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, $diwD4$solidjsweb.isServer) return; // won't show in initial render and need scroll position
     const [first_to_show, set_first_to_show] = (0, $diwD4$solidjs.createSignal)(0);
     const [last_to_show, set_last_to_show] = (0, $diwD4$solidjs.createSignal)(0);
     const [count_to_show, set_count_to_show] = (0, $diwD4$solidjs.createSignal)("");
@@ -507,6 +554,7 @@ const $0d0b172488865048$var$_tmpl$ = [
     "<!--/--></div>"
 ];
 function $0d0b172488865048$export$ef6006467f04ee41({ i18n_: i18n_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , selected_filters_: selected_filters_ , local_filter_cache_: local_filter_cache_  }) {
+    const root = (0, $diwD4$solidjs.getOwner)();
     return [
         (0, $diwD4$solidjsweb.ssr)($0d0b172488865048$var$_tmpl$2, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.escape)(i18n_.no_results_text_()), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $diwD4$solidjs.Show), {
             get when () {
@@ -520,8 +568,10 @@ function $0d0b172488865048$export$ef6006467f04ee41({ i18n_: i18n_ , expanded_hie
 }
 
 
+
 function $fc23d7668ae0011d$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, $diwD4$solidjsweb.isServer) ? `<!-- ${text} -->` : document.createComment(text);
 }
 
 
@@ -592,11 +642,20 @@ function $5f7d55c710fd1bc2$var$unwrapping_helper(elements) {
 }
 
 
+
 let $0caf87eaa19079da$var$cached_placeholder_element;
 let $0caf87eaa19079da$var$rendering_cached_placeholder_element;
 function $0caf87eaa19079da$export$f33414a4df0afd3f({ product_card_template_: product_card_template_ , num_placeholders_: num_placeholders_  }) {
     const [get_elements, set_elements] = (0, $diwD4$solidjs.createSignal)([]);
     let existing_num = 0;
+    if (0, $diwD4$solidjsweb.isServer) // want to render simple placeholders on server, effects don't run there
+    return (0, $diwD4$solidjs.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, $diwD4$solidjs.createRenderEffect)(()=>{
         const to_add = num_placeholders_() - existing_num;
         if (to_add <= 0) return;
@@ -789,22 +848,17 @@ function $a73063cc642f3e5f$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, $diwD4$solidjs.getOwner)();
             const display_accessor = (0, $diwD4$solidjs.createMemo)(()=>displays_by_key_().get(product_id));
-            const [product_card_resource] = (0, $diwD4$solidjs.createResource)((0, $diwD4$solidjs.createMemo)(()=>[
-                    merchant_(),
-                    market_()
-                ]), // re-render when merchant or market changes
-            ([merchant, market])=>{
+            const [product_card_resource] = (0, $diwD4$solidjs.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, $diwD4$solidjs.untrack)(display_accessor);
                 return product_card_template_(display, {
                     set_on_index_change: (fn)=>(0, $diwD4$solidjs.runWithOwner)(owner, ()=>(0, $diwD4$solidjs.createEffect)(()=>fn(index()))),
-                    merchant: merchant,
-                    market: market
+                    merchant: (0, $diwD4$solidjs.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, $diwD4$solidjs.untrack)(market_)
                 });
             });
             const node_accessor = (0, $5f7d55c710fd1bc2$export$2f0cbfbb4354bb52)(product_card_resource);
@@ -960,7 +1014,7 @@ function $fe76fb463cc60b89$export$3925f87b1545cfc6({ plp_results_: plp_results_
                     const random_id = (0, $diwD4$depictaiutilishared.make_random_classname)();
                     const selector_beginning_ = `.depict.plp #${random_id}>`;
                     const [get_styling, set_styling_] = (0, $diwD4$solidjs.createSignal)("");
-                    const [get_should_have_placeholders_rendered, set_should_have_placeholders_rendered] = (0, $diwD4$solidjs.createSignal)(false);
+                    const [get_should_have_placeholders_rendered, set_should_have_placeholders_rendered] = (0, $diwD4$solidjs.createSignal)(true);
                     const rendered_placeholders = (0, $diwD4$solidjs.createMemo)(()=>get_should_have_placeholders_rendered() ? (0, $0caf87eaa19079da$export$f33414a4df0afd3f)({
                             product_card_template_: product_card_template_,
                             num_placeholders_: (0, $diwD4$solidjs.createMemo)(()=>{
@@ -1198,19 +1252,21 @@ function $a69e505a12a77874$export$e13dddbb31c3a42f() {
 
 
 
+
+
 const $a0e53f99354809d9$var$_tmpl$ = [
     "<div",
     ">",
     "</div>"
 ];
-function $a0e53f99354809d9$export$6649caad96ef8870({ children: children , button_: button_ , slider_ref_: slider_ref_ , faded_opacity_: faded_opacity_ = 0.7 , mutation_plugins_: mutation_plugins_ = []  }) {
+function $a0e53f99354809d9$export$6649caad96ef8870({ children: children , slider_ref_: slider_ref_ , faded_opacity_: faded_opacity_ = 0.7 , mutation_plugins_: mutation_plugins_ = []  }) {
     const slider = new (0, $diwD4$depictaiutilishared.Amazing_Slider)({
         button_contents: {
             left: [
-                (0, $diwD4$solidjsweb.ssr)($a0e53f99354809d9$var$_tmpl$, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.escape)(button_.cloneNode(true)))
+                (0, $diwD4$solidjsweb.ssr)($a0e53f99354809d9$var$_tmpl$, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $0f313083912e447a$export$8be2714ec7f169ee), {})))
             ],
             right: [
-                (0, $diwD4$solidjsweb.ssr)($a0e53f99354809d9$var$_tmpl$, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.escape)(button_.cloneNode(true)))
+                (0, $diwD4$solidjsweb.ssr)($a0e53f99354809d9$var$_tmpl$, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $0f313083912e447a$export$8be2714ec7f169ee), {})))
             ]
         },
         constructor_plugins: [
@@ -1231,6 +1287,7 @@ function $a0e53f99354809d9$export$6649caad96ef8870({ children: children , button
 }
 
 
+
 const $235a2771a44e28e9$var$_tmpl$ = [
     "<button",
     ' class="clear-all-filters minor">',
@@ -1256,7 +1313,7 @@ const $235a2771a44e28e9$var$_tmpl$ = [
     "<!--/--><span>",
     "</span></button>"
 ];
-function $235a2771a44e28e9$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 $235a2771a44e28e9$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, $4b455f60dadde8b8$export$5bad61ecde080b1f)({
@@ -1271,7 +1328,6 @@ function $235a2771a44e28e9$export$fecbb157621501bd({ number_of_rendered_selected
                 },
                 get children () {
                     return (0, $diwD4$solidjsweb.ssr)($235a2771a44e28e9$var$_tmpl$2, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.escape)(i18n_.selected_filters_title_()), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $a0e53f99354809d9$export$6649caad96ef8870), {
-                        button_: slider_arrow_button_,
                         slider_ref_: (slider)=>slider.container.classList.add("filter-crumbs"),
                         get children () {
                             return [
@@ -1346,7 +1402,7 @@ function $235a2771a44e28e9$export$fecbb157621501bd({ number_of_rendered_selected
                                                         return (()=>{
                                                             number_of_rendered_selected_filters_items_[1]((prev)=>prev + 1);
                                                             (0, $diwD4$solidjs.onCleanup)(()=>number_of_rendered_selected_filters_items_[1]((prev)=>prev - 1));
-                                                            return (0, $diwD4$solidjsweb.ssr)($235a2771a44e28e9$var$_tmpl$3, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $diwD4$depictaiutilishared.CrossIcon), {})), (0, $diwD4$solidjsweb.escape)(price_formatting_().pre_), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $d659702496cb72ea$export$a71e92cfbb498adc), {
+                                                            return (0, $diwD4$solidjsweb.ssr)($235a2771a44e28e9$var$_tmpl$3, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $c77c68e559a1506c$export$3b621d86b1566b2), {})), (0, $diwD4$solidjsweb.escape)(price_formatting_().pre_), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $d659702496cb72ea$export$a71e92cfbb498adc), {
                                                                 get price_ () {
                                                                     return filter().data[0];
                                                                 },
@@ -1409,7 +1465,7 @@ function $235a2771a44e28e9$export$fecbb157621501bd({ number_of_rendered_selected
                                                                         return (()=>{
                                                                             number_of_rendered_selected_filters_items_[1]((prev)=>prev + 1);
                                                                             (0, $diwD4$solidjs.onCleanup)(()=>number_of_rendered_selected_filters_items_[1]((prev)=>prev - 1));
-                                                                            return (0, $diwD4$solidjsweb.ssr)($235a2771a44e28e9$var$_tmpl$4, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $diwD4$depictaiutilishared.CrossIcon), {})), (0, $diwD4$solidjsweb.escape)(name()));
+                                                                            return (0, $diwD4$solidjsweb.ssr)($235a2771a44e28e9$var$_tmpl$4, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $c77c68e559a1506c$export$3b621d86b1566b2), {})), (0, $diwD4$solidjsweb.escape)(name()));
                                                                         })();
                                                                     }
                                                                 });
@@ -1519,7 +1575,6 @@ async function $9abb0a35d4b60ed3$export$79b1565500412d9b(search_modal, modal_fn_
 
 
 
-
 
 const $b3cf6ca8dc0e9998$var$_tmpl$ = [
     "<span",
@@ -1560,6 +1615,18 @@ const $b3cf6ca8dc0e9998$export$48513f6b9f8ce62d = (props)=>{
 
 
 
+
+const $cc43b6428000c4bf$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 $cc43b6428000c4bf$export$f21ab0717a89c77f(props) {
+    return (0, $diwD4$solidjsweb.ssrElement)("svg", ()=>({
+            ...props,
+            "xmlns": "http://www.w3.org/2000/svg",
+            "width": "11",
+            "height": "12"
+        }), ()=>(0, $diwD4$solidjsweb.ssr)($cc43b6428000c4bf$var$_tmpl$), true);
+}
+
+
 const $0fe1e7efdf4200d6$var$_tmpl$ = [
     "<button",
     ' type="button" class="',
@@ -1568,7 +1635,7 @@ const $0fe1e7efdf4200d6$var$_tmpl$ = [
     "</span></button>"
 ];
 function $0fe1e7efdf4200d6$export$ca21a16d65b3dd8({ show_extras_: [get_show_extras, set_show_extras] , i18n_: i18n_  }) {
-    return (0, $diwD4$solidjsweb.ssr)($0fe1e7efdf4200d6$var$_tmpl$, (0, $diwD4$solidjsweb.ssrHydrationKey)(), `expand-filter ${get_show_extras() ? "expanded" : ""}`, (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $diwD4$depictaiutilishared.PlusIcon), {})), get_show_extras() ? (0, $diwD4$solidjsweb.escape)(i18n_.view_less_()) : (0, $diwD4$solidjsweb.escape)(i18n_.view_more_()));
+    return (0, $diwD4$solidjsweb.ssr)($0fe1e7efdf4200d6$var$_tmpl$, (0, $diwD4$solidjsweb.ssrHydrationKey)(), `expand-filter ${get_show_extras() ? "expanded" : ""}`, (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $cc43b6428000c4bf$export$f21ab0717a89c77f), {})), get_show_extras() ? (0, $diwD4$solidjsweb.escape)(i18n_.view_less_()) : (0, $diwD4$solidjsweb.escape)(i18n_.view_more_()));
 }
 
 
@@ -2575,6 +2642,18 @@ var $a636ca15e3d3570d$export$2e2bcd8739ae039 = {
 
 
 
+
+const $0f4656eaf6c22d1d$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 $0f4656eaf6c22d1d$export$f2ca6fc699ca1fb4(props = {}) {
+    return (0, $diwD4$solidjsweb.ssrElement)("svg", ()=>({
+            "xmlns": "http://www.w3.org/2000/svg",
+            "width": "16.8",
+            "height": "14",
+            ...props
+        }), ()=>(0, $diwD4$solidjsweb.ssr)($0f4656eaf6c22d1d$var$_tmpl$), true);
+}
+
+
 const $b064919833b3e80b$var$_tmpl$ = [
     "<span",
     ' class="show-selected" aria-hidden="true"><span>',
@@ -2636,7 +2715,7 @@ function $b064919833b3e80b$export$53c59af873b303c9({ selected_filters_in_group_:
             return show_tick_icon();
         },
         get children () {
-            return (0, $diwD4$solidjsweb.createComponent)((0, $diwD4$depictaiutilishared.TickIcon), {});
+            return (0, $diwD4$solidjsweb.createComponent)((0, $0f4656eaf6c22d1d$export$f2ca6fc699ca1fb4), {});
         }
     })));
 }
@@ -2733,6 +2812,7 @@ function $061ff5b4c3d36171$export$89c6019e4baa40b1(props) {
 }
 
 
+
 const $aff9a96d30ed3563$var$_tmpl$ = [
     "<div",
     ' class="filter-collapsible">',
@@ -2900,7 +2980,7 @@ function $aff9a96d30ed3563$var$ActualFilterBody(props) {
                                                     return a_filter_is_selected();
                                                 },
                                                 get children () {
-                                                    return (0, $diwD4$solidjsweb.ssr)($aff9a96d30ed3563$var$_tmpl$2, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $diwD4$depictaiutilishared.CrossIcon), {})), (0, $diwD4$solidjsweb.escape)(props.i18n_.clear_individual_filter_()));
+                                                    return (0, $diwD4$solidjsweb.ssr)($aff9a96d30ed3563$var$_tmpl$2, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $c77c68e559a1506c$export$3b621d86b1566b2), {})), (0, $diwD4$solidjsweb.escape)(props.i18n_.clear_individual_filter_()));
                                                 }
                                             })));
                                         }
@@ -3095,6 +3175,49 @@ function $ca1176b694a6ee2e$export$fe334901e8bebd57() {
 
 
 
+
+
+
+const $f958b5ac0e4a78da$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>', $f958b5ac0e4a78da$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 $f958b5ac0e4a78da$export$da32f7add8a22e86(props = {}) {
+    return (0, $diwD4$solidjsweb.ssrElement)("svg", ()=>({
+            "xmlns": "http://www.w3.org/2000/svg",
+            "width": "14",
+            "height": "14",
+            "class": "sort-icon",
+            ...props
+        }), ()=>[
+            (0, $diwD4$solidjsweb.ssr)($f958b5ac0e4a78da$var$_tmpl$),
+            (0, $diwD4$solidjsweb.ssr)($f958b5ac0e4a78da$var$_tmpl$2)
+        ], true);
+}
+
+
+
+
+const $046db47e0326c715$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 $046db47e0326c715$export$d10e63059ddb9fd4(props = {}) {
+    return (0, $diwD4$solidjsweb.ssrElement)("svg", ()=>({
+            "xmlns": "http://www.w3.org/2000/svg",
+            "width": "14",
+            "height": "14",
+            "class": "sort-icon",
+            ...props
+        }), ()=>(0, $diwD4$solidjsweb.ssr)($046db47e0326c715$var$_tmpl$), true);
+}
+
+
+
+
+const $02215fefc955d01e$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 $02215fefc955d01e$export$28f6150e232898de() {
+    return (0, $diwD4$solidjsweb.ssr)($02215fefc955d01e$var$_tmpl$, (0, $diwD4$solidjsweb.ssrHydrationKey)());
+}
+
+
 const $1872ceb56ede7a52$var$_tmpl$ = [
     "<button",
     ' class="clear minor">',
@@ -3178,7 +3301,7 @@ function $1872ceb56ede7a52$export$9bf11afa910f536e({ args_for_sorting_: args_for
     });
     (0, $diwD4$solidjs.onCleanup)(resolve_cleanup_promise);
     return [
-        (0, $diwD4$solidjsweb.ssr)($1872ceb56ede7a52$var$_tmpl$2, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.ssrAttribute)("aria-label", (0, $diwD4$solidjsweb.escape)(i18n_.close_(), true), false), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $diwD4$depictaiutilishared.CrossIcon), {})), (0, $diwD4$solidjsweb.ssrStyle)(modal_scrolling_prevented[0]() ? "overflow:hidden" : ""), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $a69e505a12a77874$export$6c6d7a51fa9aa15d), {
+        (0, $diwD4$solidjsweb.ssr)($1872ceb56ede7a52$var$_tmpl$2, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.ssrAttribute)("aria-label", (0, $diwD4$solidjsweb.escape)(i18n_.close_(), true), false), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $c77c68e559a1506c$export$3b621d86b1566b2), {})), (0, $diwD4$solidjsweb.ssrStyle)(modal_scrolling_prevented[0]() ? "overflow:hidden" : ""), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $a69e505a12a77874$export$6c6d7a51fa9aa15d), {
             is_open_: [
                 sorting_expanded,
                 set_sorting_expanded
@@ -3187,7 +3310,7 @@ function $1872ceb56ede7a52$export$9bf11afa910f536e({ args_for_sorting_: args_for
                 return (0, $diwD4$solidjsweb.ssr)($1872ceb56ede7a52$var$_tmpl$3, (0, $diwD4$solidjsweb.ssrHydrationKey)());
             },
             get summary_ () {
-                return (0, $diwD4$solidjsweb.ssr)($1872ceb56ede7a52$var$_tmpl$4, (0, $diwD4$solidjsweb.ssrHydrationKey)(), args_for_sorting_.current_sorting_[0]()?.order === "asc" ? (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $diwD4$depictaiutilishared.SortIconAsc), {})) : (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $diwD4$depictaiutilishared.SortIconDesc), {})), (0, $diwD4$solidjsweb.escape)(i18n_.sorting_text_()), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $7567511a7c3e4bd7$export$e5c2828934226505), {
+                return (0, $diwD4$solidjsweb.ssr)($1872ceb56ede7a52$var$_tmpl$4, (0, $diwD4$solidjsweb.ssrHydrationKey)(), args_for_sorting_.current_sorting_[0]()?.order === "asc" ? (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $f958b5ac0e4a78da$export$da32f7add8a22e86), {})) : (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $046db47e0326c715$export$d10e63059ddb9fd4), {})), (0, $diwD4$solidjsweb.escape)(i18n_.sorting_text_()), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $7567511a7c3e4bd7$export$e5c2828934226505), {
                     expanded_: sorting_expanded,
                     i18n_: i18n_
                 })));
@@ -3204,7 +3327,7 @@ function $1872ceb56ede7a52$export$9bf11afa910f536e({ args_for_sorting_: args_for
                 return (0, $diwD4$solidjsweb.ssr)($1872ceb56ede7a52$var$_tmpl$6, (0, $diwD4$solidjsweb.ssrHydrationKey)());
             },
             get summary_ () {
-                return (0, $diwD4$solidjsweb.ssr)($1872ceb56ede7a52$var$_tmpl$4, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $diwD4$depictaiutilishared.FilterIcon), {})), (0, $diwD4$solidjsweb.escape)(i18n_.filters_()), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $7567511a7c3e4bd7$export$e5c2828934226505), {
+                return (0, $diwD4$solidjsweb.ssr)($1872ceb56ede7a52$var$_tmpl$4, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $02215fefc955d01e$export$28f6150e232898de), {})), (0, $diwD4$solidjsweb.escape)(i18n_.filters_()), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $7567511a7c3e4bd7$export$e5c2828934226505), {
                     expanded_: filters_expanded,
                     i18n_: i18n_
                 })));
@@ -3376,6 +3499,21 @@ function $70482f04605572e2$export$b288c38ae3fddb56({ available_filters_: availab
 }
 
 
+
+
+const $f49857214f7675b1$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 $f49857214f7675b1$export$cb808a3c41736d8e() {
+    return (0, $diwD4$solidjsweb.ssr)($f49857214f7675b1$var$_tmpl$, (0, $diwD4$solidjsweb.ssrHydrationKey)());
+}
+
+
+
+
+
+
 const $f8f64d05c525825b$var$_tmpl$ = [
     "<div",
     ' class="filters"><div class="body">',
@@ -3415,112 +3553,114 @@ const $f8f64d05c525825b$var$_tmpl$ = [
     "<!--/--></button>"
 ];
 function $f8f64d05c525825b$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, $edafe91daf3091d7$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, $70482f04605572e2$export$b288c38ae3fddb56)({
-                available_filters_: available_filters_,
-                selected_filters_: selected_filters_,
-                local_filter_cache_: local_filter_cache_
-            });
-            const cleanup_promise = new Promise((r)=>(0, $diwD4$solidjs.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, $diwD4$solidjs.createSignal)(false);
-            const dismiss_modal_ = (0, $diwD4$depictaiutilishared.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, $70482f04605572e2$export$b288c38ae3fddb56)({
+            available_filters_: available_filters_,
+            selected_filters_: selected_filters_,
+            local_filter_cache_: local_filter_cache_
+        });
+        const cleanup_promise = new Promise((r)=>(0, $diwD4$solidjs.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, $diwD4$solidjs.createSignal)(false);
+        const dismiss_modal_ = (0, $diwD4$depictaiutilishared.catchify)(()=>{
+            set_filters_open(false);
+            set_sorting_open(false);
+        });
+        const meta_of_currently_selected_sorting_ = (0, $diwD4$solidjs.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, $diwD4$solidjsweb.createComponent)($f8f64d05c525825b$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, $diwD4$solidjs.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, $diwD4$solidjsweb.createComponent)($f8f64d05c525825b$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, $diwD4$solidjsweb.createComponent)($f8f64d05c525825b$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, $diwD4$solidjsweb.createComponent)($f8f64d05c525825b$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, $diwD4$solidjs.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, $diwD4$solidjs.createEffect)(()=>{
-                if (!filters_open() && !sorting_open()) {
-                    close_modal_?.();
-                    set_extra_els_in_results_container_("");
-                } else if (is_small()) {
-                    if ((0, $diwD4$solidjs.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, $diwD4$solidjsweb.ssr)($f8f64d05c525825b$var$_tmpl$, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $aff9a96d30ed3563$export$3f1a388cc0d8fed7), filter_options))));
-                    else set_extra_els_in_results_container_((0, $diwD4$solidjsweb.ssr)($f8f64d05c525825b$var$_tmpl$2, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $be89be42ce9ea60f$export$1f1775a58da589b5), sorting_options))));
+        let open_modal_;
+        let close_modal_;
+        let grid_is_in_original_state = true;
+        (0, $diwD4$solidjs.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, $diwD4$solidjs.createEffect)(()=>{
+            if (!filters_open() && !sorting_open()) {
+                close_modal_?.();
+                set_extra_els_in_results_container_("");
+            } else if (is_small()) {
+                if ((0, $diwD4$solidjs.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, $diwD4$depictaiutilishared.catchify)(async ()=>{
-                ({ open_modal_: open_modal_ , close_modal_: close_modal_  } = await (0, $9abb0a35d4b60ed3$export$79b1565500412d9b)((0, $1872ceb56ede7a52$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, $diwD4$depictaiutilishared.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, $diwD4$solidjsweb.ssr)($f8f64d05c525825b$var$_tmpl$3, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.escape)(make_open_filters_button(true, true)), (0, $diwD4$solidjsweb.escape)(middle_elements_?.()), (0, $diwD4$solidjsweb.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, $diwD4$solidjsweb.ssr)($f8f64d05c525825b$var$_tmpl$, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $aff9a96d30ed3563$export$3f1a388cc0d8fed7), filter_options))));
+                else set_extra_els_in_results_container_((0, $diwD4$solidjsweb.ssr)($f8f64d05c525825b$var$_tmpl$2, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $be89be42ce9ea60f$export$1f1775a58da589b5), sorting_options))));
+            }
+        });
+        (0, $diwD4$depictaiutilishared.catchify)(async ()=>{
+            ({ open_modal_: open_modal_ , close_modal_: close_modal_  } = await (0, $9abb0a35d4b60ed3$export$79b1565500412d9b)((0, $1872ceb56ede7a52$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, $diwD4$depictaiutilishared.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, $diwD4$solidjsweb.ssr)($f8f64d05c525825b$var$_tmpl$3, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.escape)(make_open_filters_button(true, true)), (0, $diwD4$solidjsweb.escape)(middle_elements_?.()), (0, $diwD4$solidjsweb.escape)(make_open_sorting_button(true, true)));
+    };
+    return (0, $diwD4$solidjsweb.createComponent)((0, $edafe91daf3091d7$export$b69d0d92862de18b), {
+        message_: "Sorting and filters failed",
+        severity_: "error",
+        get children () {
+            return (0, $diwD4$solidjsweb.createComponent)(Self, {});
         }
-    })();
+    });
 }
 function $f8f64d05c525825b$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, $diwD4$solidjs.createMemo)(()=>!search_filters_open_[0]());
@@ -3532,17 +3672,17 @@ function $f8f64d05c525825b$var$OpenFiltersButton({ i18n_: i18n_ , search_filters
         get children () {
             return (0, $diwD4$solidjsweb.ssr)($f8f64d05c525825b$var$_tmpl$4, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.ssrStyle)(filters_closed() ? `` : `opacity:0`), (0, $diwD4$solidjsweb.escape)(num_selected_filters()));
         }
-    })), (0, $diwD4$solidjsweb.ssrAttribute)("tabindex", (0, $diwD4$solidjsweb.escape)(tabindex_, true), false), `${!filters_closed() ? "major" : ""} ${filters_closed() ? "minor" : ""}${"filter toggle-button major-minor-transition"}`, (0, $diwD4$solidjsweb.ssrAttribute)("aria-label", (0, $diwD4$solidjsweb.escape)((filters_closed() ? i18n_.open_filters_ : i18n_.close_filters_)(), true), false), (0, $diwD4$solidjsweb.ssrStyle)(filter_button_width_?.() ? {
+    })), (0, $diwD4$solidjsweb.ssrAttribute)("tabindex", (0, $diwD4$solidjsweb.escape)(tabindex_, true), false), `${!filters_closed() ? "major" : ""} ${filters_closed() ? "minor" : ""}${"filter toggle-button major-minor-transition" + ((0, $diwD4$solidjsweb.isServer) ? " minor" : "")}`, (0, $diwD4$solidjsweb.ssrAttribute)("aria-label", (0, $diwD4$solidjsweb.escape)((filters_closed() ? i18n_.open_filters_ : i18n_.close_filters_)(), true), false), (0, $diwD4$solidjsweb.ssrStyle)(filter_button_width_?.() ? {
         width: filter_button_width_() + "px"
     } : {}), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $diwD4$solidjs.Show), {
         get when () {
             return filters_closed();
         },
         get fallback () {
-            return (0, $diwD4$solidjsweb.createComponent)((0, $diwD4$depictaiutilishared.MinusIcon), {});
+            return (0, $diwD4$solidjsweb.createComponent)((0, $f49857214f7675b1$export$cb808a3c41736d8e), {});
         },
         get children () {
-            return (0, $diwD4$solidjsweb.createComponent)((0, $diwD4$depictaiutilishared.FilterIcon), {});
+            return (0, $diwD4$solidjsweb.createComponent)((0, $02215fefc955d01e$export$28f6150e232898de), {});
         }
     })), (0, $diwD4$solidjsweb.escape)(i18n_.filter_text_()));
 }
@@ -3559,10 +3699,10 @@ function $f8f64d05c525825b$var$OpenSortingButton({ i18n_: i18n_ , get_current_so
             return sorting_closed();
         },
         get fallback () {
-            return (0, $diwD4$solidjsweb.createComponent)((0, $diwD4$depictaiutilishared.MinusIcon), {});
+            return (0, $diwD4$solidjsweb.createComponent)((0, $f49857214f7675b1$export$cb808a3c41736d8e), {});
         },
         get children () {
-            return get_current_sorting_()?.order === "asc" ? (0, $diwD4$solidjsweb.createComponent)((0, $diwD4$depictaiutilishared.SortIconAsc), {}) : (0, $diwD4$solidjsweb.createComponent)((0, $diwD4$depictaiutilishared.SortIconDesc), {});
+            return get_current_sorting_()?.order === "asc" ? (0, $diwD4$solidjsweb.createComponent)((0, $f958b5ac0e4a78da$export$da32f7add8a22e86), {}) : (0, $diwD4$solidjsweb.createComponent)((0, $046db47e0326c715$export$d10e63059ddb9fd4), {});
         }
     })));
 }
@@ -3679,6 +3819,21 @@ function $ee498ec5e7dc2bba$export$5196e4c01fa56fcb({ children: children , on_clo
 
 
 
+
+
+
+
+
+const $084b6a0ee1d481de$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 $084b6a0ee1d481de$export$2624c5890f1bbcf7() {
+    return (0, $diwD4$solidjsweb.ssr)($084b6a0ee1d481de$var$_tmpl$, (0, $diwD4$solidjsweb.ssrHydrationKey)());
+}
+
+
+
 const $2fb324fbcc7b4a7b$var$_tmpl$ = [
     "<div",
     ' class="',
@@ -3691,6 +3846,7 @@ const $2fb324fbcc7b4a7b$var$_tmpl$ = [
     "</div></button></div>"
 ];
 function $2fb324fbcc7b4a7b$export$b23abd26de154ede(props) {
+    if (0, $diwD4$solidjsweb.isServer) return; // won't show in initial render and need scroll position
     const [is_small, set_is_small] = (0, $diwD4$solidjs.createSignal)(true);
     (0, $diwD4$solidjs.onCleanup)((0, $diwD4$depictaiutilishared.javascript_media_query)("(max-width:651px)", ({ matches: matches  })=>set_is_small(matches)).remove);
     return (0, $diwD4$solidjsweb.createComponent)((0, $diwD4$solidjs.Show), {
@@ -3773,7 +3929,7 @@ function $2fb324fbcc7b4a7b$var$ActualFloatingButtons({ search_filters_open_: [ge
         await cleanup_promise;
         is.disconnect();
     }));
-    return (0, $diwD4$solidjsweb.ssr)($2fb324fbcc7b4a7b$var$_tmpl$, (0, $diwD4$solidjsweb.ssrHydrationKey)(), `floating-buttons ${is_scrolling_upwards() && modal_is_closed() && !regular_buttons_are_in_view() && !get_is_showing_toast() ? "show-them" : ""}`, (0, $diwD4$solidjsweb.ssrAttribute)("aria-label", (0, $diwD4$solidjsweb.escape)(i18n_.filter_text_(), true), false), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $diwD4$depictaiutilishared.FilterIcon), {})), (0, $diwD4$solidjsweb.ssrAttribute)("aria-label", (0, $diwD4$solidjsweb.escape)(i18n_.sorting_text_(), true), false), current_sorting_[0]()?.order === "asc" ? (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $diwD4$depictaiutilishared.SortIconAsc), {})) : (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $diwD4$depictaiutilishared.SortIconDesc), {})), (0, $diwD4$solidjsweb.ssrAttribute)("aria-label", (0, $diwD4$solidjsweb.escape)(i18n_.scroll_to_top_(), true), false), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $diwD4$depictaiutilishared.ArrowUp), {})));
+    return (0, $diwD4$solidjsweb.ssr)($2fb324fbcc7b4a7b$var$_tmpl$, (0, $diwD4$solidjsweb.ssrHydrationKey)(), `floating-buttons ${is_scrolling_upwards() && modal_is_closed() && !regular_buttons_are_in_view() && !get_is_showing_toast() ? "show-them" : ""}`, (0, $diwD4$solidjsweb.ssrAttribute)("aria-label", (0, $diwD4$solidjsweb.escape)(i18n_.filter_text_(), true), false), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $02215fefc955d01e$export$28f6150e232898de), {})), (0, $diwD4$solidjsweb.ssrAttribute)("aria-label", (0, $diwD4$solidjsweb.escape)(i18n_.sorting_text_(), true), false), current_sorting_[0]()?.order === "asc" ? (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $f958b5ac0e4a78da$export$da32f7add8a22e86), {})) : (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $046db47e0326c715$export$d10e63059ddb9fd4), {})), (0, $diwD4$solidjsweb.ssrAttribute)("aria-label", (0, $diwD4$solidjsweb.escape)(i18n_.scroll_to_top_(), true), false), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $084b6a0ee1d481de$export$2624c5890f1bbcf7), {})));
 }
 
 
@@ -4022,7 +4178,7 @@ const $8cceb1d3a967f369$var$_tmpl$ = [
     ">",
     "</a>"
 ];
-function $8cceb1d3a967f369$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 $8cceb1d3a967f369$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;
@@ -4078,7 +4234,6 @@ function $8cceb1d3a967f369$export$466cdc317043f6cb({ quicklinks_data_: quicklink
         get children () {
             return (0, $diwD4$solidjsweb.ssr)($8cceb1d3a967f369$var$_tmpl$, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.ssrAttribute)("aria-label", (0, $diwD4$solidjsweb.escape)(i18n_.quicklinks_aria_label_(), true), false), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $a0e53f99354809d9$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;
@@ -4425,6 +4580,7 @@ function $cc7c480116d2eba0$var$clear_if_opened_new_tab_with_sideways_url_params_
 
 
 
+
 const $840d88a04b2d22a7$var$_tmpl$ = [
     "<div",
     ' class="product-count"><!--#-->',
@@ -4450,7 +4606,7 @@ const $840d88a04b2d22a7$var$_tmpl$ = [
     "<!--/--><!--#-->",
     "<!--/--></div>"
 ];
-function $840d88a04b2d22a7$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 $840d88a04b2d22a7$export$f7d2f673fc2f091d({ depict_api_: depict_api_ , query_id_: query_id_ , listing_type_: listing_type_ , 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_;
@@ -4475,6 +4631,7 @@ function $840d88a04b2d22a7$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
             tenant: tenant_(),
             market: market_(),
             query_id: query_id_(),
+            type: listing_type_(),
             ...f.length ? {
                 filters: f
             } : {},
@@ -4597,12 +4754,13 @@ function $840d88a04b2d22a7$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
     (0, $diwD4$solidjs.createRenderEffect)((0, $diwD4$depictaiutilishared.catchify)(async ()=>{
         const slim = is_slim_();
         const only_show_filters_opener = only_show_filters_opener_?.();
+        const owner = (0, $diwD4$solidjs.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, $diwD4$solidjsweb.ssr)($840d88a04b2d22a7$var$_tmpl$3, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.escape)(results_for), (0, $diwD4$solidjsweb.escape)(filters_opener)));
+        (0, $diwD4$solidjs.runWithOwner)(owner, ()=>set_results_filters(slim ? only_show_filters_opener ? filters_opener : [
+                results_for,
+                filters_opener
+            ] : (0, $diwD4$solidjsweb.ssr)($840d88a04b2d22a7$var$_tmpl$3, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.escape)(results_for), (0, $diwD4$solidjsweb.escape)(filters_opener))));
     }));
     (0, $6b384adf40a5f4d7$export$e702733a056c40d6)({
         selected_filters_: selected_filters_,
@@ -4621,7 +4779,7 @@ function $840d88a04b2d22a7$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, $diwD4$solidjsweb.isServer) ? "<!-- Category page based on Depict SDK -->" : document.createComment("Category page based on Depict SDK"),
         (0, $diwD4$solidjsweb.ssr)($840d88a04b2d22a7$var$_tmpl$4, (0, $diwD4$solidjsweb.ssrHydrationKey)() + (0, $diwD4$solidjsweb.ssrAttribute)("id", (0, $diwD4$solidjsweb.escape)((0, $0b6e2070a98de347$export$44dad306455dddf).PLP_CATEGORY, true), false), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $diwD4$solidjs.Show), {
             when: show_breadcrumbs_,
             get children () {
@@ -4638,7 +4796,6 @@ function $840d88a04b2d22a7$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_
                 });
@@ -4656,7 +4813,6 @@ function $840d88a04b2d22a7$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_,
@@ -4723,7 +4879,7 @@ function $840d88a04b2d22a7$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
 
 let $d84fe647b84b5dc5$var$has_ran = false;
 function $d84fe647b84b5dc5$export$5162a71f252e6122() {
-    if ($d84fe647b84b5dc5$var$has_ran) return;
+    if ($d84fe647b84b5dc5$var$has_ran || typeof history !== "object") return;
     $d84fe647b84b5dc5$var$has_ran = true;
     for (const function_name of [
         "replaceState",
@@ -4829,8 +4985,7 @@ function $0785f4c9947d9b5f$export$f091cbac892643a4(obj) {
 
 function $95837413165cc2df$export$23fca46f3143581f(component, error_message) {
     const component_in_error_boundary = (do_with_elements)=>{
-        // @ts-ignore
-        return (0, $edafe91daf3091d7$export$b69d0d92862de18b)({
+        const error_boundary_wrapped = (0, $edafe91daf3091d7$export$b69d0d92862de18b)({
             severity_: "error",
             message_: error_message,
             get children () {
@@ -4838,7 +4993,12 @@ function $95837413165cc2df$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, $diwD4$solidjs.getOwner)();
     if (owner == null) return (0, $diwD4$solidjs.createRoot)((dispose)=>{
@@ -4868,7 +5028,7 @@ function $c79fd10a3ab7d6e0$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, $diwD4$solidjs.createSignal)(location.href);
+    const [get_current_href, set_current_href] = (0, $diwD4$solidjs.createSignal)(globalThis?.location?.href ?? "https://example.com");
     const history_change_handler = (0, $diwD4$depictaiutilishared.catchify)(()=>set_current_href(location.href));
     const owner = (0, $diwD4$solidjs.getOwner)() || (0, $diwD4$solidjs.createRoot)(()=>(0, $diwD4$solidjs.getOwner)());
     let writer_started = false;
@@ -5004,7 +5164,7 @@ class $e96dd13889871fc0$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
@@ -5046,6 +5206,7 @@ class $e96dd13889871fc0$export$7e1297a3a19f10d8 {
 }
 
 
+
 const $48567ac5b39bac56$var$_tmpl$ = [
     "<div",
     ' class="depict plp category">',
@@ -5060,6 +5221,7 @@ class $48567ac5b39bac56$export$f34314aa9505732e {
     #merchant_signal = (0, $diwD4$solidjs.createSignal)();
     #market_signal = (0, $diwD4$solidjs.createSignal)();
     #query_id_signal = (0, $diwD4$solidjs.createSignal)("");
+    #listing_type_signal = (0, $diwD4$solidjs.createSignal)();
     static #has_been_constructed = false;
     get localization() {
         // allow reactive access
@@ -5086,6 +5248,12 @@ class $48567ac5b39bac56$export$f34314aa9505732e {
     set market(market) {
         this.#market_signal[1](market);
     }
+    get listing_type() {
+        return this.#listing_type_signal[0]();
+    }
+    set listing_type(listing_type) {
+        this.#listing_type_signal[1](listing_type);
+    }
     get on_navigation() {
         // The only non-reactive public property on the class (I don't see it making sense to have it reactive)
         return this.#router.on_navigation_;
@@ -5096,7 +5264,8 @@ class $48567ac5b39bac56$export$f34314aa9505732e {
     constructor({ api: api , on_navigation: on_navigation , ...props_on_class }){
         const owner = (0, $diwD4$solidjs.getOwner)() || (0, $diwD4$solidjs.createRoot)(()=>(0, $diwD4$solidjs.getOwner)()); // we might have an owner, if so, pass it on. Otherwise, create one so solid doesn't print warnings to the console
         (0, $diwD4$solidjs.runWithOwner)(owner, ()=>{
-            if ($48567ac5b39bac56$export$f34314aa9505732e.#has_been_constructed) throw new Error("You can only have one instance of DepictCategory due to state limitations");
+            if ($48567ac5b39bac56$export$f34314aa9505732e.#has_been_constructed && !(0, $diwD4$solidjsweb.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");
             $48567ac5b39bac56$export$f34314aa9505732e.#has_been_constructed = true;
             Object.assign(this, props_on_class); // set initial signal values
             (0, $d84fe647b84b5dc5$export$5162a71f252e6122)();
@@ -5124,11 +5293,7 @@ class $48567ac5b39bac56$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, $diwD4$depictaiutilishared.GenericSliderArrowButton)({
-                    height_: 12,
-                    width_: 6.46
-                })
+                sideways_filter_clearing_flag_: sideways_filter_clearing_flag_
             });
         });
     }
@@ -5142,7 +5307,7 @@ function $48567ac5b39bac56$export$e2bf8ce7779e827e({ depict_category: depict_cat
         grid_spacing: grid_spacing.horizontal
     };
     return (0, $95837413165cc2df$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, $diwD4$solidjs.onCleanup)(reset_history_state_);
         return (0, $840d88a04b2d22a7$export$f7d2f673fc2f091d)({
             tenant_: ()=>depict_category.merchant,
@@ -5151,6 +5316,7 @@ function $48567ac5b39bac56$export$e2bf8ce7779e827e({ depict_category: depict_cat
             min_products_to_fetch_: $48567ac5b39bac56$var$min_products_to_fetch_,
             local_filter_cache_: local_filter_cache_,
             query_id_: ()=>depict_category.category_id,
+            listing_type_: ()=>depict_category.listing_type,
             i18n_: i18n_,
             show_quicklinks_: show_quicklinks,
             category_title_: category_title,
@@ -5161,7 +5327,6 @@ function $48567ac5b39bac56$export$e2bf8ce7779e827e({ depict_category: depict_cat
             get_quicklinks_accessor_: (accessor)=>(0, $diwD4$solidjs.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_,
@@ -5188,7 +5353,7 @@ function $48567ac5b39bac56$export$5b7c3ce0ebe51f86({ depict_category: depict_cat
     });
 }
 function $48567ac5b39bac56$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_  } = $48567ac5b39bac56$var$get_shared_properties(depict_category);
+    const { i18n_: i18n_ , quicklinks_signal_: [quicklinks_data_] , breadcrumb_signal_: [breadcrumb_data_] , router_: router_  } = $48567ac5b39bac56$var$get_shared_properties(depict_category);
     return (0, $diwD4$solidjsweb.createComponent)($48567ac5b39bac56$var$InExternalAreaDiv, {
         get children () {
             return (0, $8cceb1d3a967f369$export$466cdc317043f6cb)({
@@ -5196,7 +5361,6 @@ function $48567ac5b39bac56$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_
             });
         }
@@ -5328,9 +5492,9 @@ const $93e94e7b0aa8ca88$export$824dde41348efed1 = /*@__PURE__*/ (()=>{
 
 const $7b4bc889571cc67b$var$TEN_MINUTES = 600000;
 const $7b4bc889571cc67b$var$TWENTY_FOUR_HOURS = 86400000;
-async function $7b4bc889571cc67b$export$643598a327b5833e(tenant, market) {
+async function $7b4bc889571cc67b$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);
@@ -5346,7 +5510,7 @@ async function $7b4bc889571cc67b$export$643598a327b5833e(tenant, market) {
         return stored_queries;
         else if (age < $7b4bc889571cc67b$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)
-            $7b4bc889571cc67b$var$fetch_and_store_categories(tenant, market, localstorage_key).catch((e)=>(0, $diwD4$depictaiutilishared.report)([
+            $7b4bc889571cc67b$var$fetch_and_store_categories(tenant, market, localstorage_key, type).catch((e)=>(0, $diwD4$depictaiutilishared.report)([
                     e,
                     "couldn't fetch categories"
                 ], "warning"));
@@ -5354,10 +5518,10 @@ async function $7b4bc889571cc67b$export$643598a327b5833e(tenant, market) {
         }
     // else: we are older and just fetch, store and return new queries
     }
-    return await $7b4bc889571cc67b$var$fetch_and_store_categories(tenant, market, localstorage_key);
+    return await $7b4bc889571cc67b$var$fetch_and_store_categories(tenant, market, localstorage_key, type);
 }
-async function $7b4bc889571cc67b$var$fetch_and_store_categories(tenant, market, localstorage_key) {
-    const new_categories = await $7b4bc889571cc67b$var$download_categories(tenant, market);
+async function $7b4bc889571cc67b$var$fetch_and_store_categories(tenant, market, localstorage_key, type) {
+    const new_categories = await $7b4bc889571cc67b$var$download_categories(tenant, market, type);
     try {
         localStorage[localstorage_key] = JSON.stringify({
             updated: +new Date(),
@@ -5371,12 +5535,15 @@ async function $7b4bc889571cc67b$var$fetch_and_store_categories(tenant, market,
     }
     return new_categories;
 }
-async function $7b4bc889571cc67b$var$download_categories(tenant, market) {
+async function $7b4bc889571cc67b$var$download_categories(tenant, market, type) {
     const fetched = await (0, $diwD4$depictaiutilishared.fetch_retry)((0, $diwD4$depictaiutilishared.base_url) + "/v2/product-listing/queries", {
         method: "POST",
         body: JSON.stringify({
             tenant: tenant,
-            market: market
+            market: market,
+            ...type ? {
+                type: type
+            } : {}
         })
     });
     if (!fetched) return [];
@@ -5485,6 +5652,31 @@ function $dae23104ba8bb78c$export$d757d54550ebfb3d({ category_suggestion_: categ
 
 
 
+
+
+const $3df11fc61432d1fd$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 $3df11fc61432d1fd$export$1c641004b5485fed() {
+    return (0, $diwD4$solidjsweb.ssr)($3df11fc61432d1fd$var$_tmpl$, (0, $diwD4$solidjsweb.ssrHydrationKey)());
+}
+
+
+
+
+
+const $87d7574e1d89d69b$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 $87d7574e1d89d69b$export$82eafebb825fc23f(props = {}) {
+    return (0, $diwD4$solidjsweb.ssrElement)("svg", ()=>({
+            ...props,
+            "xmlns": "http://www.w3.org/2000/svg",
+            "width": "20",
+            "height": "22"
+        }), ()=>(0, $diwD4$solidjsweb.ssr)($87d7574e1d89d69b$var$_tmpl$), true);
+}
+
+
 const $66b8b9a9613c141d$var$_tmpl$ = [
     "<button",
     ' class="back" type="button"',
@@ -5517,9 +5709,9 @@ function $66b8b9a9613c141d$export$b94867ecbd698f21({ search_field_value_: search
     return (0, $diwD4$solidjsweb.ssr)($66b8b9a9613c141d$var$_tmpl$2, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $diwD4$solidjs.Show), {
         when: on_back_,
         get children () {
-            return (0, $diwD4$solidjsweb.ssr)($66b8b9a9613c141d$var$_tmpl$, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.ssrAttribute)("aria-label", (0, $diwD4$solidjsweb.escape)(i18n_.back_(), true), false), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $diwD4$depictaiutilishared.BackIcon), {})));
+            return (0, $diwD4$solidjsweb.ssr)($66b8b9a9613c141d$var$_tmpl$, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.ssrAttribute)("aria-label", (0, $diwD4$solidjsweb.escape)(i18n_.back_(), true), false), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $3df11fc61432d1fd$export$1c641004b5485fed), {})));
         }
-    })), `query ${!!on_back_ ? "has-adjacent-back-button" : ""}`, (0, $diwD4$solidjsweb.ssrAttribute)("aria-label", (0, $diwD4$solidjsweb.escape)(i18n_.search_field_field_aria_label_(), true), false) + (0, $diwD4$solidjsweb.ssrAttribute)("value", (0, $diwD4$solidjsweb.escape)(search_field_value_[0](), true), false) + (0, $diwD4$solidjsweb.ssrAttribute)("placeholder", (0, $diwD4$solidjsweb.escape)(i18n_.placeholder_text_(), true), false), (0, $diwD4$solidjsweb.ssrAttribute)("title", (0, $diwD4$solidjsweb.escape)(i18n_.clear_filters_query_sorting_after_submit_(), true), false), (0, $diwD4$solidjsweb.ssrStyle)((0, $diwD4$solidjs.createMemo)(()=>search_field_value_[0]() ? "" : "display: none")()), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $diwD4$depictaiutilishared.CrossIcon), {})), (0, $diwD4$solidjsweb.ssrAttribute)("aria-label", (0, $diwD4$solidjsweb.escape)(i18n_.search_submit_button_aria_label_(), true), false), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $diwD4$depictaiutilishared.SearchIcon), {})));
+    })), `query ${!!on_back_ ? "has-adjacent-back-button" : ""}`, (0, $diwD4$solidjsweb.ssrAttribute)("aria-label", (0, $diwD4$solidjsweb.escape)(i18n_.search_field_field_aria_label_(), true), false) + (0, $diwD4$solidjsweb.ssrAttribute)("value", (0, $diwD4$solidjsweb.escape)(search_field_value_[0](), true), false) + (0, $diwD4$solidjsweb.ssrAttribute)("placeholder", (0, $diwD4$solidjsweb.escape)(i18n_.placeholder_text_(), true), false), (0, $diwD4$solidjsweb.ssrAttribute)("title", (0, $diwD4$solidjsweb.escape)(i18n_.clear_filters_query_sorting_after_submit_(), true), false), (0, $diwD4$solidjsweb.ssrStyle)((0, $diwD4$solidjs.createMemo)(()=>search_field_value_[0]() ? "" : "display: none")()), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $c77c68e559a1506c$export$3b621d86b1566b2), {})), (0, $diwD4$solidjsweb.ssrAttribute)("aria-label", (0, $diwD4$solidjsweb.escape)(i18n_.search_submit_button_aria_label_(), true), false), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $87d7574e1d89d69b$export$82eafebb825fc23f), {})));
 }
 
 
@@ -5707,7 +5899,7 @@ function $b34ce0b89e6db4e1$export$e026af0c7b64ea5f({ selected_filters_: selected
 
 
 function $2b7a005a65221045$export$84bba84a7b837187(read_search_query) {
-    const ls = localStorage;
+    const ls = globalThis?.localStorage || {};
     const key = "depict_searches";
     const previous_searches = (0, $diwD4$solidjs.createSignal)(JSON.parse(ls[key] || "[]"));
     const [read_previous_searches, write_previous_searches] = previous_searches;
@@ -5955,7 +6147,6 @@ function $6ae556e536054e87$export$62f101a8aa597bf8({ depict_api_: depict_api_ ,
 
 
 
-
 function $496cde876b53ce1e$export$91c3b6774e8be0f5({ param_: param_ , value_: value_ , url_transformer_: url_transformer_  }) {
     const [get_current_href, set_current_href] = (0, $diwD4$solidjs.createSignal)(location.href);
     const [exit_iterable, exitable_iterable] = (0, $diwD4$depictaiutilishared.make_asyncIterable_exiter)((0, $diwD4$depictaiutilishared.href_change_ipns));
@@ -5974,6 +6165,18 @@ function $496cde876b53ce1e$export$91c3b6774e8be0f5({ param_: param_ , value_: va
 
 
 
+
+
+const $9e30168c4b1661d2$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 $9e30168c4b1661d2$export$5d2caaa6b530761c() {
+    return (0, $diwD4$solidjsweb.ssr)($9e30168c4b1661d2$var$_tmpl$, (0, $diwD4$solidjsweb.ssrHydrationKey)());
+}
+
+
+
 const $9a268bf73b31a717$var$_tmpl$ = [
     "<div",
     ' class="previous-searches"><h2 class="text">',
@@ -6018,7 +6221,7 @@ function $9a268bf73b31a717$export$a146ac6fa8346a25({ text_: text_ , previous_sea
                         value_: item,
                         url_transformer_: url_transformer_
                     });
-                    return (0, $diwD4$solidjsweb.ssr)($9a268bf73b31a717$var$_tmpl$2, (0, $diwD4$solidjsweb.ssrHydrationKey)(), `${`item` || ""} ${(0, $diwD4$solidjs.createMemo)(()=>read_selected_index_()?.[0] === 0 && read_selected_index_()?.[1] === index)() ? "selected" : ""}`, (0, $diwD4$solidjsweb.ssrAttribute)("href", (0, $diwD4$solidjsweb.escape)(href(), true), false), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $diwD4$depictaiutilishared.PreviousSearchIcon), {})), (0, $diwD4$solidjsweb.escape)(item()), (0, $diwD4$solidjsweb.ssrAttribute)("title", (0, $diwD4$solidjsweb.escape)(i18n_.previous_searches_delete_entry_from_history_(), true), false), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $diwD4$depictaiutilishared.CrossIcon), {})));
+                    return (0, $diwD4$solidjsweb.ssr)($9a268bf73b31a717$var$_tmpl$2, (0, $diwD4$solidjsweb.ssrHydrationKey)(), `${`item` || ""} ${(0, $diwD4$solidjs.createMemo)(()=>read_selected_index_()?.[0] === 0 && read_selected_index_()?.[1] === index)() ? "selected" : ""}`, (0, $diwD4$solidjsweb.ssrAttribute)("href", (0, $diwD4$solidjsweb.escape)(href(), true), false), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $9e30168c4b1661d2$export$5d2caaa6b530761c), {})), (0, $diwD4$solidjsweb.escape)(item()), (0, $diwD4$solidjsweb.ssrAttribute)("title", (0, $diwD4$solidjsweb.escape)(i18n_.previous_searches_delete_entry_from_history_(), true), false), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $c77c68e559a1506c$export$3b621d86b1566b2), {})));
                 }
             })));
         }
@@ -6038,7 +6241,6 @@ function $9a268bf73b31a717$export$a146ac6fa8346a25({ text_: text_ , previous_sea
 
 
 
-
 const $d023ed916c84e75d$var$_tmpl$ = [
     "<span",
     ' class="highlighted-part">',
@@ -6098,6 +6300,8 @@ function $d023ed916c84e75d$export$ba17c5b7e6dda39f({ whole_text_to_display_: who
 }
 
 
+
+
 const $6b65ba8af12c5a26$var$_tmpl$ = [
     "<a",
     ' class="',
@@ -6154,10 +6358,10 @@ function $6b65ba8af12c5a26$export$e872e2339fb04a7f({ suggestion_memo_: suggestio
             (0, $diwD4$solidjsweb.createComponent)((0, $diwD4$solidjs.Show), {
                 when: is_history,
                 get fallback () {
-                    return (0, $diwD4$solidjsweb.ssr)($6b65ba8af12c5a26$var$_tmpl$2, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $diwD4$depictaiutilishared.SearchIcon), {})));
+                    return (0, $diwD4$solidjsweb.ssr)($6b65ba8af12c5a26$var$_tmpl$2, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $87d7574e1d89d69b$export$82eafebb825fc23f), {})));
                 },
                 get children () {
-                    return (0, $diwD4$solidjsweb.createComponent)((0, $diwD4$depictaiutilishared.PreviousSearchIcon), {});
+                    return (0, $diwD4$solidjsweb.createComponent)((0, $9e30168c4b1661d2$export$5d2caaa6b530761c), {});
                 }
             }),
             (0, $diwD4$solidjsweb.createComponent)((0, $d023ed916c84e75d$export$ba17c5b7e6dda39f), {
@@ -6785,7 +6989,7 @@ const $04048c1bef16c249$var$_tmpl$ = [
     ' class="category-suggestion">',
     "</div>"
 ];
-function $04048c1bef16c249$export$c05a196222ba1302({ suggestions_: suggestions_ , children: children , slider_arrow_button_: slider_arrow_button_  }) {
+function $04048c1bef16c249$export$c05a196222ba1302({ suggestions_: suggestions_ , children: children  }) {
     const category_suggestions_ = (0, $diwD4$solidjs.createMemo)(()=>suggestions_()?.suggestions.filter((s)=>s.type === "category"));
     return (0, $diwD4$solidjsweb.createComponent)((0, $diwD4$solidjs.Show), {
         get when () {
@@ -6793,7 +6997,6 @@ function $04048c1bef16c249$export$c05a196222ba1302({ suggestions_: suggestions_
         },
         get children () {
             return (0, $diwD4$solidjsweb.ssr)($04048c1bef16c249$var$_tmpl$, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $a0e53f99354809d9$export$6649caad96ef8870), {
-                button_: slider_arrow_button_,
                 faded_opacity_: 0.7,
                 get children () {
                     return (0, $diwD4$solidjsweb.createComponent)((0, $diwD4$solidjs.Show), {
@@ -6857,6 +7060,7 @@ function $65a0c4b1c2eb5d0b$export$9dd50d35b9d94fdf({ get_search_query_: get_sear
 
 
 
+
 const $f1d7cb69f839a526$var$_tmpl$ = [
     "<div",
     ' class="filter-results-for-one-row"><!--#-->',
@@ -6875,7 +7079,7 @@ const $f1d7cb69f839a526$var$_tmpl$ = [
     "<!--/--></div>"
 ];
 function $f1d7cb69f839a526$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, $diwD4$solidjs.createSignal)(false);
     const [get_all_products_loaded, set_all_products_loaded] = all_products_loaded_;
@@ -6995,13 +7199,14 @@ function $f1d7cb69f839a526$export$a54ec244c8863715(opts) {
         number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_
     });
     const results_filters = (0, $diwD4$solidjs.createSignal)();
+    const owner = (0, $diwD4$solidjs.getOwner)();
     (0, $diwD4$solidjs.onCleanup)((0, $diwD4$depictaiutilishared.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, $diwD4$solidjsweb.ssr)($f1d7cb69f839a526$var$_tmpl$, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.escape)(results_for), (0, $diwD4$solidjsweb.escape)(filters_opener)));
+        (0, $diwD4$solidjs.runWithOwner)(owner, ()=>results_filters[1](matches ? [
+                results_for,
+                filters_opener
+            ] : (0, $diwD4$solidjsweb.ssr)($f1d7cb69f839a526$var$_tmpl$, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.escape)(results_for), (0, $diwD4$solidjsweb.escape)(filters_opener))));
     }).remove);
     (0, $diwD4$depictaiutilishared.catchify)((0, $276380e4607fb9fb$export$6e49da55e449af7c))({
         scroll_restoration_data_: scroll_restoration_data_,
@@ -7023,14 +7228,13 @@ function $f1d7cb69f839a526$export$a54ec244c8863715(opts) {
         (0, $341a019928b8b91e$export$c7e181728ad525f)(location);
     });
     return [
-        document.createComment("Search page based on Depict SDK"),
+        (0, $diwD4$solidjsweb.isServer) ? "<!-- Search page based on Depict SDK -->" : document.createComment("Search page based on Depict SDK"),
         (0, $diwD4$solidjsweb.ssr)($f1d7cb69f839a526$var$_tmpl$2, (0, $diwD4$solidjsweb.ssrHydrationKey)() + (0, $diwD4$solidjsweb.ssrAttribute)("id", (0, $diwD4$solidjsweb.escape)((0, $0b6e2070a98de347$export$44dad306455dddf).SEARCH_PAGE, true), false), (0, $diwD4$solidjsweb.escape)(search_field), make_category_suggestion_card_ ? (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $edafe91daf3091d7$export$b69d0d92862de18b), {
             severity_: "error",
             message_: "Category suggestions failed",
             get children () {
                 return (0, $diwD4$solidjsweb.createComponent)((0, $04048c1bef16c249$export$c05a196222ba1302), {
                     suggestions_: suggestions,
-                    slider_arrow_button_: slider_arrow_button_,
                     children: make_category_suggestion_card_
                 });
             }
@@ -7048,7 +7252,6 @@ function $f1d7cb69f839a526$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_,
@@ -7167,6 +7370,7 @@ function $d8e94ea381ab57fa$export$828dcdd425fd3231(aligner) {
 
 
 
+
 const $2c61e4cd8229c49a$var$_tmpl$ = [
     "<div",
     ' class="depict plp search">',
@@ -7188,7 +7392,8 @@ class $2c61e4cd8229c49a$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, $diwD4$solidjs.getOwner)() || (0, $diwD4$solidjs.createRoot)(()=>(0, $diwD4$solidjs.getOwner)()); // we might have an owner, if so, pass it on. Otherwise, create one so solid doesn't print warnings to the console
         (0, $diwD4$solidjs.runWithOwner)(owner, ()=>{
-            if ($2c61e4cd8229c49a$export$ac6237957a15b3f0.#has_been_constructed) throw new Error("You can only have one instance of DepictSearch");
+            if ($2c61e4cd8229c49a$export$ac6237957a15b3f0.#has_been_constructed && !(0, $diwD4$solidjsweb.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, $c79fd10a3ab7d6e0$export$477caf01aecaeb2a)({
@@ -7196,7 +7401,7 @@ class $2c61e4cd8229c49a$export$ac6237957a15b3f0 {
                 router_: this.#router
             });
             const [reset_history_state_, state_] = (0, $26a56f6b44703084$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: [],
@@ -7455,10 +7660,6 @@ function $2c61e4cd8229c49a$export$f2dc7e4e4aa11abb({ depict_search: depict_searc
                 cols_at_size: (0, $4e04be41243c3d80$export$6daf8749b65a1b77)(extra_depict_options.recommendations_cols_at_size),
                 ...grid_spacing_override
             } : undefined,
-            slider_arrow_button_: (0, $diwD4$depictaiutilishared.GenericSliderArrowButton)({
-                height_: 12,
-                width_: 6.46
-            }),
             product_card_template_: product_card_template
         });
     }, "Entire SearchPage failed");