@depict-ai/ui 1.0.16 → 1.0.18

package/dist/client/main.js

@@ -42,7 +42,7 @@ $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.16";
+/*! Depict.ai search and product listing SDK */ const $b757f75811f3261f$export$83d89fbfd8236492 = "1.0.18";
 
 
 
@@ -763,6 +763,7 @@ function $47e2cc552c02110c$export$8895d39404bd2bb1(props) {
 
 const $0d0b172488865048$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<a class="hint" href="javascript:void(0)"></a>`, 2), $0d0b172488865048$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="no-results"><div class="text"></div><!#><!/></div>`, 6);
 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, $57o7A$solidjs.getOwner)();
     return [
         (()=>{
             const _el$ = (0, $57o7A$solidjsweb.getNextElement)($0d0b172488865048$var$_tmpl$2), _el$2 = _el$.firstChild, _el$4 = _el$2.nextSibling, [_el$5, _co$] = (0, $57o7A$solidjsweb.getNextMarker)(_el$4.nextSibling);
@@ -773,14 +774,14 @@ function $0d0b172488865048$export$ef6006467f04ee41({ i18n_: i18n_ , expanded_hie
                 },
                 get children () {
                     const _el$3 = (0, $57o7A$solidjsweb.getNextElement)($0d0b172488865048$var$_tmpl$);
-                    (0, $57o7A$solidjsweb.addEventListener)(_el$3, "click", (0, $57o7A$depictaiutilishared.catchify)(()=>(0, $47e2cc552c02110c$export$8895d39404bd2bb1)({
-                            user_triggered_: true,
-                            selected_filters_: selected_filters_,
-                            also_clear_sorting_: false,
-                            expanded_hierarchical_filters_: expanded_hierarchical_filters_,
-                            i18n_: i18n_,
-                            local_filter_cache_: local_filter_cache_
-                        })), true);
+                    (0, $57o7A$solidjsweb.addEventListener)(_el$3, "click", (0, $57o7A$depictaiutilishared.catchify)(()=>(0, $57o7A$solidjs.runWithOwner)(root, ()=>(0, $47e2cc552c02110c$export$8895d39404bd2bb1)({
+                                user_triggered_: true,
+                                selected_filters_: selected_filters_,
+                                also_clear_sorting_: false,
+                                expanded_hierarchical_filters_: expanded_hierarchical_filters_,
+                                i18n_: i18n_,
+                                local_filter_cache_: local_filter_cache_
+                            }))), true);
                     (0, $57o7A$solidjsweb.insert)(_el$3, ()=>i18n_.try_without_filters_());
                     (0, $57o7A$solidjsweb.runHydrationEvents)();
                     return _el$3;
@@ -870,11 +871,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, $57o7A$solidjs.createSignal)([]);
     let existing_num = 0;
+    if (0, $57o7A$solidjsweb.isServer) // want to render simple placeholders on server, effects don't run there
+    return (0, $57o7A$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, $57o7A$solidjs.createRenderEffect)(()=>{
         const to_add = num_placeholders_() - existing_num;
         if (to_add <= 0) return;
@@ -1067,22 +1077,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, $57o7A$solidjs.getOwner)();
             const display_accessor = (0, $57o7A$solidjs.createMemo)(()=>displays_by_key_().get(product_id));
-            const [product_card_resource] = (0, $57o7A$solidjs.createResource)((0, $57o7A$solidjs.createMemo)(()=>[
-                    merchant_(),
-                    market_()
-                ]), // re-render when merchant or market changes
-            ([merchant, market])=>{
+            const [product_card_resource] = (0, $57o7A$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, $57o7A$solidjs.untrack)(display_accessor);
                 return product_card_template_(display, {
                     set_on_index_change: (fn)=>(0, $57o7A$solidjs.runWithOwner)(owner, ()=>(0, $57o7A$solidjs.createEffect)(()=>fn(index()))),
-                    merchant: merchant,
-                    market: market
+                    merchant: (0, $57o7A$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, $57o7A$solidjs.untrack)(market_)
                 });
             });
             const node_accessor = (0, $5f7d55c710fd1bc2$export$2f0cbfbb4354bb52)(product_card_resource);
@@ -1225,7 +1230,7 @@ function $fe76fb463cc60b89$export$3925f87b1545cfc6({ plp_results_: plp_results_
                         const random_id = (0, $57o7A$depictaiutilishared.make_random_classname)();
                         const selector_beginning_ = `.depict.plp #${random_id}>`;
                         const [get_styling, set_styling_] = (0, $57o7A$solidjs.createSignal)("");
-                        const [get_should_have_placeholders_rendered, set_should_have_placeholders_rendered] = (0, $57o7A$solidjs.createSignal)(false);
+                        const [get_should_have_placeholders_rendered, set_should_have_placeholders_rendered] = (0, $57o7A$solidjs.createSignal)(true);
                         const rendered_placeholders = (0, $57o7A$solidjs.createMemo)(()=>get_should_have_placeholders_rendered() ? (0, $0caf87eaa19079da$export$f33414a4df0afd3f)({
                                 product_card_template_: product_card_template_,
                                 num_placeholders_: (0, $57o7A$solidjs.createMemo)(()=>{
@@ -1481,28 +1486,24 @@ function $a69e505a12a77874$export$e13dddbb31c3a42f() {
 
 
 
-const $a0e53f99354809d9$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="depict-slider depict"><div class="sliding "></div></div>`, 4), $a0e53f99354809d9$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div></div>`, 2);
-function $a0e53f99354809d9$export$6649caad96ef8870({ children: children , button_: button_ , slider_ref_: slider_ref_ , faded_opacity_: faded_opacity_ = 0.7 , mutation_plugins_: mutation_plugins_ = []  }) {
-    // TODO: Actual SSR:able slider
-    if (0, $57o7A$solidjsweb.isServer) return (()=>{
-        const _el$ = (0, $57o7A$solidjsweb.getNextElement)($a0e53f99354809d9$var$_tmpl$), _el$2 = _el$.firstChild;
-        (0, $57o7A$solidjsweb.insert)(_el$2, children);
-        return _el$;
-    })();
+
+
+const $a0e53f99354809d9$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div></div>`, 2);
+function $a0e53f99354809d9$export$6649caad96ef8870({ children: children , slider_ref_: slider_ref_ , faded_opacity_: faded_opacity_ = 0.7 , mutation_plugins_: mutation_plugins_ = []  }) {
     const slider = new (0, $57o7A$depictaiutilishared.Amazing_Slider)({
         button_contents: {
             left: [
                 (()=>{
-                    const _el$3 = (0, $57o7A$solidjsweb.getNextElement)($a0e53f99354809d9$var$_tmpl$2);
-                    (0, $57o7A$solidjsweb.insert)(_el$3, ()=>button_.cloneNode(true));
-                    return _el$3;
+                    const _el$ = (0, $57o7A$solidjsweb.getNextElement)($a0e53f99354809d9$var$_tmpl$);
+                    (0, $57o7A$solidjsweb.insert)(_el$, (0, $57o7A$solidjsweb.createComponent)((0, $0f313083912e447a$export$8be2714ec7f169ee), {}));
+                    return _el$;
                 })()
             ],
             right: [
                 (()=>{
-                    const _el$4 = (0, $57o7A$solidjsweb.getNextElement)($a0e53f99354809d9$var$_tmpl$2);
-                    (0, $57o7A$solidjsweb.insert)(_el$4, ()=>button_.cloneNode(true));
-                    return _el$4;
+                    const _el$2 = (0, $57o7A$solidjsweb.getNextElement)($a0e53f99354809d9$var$_tmpl$);
+                    (0, $57o7A$solidjsweb.insert)(_el$2, (0, $57o7A$solidjsweb.createComponent)((0, $0f313083912e447a$export$8be2714ec7f169ee), {}));
+                    return _el$2;
                 })()
             ]
         },
@@ -1527,7 +1528,7 @@ function $a0e53f99354809d9$export$6649caad96ef8870({ children: children , button
 
 
 const $235a2771a44e28e9$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<button class="clear-all-filters minor"></button>`, 2), $235a2771a44e28e9$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="inner"><span class="title"><!#><!/>: </span><!#><!/></div>`, 8), $235a2771a44e28e9$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<button class="clear-filter major"><!#><!/><span><!#><!/><!#><!/><!#><!/> – <!#><!/><!#><!/><!#><!/></span></button>`, 18), $235a2771a44e28e9$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<button class="clear-filter major"><!#><!/><span></span></button>`, 6);
-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)({
@@ -1544,7 +1545,6 @@ function $235a2771a44e28e9$export$fecbb157621501bd({ number_of_rendered_selected
                     const _el$ = (0, $57o7A$solidjsweb.getNextElement)($235a2771a44e28e9$var$_tmpl$2), _el$2 = _el$.firstChild, _el$4 = _el$2.firstChild, [_el$5, _co$] = (0, $57o7A$solidjsweb.getNextMarker)(_el$4.nextSibling), _el$3 = _el$5.nextSibling, _el$7 = _el$2.nextSibling, [_el$8, _co$2] = (0, $57o7A$solidjsweb.getNextMarker)(_el$7.nextSibling);
                     (0, $57o7A$solidjsweb.insert)(_el$2, ()=>i18n_.selected_filters_title_(), _el$5, _co$);
                     (0, $57o7A$solidjsweb.insert)(_el$, (0, $57o7A$solidjsweb.createComponent)((0, $a0e53f99354809d9$export$6649caad96ef8870), {
-                        button_: slider_arrow_button_,
                         slider_ref_: (slider)=>slider.container.classList.add("filter-crumbs"),
                         get children () {
                             return [
@@ -1811,6 +1811,7 @@ function $235a2771a44e28e9$export$fecbb157621501bd({ number_of_rendered_selected
 
 
 
+
 async function $9abb0a35d4b60ed3$export$79b1565500412d9b(search_modal, modal_fn_opts) {
     const body = await (0, $57o7A$depictaiutilishared.observer).wait_for_element("body");
     let dispose_and_remove;
@@ -4255,7 +4256,8 @@ function $f49857214f7675b1$export$cb808a3c41736d8e() {
 
 
 
-const $f8f64d05c525825b$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="filters"><div class="body"></div></div>`, 4), $f8f64d05c525825b$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="sorting"><div class="body"></div></div>`, 4), $f8f64d05c525825b$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="sort-and-filter-buttons"><div class="outer"><div class="inner"><!#><!/><!#><!/><!#><!/></div></div></div>`, 12), $f8f64d05c525825b$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<span class="num-filters"></span>`, 2), $f8f64d05c525825b$var$_tmpl$5 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="open-filters-button-container"><!#><!/><button class="filter toggle-button major-minor-transition" type="button"><!#><!/><span></span></button></div>`, 10), $f8f64d05c525825b$var$_tmpl$6 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<button class="toggle-button for-sorting major-minor-transition"><span></span><!#><!/></button>`, 6);
+
+const $f8f64d05c525825b$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="filters"><div class="body"></div></div>`, 4), $f8f64d05c525825b$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="sorting"><div class="body"></div></div>`, 4), $f8f64d05c525825b$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="sort-and-filter-buttons"><div class="outer"><div class="inner"><!#><!/><!#><!/><!#><!/></div></div></div>`, 12), $f8f64d05c525825b$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<span class="num-filters"></span>`, 2), $f8f64d05c525825b$var$_tmpl$5 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="open-filters-button-container"><!#><!/><button type="button"><!#><!/><span></span></button></div>`, 10), $f8f64d05c525825b$var$_tmpl$6 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<button class="toggle-button for-sorting major-minor-transition"><span></span><!#><!/></button>`, 6);
 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_  }) {
     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
@@ -4407,6 +4409,7 @@ function $f8f64d05c525825b$var$OpenFiltersButton({ i18n_: i18n_ , search_filters
                 search_sorting_open_[1](false);
             })), true);
         (0, $57o7A$solidjsweb.setAttribute)(_el$16, "tabindex", tabindex_);
+        (0, $57o7A$solidjsweb.className)(_el$16, "filter toggle-button major-minor-transition" + ((0, $57o7A$solidjsweb.isServer) ? " minor" : ""));
         (0, $57o7A$solidjsweb.insert)(_el$16, (0, $57o7A$solidjsweb.createComponent)((0, $57o7A$solidjs.Show), {
             get when () {
                 return filters_closed();
@@ -4892,7 +4895,7 @@ function $e53b2e7e632ac4cb$export$5646050d516e06bc({ crumb_data_: get_api_crumb_
 
 
 const $8cceb1d3a967f369$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<nav class="quicklinks"></nav>`, 2), $8cceb1d3a967f369$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div>QuickLinks failed</div>`, 2), $8cceb1d3a967f369$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<a class="quicklink"></a>`, 2);
-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;
@@ -4949,7 +4952,6 @@ function $8cceb1d3a967f369$export$466cdc317043f6cb({ quicklinks_data_: quicklink
             const _el$ = (0, $57o7A$solidjsweb.getNextElement)($8cceb1d3a967f369$var$_tmpl$);
             (0, $57o7A$solidjsweb.insert)(_el$, (0, $57o7A$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;
@@ -5304,7 +5306,7 @@ function $cafad5eca9f09cb5$export$d4fc5c0e68a52116(el, query_id_, i18n_) {
 
 
 const $840d88a04b2d22a7$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="product-count"><!#><!/> <!#><!/></div>`, 6), $840d88a04b2d22a7$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div></div>`, 2), $840d88a04b2d22a7$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="filter-results-for-one-row"><!#><!/><!#><!/></div>`, 6), $840d88a04b2d22a7$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="depict plp category"><div class="listing-page"><!#><!/><!#><!/><!#><!/><!#><!/><!#><!/><!#><!/></div><!#><!/><!#><!/></div>`, 20);
-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_ , 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_;
@@ -5456,17 +5458,18 @@ function $840d88a04b2d22a7$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
     (0, $57o7A$solidjs.createRenderEffect)((0, $57o7A$depictaiutilishared.catchify)(async ()=>{
         const slim = is_slim_();
         const only_show_filters_opener = only_show_filters_opener_?.();
+        const owner = (0, $57o7A$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
-        ] : (()=>{
-            const _el$8 = (0, $57o7A$solidjsweb.getNextElement)($840d88a04b2d22a7$var$_tmpl$3), _el$9 = _el$8.firstChild, [_el$10, _co$3] = (0, $57o7A$solidjsweb.getNextMarker)(_el$9.nextSibling), _el$11 = _el$10.nextSibling, [_el$12, _co$4] = (0, $57o7A$solidjsweb.getNextMarker)(_el$11.nextSibling);
-            (0, $57o7A$solidjsweb.insert)(_el$8, results_for, _el$10, _co$3);
-            (0, $57o7A$solidjsweb.insert)(_el$8, filters_opener, _el$12, _co$4);
-            return _el$8;
-        })());
+        (0, $57o7A$solidjs.runWithOwner)(owner, ()=>set_results_filters(slim ? only_show_filters_opener ? filters_opener : [
+                results_for,
+                filters_opener
+            ] : (()=>{
+                const _el$8 = (0, $57o7A$solidjsweb.getNextElement)($840d88a04b2d22a7$var$_tmpl$3), _el$9 = _el$8.firstChild, [_el$10, _co$3] = (0, $57o7A$solidjsweb.getNextMarker)(_el$9.nextSibling), _el$11 = _el$10.nextSibling, [_el$12, _co$4] = (0, $57o7A$solidjsweb.getNextMarker)(_el$11.nextSibling);
+                (0, $57o7A$solidjsweb.insert)(_el$8, results_for, _el$10, _co$3);
+                (0, $57o7A$solidjsweb.insert)(_el$8, filters_opener, _el$12, _co$4);
+                return _el$8;
+            })()));
     }));
     (0, $6b384adf40a5f4d7$export$e702733a056c40d6)({
         selected_filters_: selected_filters_,
@@ -5506,7 +5509,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_
                     });
@@ -5527,7 +5529,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_,
@@ -5928,7 +5929,6 @@ class $e96dd13889871fc0$export$7e1297a3a19f10d8 {
 
 
 
-
 const $48567ac5b39bac56$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="depict plp category"></div>`, 2);
 const $48567ac5b39bac56$var$min_products_to_fetch_ = 20;
 const $48567ac5b39bac56$var$privately_shared_properties = /*@__PURE__*/ new WeakMap();
@@ -6009,11 +6009,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, $0f313083912e447a$export$8be2714ec7f169ee)({
-                    height_: 12,
-                    width_: 6.46
-                })
+                sideways_filter_clearing_flag_: sideways_filter_clearing_flag_
             });
         });
     }
@@ -6027,7 +6023,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, $57o7A$solidjs.onCleanup)(reset_history_state_);
         return (0, $840d88a04b2d22a7$export$f7d2f673fc2f091d)({
             tenant_: ()=>depict_category.merchant,
@@ -6046,7 +6042,6 @@ function $48567ac5b39bac56$export$e2bf8ce7779e827e({ depict_category: depict_cat
             get_quicklinks_accessor_: (accessor)=>(0, $57o7A$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_,
@@ -6073,7 +6068,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, $57o7A$solidjsweb.createComponent)($48567ac5b39bac56$var$InExternalAreaDiv, {
         get children () {
             return (0, $8cceb1d3a967f369$export$466cdc317043f6cb)({
@@ -6081,7 +6076,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_
             });
         }
@@ -6215,9 +6209,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);
@@ -6233,7 +6227,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, $57o7A$depictaiutilishared.report)([
+            $7b4bc889571cc67b$var$fetch_and_store_categories(tenant, market, localstorage_key, type).catch((e)=>(0, $57o7A$depictaiutilishared.report)([
                     e,
                     "couldn't fetch categories"
                 ], "warning"));
@@ -6241,10 +6235,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(),
@@ -6258,12 +6252,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, $57o7A$depictaiutilishared.fetch_retry)((0, $57o7A$depictaiutilishared.base_url) + "/v2/product-listing/queries", {
         method: "POST",
         body: JSON.stringify({
             tenant: tenant,
-            market: market
+            market: market,
+            ...type ? {
+                type: type
+            } : {}
         })
     });
     if (!fetched) return [];
@@ -7964,7 +7961,7 @@ function $f40a47a30a358305$var$close_modal_when_navigating_away(close_modal, sea
 
 
 const $04048c1bef16c249$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="category-suggestions"></div>`, 2), $04048c1bef16c249$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="category-suggestion"></div>`, 2);
-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, $57o7A$solidjs.createMemo)(()=>suggestions_()?.suggestions.filter((s)=>s.type === "category"));
     return (0, $57o7A$solidjsweb.createComponent)((0, $57o7A$solidjs.Show), {
         get when () {
@@ -7973,7 +7970,6 @@ function $04048c1bef16c249$export$c05a196222ba1302({ suggestions_: suggestions_
         get children () {
             const _el$ = (0, $57o7A$solidjsweb.getNextElement)($04048c1bef16c249$var$_tmpl$);
             (0, $57o7A$solidjsweb.insert)(_el$, (0, $57o7A$solidjsweb.createComponent)((0, $a0e53f99354809d9$export$6649caad96ef8870), {
-                button_: slider_arrow_button_,
                 faded_opacity_: 0.7,
                 get children () {
                     return (0, $57o7A$solidjsweb.createComponent)((0, $57o7A$solidjs.Show), {
@@ -8049,7 +8045,7 @@ function $65a0c4b1c2eb5d0b$export$9dd50d35b9d94fdf({ get_search_query_: get_sear
 
 const $f1d7cb69f839a526$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="filter-results-for-one-row"><!#><!/><!#><!/></div>`, 6), $f1d7cb69f839a526$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="depict plp search"><div class="listing-page"><!#><!/><!#><!/><!#><!/><!#><!/><!#><!/><!#><!/></div><!#><!/><!#><!/></div>`, 20);
 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, $57o7A$solidjs.createSignal)(false);
     const [get_all_products_loaded, set_all_products_loaded] = all_products_loaded_;
@@ -8169,18 +8165,19 @@ function $f1d7cb69f839a526$export$a54ec244c8863715(opts) {
         number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_
     });
     const results_filters = (0, $57o7A$solidjs.createSignal)();
+    const owner = (0, $57o7A$solidjs.getOwner)();
     (0, $57o7A$solidjs.onCleanup)((0, $57o7A$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
-        ] : (()=>{
-            const _el$ = (0, $57o7A$solidjsweb.getNextElement)($f1d7cb69f839a526$var$_tmpl$), _el$2 = _el$.firstChild, [_el$3, _co$] = (0, $57o7A$solidjsweb.getNextMarker)(_el$2.nextSibling), _el$4 = _el$3.nextSibling, [_el$5, _co$2] = (0, $57o7A$solidjsweb.getNextMarker)(_el$4.nextSibling);
-            (0, $57o7A$solidjsweb.insert)(_el$, results_for, _el$3, _co$);
-            (0, $57o7A$solidjsweb.insert)(_el$, filters_opener, _el$5, _co$2);
-            return _el$;
-        })());
+        (0, $57o7A$solidjs.runWithOwner)(owner, ()=>results_filters[1](matches ? [
+                results_for,
+                filters_opener
+            ] : (()=>{
+                const _el$ = (0, $57o7A$solidjsweb.getNextElement)($f1d7cb69f839a526$var$_tmpl$), _el$2 = _el$.firstChild, [_el$3, _co$] = (0, $57o7A$solidjsweb.getNextMarker)(_el$2.nextSibling), _el$4 = _el$3.nextSibling, [_el$5, _co$2] = (0, $57o7A$solidjsweb.getNextMarker)(_el$4.nextSibling);
+                (0, $57o7A$solidjsweb.insert)(_el$, results_for, _el$3, _co$);
+                (0, $57o7A$solidjsweb.insert)(_el$, filters_opener, _el$5, _co$2);
+                return _el$;
+            })()));
     }).remove);
     (0, $57o7A$depictaiutilishared.catchify)((0, $276380e4607fb9fb$export$6e49da55e449af7c))({
         scroll_restoration_data_: scroll_restoration_data_,
@@ -8212,7 +8209,6 @@ function $f1d7cb69f839a526$export$a54ec244c8863715(opts) {
                 get children () {
                     return (0, $57o7A$solidjsweb.createComponent)((0, $04048c1bef16c249$export$c05a196222ba1302), {
                         suggestions_: suggestions,
-                        slider_arrow_button_: slider_arrow_button_,
                         children: make_category_suggestion_card_
                     });
                 }
@@ -8232,7 +8228,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_,
@@ -8359,7 +8354,6 @@ function $d8e94ea381ab57fa$export$828dcdd425fd3231(aligner) {
 
 
 
-
 const $2c61e4cd8229c49a$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="depict plp search"></div>`, 2);
 /**
  * Type for the private properties that are shared between the different exported search SDK wrapper functions. SDK users are not allowed to change/access these, they're an internal implementation detail.
@@ -8645,10 +8639,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, $0f313083912e447a$export$8be2714ec7f169ee)({
-                height_: 12,
-                width_: 6.46
-            }),
             product_card_template_: product_card_template
         });
     }, "Entire SearchPage failed");