@depict-ai/ui 0.0.62 → 0.0.64

package/dist/main.js

@@ -1,6 +1,7 @@
 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});
@@ -34,7 +35,7 @@ $parcel$export(module.exports, "solid_format_price", () => $5fc9fc23df1591db$exp
 $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 = "0.0.62";
+/*! Depict.ai search and product listing SDK */ const $ae93561d5649a847$export$83d89fbfd8236492 = "0.0.64";
 
 
 
@@ -88,14 +89,16 @@ function $1ee6da2465098194$var$history_state_change(signals, entries, state) {
 }
 
 
-function $0de081f67b6d15b5$export$9862539c89138352(get_default_values) {
-    const state = (0, $1ee6da2465098194$export$e183a13865960371)(get_default_values());
+function $92acef13f7f7585b$export$90a2b6b3fb2a1455({ get_default_values_: get_default_values_ , current_sorting_: [, set_current_sorting] , selected_filters_: [get_selected_filters, set_selected_filters]  }) {
+    const state = (0, $1ee6da2465098194$export$e183a13865960371)(get_default_values_());
     const reset_state = ()=>{
-        const new_defaults = get_default_values();
+        const new_defaults = get_default_values_();
         for(const key in state){
             const new_value = new_defaults[key];
             state[key][1](new_value);
         }
+        set_current_sorting();
+        if (get_selected_filters().length > 0) set_selected_filters([]);
     };
     return [
         reset_state,
@@ -2778,156 +2781,6 @@ var $6865c7388a79e957$export$2e2bcd8739ae039 = {
 
 
 
-function $0bc45cf6753f874a$export$b288c38ae3fddb56({ available_filters_: available_filters_ , local_filter_cache_: [read_local_cache, write_local_cache] , selected_filters_: [read_selected_filters]  }) {
-    let last_remote_state;
-    (0, $46MJV$solidjs.createComputed)(()=>{
-        const remote_filters = Object.fromEntries(available_filters_()?.map((filter)=>[
-                JSON.stringify([
-                    filter.field,
-                    filter.op,
-                    filter?.meta?.type
-                ]),
-                filter
-            ]) || []);
-        const local_filters = Object.fromEntries(read_local_cache().map((filter)=>[
-                JSON.stringify([
-                    filter.field,
-                    filter.op,
-                    filter?.meta?.type
-                ]),
-                filter
-            ]));
-        const selected_filters = Object.fromEntries(read_selected_filters().map((filter_obj)=>[
-                JSON.stringify([
-                    filter_obj.field,
-                    filter_obj.op
-                ]),
-                filter_obj
-            ]));
-        const new_local_filter_state = [];
-        // we want to be as close as possible to available_filters_ in local_filters except that we want to keep values from previous available_filters_ as long as they're selected
-        for (const filter_id of [
-            ...Object.keys(local_filters).filter((key)=>!(key in remote_filters)),
-            ...Object.keys(remote_filters)
-        ]){
-            const local_filter = local_filters[filter_id];
-            const remote_filter = remote_filters[filter_id];
-            const filter_id_without_meta_type = JSON.stringify(JSON.parse(filter_id).slice(0, 2));
-            if (!remote_filter) // check if this filter is selected, if it is just take the local one but set counts to 0 and remove non-selected options
-            {
-                if (filter_id_without_meta_type in selected_filters) new_local_filter_state.push($0bc45cf6753f874a$var$modify_only_local_filter(local_filter, selected_filters[filter_id_without_meta_type]));
-            } else if (!local_filter) // just take the remote one
-            new_local_filter_state.push(remote_filter);
-            else {
-                // both exist, merge them if needed
-                const remote_meta = remote_filter.meta;
-                const local_meta = local_filter.meta;
-                const this_applied_filter = selected_filters[filter_id_without_meta_type];
-                if (!remote_meta || !local_meta || !("values" in remote_meta) || !("values" in local_meta) || !Array.isArray(this_applied_filter?.data)) // can't or shouldn't be merged due to not being selected, just take remote one
-                new_local_filter_state.push(remote_filter);
-                else {
-                    const data_objs_in_remote = Object.fromEntries(remote_meta.values.map((value, index)=>[
-                            JSON.stringify(value),
-                            {
-                                value_: value,
-                                count_: remote_meta.counts?.[index],
-                                name_: remote_meta.names?.[index]
-                            }
-                        ]));
-                    const data_objs_in_local = Object.fromEntries(local_meta.values.map((value, index)=>[
-                            JSON.stringify(value),
-                            {
-                                value_: value,
-                                count_: 0,
-                                name_: local_meta.names?.[index]
-                            }
-                        ]));
-                    const new_data = [
-                        ...Object.keys(data_objs_in_local).filter((key)=>{
-                            // put data entries that are selected and don't exist in new remote state first
-                            if (key in data_objs_in_remote) return false;
-                            const selected_values = this_applied_filter.data;
-                            return selected_values.some((value)=>{
-                                const is_equal = JSON.stringify(value) === key;
-                                if (is_equal) return true;
-                                if (local_meta.type === remote_meta.type && local_meta.type === "checkbox-hierarchical") {
-                                    // Very special case for hierarchical checkboxes - when a parent has all kids checked and a kid is deselected, the parent gets deselected. But since if it still has selected children we don't want to remove it from the filter state, even though it isn't selected, as the UI won't know the correct title of the parent category otherwise. This keeps it in that case.
-                                    const selected_values = data_objs_in_local[key].value_;
-                                    const values_length = value?.length;
-                                    if (values_length > 1 && values_length - 1 === selected_values.length) {
-                                        let is_parent = true;
-                                        for(let i = 0; i < selected_values.length; i++)if (selected_values[i] !== value[i]) is_parent = false;
-                                        return is_parent;
-                                    }
-                                }
-                                return false;
-                            });
-                        }).map((key)=>data_objs_in_local[key]),
-                        ...Object.values(data_objs_in_remote)
-                    ];
-                    const new_values = new_data.map(({ value_: value_  })=>value_);
-                    const result = {
-                        ...remote_filter,
-                        meta: {
-                            ...remote_filter.meta,
-                            values: new_values,
-                            names: new_data.map(({ name_: name_  })=>name_),
-                            counts: new_data.map(({ count_: count_  })=>count_)
-                        }
-                    };
-                    new_local_filter_state.push(result);
-                }
-            }
-        }
-        if (last_remote_state !== available_filters_() || // we HAVE to update the local filter state (it can contain same info but needs to be different object reference) every time the API state changes, otherwise the CheckboxHierarchicalFilter component doesn't update
-        JSON.stringify(new_local_filter_state) !== JSON.stringify(read_local_cache())) // Sorry……… They're not that big
-        write_local_cache(new_local_filter_state);
-        last_remote_state = available_filters_();
-    });
-    return read_local_cache;
-}
-/**
- * When a filter is only available locally due to being selected in a previous navigation, we want to make that clear and prevent further "invalid" choices.
- * This sets the counts to 0 (if applicable) and removes non-selected options (if applicable)
- */ function $0bc45cf6753f874a$var$modify_only_local_filter(local_filter_object, selected_filter) {
-    const old_meta = local_filter_object.meta;
-    const selected_filter_data = selected_filter.data;
-    const modified_filter_object = {
-        ...local_filter_object
-    };
-    if (old_meta) {
-        const new_meta = {
-            ...old_meta
-        };
-        modified_filter_object.meta = new_meta;
-        // set counts to 0
-        if ("counts" in new_meta) {
-            const counts = new_meta.counts;
-            if (counts) new_meta.counts = counts.map(()=>0);
-        }
-        if (Array.isArray(selected_filter_data) && "values" in new_meta) {
-            // we have an array of values and want to strip the ones from the available ones that aren't selected
-            const values = new_meta.values;
-            if (Array.isArray(values)) {
-                const jsond_set_values = selected_filter_data.map((data)=>JSON.stringify(data));
-                const indexes_to_remove = new Set();
-                for(let i = 0; i < values.length; i++){
-                    const value = values[i];
-                    if (!jsond_set_values.includes(JSON.stringify(value))) // We want to remove the entry with this value from the filter object because it's not selected
-                    indexes_to_remove.add(i);
-                }
-                new_meta.values = values.filter((_, index)=>!indexes_to_remove.has(index));
-                if (new_meta.names) new_meta.names = new_meta.names.filter((_, index)=>!indexes_to_remove.has(index));
-                if (new_meta.counts) // remove counts that are too much, they're all zero anyway if they exist
-                new_meta.counts.length -= indexes_to_remove.size;
-            }
-        }
-    }
-    return modified_filter_object;
-}
-
-
-
 
 
 
@@ -3094,11 +2947,7 @@ function $1587765bd31f3722$export$3f1a388cc0d8fed7(props) {
     });
 }
 function $1587765bd31f3722$var$ActualFilterBody(props) {
-    const modified_available_filters_with_selected_unexisting_ones_injected_from_local_state = (0, $0bc45cf6753f874a$export$b288c38ae3fddb56)({
-        available_filters_: props.available_filters_,
-        selected_filters_: props.selected_filters_,
-        local_filter_cache_: props.local_filter_cache_
-    });
+    const [modified_available_filters_with_selected_unexisting_ones_injected_from_local_state] = props.local_filter_cache_;
     const togglable_filters = (0, $46MJV$solidjs.createMemo)(()=>modified_available_filters_with_selected_unexisting_ones_injected_from_local_state().filter((item)=>item?.meta?.group_title));
     const untogglable_filters = (0, $46MJV$solidjs.createMemo)(()=>modified_available_filters_with_selected_unexisting_ones_injected_from_local_state().filter((item)=>!item?.meta?.group_title));
     const togglable_filters_grouped_by_collapsible = (0, $46MJV$solidjs.createMemo)(()=>{
@@ -3299,9 +3148,10 @@ function $1587765bd31f3722$var$ActualFilterBody(props) {
 
 
 const $cc8aaf130b1dc1ea$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="sorting-attributes"></div>`, 2), $cc8aaf130b1dc1ea$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="sorting-direction"></div>`, 2), $cc8aaf130b1dc1ea$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div><div class="input-row"><input type="radio"><span class="custom-indicator"></span></div></div>`, 7), $cc8aaf130b1dc1ea$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div><label class="input-row"><input type="radio"><span class="custom-indicator"></span></label></div>`, 7);
-function $cc8aaf130b1dc1ea$export$1f1775a58da589b5({ available_sortings_: available_sortings_ , current_sorting_: current_sorting_  }) {
+function $cc8aaf130b1dc1ea$export$1f1775a58da589b5({ available_sortings_: available_sortings_ , current_sorting_: [get_current_sorting, set_current_sorting]  }) {
     const title_radio_name = (0, $46MJV$depictaiutilishared.make_random_classname)();
     const order_radio_name = (0, $46MJV$depictaiutilishared.make_random_classname)();
+    const meta_of_currently_selected_sorting = (0, $46MJV$solidjs.createMemo)(()=>available_sortings_()?.find?.((sorting)=>sorting.field === get_current_sorting()?.field)?.meta);
     return (0, $46MJV$solidjsweb.createComponent)((0, $46MJV$solidjs.Show), {
         get when () {
             return available_sortings_()?.length;
@@ -3333,14 +3183,14 @@ function $cc8aaf130b1dc1ea$export$1f1775a58da589b5({ available_sortings_: availa
                         },
                         children: (item, index)=>{
                             const is_checked = (0, $46MJV$solidjs.createMemo)(()=>{
-                                const sort = current_sorting_[0]();
+                                const sort = get_current_sorting();
                                 if (!sort) // if no sortings are selected, "select" first sort
                                 return index === 0;
                                 return sort.field === item().field && (sort.order === item().order || item().meta.values?.length > 1);
                             });
                             return /* wrapping div for flex gap polyfill scss mixin */ (()=>{
                                 const _el$8 = $cc8aaf130b1dc1ea$var$_tmpl$4.cloneNode(true), _el$9 = _el$8.firstChild, _el$10 = _el$9.firstChild, _el$11 = _el$10.nextSibling;
-                                (0, $46MJV$solidjsweb.addEventListener)(_el$10, "change", (0, $46MJV$depictaiutilishared.catchify)(()=>current_sorting_[1](item())));
+                                (0, $46MJV$solidjsweb.addEventListener)(_el$10, "change", (0, $46MJV$depictaiutilishared.catchify)(()=>set_current_sorting(item())));
                                 (0, $46MJV$solidjsweb.setAttribute)(_el$10, "name", title_radio_name);
                                 (0, $46MJV$solidjsweb.insert)(_el$9, ()=>item().meta.title, null);
                                 (0, $46MJV$solidjsweb.effect)(()=>_el$10.checked = is_checked());
@@ -3352,27 +3202,25 @@ function $cc8aaf130b1dc1ea$export$1f1775a58da589b5({ available_sortings_: availa
                 })(),
                 (0, $46MJV$solidjsweb.createComponent)((0, $46MJV$solidjs.Show), {
                     get when () {
-                        return current_sorting_[0]()?.meta?.values?.length > 1;
+                        return meta_of_currently_selected_sorting()?.values?.length > 1;
                     },
                     get children () {
                         const _el$2 = $cc8aaf130b1dc1ea$var$_tmpl$2.cloneNode(true);
                         (0, $46MJV$solidjsweb.insert)(_el$2, (0, $46MJV$solidjsweb.createComponent)((0, $46MJV$solidjs.Index), {
                             get each () {
-                                return current_sorting_[0]().meta.values;
+                                return meta_of_currently_selected_sorting()?.values;
                             },
                             children: (order_value, index)=>{
+                                const is_checked = (0, $46MJV$solidjs.createMemo)(()=>get_current_sorting()?.order === order_value());
                                 return (()=>{
                                     const _el$12 = $cc8aaf130b1dc1ea$var$_tmpl$4.cloneNode(true), _el$13 = _el$12.firstChild, _el$14 = _el$13.firstChild, _el$15 = _el$14.nextSibling;
-                                    (0, $46MJV$solidjsweb.addEventListener)(_el$14, "change", (0, $46MJV$depictaiutilishared.catchify)(()=>current_sorting_[1]((c)=>c && {
+                                    (0, $46MJV$solidjsweb.addEventListener)(_el$14, "change", (0, $46MJV$depictaiutilishared.catchify)(()=>set_current_sorting((c)=>c && {
                                                 ...c,
                                                 order: order_value()
                                             })));
                                     (0, $46MJV$solidjsweb.setAttribute)(_el$14, "name", order_radio_name);
-                                    (0, $46MJV$solidjsweb.insert)(_el$13, ()=>current_sorting_[0]()?.meta?.names?.[index], null);
-                                    (0, $46MJV$solidjsweb.effect)(()=>_el$14.checked = (0, $46MJV$solidjs.createMemo)(()=>{
-                                            const sort = current_sorting_[0]();
-                                            return sort?.order === order_value();
-                                        })());
+                                    (0, $46MJV$solidjsweb.insert)(_el$13, ()=>meta_of_currently_selected_sorting()?.names?.[index], null);
+                                    (0, $46MJV$solidjsweb.effect)(()=>_el$14.checked = is_checked());
                                     return _el$12;
                                 })();
                             }
@@ -3717,12 +3565,167 @@ function $66ddbcbc40487f95$export$9bf11afa910f536e({ args_for_sorting_: args_for
 
 
 
+
+function $0bc45cf6753f874a$export$b288c38ae3fddb56({ available_filters_: available_filters_ , local_filter_cache_: [read_local_cache, write_local_cache] , selected_filters_: [read_selected_filters]  }) {
+    let last_remote_state;
+    (0, $46MJV$solidjs.createComputed)(()=>{
+        const remote_filters = Object.fromEntries(available_filters_()?.map((filter)=>[
+                JSON.stringify([
+                    filter.field,
+                    filter.op,
+                    filter?.meta?.type
+                ]),
+                filter
+            ]) || []);
+        const local_filters = Object.fromEntries(read_local_cache().map((filter)=>[
+                JSON.stringify([
+                    filter.field,
+                    filter.op,
+                    filter?.meta?.type
+                ]),
+                filter
+            ]));
+        const selected_filters = Object.fromEntries(read_selected_filters().map((filter_obj)=>[
+                JSON.stringify([
+                    filter_obj.field,
+                    filter_obj.op
+                ]),
+                filter_obj
+            ]));
+        const new_local_filter_state = [];
+        // we want to be as close as possible to available_filters_ in local_filters except that we want to keep values from previous available_filters_ as long as they're selected
+        for (const filter_id of [
+            ...Object.keys(local_filters).filter((key)=>!(key in remote_filters)),
+            ...Object.keys(remote_filters)
+        ]){
+            const local_filter = local_filters[filter_id];
+            const remote_filter = remote_filters[filter_id];
+            const filter_id_without_meta_type = JSON.stringify(JSON.parse(filter_id).slice(0, 2));
+            if (!remote_filter) // check if this filter is selected, if it is just take the local one but set counts to 0 and remove non-selected options
+            {
+                if (filter_id_without_meta_type in selected_filters) new_local_filter_state.push($0bc45cf6753f874a$var$modify_only_local_filter(local_filter, selected_filters[filter_id_without_meta_type]));
+            } else if (!local_filter) // just take the remote one
+            new_local_filter_state.push(remote_filter);
+            else {
+                // both exist, merge them if needed
+                const remote_meta = remote_filter.meta;
+                const local_meta = local_filter.meta;
+                const this_applied_filter = selected_filters[filter_id_without_meta_type];
+                if (!remote_meta || !local_meta || !("values" in remote_meta) || !("values" in local_meta) || !Array.isArray(this_applied_filter?.data)) // can't or shouldn't be merged due to not being selected, just take remote one
+                new_local_filter_state.push(remote_filter);
+                else {
+                    const data_objs_in_remote = Object.fromEntries(remote_meta.values.map((value, index)=>[
+                            JSON.stringify(value),
+                            {
+                                value_: value,
+                                count_: remote_meta.counts?.[index],
+                                name_: remote_meta.names?.[index]
+                            }
+                        ]));
+                    const data_objs_in_local = Object.fromEntries(local_meta.values.map((value, index)=>[
+                            JSON.stringify(value),
+                            {
+                                value_: value,
+                                count_: 0,
+                                name_: local_meta.names?.[index]
+                            }
+                        ]));
+                    const new_data = [
+                        ...Object.keys(data_objs_in_local).filter((key)=>{
+                            // put data entries that are selected and don't exist in new remote state first
+                            if (key in data_objs_in_remote) return false;
+                            const selected_values = this_applied_filter.data;
+                            return selected_values.some((value)=>{
+                                const is_equal = JSON.stringify(value) === key;
+                                if (is_equal) return true;
+                                if (local_meta.type === remote_meta.type && local_meta.type === "checkbox-hierarchical") {
+                                    // Very special case for hierarchical checkboxes - when a parent has all kids checked and a kid is deselected, the parent gets deselected. But since if it still has selected children we don't want to remove it from the filter state, even though it isn't selected, as the UI won't know the correct title of the parent category otherwise. This keeps it in that case.
+                                    const selected_values = data_objs_in_local[key].value_;
+                                    const values_length = value?.length;
+                                    if (values_length > 1 && values_length - 1 === selected_values.length) {
+                                        let is_parent = true;
+                                        for(let i = 0; i < selected_values.length; i++)if (selected_values[i] !== value[i]) is_parent = false;
+                                        return is_parent;
+                                    }
+                                }
+                                return false;
+                            });
+                        }).map((key)=>data_objs_in_local[key]),
+                        ...Object.values(data_objs_in_remote)
+                    ];
+                    const new_values = new_data.map(({ value_: value_  })=>value_);
+                    const result = {
+                        ...remote_filter,
+                        meta: {
+                            ...remote_filter.meta,
+                            values: new_values,
+                            names: new_data.map(({ name_: name_  })=>name_),
+                            counts: new_data.map(({ count_: count_  })=>count_)
+                        }
+                    };
+                    new_local_filter_state.push(result);
+                }
+            }
+        }
+        if (last_remote_state !== available_filters_() || // we HAVE to update the local filter state (it can contain same info but needs to be different object reference) every time the API state changes, otherwise the CheckboxHierarchicalFilter component doesn't update
+        JSON.stringify(new_local_filter_state) !== JSON.stringify(read_local_cache())) // Sorry……… They're not that big
+        write_local_cache(new_local_filter_state);
+        last_remote_state = available_filters_();
+    });
+}
+/**
+ * When a filter is only available locally due to being selected in a previous navigation, we want to make that clear and prevent further "invalid" choices.
+ * This sets the counts to 0 (if applicable) and removes non-selected options (if applicable)
+ */ function $0bc45cf6753f874a$var$modify_only_local_filter(local_filter_object, selected_filter) {
+    const old_meta = local_filter_object.meta;
+    const selected_filter_data = selected_filter.data;
+    const modified_filter_object = {
+        ...local_filter_object
+    };
+    if (old_meta) {
+        const new_meta = {
+            ...old_meta
+        };
+        modified_filter_object.meta = new_meta;
+        // set counts to 0
+        if ("counts" in new_meta) {
+            const counts = new_meta.counts;
+            if (counts) new_meta.counts = counts.map(()=>0);
+        }
+        if (Array.isArray(selected_filter_data) && "values" in new_meta) {
+            // we have an array of values and want to strip the ones from the available ones that aren't selected
+            const values = new_meta.values;
+            if (Array.isArray(values)) {
+                const jsond_set_values = selected_filter_data.map((data)=>JSON.stringify(data));
+                const indexes_to_remove = new Set();
+                for(let i = 0; i < values.length; i++){
+                    const value = values[i];
+                    if (!jsond_set_values.includes(JSON.stringify(value))) // We want to remove the entry with this value from the filter object because it's not selected
+                    indexes_to_remove.add(i);
+                }
+                new_meta.values = values.filter((_, index)=>!indexes_to_remove.has(index));
+                if (new_meta.names) new_meta.names = new_meta.names.filter((_, index)=>!indexes_to_remove.has(index));
+                if (new_meta.counts) // remove counts that are too much, they're all zero anyway if they exist
+                new_meta.counts.length -= indexes_to_remove.size;
+            }
+        }
+    }
+    return modified_filter_object;
+}
+
+
 const $881cb1745bafff7a$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="filters"><div class="body"></div></div>`, 4), $881cb1745bafff7a$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="sorting"><div class="body"></div></div>`, 4), $881cb1745bafff7a$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="sort-and-filter-buttons"><div class="outer"><div class="inner"></div></div></div>`, 6), $881cb1745bafff7a$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<span class="num-filters"></span>`, 2), $881cb1745bafff7a$var$_tmpl$5 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="open-filters-button-container"><button class="filter toggle-button major-minor-transition" type="button"><span></span></button></div>`, 6), $881cb1745bafff7a$var$_tmpl$6 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<button class="toggle-button for-sorting major-minor-transition"><span></span></button>`, 4);
 function $881cb1745bafff7a$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_  }) {
     return (0, $0f2f58dd60b11888$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, $0bc45cf6753f874a$export$b288c38ae3fddb56)({
+                available_filters_: available_filters_,
+                selected_filters_: selected_filters_,
+                local_filter_cache_: local_filter_cache_
+            });
             const cleanup_promise = new Promise((r)=>(0, $46MJV$solidjs.onCleanup)(r));
             const [filters_open, set_filters_open] = search_filters_open_;
             const [sorting_open, set_sorting_open] = search_sorting_open_;
@@ -4093,6 +4096,166 @@ function $fd64465f894d1f29$var$ActualFloatingButtons({ search_filters_open_: [ge
 
 
 
+
+
+
+
+const $49bdb822440abcec$var$operator_map = {
+    "eq": "≡",
+    "neq": "≠",
+    "in": "∈",
+    "nin": "∉",
+    "leq": "≤",
+    "geq": "≥",
+    "inrange": "\uD83D\uDD22"
+};
+const $49bdb822440abcec$var$ascending_token = "\uD83D\uDCC8";
+const $49bdb822440abcec$var$descending_token = "\uD83D\uDCC9";
+const $49bdb822440abcec$export$4f506378e99f23dd = "filter_";
+const $49bdb822440abcec$export$196aa1ee621a9930 = "sorting";
+const $49bdb822440abcec$var$range_delimiter = "-";
+function $49bdb822440abcec$export$7bcff1eb3eca57d7() {
+    const current_sorting_ = (0, $46MJV$solidjs.createSignal)();
+    const selected_filters_ = (0, $46MJV$solidjs.createSignal)([]);
+    const [get_sorting, set_sorting] = current_sorting_;
+    const [get_selected_filters, set_selected_filters] = selected_filters_;
+    const [get_current_href, set_current_href] = (0, $46MJV$solidjs.createSignal)(location.href);
+    const history_change_handler = ()=>set_current_href(location.href);
+    let writer_started = false;
+    (0, $46MJV$depictaiutilishared.instant_exec_on_suspect_history_change).add(history_change_handler);
+    (0, $46MJV$solidjs.onCleanup)(()=>(0, $46MJV$depictaiutilishared.instant_exec_on_suspect_history_change).delete(history_change_handler));
+    (0, $46MJV$solidjs.createComputed)(()=>{
+        const { searchParams: searchParams  } = new URL(get_current_href());
+        const sorting = searchParams.get($49bdb822440abcec$export$196aa1ee621a9930);
+        (0, $46MJV$solidjs.batch)(()=>{
+            set_sorting: {
+                if (!sorting) {
+                    set_sorting();
+                    break set_sorting;
+                }
+                let target_field;
+                let target_order;
+                if (sorting.endsWith($49bdb822440abcec$var$ascending_token)) {
+                    target_field = sorting.slice(0, -$49bdb822440abcec$var$ascending_token.length);
+                    target_order = "asc";
+                } else if (sorting.endsWith($49bdb822440abcec$var$descending_token)) {
+                    target_field = sorting.slice(0, -$49bdb822440abcec$var$descending_token.length);
+                    target_order = "desc";
+                } else {
+                    (0, $46MJV$depictaiutilishared.dlog)("Invalid sorting query param value", sorting);
+                    break set_sorting;
+                }
+                const current_sorting = (0, $46MJV$solidjs.untrack)(get_sorting);
+                // Do some diffing since we might assume in certain places of the code that if the signal changes it means the sorting has changed
+                if (current_sorting?.field !== target_field || current_sorting?.order !== target_order) set_sorting({
+                    field: target_field,
+                    order: target_order
+                });
+            }
+            const found_filters = [];
+            for (const key of searchParams.keys()){
+                if (!key.startsWith($49bdb822440abcec$export$4f506378e99f23dd)) continue;
+                for (const op of Object.keys($49bdb822440abcec$var$operator_map)){
+                    const token = $49bdb822440abcec$var$operator_map[op];
+                    if (!key.endsWith(token)) continue;
+                    const field = key.slice($49bdb822440abcec$export$4f506378e99f23dd.length, -token.length);
+                    const data = searchParams.get(key);
+                    if (data) {
+                        let parsed_data;
+                        if (op === "inrange") parsed_data = data.split($49bdb822440abcec$var$range_delimiter).map((x)=>parseFloat(x));
+                        else if (data === "1") parsed_data = "true";
+                        else if (data === "0") parsed_data = "false";
+                        else try {
+                            parsed_data = JSON.parse((0, $46MJV$lzstring.decompressFromBase64)(data));
+                        } catch (e) {
+                            (0, $46MJV$depictaiutilishared.dlog)("Failed to parse filter data", key, data, e);
+                            continue;
+                        }
+                        found_filters.push({
+                            field: field,
+                            op: op,
+                            data: parsed_data
+                        });
+                    }
+                }
+            }
+            const selected_filters = (0, $46MJV$solidjs.untrack)(get_selected_filters);
+            const found_filters_map = new Map(found_filters.map(({ field: field , op: op , data: data  })=>[
+                    JSON.stringify([
+                        field,
+                        op
+                    ]),
+                    data
+                ]));
+            // Sorry for this diffing algorithm lol. Looking forwards to Records and Tuples.
+            if (selected_filters.length !== found_filters.length || !selected_filters.every(({ field: field , op: op , data: data  })=>JSON.stringify(found_filters_map.get(JSON.stringify([
+                    field,
+                    op
+                ]))) === JSON.stringify(data))) set_selected_filters(found_filters);
+            if (!writer_started) {
+                $49bdb822440abcec$var$start_href_writer(get_sorting, get_selected_filters);
+                writer_started = true;
+            }
+        });
+    });
+    return {
+        current_sorting_: current_sorting_,
+        selected_filters_: selected_filters_
+    };
+}
+function $49bdb822440abcec$var$start_href_writer(get_sorting, get_selected_filters) {
+    // This has to be a createComputed because there can be some kind of URL query bouncing back and forwards otherwise (observed when clearing filters by making a new search)
+    (0, $46MJV$solidjs.createComputed)((0, $46MJV$solidjs.on)([
+        get_sorting,
+        get_selected_filters
+    ], ([sorting, filters])=>{
+        const current_href = location.href;
+        const url_object = new URL(current_href);
+        const { searchParams: searchParams  } = url_object;
+        const keys = [
+            ...searchParams.keys()
+        ]; // get keys here to be able to iterate over it later while modifying the search params
+        if (sorting) {
+            const { field: field , order: order  } = sorting;
+            const ascending = order === "asc";
+            searchParams.set($49bdb822440abcec$export$196aa1ee621a9930, field + (ascending ? $49bdb822440abcec$var$ascending_token : $49bdb822440abcec$var$descending_token));
+        } else searchParams.delete($49bdb822440abcec$export$196aa1ee621a9930);
+        for (const key of keys)if (key.startsWith($49bdb822440abcec$export$4f506378e99f23dd)) searchParams.delete(key);
+        for (const filter of filters){
+            const { field: field , op: op , data: data  } = filter;
+            let value;
+            if (op === "inrange" && Array.isArray(data)) value = data.join($49bdb822440abcec$var$range_delimiter);
+            else if (data === "true") value = "1";
+            else if (data === "false") value = "0";
+            else value = (0, $46MJV$lzstring.compressToBase64)(JSON.stringify(data));
+            searchParams.set($49bdb822440abcec$export$4f506378e99f23dd + field + $49bdb822440abcec$var$operator_map[op], value);
+        }
+        // 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
+        ];
+        const new_search_params = new Map(searchParams);
+        if (unmodified_search_params.length !== new_search_params.size || !unmodified_search_params.every(([key, value])=>new_search_params.get(key) === value)) // Only update URL if it actually changed
+        history.replaceState({}, "", url_object.href);
+    }, {
+        defer: true
+    }));
+}
+
+
+function $88b2d66be18220f6$export$bca5a41ac5ef1190(url) {
+    if (!url) return url;
+    const got_u_o = url instanceof URL;
+    const u_o = got_u_o ? url : new URL(url);
+    const { searchParams: searchParams  } = u_o;
+    const current_search_params = new URLSearchParams(location.search);
+    if (current_search_params.has((0, $49bdb822440abcec$export$196aa1ee621a9930))) searchParams.set((0, $49bdb822440abcec$export$196aa1ee621a9930), current_search_params.get((0, $49bdb822440abcec$export$196aa1ee621a9930)));
+    for (const key of current_search_params.keys())if (key.startsWith((0, $49bdb822440abcec$export$4f506378e99f23dd))) searchParams.set(key, current_search_params.get(key));
+    if (got_u_o) return u_o;
+    return u_o.href;
+}
+
+
 const $495e9998757c5d32$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<nav class="crumbs"></nav>`, 2), $495e9998757c5d32$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<a class="crumb"></a>`, 2), $495e9998757c5d32$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<span class="separator"></span>`, 2);
 function $495e9998757c5d32$export$5646050d516e06bc({ crumb_data_: get_api_crumb_data , on_crumb_click_: on_crumb_click_ , i18n_: i18n_  }) {
     const placeholder_crumb_data = [
@@ -4110,11 +4273,20 @@ function $495e9998757c5d32$export$5646050d516e06bc({ crumb_data_: get_api_crumb_
                 get each () {
                     return crumb_data();
                 },
-                children: (display_accessor, index)=>{
+                children: (unmodified_display_accessor, index)=>{
+                    const modified_display_accessor = (0, $46MJV$solidjs.createMemo)(()=>{
+                        const value = unmodified_display_accessor();
+                        if (!value) return value;
+                        return {
+                            ...value,
+                            // We don't want these links to delete the sort and filter state by default, only if `clear_filters_when_going_sideways` explicitly clears them
+                            page_url: (0, $88b2d66be18220f6$export$bca5a41ac5ef1190)(value.page_url)
+                        };
+                    });
                     return [
                         (0, $46MJV$solidjsweb.createComponent)((0, $46MJV$solidjs.Show), {
                             get when () {
-                                return display_accessor();
+                                return modified_display_accessor();
                             },
                             get fallback () {
                                 return (0, $46MJV$solidjsweb.createComponent)((0, $46MJV$depictaiutilishared.Placeholder), {
@@ -4124,9 +4296,9 @@ function $495e9998757c5d32$export$5646050d516e06bc({ crumb_data_: get_api_crumb_
                             },
                             get children () {
                                 const _el$2 = $495e9998757c5d32$var$_tmpl$2.cloneNode(true);
-                                (0, $46MJV$solidjsweb.addEventListener)(_el$2, "click", (0, $46MJV$depictaiutilishared.catchify)((ev)=>on_crumb_click_(ev, display_accessor())), true);
-                                (0, $46MJV$solidjsweb.insert)(_el$2, ()=>display_accessor().title);
-                                (0, $46MJV$solidjsweb.effect)(()=>(0, $46MJV$solidjsweb.setAttribute)(_el$2, "href", display_accessor().page_url));
+                                (0, $46MJV$solidjsweb.addEventListener)(_el$2, "click", (0, $46MJV$depictaiutilishared.catchify)((ev)=>on_crumb_click_(ev, modified_display_accessor())), true);
+                                (0, $46MJV$solidjsweb.insert)(_el$2, ()=>modified_display_accessor().title);
+                                (0, $46MJV$solidjsweb.effect)(()=>(0, $46MJV$solidjsweb.setAttribute)(_el$2, "href", modified_display_accessor().page_url));
                                 return _el$2;
                             }
                         }),
@@ -4163,7 +4335,9 @@ function $495e9998757c5d32$export$5646050d516e06bc({ crumb_data_: get_api_crumb_
 
 
 
+
 const $cdc2c00c0a7da86e$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<nav class="quicklinks"></nav>`, 2), $cdc2c00c0a7da86e$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div>QuickLinks failed</div>`, 2), $cdc2c00c0a7da86e$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<a class="quicklink"></a>`, 2);
+const $cdc2c00c0a7da86e$export$e2cf3f19dd3f8aac = "went_sideways_clear_filters";
 function $cdc2c00c0a7da86e$export$466cdc317043f6cb({ quicklinks_data_: quicklinks_data_ , on_link_click_: on_link_click_ , current_query_id_: current_query_id_ , slider_arrow_button_: slider_arrow_button_ , breadcrumb_data_: breadcrumb_data_ , i18n_: i18n_  }) {
     let scrolling_logic_ran_for_query_id = false;
     let last_scroll_position;
@@ -4285,20 +4459,43 @@ function $cdc2c00c0a7da86e$export$466cdc317043f6cb({ quicklinks_data_: quicklink
                         get each () {
                             return place_holdey_quicklinks_data();
                         },
-                        children: (display_accessor, index)=>{
+                        children: (unmodified_display_accessor, index)=>{
                             const is_selected = (0, $46MJV$solidjs.createMemo)(()=>selected_index() === index);
+                            // Problem: if opening a sibling link in a new tab, filter clearing behavior is no longer consistent
+                            // Solution:
+                            // If current one in quick links they're siblings, don't add state to the url
+                            // If it's not in it, it's a child of the current one, so add state
+                            // (This brought up the issue on what happens if someone links to a filter that no longer exists, I chose to ignore that for now)
+                            // Problem: When you don't open a link in a new tab, we don't display the filter cleared toast
+                            // Solution: instead of not adding the state to the url, add a flag to the link if it's a sibling and then display the toast on load if the flag is set
+                            const is_child = (0, $46MJV$solidjs.createMemo)(()=>{
+                                const current_id = current_query_id_();
+                                return !quicklinks_data_()?.find(({ query_id: query_id  })=>query_id === current_id);
+                            });
+                            const modified_display_accessor = (0, $46MJV$solidjs.createMemo)(()=>{
+                                const value = unmodified_display_accessor();
+                                if (!value) return value;
+                                const new_page_url = new URL(value.page_url, location.origin);
+                                (0, $88b2d66be18220f6$export$bca5a41ac5ef1190)(new_page_url);
+                                if (!is_child()) new_page_url.searchParams.set($cdc2c00c0a7da86e$export$e2cf3f19dd3f8aac, "true");
+                                return {
+                                    ...value,
+                                    // We don't want these links to delete the sort and filter state by default, only if `clear_filters_when_going_sideways` explicitly clears them
+                                    page_url: new_page_url.href
+                                };
+                            });
                             return (()=>{
                                 const _el$3 = $cdc2c00c0a7da86e$var$_tmpl$3.cloneNode(true);
                                 (0, $46MJV$solidjsweb.addEventListener)(_el$3, "click", (0, $46MJV$depictaiutilishared.catchify)((ev)=>{
                                     if (is_selected() && !ev.metaKey && !ev.ctrlKey && !ev.button) ev.preventDefault();
-                                    else if (display_accessor()) on_link_click_(ev, display_accessor());
+                                    else if (modified_display_accessor()) on_link_click_(ev, modified_display_accessor());
                                 }), true);
-                                (0, $46MJV$solidjsweb.insert)(_el$3, ()=>display_accessor()?.title || (0, $46MJV$solidjsweb.createComponent)((0, $46MJV$depictaiutilishared.Placeholder), {
+                                (0, $46MJV$solidjsweb.insert)(_el$3, ()=>modified_display_accessor()?.title || (0, $46MJV$solidjsweb.createComponent)((0, $46MJV$depictaiutilishared.Placeholder), {
                                         height: "1em",
                                         width: "10ch"
                                     }));
                                 (0, $46MJV$solidjsweb.effect)((_p$)=>{
-                                    const _v$ = !!is_selected(), _v$2 = display_accessor()?.page_url || "javascript:void(0)";
+                                    const _v$ = !!is_selected(), _v$2 = modified_display_accessor()?.page_url || "javascript:void(0)";
                                     _v$ !== _p$._v$ && _el$3.classList.toggle("selected", _p$._v$ = _v$);
                                     _v$2 !== _p$._v$2 && (0, $46MJV$solidjsweb.setAttribute)(_el$3, "href", _p$._v$2 = _v$2);
                                     return _p$;
@@ -4473,6 +4670,7 @@ let $29b757e2ae26852c$export$44dad306455dddf;
 })($29b757e2ae26852c$export$44dad306455dddf || ($29b757e2ae26852c$export$44dad306455dddf = {}));
 
 
+
 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_ , on_category_link_click_: on_category_link_click_ , show_quicklinks_: show_quicklinks_ , category_title_: category_title_ , show_breadcrumbs_: show_breadcrumbs_ , layout_options_: layout_options_ , scroll_restoration_data_: scroll_restoration_data_ , rr_options_: rr_options_ , get_product_id_: get_product_id_  }) {
     let results_for;
@@ -4495,6 +4693,26 @@ function $671632478f2a7ce7$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
     const first_result_in_viewport_ = (0, $46MJV$solidjs.createSignal)();
     const last_result_in_viewport_ = (0, $46MJV$solidjs.createSignal)();
     const [can_write_scroll_restoration_, set_can_write_scroll_restoration] = (0, $46MJV$solidjs.createSignal)(false);
+    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 url_object = new URL(location.href);
+        const { searchParams: searchParams  } = url_object;
+        if (searchParams.get((0, $cdc2c00c0a7da86e$export$e2cf3f19dd3f8aac)) !== "true") return;
+        searchParams.delete((0, $cdc2c00c0a7da86e$export$e2cf3f19dd3f8aac));
+        history.pushState(history.state, "", url_object.href);
+        (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
+            (0, $92e4e7906daa1ff8$export$8895d39404bd2bb1)({
+                user_triggered_: false,
+                i18n_: i18n_,
+                also_clear_sorting_: false,
+                selected_filters_: selected_filters_,
+                expanded_hierarchical_filters_: expanded_hierarchical_filters_,
+                local_filter_cache_: local_filter_cache_
+            });
+        });
+    });
     const query_base_ = (0, $08349e39f239a034$export$210f130a61ac1e8d)(()=>{
         const sort_obj = get_sorting() && {
             ...get_sorting()
@@ -4526,6 +4744,7 @@ function $671632478f2a7ce7$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
                     } : {}
                 })
         })));
+    tracking_function_for_plp_results(plp_results_);
     const available_sortings_ = (0, $46MJV$solidjs.createMemo)(()=>plp_results_()?.sorts?.map((sort)=>({
                 ...sort,
                 order: sort.order ?? "desc"
@@ -4902,6 +5121,7 @@ function $f27b0b326e0a87e2$export$23fca46f3143581f(component, error_message) {
 }
 
 
+
 const $068a627cc18f7bb6$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="depict plp category"></div>`, 2);
 const $068a627cc18f7bb6$var$min_products_to_fetch_ = 20;
 const $068a627cc18f7bb6$var$privately_shared_properties = /*@__PURE__*/ new WeakMap();
@@ -4947,17 +5167,20 @@ class $068a627cc18f7bb6$export$f34314aa9505732e {
         $068a627cc18f7bb6$export$f34314aa9505732e.#has_been_constructed = true;
         Object.assign(this, props_on_class); // set initial signal values
         (0, $33815c5a406b6cc0$export$5162a71f252e6122)();
-        const [reset_history_state_, state_] = (0, $0de081f67b6d15b5$export$9862539c89138352)(()=>({
-                category_sorting: undefined,
-                category_filters_open: false,
-                category_sorting_open: false,
-                category_expanded_filters: [],
-                // WARNING, it is insanely important, when creating the signals like this using make_resettable_history_state, that the two lines below are in *precisely that order*. The reason for that is that make_resettable_history_state will write the values of the signals in the order that they are written here when a "popstate" event occurs. If the filter cache is popped before the selected filters are the code in create_modified_filters() in FilterBody.tsx 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_selected_filters: [],
-                category_local_filter_cache: [],
-                category_expanded_hierarchical_filters: [],
-                category_scroll_restoration_data: []
-            }));
+        const { selected_filters_: selected_filters_ , current_sorting_: current_sorting_  } = (0, $49bdb822440abcec$export$7bcff1eb3eca57d7)();
+        const [reset_history_state_, state_] = (0, $92acef13f7f7585b$export$90a2b6b3fb2a1455)({
+            selected_filters_: selected_filters_,
+            current_sorting_: current_sorting_,
+            get_default_values_: ()=>({
+                    category_filters_open: false,
+                    category_sorting_open: false,
+                    category_expanded_filters: [],
+                    // WARNING, it is insanely important, when creating the signals like this using make_resettable_history_state, that the two lines below are in *precisely that order*. The reason for that is that make_resettable_history_state will write the values of the signals in the order that they are written here when a "popstate" event occurs. If the filter cache is popped before the selected filters are the code in create_modified_filters() in FilterBody.tsx 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: []
+                })
+        });
         const i18n_ = (0, $623202ae203e9e59$export$f091cbac892643a4)(this.#locale_signal[0]);
         const on_category_link_click_ = (e, d)=>{
             if (e.button || e.metaKey || e.ctrlKey) // Not single page navigating because button is not 0 or ctrl/command click
@@ -4982,6 +5205,8 @@ class $068a627cc18f7bb6$export$f34314aa9505732e {
             reset_history_state_: reset_history_state_,
             depict_api_: api ?? new (0, $9ce64f69303c371e$export$e015ed2f2950f2e3)(),
             on_category_link_click_: on_category_link_click_,
+            selected_filters_: selected_filters_,
+            current_sorting_: current_sorting_,
             slider_arrow_button_: (0, $46MJV$depictaiutilishared.GenericSliderArrowButton)({
                 height_: 12,
                 width_: 6.46
@@ -4998,7 +5223,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_sorting: current_sorting_ , 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_selected_filters: selected_filters_ , category_scroll_restoration_data: scroll_restoration_data_  } , reset_history_state_: reset_history_state_ , depict_api_: depict_api_ , i18n_: i18n_ , on_category_link_click_: on_category_link_click_ , 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_ , on_category_link_click_: on_category_link_click_ , breadcrumb_signal_: breadcrumb_signal_ , quicklinks_signal_: quicklinks_signal_ , slider_arrow_button_: slider_arrow_button_  } = shared_properties;
         (0, $46MJV$solidjs.onCleanup)(reset_history_state_);
         return (0, $671632478f2a7ce7$export$f7d2f673fc2f091d)({
             tenant_: ()=>depict_category.merchant,
@@ -5352,14 +5577,15 @@ function $2989e355f64e18e1$export$b94867ecbd698f21({ search_field_value_: search
             if (!disabled_) // just in case. The field not actually being disabled when being disabled_ is so that you can focus it and open the modal. We don't want any of the other input-field-interaction features to work
             {
                 if (input_field.selectionStart === 0 && input_field.selectionEnd === input_field.value.length) // everything was selected, clear filters on next submit on next input
-                input_field.addEventListener("input", (0, $46MJV$depictaiutilishared.catchify)(clear_filters_), {
+                input_field.addEventListener("input", (0, $46MJV$depictaiutilishared.catchify)(()=>clear_filters_(false)), // We don't count this as user triggered since it wasn't explicit
+                {
                     once: true
                 });
             }
         }));
         (0, $46MJV$solidjsweb.addEventListener)(_el$4, "input", (0, $46MJV$depictaiutilishared.catchify)(()=>{
             const { value: value  } = input_field;
-            if (!disabled_ && !value.length) clear_filters_(); // if the user clears the whole field, reset filters on next submit
+            if (!disabled_ && !value.length) clear_filters_(false); // if the user clears the whole field, reset filters on next submit
             search_field_value_[1](value);
         }), true);
         (0, $46MJV$solidjsweb.addEventListener)(_el$4, "keydown", (0, $46MJV$depictaiutilishared.catchify)((e)=>{
@@ -5385,7 +5611,7 @@ function $2989e355f64e18e1$export$b94867ecbd698f21({ search_field_value_: search
         _el$4.classList.toggle("has-adjacent-back-button", !!on_back_);
         (0, $46MJV$solidjsweb.addEventListener)(_el$5, "click", (0, $46MJV$depictaiutilishared.catchify)(()=>{
             search_field_value_[1]("");
-            clear_filters_();
+            clear_filters_(true);
             if (disabled_) return;
             input_field.focus();
         }), true);
@@ -5603,27 +5829,27 @@ function $67b60b572b7b7059$export$b3ad617e9036868(modal_body_style, input_field,
 
 
 function $8b282f736ce4f3b8$export$e026af0c7b64ea5f({ selected_filters_: selected_filters_ , search_query_: [get_search_query] , current_sorting_: current_sorting_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , i18n_: i18n_ , local_filter_cache_: local_filter_cache_  }) {
-    const [get_selected_filters, set_selected_filters] = selected_filters_;
-    const clear_filters_next_submit_ = (0, $46MJV$solidjs.createSignal)(false); // we store this here (and not in history.state) (maybe there's a better place) because it's a very temporary thing. I.e. as soon as anything breaks the "flow of intent" to make a new search we want this reset
+    const [get_selected_filters] = selected_filters_;
+    // Possible values:
+    // 0 - we should not clear next submit
+    // 1 - we should clear next submit due to internal heuristics
+    // 2 - we should clear next submit due to EXPLICIT user action (i.e. clear button pressed)
+    const clear_filters_next_submit_ = (0, $46MJV$solidjs.createSignal)(0); // we store this here (and not in history.state) (maybe there's a better place) because it's a very temporary thing. I.e. as soon as anything breaks the "flow of intent" to make a new search we want this reset
     const [get_clear_filters_next_submit, set_clear_filters_next_submit] = clear_filters_next_submit_;
-    const clear_filters = ()=>set_clear_filters_next_submit(true);
+    const clear_filters = (user_triggered)=>set_clear_filters_next_submit(user_triggered ? 2 : 1);
     (0, $46MJV$solidjs.createComputed)((0, $46MJV$solidjs.on)(get_selected_filters, ()=>{
         // if the selected filters update, clear the clearing signal
-        set_clear_filters_next_submit(false);
+        set_clear_filters_next_submit(0);
     }, {
         defer: true
     }));
     (0, $46MJV$solidjs.createComputed)((0, $46MJV$solidjs.on)(get_search_query, (0, $46MJV$depictaiutilishared.catchify)(()=>{
         // when a query was submitted, clear filters if clear was pressed before
-        if ((0, $46MJV$solidjs.untrack)(get_clear_filters_next_submit)) {
-            set_clear_filters_next_submit(false);
-            set_selected_filters([]);
-            // also collapse expanded filters in hierarchical filter tree again
-            expanded_hierarchical_filters_[1]([]);
-            // also clear sorting
-            current_sorting_[1](undefined);
+        const clear_value = (0, $46MJV$solidjs.untrack)(get_clear_filters_next_submit);
+        if (clear_value) {
+            set_clear_filters_next_submit(0);
             (0, $92e4e7906daa1ff8$export$8895d39404bd2bb1)({
-                user_triggered_: true,
+                user_triggered_: clear_value === 2,
                 selected_filters_: selected_filters_,
                 i18n_: i18n_,
                 also_clear_sorting_: true,
@@ -7349,6 +7575,7 @@ function $246e3e89a097f014$export$828dcdd425fd3231(aligner) {
 }
 
 
+
 const $79fbf145b15af988$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$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.
@@ -7361,7 +7588,7 @@ class $79fbf145b15af988$export$ac6237957a15b3f0 {
     #market_signal = (0, $46MJV$solidjs.createSignal)();
     #modal_open_signal = (0, $46MJV$solidjs.createSignal)(false);
     static #has_been_constructed = false;
-    constructor({ search_query_url_param_name: search_query_url_param_name = "search_query" , url_transformer: url_transformer , on_navigation: raw_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
+    constructor({ search_query_url_param_name: search_query_url_param_name = "query" , url_transformer: url_transformer , on_navigation: raw_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);
@@ -7383,19 +7610,22 @@ class $79fbf145b15af988$export$ac6237957a15b3f0 {
             target_url.searchParams.set(search_param_name, new_search_query);
             on_navigation(target_url.href);
         });
-        const [reset_history_state_, state_] = (0, $0de081f67b6d15b5$export$9862539c89138352)(()=>({
-                search_field_value: new URLSearchParams(location.search).get(search_query_url_param_name) ?? "",
-                search_sorting: undefined,
-                search_filters_open: false,
-                search_sorting_open: false,
-                search_expanded_filters: [],
-                // WARNING, it is insanely important, when creating the signals like this using make_resettable_history_state, that the two lines below are in *precisely that order*. The reason for that is that make_resettable_history_state will write the values of the signals in the order that they are written here when a "popstate" event occurs. If the filter cache is popped before the selected filters are the code in create_modified_filters() in FilterBody.tsx 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_selected_filters: [],
-                search_local_filter_cache: [],
-                search_expanded_hierarchical_filters: [],
-                search_showing_recommendation_rows: (0, $9f81b7ced87aabf2$export$1c8c715550dc689d),
-                search_scroll_restoration_data: []
-            }));
+        const { current_sorting_: current_sorting_ , selected_filters_: selected_filters_  } = (0, $49bdb822440abcec$export$7bcff1eb3eca57d7)();
+        const [reset_history_state_, state_] = (0, $92acef13f7f7585b$export$90a2b6b3fb2a1455)({
+            selected_filters_: selected_filters_,
+            current_sorting_: current_sorting_,
+            get_default_values_: ()=>({
+                    search_field_value: new URLSearchParams(location.search).get(search_query_url_param_name) ?? "",
+                    search_filters_open: false,
+                    search_sorting_open: false,
+                    search_expanded_filters: [],
+                    // WARNING, it is insanely important, when creating the signals like this using make_resettable_history_state, that the two lines below are in *precisely that order*. The reason for that is that make_resettable_history_state will write the values of the signals in the order that they are written here when a "popstate" event occurs. If the filter cache is popped before the selected filters are the code in create_modified_filters() in FilterBody.tsx 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: []
+                })
+        });
         const search_query_updating_blocked_ = (0, $46MJV$solidjs.createSignal)(false);
         const { [search_query_url_param_name]: raw_search_query_signal  } = (0, $690220645373c65e$export$2542ffb77b620b02)({
             [search_query_url_param_name]: ""
@@ -7417,9 +7647,9 @@ class $79fbf145b15af988$export$ac6237957a15b3f0 {
             });
         const i18n_ = (0, $623202ae203e9e59$export$f091cbac892643a4)(this.#locale_signal[0]);
         const clear_filters_on_next_submit_ = (0, $8b282f736ce4f3b8$export$e026af0c7b64ea5f)({
-            selected_filters_: state_.search_selected_filters,
+            selected_filters_: selected_filters_,
             search_query_: search_query_signal_,
-            current_sorting_: state_.search_sorting,
+            current_sorting_: current_sorting_,
             expanded_hierarchical_filters_: state_.search_expanded_hierarchical_filters,
             i18n_: i18n_,
             local_filter_cache_: state_.search_local_filter_cache
@@ -7442,7 +7672,9 @@ class $79fbf145b15af988$export$ac6237957a15b3f0 {
             configured_submit_query_: configured_submit_query_,
             search_query_signal_: search_query_signal_,
             i18n_: i18n_,
-            search_query_updating_blocked_: search_query_updating_blocked_
+            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 ()=>{
@@ -7469,7 +7701,7 @@ class $79fbf145b15af988$export$ac6237957a15b3f0 {
                     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(state_.search_selected_filters[0]())?.length || state_.search_sorting[0]()))
+                    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,
@@ -7609,7 +7841,7 @@ function $79fbf145b15af988$export$f2dc7e4e4aa11abb({ depict_search: depict_searc
                     });
                 });
             },
-            current_sorting_: state_.search_sorting,
+            current_sorting_: shared_properties.current_sorting_,
             search_filters_open_: state_.search_filters_open,
             search_sorting_open_: state_.search_sorting_open,
             expanded_filters_: state_.search_expanded_filters,
@@ -7620,7 +7852,7 @@ function $79fbf145b15af988$export$f2dc7e4e4aa11abb({ depict_search: depict_searc
                 });
             } : false,
             expanded_hierarchical_filters_: state_.search_expanded_hierarchical_filters,
-            selected_filters_: state_.search_selected_filters,
+            selected_filters_: shared_properties.selected_filters_,
             showing_recommendation_rows_: state_.search_showing_recommendation_rows,
             scroll_restoration_data_: state_.search_scroll_restoration_data,
             include_input_field_: include_input_field,