@depict-ai/ui 1.0.1 → 1.0.3

package/dist/main.js

@@ -1,7 +1,6 @@
 var $46MJV$depictaiutilishared = require("@depict-ai/utilishared");
 var $46MJV$solidjsweb = require("solid-js/web");
 var $46MJV$solidjs = require("solid-js");
-var $46MJV$lzstring = require("lz-string");
 
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
@@ -35,7 +34,7 @@ $parcel$export(module.exports, "SolidFormatPrice", () => $5fc9fc23df1591db$expor
 $parcel$export(module.exports, "connect_search_field_height_to_aligner_height", () => $246e3e89a097f014$export$828dcdd425fd3231);
 $parcel$export(module.exports, "PageReplacer", () => $37e96a5ebc768cc7$export$3ccaa27d81dd8556);
 $parcel$export(module.exports, "version", () => $ae93561d5649a847$export$83d89fbfd8236492);
-/*! Depict.ai search and product listing SDK */ const $ae93561d5649a847$export$83d89fbfd8236492 = "1.0.1";
+/*! Depict.ai search and product listing SDK */ const $ae93561d5649a847$export$83d89fbfd8236492 = "1.0.3";
 
 
 
@@ -4431,7 +4430,7 @@ function $c6a04c153e9853a7$var$encode_filter_data(op, data) {
         return encoded_data;
     }
     // Fallback encoding
-    return (0, $46MJV$lzstring.compressToBase64)(JSON.stringify(data));
+    return (0, $46MJV$depictaiutilishared.base64_encode_unicode)(JSON.stringify(data));
 }
 function $c6a04c153e9853a7$var$decode_filter_data(op, encoded_data) {
     if (encoded_data === "1") return "true";
@@ -4439,7 +4438,7 @@ function $c6a04c153e9853a7$var$decode_filter_data(op, encoded_data) {
     if (op === "inrange" && encoded_data.includes($c6a04c153e9853a7$var$range_delimiter)) return encoded_data.split($c6a04c153e9853a7$var$range_delimiter).map((x)=>parseFloat(x));
     if (encoded_data.includes($c6a04c153e9853a7$var$string_item_delimiter) || encoded_data.includes($c6a04c153e9853a7$var$array_item_delimiter)) return $c6a04c153e9853a7$var$decode_array(encoded_data);
     try {
-        return JSON.parse((0, $46MJV$lzstring.decompressFromBase64)(encoded_data));
+        return JSON.parse((0, $46MJV$depictaiutilishared.base64_decode_unicode)(encoded_data));
     } catch (e) {
         (0, $46MJV$depictaiutilishared.dlog)("Failed to fallback parse filter data", op, encoded_data, e);
     }
@@ -4500,13 +4499,13 @@ function $c6a04c153e9853a7$export$af4a870a0ee262c4(search_params) {
     ];
     for (const key of keys)if (key.startsWith($c6a04c153e9853a7$var$filter_query_param_prefix) || key === $c6a04c153e9853a7$var$sorting_query_param) search_params.delete(key);
 }
-const $c6a04c153e9853a7$export$e2cf3f19dd3f8aac = "went_sideways_clear_filters";
+const $c6a04c153e9853a7$export$cf5feb2102aec7f2 = "went_sideways_clear_filters";
 function $c6a04c153e9853a7$export$43cd1e747fecd42e(to_url, set_clearing_flag, from_search_params = new URLSearchParams(location.search)) {
     if (!to_url) return to_url;
     const was_url_object = to_url instanceof URL;
     const url_object = was_url_object ? to_url : new URL(to_url, location.origin);
     const { searchParams: searchParams  } = url_object;
-    if (set_clearing_flag) searchParams.set($c6a04c153e9853a7$export$e2cf3f19dd3f8aac, "true");
+    if (set_clearing_flag) searchParams.set($c6a04c153e9853a7$export$cf5feb2102aec7f2, "true");
     if (from_search_params.has($c6a04c153e9853a7$var$sorting_query_param)) searchParams.set($c6a04c153e9853a7$var$sorting_query_param, from_search_params.get($c6a04c153e9853a7$var$sorting_query_param));
     for (const key of from_search_params.keys())if (key.startsWith($c6a04c153e9853a7$var$filter_query_param_prefix)) searchParams.set(key, from_search_params.get(key));
     if (was_url_object) return url_object;
@@ -4680,6 +4679,7 @@ function $cdc2c00c0a7da86e$export$466cdc317043f6cb({ quicklinks_data_: quicklink
                         const quicklinks_data = quicklinks_data_(); // this signal should have updated by now since this is a createEffect
                         const current_id = current_query_id_();
                         if (!new_data || !quicklinks_data || !current_id) return;
+                        const owner = (0, $46MJV$solidjs.getOwner)();
                         queueMicrotask(()=>{
                             // has to be in microtask so that elements have rendered and are scroll-to-able
                             scrolling_logic_ran_for_query_id = true;
@@ -4692,17 +4692,17 @@ function $cdc2c00c0a7da86e$export$466cdc317043f6cb({ quicklinks_data_: quicklink
                             } else if (!(intersecting_items_object[selected_index()]?.intersectionRatio >= 0.95)) {
                                 // negated larger than to handle left side of comparison being undefined
                                 let done_work = false;
-                                (0, $46MJV$solidjs.createComputed)((0, $46MJV$depictaiutilishared.catchify)(()=>{
-                                    if (done_work || !Array.isArray(quicklinks_data_())) return;
-                                    const sel_index = selected_index();
-                                    const target_element = sel_index >= 0 ? sel_index : 0;
-                                    if (document.documentElement.contains(insert_here)) {
-                                        slider.scroll_to_abs(target_element, true); // if nothing selected and no selected scroll position, go to left
-                                        last_scroll_position = insert_here.scrollLeft; // update this because it might get removed from the DOM before intersection observers triggered (actually happened for me)
-                                    } else // can't scroll if not in the DOM, scroll when we're back instead
-                                    scroll_to_element_on_dom_insertion = target_element;
-                                    done_work = true;
-                                }));
+                                (0, $46MJV$solidjs.runWithOwner)(owner, ()=>(0, $46MJV$solidjs.createComputed)((0, $46MJV$depictaiutilishared.catchify)(()=>{
+                                        if (done_work || !Array.isArray(quicklinks_data_())) return;
+                                        const sel_index = selected_index();
+                                        const target_element = sel_index >= 0 ? sel_index : 0;
+                                        if (document.documentElement.contains(insert_here)) {
+                                            slider.scroll_to_abs(target_element, true); // if nothing selected and no selected scroll position, go to left
+                                            last_scroll_position = insert_here.scrollLeft; // update this because it might get removed from the DOM before intersection observers triggered (actually happened for me)
+                                        } else // can't scroll if not in the DOM, scroll when we're back instead
+                                        scroll_to_element_on_dom_insertion = target_element;
+                                        done_work = true;
+                                    })));
                             }
                         });
                     }, {
@@ -4889,8 +4889,7 @@ let $29b757e2ae26852c$export$44dad306455dddf;
 
 
 
-
-function $207f7b30db90d048$export$3945d6db2dfd3d12({ crumb_data_: crumb_data_ , query_id_: query_id_ , i18n_: i18n_ , selected_filters_: selected_filters_ , local_filter_cache_: local_filter_cache_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , plp_results_: plp_results_ , router_: router_  }) {
+function $207f7b30db90d048$export$3945d6db2dfd3d12({ crumb_data_: crumb_data_ , query_id_: query_id_ , i18n_: i18n_ , selected_filters_: selected_filters_ , local_filter_cache_: local_filter_cache_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , plp_results_: plp_results_ , sideways_filter_clearing_flag_: sideways_filter_clearing_flag_  }) {
     // If we just got opened in a new tab, clear filters instantly and remove the flag
     $207f7b30db90d048$var$clear_if_opened_new_tab_with_sideways_url_params_flag({
         plp_results_: plp_results_,
@@ -4898,7 +4897,7 @@ function $207f7b30db90d048$export$3945d6db2dfd3d12({ crumb_data_: crumb_data_ ,
         expanded_hierarchical_filters_: expanded_hierarchical_filters_,
         selected_filters_: selected_filters_,
         i18n_: i18n_,
-        router_: router_
+        sideways_filter_clearing_flag_: sideways_filter_clearing_flag_
     });
     // Code below is for when we're already open and the user navigates to a new category
     let previous_crumb_data = (0, $46MJV$solidjs.untrack)(crumb_data_);
@@ -4928,7 +4927,7 @@ function $207f7b30db90d048$export$3945d6db2dfd3d12({ crumb_data_: crumb_data_ ,
                     local_filter_cache_: local_filter_cache_
                 });
                 // Also ensure we don't have `sideways_url_params_flag` set anymore
-                $207f7b30db90d048$var$delete_sideways_param_flag(router_);
+                sideways_filter_clearing_flag_[1](false);
             }
         }
         query_id_when_we_got_previous_data = query_id_of_new_data;
@@ -4936,11 +4935,11 @@ function $207f7b30db90d048$export$3945d6db2dfd3d12({ crumb_data_: crumb_data_ ,
         if (!allow_filter_clearing) allow_filter_clearing = true;
     })));
 }
-function $207f7b30db90d048$var$clear_if_opened_new_tab_with_sideways_url_params_flag({ plp_results_: plp_results_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , i18n_: i18n_ , selected_filters_: selected_filters_ , local_filter_cache_: local_filter_cache_ , router_: router_  }) {
+function $207f7b30db90d048$var$clear_if_opened_new_tab_with_sideways_url_params_flag({ plp_results_: plp_results_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , i18n_: i18n_ , selected_filters_: selected_filters_ , local_filter_cache_: local_filter_cache_ , sideways_filter_clearing_flag_: [get_sideways_filter_clearing_flag_, set_sideways_filter_clearing_flag_]  }) {
     const tracking_function_for_plp_results = (0, $46MJV$solidjs.createReaction)(()=>{
         // On first rendering of the CategoryPage (after we have results), check if we got to this URL by going sideways in QuickLinks and clear filters with toast if so
-        const had_flag = $207f7b30db90d048$var$delete_sideways_param_flag(router_);
-        if (!had_flag) return;
+        if (!(0, $46MJV$solidjs.untrack)(get_sideways_filter_clearing_flag_)) return;
+        set_sideways_filter_clearing_flag_(false);
         (0, $46MJV$depictaiutilishared.dlog)("Flag to clear filters was set, clearing filters");
         (0, $46MJV$depictaiutilishared.queueMacroTask)(()=>{
             // Do it next task so that all the filters have time to populate
@@ -4956,22 +4955,10 @@ function $207f7b30db90d048$var$clear_if_opened_new_tab_with_sideways_url_params_
     });
     tracking_function_for_plp_results(plp_results_);
 }
-function $207f7b30db90d048$var$delete_sideways_param_flag(router) {
-    const url_object = new URL(location.href);
-    const { searchParams: searchParams  } = url_object;
-    if (searchParams.get((0, $c6a04c153e9853a7$export$e2cf3f19dd3f8aac)) !== "true") return false;
-    searchParams.delete((0, $c6a04c153e9853a7$export$e2cf3f19dd3f8aac));
-    router.navigate_.go_to_({
-        new_url_: url_object,
-        is_replace_: true,
-        force_spa_navigation_: true
-    });
-    return true;
-}
 
 
 const $671632478f2a7ce7$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="product-count"> </div>`, 2), $671632478f2a7ce7$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div></div>`, 2), $671632478f2a7ce7$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="filter-results-for-one-row"></div>`, 2), $671632478f2a7ce7$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="depict plp category"><div class="listing-page"></div></div>`, 4);
-function $671632478f2a7ce7$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_  }) {
+function $671632478f2a7ce7$export$f7d2f673fc2f091d({ depict_api_: depict_api_ , query_id_: query_id_ , current_sorting_: current_sorting_ , min_products_to_fetch_: min_products_to_fetch_ , category_filters_open_: category_filters_open_ , category_sorting_open_: category_sorting_open_ , expanded_filters_: expanded_filters_ , selected_filters_: selected_filters_ , get_quicklinks_accessor_: get_quicklinks_accessor_ , i18n_: incoming_i18n , get_breadcrumb_accessor_: get_breadcrumb_accessor_ , slider_arrow_button_: slider_arrow_button_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , local_filter_cache_: local_filter_cache_ , tenant_: tenant_ , market_: market_ , router_: router_ , show_quicklinks_: show_quicklinks_ , category_title_: category_title_ , show_breadcrumbs_: show_breadcrumbs_ , layout_options_: layout_options_ , scroll_restoration_data_: scroll_restoration_data_ , product_card_template_: product_card_template_ , sideways_filter_clearing_flag_: sideways_filter_clearing_flag_  }) {
     let results_for;
     let only_show_filters_opener_;
     let middle_elements_;
@@ -5147,7 +5134,7 @@ function $671632478f2a7ce7$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
         local_filter_cache_: local_filter_cache_,
         expanded_hierarchical_filters_: expanded_hierarchical_filters_,
         plp_results_: plp_results_,
-        router_: router_
+        sideways_filter_clearing_flag_: sideways_filter_clearing_flag_
     });
     get_breadcrumb_accessor_?.(crumb_data_);
     get_quicklinks_accessor_?.(quicklinks_data_);
@@ -5339,7 +5326,9 @@ const $7958d3dbd96a4f87$export$6daf8749b65a1b77 = (cols_at_size)=>{
         ];
     }
     // Sort widths in ascending order
-    const sorted_cols_at_size = cols_at_size.sort((a, b)=>{
+    const sorted_cols_at_size = [
+        ...cols_at_size
+    ].sort((a, b)=>{
         const [_b, width_A] = a;
         const [_a, width_b] = b;
         if (width_A === undefined) return -1;
@@ -5397,14 +5386,18 @@ function $f27b0b326e0a87e2$export$23fca46f3143581f(component, error_message) {
 
 
 
-function $cb699e435fadd254$export$477caf01aecaeb2a({ search_query_url_param_name_: search_query_url_param_name_ , router_: router_  }) {
+function $cb699e435fadd254$export$477caf01aecaeb2a(options) {
+    const router_ = options.router_;
+    const search_query_url_param_name_ = "search_query_url_param_name_" in options ? options.search_query_url_param_name_ : undefined;
     const search_query_ = search_query_url_param_name_ ? (0, $46MJV$solidjs.createSignal)("") : undefined;
     const get_search_query_ = search_query_?.[0];
     const set_search_query = search_query_?.[1];
     const current_sorting_ = (0, $46MJV$solidjs.createSignal)();
     const selected_filters_ = (0, $46MJV$solidjs.createSignal)([]);
+    const sideways_filter_clearing_flag_ = (0, $46MJV$solidjs.createSignal)(false);
     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, $46MJV$solidjs.createSignal)(location.href);
     const history_change_handler = (0, $46MJV$depictaiutilishared.catchify)(()=>set_current_href(location.href));
     const owner = (0, $46MJV$solidjs.getOwner)() || (0, $46MJV$solidjs.createRoot)(()=>(0, $46MJV$solidjs.getOwner)());
@@ -5438,12 +5431,14 @@ function $cb699e435fadd254$export$477caf01aecaeb2a({ search_query_url_param_name
                 const found_query = searchParams.get(search_query_url_param_name_);
                 set_search_query(found_query || "");
             }
+            if (searchParams.get((0, $c6a04c153e9853a7$export$cf5feb2102aec7f2)) === "true") set_has_sideways_filter_clearing_flag(true);
             if (!writer_started) {
                 // The owner here is the createComputed which gets disposed the next time the computation runs - but we actually just want to delay the start of the href_writer until our signals contain the current value of the URL, therefore the runWithOwner
                 (0, $46MJV$solidjs.runWithOwner)(owner, ()=>$cb699e435fadd254$var$start_href_writer({
                         get_sorting_: get_sorting_,
                         get_selected_filters_: get_selected_filters_,
-                        router_: router_
+                        router_: router_,
+                        get_has_sideways_filter_clearing_flag_: get_has_sideways_filter_clearing_flag_
                     }));
                 writer_started = true;
             }
@@ -5455,22 +5450,26 @@ function $cb699e435fadd254$export$477caf01aecaeb2a({ search_query_url_param_name
         selected_filters_: selected_filters_,
         ...typeof search_query_url_param_name_ === "string" ? {
             search_query_accessor_: get_search_query_
-        } : {}
+        } : {
+            sideways_filter_clearing_flag_: sideways_filter_clearing_flag_
+        }
     };
 }
 /**
  * Writes the sorting and filters to the URL query parameters when they change.
- */ function $cb699e435fadd254$var$start_href_writer({ get_sorting_: get_sorting_ , get_selected_filters_: get_selected_filters_ , router_: router_  }) {
+ */ function $cb699e435fadd254$var$start_href_writer({ get_sorting_: get_sorting_ , get_selected_filters_: get_selected_filters_ , router_: router_ , get_has_sideways_filter_clearing_flag_: get_has_sideways_filter_clearing_flag_  }) {
     (0, $46MJV$solidjs.createEffect)((0, $46MJV$solidjs.on)([
         get_sorting_,
-        get_selected_filters_
-    ], ([sorting, filters])=>{
+        get_selected_filters_,
+        get_has_sideways_filter_clearing_flag_
+    ], ([sorting, filters, has_sideways_filter_clearing_flag])=>{
         const current_href = location.href;
         const url_object = new URL(current_href);
         const { searchParams: searchParams  } = url_object;
         (0, $c6a04c153e9853a7$export$af4a870a0ee262c4)(searchParams);
         (0, $c6a04c153e9853a7$export$62acb285a7579555)(sorting, searchParams);
         (0, $c6a04c153e9853a7$export$58aa3f171519b6d7)(filters, searchParams);
+        if (!has_sideways_filter_clearing_flag) $cb699e435fadd254$var$delete_sideways_param_flag(searchParams);
         // We can't just check if the URL is equal since sometimes the order of the parameters in the URL changes (randomly?) so we need to compare them one by one
         const unmodified_search_params = [
             ...new URL(current_href).searchParams
@@ -5490,6 +5489,9 @@ function $cb699e435fadd254$export$477caf01aecaeb2a({ search_query_url_param_name
         defer: true
     }));
 }
+function $cb699e435fadd254$var$delete_sideways_param_flag(searchParams) {
+    if (searchParams.get((0, $c6a04c153e9853a7$export$cf5feb2102aec7f2)) === "true") searchParams.delete((0, $c6a04c153e9853a7$export$cf5feb2102aec7f2));
+}
 
 
 
@@ -5623,38 +5625,42 @@ class $068a627cc18f7bb6$export$f34314aa9505732e {
         this.#router.on_navigation_ = new_function;
     }
     constructor({ api: api , on_navigation: on_navigation , ...props_on_class }){
-        if ($068a627cc18f7bb6$export$f34314aa9505732e.#has_been_constructed) throw new Error("You can only have one instance of DepictCategory due to state limitations");
-        $068a627cc18f7bb6$export$f34314aa9505732e.#has_been_constructed = true;
-        Object.assign(this, props_on_class); // set initial signal values
-        (0, $33815c5a406b6cc0$export$5162a71f252e6122)();
-        if (on_navigation) this.#router.on_navigation_ = on_navigation;
-        const { selected_filters_: selected_filters_ , current_sorting_: current_sorting_  } = (0, $cb699e435fadd254$export$477caf01aecaeb2a)({
-            router_: this.#router
-        });
-        const [reset_history_state_, state_] = (0, $0de081f67b6d15b5$export$9862539c89138352)(()=>({
-                category_filters_open: false,
-                category_sorting_open: false,
-                category_expanded_filters: [],
-                // Please make sure that the signal created by below line always updates AFTER selected_filters_ updates on a "popstate" event. If the filter cache is popped before the selected filters are the code in create_modified_filters() is going to re-calculate search_local_filter_cache without knowing the real value of search_selected_filters, and we'll end up with too few filters in search_local_filter_cache in some cases
-                category_local_filter_cache: [],
-                category_expanded_hierarchical_filters: [],
-                category_scroll_restoration_data: []
-            }), this.#router);
-        const i18n_ = (0, $623202ae203e9e59$export$f091cbac892643a4)(this.#locale_signal[0]);
-        $068a627cc18f7bb6$var$privately_shared_properties.set(this, {
-            state_: state_,
-            breadcrumb_signal_: (0, $46MJV$solidjs.createSignal)(),
-            quicklinks_signal_: (0, $46MJV$solidjs.createSignal)(),
-            i18n_: i18n_,
-            reset_history_state_: reset_history_state_,
-            depict_api_: api ?? new (0, $9ce64f69303c371e$export$e015ed2f2950f2e3)(),
-            router_: this.#router,
-            selected_filters_: selected_filters_,
-            current_sorting_: current_sorting_,
-            slider_arrow_button_: (0, $46MJV$depictaiutilishared.GenericSliderArrowButton)({
-                height_: 12,
-                width_: 6.46
-            })
+        const owner = (0, $46MJV$solidjs.getOwner)() || (0, $46MJV$solidjs.createRoot)(()=>(0, $46MJV$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, $46MJV$solidjs.runWithOwner)(owner, ()=>{
+            if ($068a627cc18f7bb6$export$f34314aa9505732e.#has_been_constructed) throw new Error("You can only have one instance of DepictCategory due to state limitations");
+            $068a627cc18f7bb6$export$f34314aa9505732e.#has_been_constructed = true;
+            Object.assign(this, props_on_class); // set initial signal values
+            (0, $33815c5a406b6cc0$export$5162a71f252e6122)();
+            if (on_navigation) this.#router.on_navigation_ = on_navigation;
+            const { selected_filters_: selected_filters_ , current_sorting_: current_sorting_ , sideways_filter_clearing_flag_: sideways_filter_clearing_flag_  } = (0, $cb699e435fadd254$export$477caf01aecaeb2a)({
+                router_: this.#router
+            });
+            const [reset_history_state_, state_] = (0, $0de081f67b6d15b5$export$9862539c89138352)(()=>({
+                    category_filters_open: false,
+                    category_sorting_open: false,
+                    category_expanded_filters: [],
+                    // Please make sure that the signal created by below line always updates AFTER selected_filters_ updates on a "popstate" event. If the filter cache is popped before the selected filters are the code in create_modified_filters() is going to re-calculate search_local_filter_cache without knowing the real value of search_selected_filters, and we'll end up with too few filters in search_local_filter_cache in some cases
+                    category_local_filter_cache: [],
+                    category_expanded_hierarchical_filters: [],
+                    category_scroll_restoration_data: []
+                }), this.#router);
+            const i18n_ = (0, $623202ae203e9e59$export$f091cbac892643a4)(this.#locale_signal[0]);
+            $068a627cc18f7bb6$var$privately_shared_properties.set(this, {
+                state_: state_,
+                breadcrumb_signal_: (0, $46MJV$solidjs.createSignal)(),
+                quicklinks_signal_: (0, $46MJV$solidjs.createSignal)(),
+                i18n_: i18n_,
+                reset_history_state_: reset_history_state_,
+                depict_api_: api ?? new (0, $9ce64f69303c371e$export$e015ed2f2950f2e3)(),
+                router_: this.#router,
+                selected_filters_: selected_filters_,
+                current_sorting_: current_sorting_,
+                sideways_filter_clearing_flag_: sideways_filter_clearing_flag_,
+                slider_arrow_button_: (0, $46MJV$depictaiutilishared.GenericSliderArrowButton)({
+                    height_: 12,
+                    width_: 6.46
+                })
+            });
         });
     }
 }
@@ -5667,7 +5673,7 @@ function $068a627cc18f7bb6$export$e2bf8ce7779e827e({ depict_category: depict_cat
         grid_spacing: grid_spacing.horizontal
     };
     return (0, $f27b0b326e0a87e2$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_  } = 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_ , slider_arrow_button_: slider_arrow_button_ , sideways_filter_clearing_flag_: sideways_filter_clearing_flag_  } = shared_properties;
         (0, $46MJV$solidjs.onCleanup)(reset_history_state_);
         return (0, $671632478f2a7ce7$export$f7d2f673fc2f091d)({
             tenant_: ()=>depict_category.merchant,
@@ -5690,6 +5696,7 @@ function $068a627cc18f7bb6$export$e2bf8ce7779e827e({ depict_category: depict_cat
             expanded_filters_: expanded_filters_,
             expanded_hierarchical_filters_: expanded_hierarchical_filters_,
             selected_filters_: selected_filters_,
+            sideways_filter_clearing_flag_: sideways_filter_clearing_flag_,
             scroll_restoration_data_: scroll_restoration_data_,
             layout_options_: {
                 cols_at_size: (0, $7958d3dbd96a4f87$export$6daf8749b65a1b77)(cols_at_size),
@@ -7898,159 +7905,161 @@ class $79fbf145b15af988$export$ac6237957a15b3f0 {
     #router = new (0, $43940d5ca403c293$export$7e1297a3a19f10d8)("hard_navigation");
     constructor({ search_query_url_param_name: search_query_url_param_name_ = "query" , url_transformer: url_transformer , on_navigation: on_navigation , enable_category_suggestions: enable_category_suggestions = true , disable_scrolling_during_modal: // Stuff needed for non-standard customer deployments that we shouldn't actually expose
     disable_scrolling_during_modal = true , api: api , bottom_distance_under_modal: bottom_distance_under_modal , render_instant_card: render_instant_card , ...props_on_class }){
-        if ($79fbf145b15af988$export$ac6237957a15b3f0.#has_been_constructed) throw new Error("You can only have one instance of DepictSearch");
-        Object.assign(this, props_on_class);
-        if (on_navigation) this.#router.on_navigation_ = on_navigation;
-        const { current_sorting_: current_sorting_ , selected_filters_: selected_filters_ , search_query_accessor_: raw_search_query_accessor  } = (0, $cb699e435fadd254$export$477caf01aecaeb2a)({
-            search_query_url_param_name_: search_query_url_param_name_,
-            router_: this.#router
-        });
-        const [reset_history_state_, state_] = (0, $0de081f67b6d15b5$export$9862539c89138352)(()=>({
-                search_field_value: new URLSearchParams(location.search).get(search_query_url_param_name_) ?? "",
-                search_filters_open: false,
-                search_sorting_open: false,
-                search_expanded_filters: [],
-                // Please make sure that the signal created by below line always updates AFTER selected_filters_ updates on a "popstate" event. If the filter cache is popped before the selected filters are the code in create_modified_filters() is going to re-calculate search_local_filter_cache without knowing the real value of search_selected_filters, and we'll end up with too few filters in search_local_filter_cache in some cases
-                search_local_filter_cache: [],
-                search_expanded_hierarchical_filters: [],
-                search_showing_recommendation_rows: (0, $9f81b7ced87aabf2$export$1c8c715550dc689d),
-                search_scroll_restoration_data: []
-            }), this.#router);
-        const search_query_updating_blocked_ = (0, $46MJV$solidjs.createSignal)(false);
-        const [get_search_query_updating_blocked] = search_query_updating_blocked_;
-        const get_search_query_ = (0, $46MJV$solidjs.createMemo)((previous_value)=>{
-            if (get_search_query_updating_blocked()) return previous_value;
-            else return raw_search_query_accessor();
-        });
-        const depict_api_ = api ?? new (0, $9ce64f69303c371e$export$e015ed2f2950f2e3)();
-        const previous_searches = (0, $ad118c2ba257d9b7$export$84bba84a7b837187)(get_search_query_);
-        const [, set_search_showing_recommendation_rows] = state_.search_showing_recommendation_rows;
-        const after_submit_ = ()=>set_search_showing_recommendation_rows((0, $9f81b7ced87aabf2$export$1c8c715550dc689d)); // do this every time after we have submitted a new query - otherwise there might already be a saved number of rows in the state
-        const on_submit_with_unchanged_value_ = ()=>this.modal_open = false;
-        const [get_search_field_value_, set_search_field_value_] = state_.search_field_value;
-        const configured_submit_query_ = (new_query)=>(0, $1c323edfb89c9dca$export$e16630ecb9644a1c)({
-                on_submit_with_unchanged_value_: on_submit_with_unchanged_value_,
-                set_search_field_value_: set_search_field_value_,
-                get_search_query_: get_search_query_,
-                search_param_name_: search_query_url_param_name_,
-                after_submit_: after_submit_,
-                get_new_query: ()=>new_query || (0, $46MJV$solidjs.untrack)(get_search_field_value_),
-                url_transformer_: url_transformer,
+        const owner = (0, $46MJV$solidjs.getOwner)() || (0, $46MJV$solidjs.createRoot)(()=>(0, $46MJV$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, $46MJV$solidjs.runWithOwner)(owner, ()=>{
+            if ($79fbf145b15af988$export$ac6237957a15b3f0.#has_been_constructed) throw new Error("You can only have one instance of DepictSearch");
+            Object.assign(this, props_on_class);
+            if (on_navigation) this.#router.on_navigation_ = on_navigation;
+            const { current_sorting_: current_sorting_ , selected_filters_: selected_filters_ , search_query_accessor_: raw_search_query_accessor  } = (0, $cb699e435fadd254$export$477caf01aecaeb2a)({
+                search_query_url_param_name_: search_query_url_param_name_,
                 router_: this.#router
             });
-        const i18n_ = (0, $623202ae203e9e59$export$f091cbac892643a4)(this.#locale_signal[0]);
-        const clear_filters_on_next_submit_ = (0, $8b282f736ce4f3b8$export$e026af0c7b64ea5f)({
-            selected_filters_: selected_filters_,
-            get_search_query_: get_search_query_,
-            current_sorting_: current_sorting_,
-            expanded_hierarchical_filters_: state_.search_expanded_hierarchical_filters,
-            i18n_: i18n_,
-            local_filter_cache_: state_.search_local_filter_cache
-        });
-        $79fbf145b15af988$var$privately_shared_properties.set(this, {
-            search_query_url_param_name_: search_query_url_param_name_,
-            reset_history_state_: reset_history_state_,
-            state_: state_,
-            router_: this.#router,
-            url_transformer_: url_transformer,
-            depict_api_: depict_api_,
-            enable_category_suggestions_: enable_category_suggestions,
-            clear_filters_on_next_submit_: clear_filters_on_next_submit_,
-            configured_submit_query_: configured_submit_query_,
-            get_search_query_: get_search_query_,
-            i18n_: i18n_,
-            search_query_updating_blocked_: search_query_updating_blocked_,
-            current_sorting_: current_sorting_,
-            selected_filters_: selected_filters_
-        });
-        (0, $33815c5a406b6cc0$export$5162a71f252e6122)();
-        (0, $46MJV$depictaiutilishared.catchify)(async ()=>{
-            const owner = (0, $46MJV$solidjs.getOwner)() || (0, $46MJV$solidjs.createRoot)(()=>(0, $46MJV$solidjs.getOwner)()); // we might have an owner, if so, pass it on. Otherwise, create one so solid doesn't print warnings to the console
-            const { open_modal_: open_modal_ , close_modal_: close_modal_  } = await (0, $089c01924e13fae5$export$79b1565500412d9b)((...args)=>{
-                (0, $46MJV$solidjs.onCleanup)(()=>this.modal_open = false);
-                return (0, $121d25ca6af2898f$export$1c593cbd6f1e10bc)(...args);
-            }, {
-                search_field_value_: state_.search_field_value,
+            const [reset_history_state_, state_] = (0, $0de081f67b6d15b5$export$9862539c89138352)(()=>({
+                    search_field_value: new URLSearchParams(location.search).get(search_query_url_param_name_) ?? "",
+                    search_filters_open: false,
+                    search_sorting_open: false,
+                    search_expanded_filters: [],
+                    // Please make sure that the signal created by below line always updates AFTER selected_filters_ updates on a "popstate" event. If the filter cache is popped before the selected filters are the code in create_modified_filters() is going to re-calculate search_local_filter_cache without knowing the real value of search_selected_filters, and we'll end up with too few filters in search_local_filter_cache in some cases
+                    search_local_filter_cache: [],
+                    search_expanded_hierarchical_filters: [],
+                    search_showing_recommendation_rows: (0, $9f81b7ced87aabf2$export$1c8c715550dc689d),
+                    search_scroll_restoration_data: []
+                }), this.#router);
+            const search_query_updating_blocked_ = (0, $46MJV$solidjs.createSignal)(false);
+            const [get_search_query_updating_blocked] = search_query_updating_blocked_;
+            const get_search_query_ = (0, $46MJV$solidjs.createMemo)((previous_value)=>{
+                if (get_search_query_updating_blocked()) return previous_value;
+                else return raw_search_query_accessor();
+            });
+            const depict_api_ = api ?? new (0, $9ce64f69303c371e$export$e015ed2f2950f2e3)();
+            const previous_searches = (0, $ad118c2ba257d9b7$export$84bba84a7b837187)(get_search_query_);
+            const [, set_search_showing_recommendation_rows] = state_.search_showing_recommendation_rows;
+            const after_submit_ = ()=>set_search_showing_recommendation_rows((0, $9f81b7ced87aabf2$export$1c8c715550dc689d)); // do this every time after we have submitted a new query - otherwise there might already be a saved number of rows in the state
+            const on_submit_with_unchanged_value_ = ()=>this.modal_open = false;
+            const [get_search_field_value_, set_search_field_value_] = state_.search_field_value;
+            const configured_submit_query_ = (new_query)=>(0, $1c323edfb89c9dca$export$e16630ecb9644a1c)({
+                    on_submit_with_unchanged_value_: on_submit_with_unchanged_value_,
+                    set_search_field_value_: set_search_field_value_,
+                    get_search_query_: get_search_query_,
+                    search_param_name_: search_query_url_param_name_,
+                    after_submit_: after_submit_,
+                    get_new_query: ()=>new_query || (0, $46MJV$solidjs.untrack)(get_search_field_value_),
+                    url_transformer_: url_transformer,
+                    router_: this.#router
+                });
+            const i18n_ = (0, $623202ae203e9e59$export$f091cbac892643a4)(this.#locale_signal[0]);
+            const clear_filters_on_next_submit_ = (0, $8b282f736ce4f3b8$export$e026af0c7b64ea5f)({
+                selected_filters_: selected_filters_,
                 get_search_query_: get_search_query_,
+                current_sorting_: current_sorting_,
+                expanded_hierarchical_filters_: state_.search_expanded_hierarchical_filters,
+                i18n_: i18n_,
+                local_filter_cache_: state_.search_local_filter_cache
+            });
+            $79fbf145b15af988$var$privately_shared_properties.set(this, {
                 search_query_url_param_name_: search_query_url_param_name_,
-                previous_searches_: previous_searches,
-                depict_api_: depict_api_,
-                tenant_: this.#merchant_signal[0],
-                clear_filters_: clear_filters_on_next_submit_,
-                market_: this.#market_signal[0],
-                submit_query_: configured_submit_query_,
-                url_transformer_: url_transformer,
+                reset_history_state_: reset_history_state_,
+                state_: state_,
                 router_: this.#router,
-                instant_results_options_: {
-                    min_products_to_fetch_: $79fbf145b15af988$var$min_products_to_fetch_,
-                    render_instant_card_: render_instant_card,
-                    render_instant_card_placeholder_: (0, $17c49340edfdbb31$export$ee1733d9a8495996),
-                    has_sort_or_filters_: (0, $46MJV$solidjs.createMemo)(()=>!!(Object.keys(selected_filters_[0]())?.length || current_sorting_[0]()))
-                },
-                i18n_: i18n_,
+                url_transformer_: url_transformer,
+                depict_api_: depict_api_,
                 enable_category_suggestions_: enable_category_suggestions,
-                disable_scrolling_: disable_scrolling_during_modal,
-                bottom_distance_under_modal_: bottom_distance_under_modal
+                clear_filters_on_next_submit_: clear_filters_on_next_submit_,
+                configured_submit_query_: configured_submit_query_,
+                get_search_query_: get_search_query_,
+                i18n_: i18n_,
+                search_query_updating_blocked_: search_query_updating_blocked_,
+                current_sorting_: current_sorting_,
+                selected_filters_: selected_filters_
             });
-            // This will add some default behaviour to open_modal_ if no style_props_ are supplied
-            // The default behaviour is to align the modal with the input field if possible
-            const modal_opening_effect = ()=>{
-                const open_signal_value = this.modal_open;
-                const signal_value_is_options = Array.isArray(open_signal_value);
-                // Close modal if signal is false
-                if (!open_signal_value) {
-                    close_modal_();
-                    return;
-                }
-                const { search_page_aligned_modal_body_style_signal_: search_page_aligned_modal_body_style_signal_  } = $79fbf145b15af988$var$privately_shared_properties.get(this);
-                if (signal_value_is_options && open_signal_value[0]?.style_props_) {
-                    // They know what they're doing, just call the modal with the provided options
-                    open_modal_(...open_signal_value);
-                    return;
-                }
-                if (!open_signal_value[0]?.style_props_ && search_page_aligned_modal_body_style_signal_) {
-                    // Open modal aligned with search page if no alignment specified and possible to align with search page
-                    if (!signal_value_is_options) {
+            (0, $33815c5a406b6cc0$export$5162a71f252e6122)();
+            (0, $46MJV$depictaiutilishared.catchify)(async ()=>{
+                const { open_modal_: open_modal_ , close_modal_: close_modal_  } = await (0, $089c01924e13fae5$export$79b1565500412d9b)((...args)=>{
+                    (0, $46MJV$solidjs.onCleanup)(()=>this.modal_open = false);
+                    return (0, $121d25ca6af2898f$export$1c593cbd6f1e10bc)(...args);
+                }, {
+                    search_field_value_: state_.search_field_value,
+                    get_search_query_: get_search_query_,
+                    search_query_url_param_name_: search_query_url_param_name_,
+                    previous_searches_: previous_searches,
+                    depict_api_: depict_api_,
+                    tenant_: this.#merchant_signal[0],
+                    clear_filters_: clear_filters_on_next_submit_,
+                    market_: this.#market_signal[0],
+                    submit_query_: configured_submit_query_,
+                    url_transformer_: url_transformer,
+                    router_: this.#router,
+                    instant_results_options_: {
+                        min_products_to_fetch_: $79fbf145b15af988$var$min_products_to_fetch_,
+                        render_instant_card_: render_instant_card,
+                        render_instant_card_placeholder_: (0, $17c49340edfdbb31$export$ee1733d9a8495996),
+                        has_sort_or_filters_: (0, $46MJV$solidjs.createMemo)(()=>!!(Object.keys(selected_filters_[0]())?.length || current_sorting_[0]()))
+                    },
+                    i18n_: i18n_,
+                    enable_category_suggestions_: enable_category_suggestions,
+                    disable_scrolling_: disable_scrolling_during_modal,
+                    bottom_distance_under_modal_: bottom_distance_under_modal
+                });
+                // This will add some default behaviour to open_modal_ if no style_props_ are supplied
+                // The default behaviour is to align the modal with the input field if possible
+                const modal_opening_effect = ()=>{
+                    const open_signal_value = this.modal_open;
+                    const signal_value_is_options = Array.isArray(open_signal_value);
+                    // Close modal if signal is false
+                    if (!open_signal_value) {
+                        close_modal_();
+                        return;
+                    }
+                    const { search_page_aligned_modal_body_style_signal_: search_page_aligned_modal_body_style_signal_  } = $79fbf145b15af988$var$privately_shared_properties.get(this);
+                    if (signal_value_is_options && open_signal_value[0]?.style_props_) {
+                        // They know what they're doing, just call the modal with the provided options
+                        open_modal_(...open_signal_value);
+                        return;
+                    }
+                    if (!open_signal_value[0]?.style_props_ && search_page_aligned_modal_body_style_signal_) {
+                        // Open modal aligned with search page if no alignment specified and possible to align with search page
+                        if (!signal_value_is_options) {
+                            open_modal_({
+                                style_props_: search_page_aligned_modal_body_style_signal_
+                            });
+                            return;
+                        }
+                        const [options_arg, ...rest] = open_signal_value;
                         open_modal_({
+                            ...options_arg,
                             style_props_: search_page_aligned_modal_body_style_signal_
-                        });
+                        }, ...rest);
+                        return;
+                    }
+                    // Open centered modal
+                    const supports_hover = (0, $beec9d22e42ed2cf$export$d9f36cf74e24d595)("(hover: hover) and (pointer: fine)");
+                    const desktop_short = (0, $beec9d22e42ed2cf$export$d9f36cf74e24d595)("(max-height: 790px)");
+                    const mobile_short = (0, $beec9d22e42ed2cf$export$d9f36cf74e24d595)("(max-height: 1000px)");
+                    const transform_y = (0, $46MJV$solidjs.createMemo)(()=>supports_hover() ? !desktop_short() : !mobile_short());
+                    const style_props_ = (0, $46MJV$solidjs.createSignal)({
+                        position: "fixed",
+                        top: "50%"
+                    });
+                    (0, $46MJV$solidjs.createComputed)(()=>style_props_[1]((old_value)=>({
+                                ...old_value,
+                                transform: transform_y() ? "translateY(-50%)" : "unset"
+                            })));
+                    if (signal_value_is_options) {
+                        const [options_arg, ...rest] = open_signal_value;
+                        open_modal_({
+                            ...options_arg,
+                            style_props_: search_page_aligned_modal_body_style_signal_ || style_props_
+                        }, ...rest);
                         return;
                     }
-                    const [options_arg, ...rest] = open_signal_value;
-                    open_modal_({
-                        ...options_arg,
-                        style_props_: search_page_aligned_modal_body_style_signal_
-                    }, ...rest);
-                    return;
-                }
-                // Open centered modal
-                const supports_hover = (0, $beec9d22e42ed2cf$export$d9f36cf74e24d595)("(hover: hover) and (pointer: fine)");
-                const desktop_short = (0, $beec9d22e42ed2cf$export$d9f36cf74e24d595)("(max-height: 790px)");
-                const mobile_short = (0, $beec9d22e42ed2cf$export$d9f36cf74e24d595)("(max-height: 1000px)");
-                const transform_y = (0, $46MJV$solidjs.createMemo)(()=>supports_hover() ? !desktop_short() : !mobile_short());
-                const style_props_ = (0, $46MJV$solidjs.createSignal)({
-                    position: "fixed",
-                    top: "50%"
-                });
-                (0, $46MJV$solidjs.createComputed)(()=>style_props_[1]((old_value)=>({
-                            ...old_value,
-                            transform: transform_y() ? "translateY(-50%)" : "unset"
-                        })));
-                if (signal_value_is_options) {
-                    const [options_arg, ...rest] = open_signal_value;
                     open_modal_({
-                        ...options_arg,
-                        style_props_: search_page_aligned_modal_body_style_signal_ || style_props_
-                    }, ...rest);
-                    return;
-                }
-                open_modal_({
-                    style_props_: style_props_
-                });
-            };
-            (0, $46MJV$solidjs.runWithOwner)(owner, ()=>(0, $46MJV$solidjs.createEffect)(modal_opening_effect));
-        })();
-        $79fbf145b15af988$export$ac6237957a15b3f0.#has_been_constructed = true;
+                        style_props_: style_props_
+                    });
+                };
+                (0, $46MJV$solidjs.runWithOwner)(owner, ()=>(0, $46MJV$solidjs.createEffect)(modal_opening_effect));
+            })();
+            $79fbf145b15af988$export$ac6237957a15b3f0.#has_been_constructed = true;
+        });
     }
     get on_navigation() {
         // The only non-reactive public property on the class (I don't see it making sense to have it reactive)