@depict-ai/ui 2.0.20 → 2.0.22

package/server/ES10/index.cjs

@@ -72,7 +72,7 @@ $parcel$export(module.exports, "defaultColsAtSize", () => $33eed84f447aa0c0$expo
 $parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $33eed84f447aa0c0$export$7bf543b9d9be2c22);
 $parcel$export(module.exports, "version", () => $aa1938dec50d6c12$export$83d89fbfd8236492);
 /*! Depict.ai search and product listing SDK */
-const $aa1938dec50d6c12$export$83d89fbfd8236492 = "2.0.20";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "2.0.22";
 const $d067f3a30f047b41$var$ListingContext = /*@__PURE__*/$3hooq$solidjs.createContext();
 function $d067f3a30f047b41$export$e68cff63f76bd15b(props) {
   const our_object = {};
@@ -1043,6 +1043,14 @@ function $083b2336093176cf$export$3b621d86b1566b2() {
     "viewBox": "0 0 21.064 21.064"
   }), () => $3hooq$solidjsweb.ssr($083b2336093176cf$var$_tmpl$), true);
 }
+
+/**
+ * Lower cases a string if possible. Mostly used to make the filter url values case-insensitive.
+ */
+function $e2d74bb03cc5252e$export$325f75597868c4f0(stuff) {
+  if (typeof stuff !== "string") return stuff;
+  return stuff.toLowerCase();
+}
 const $c5842bdb10e57229$var$_tmpl$ = ["<button", ' class="clear-all-filters minor">', "</button>"],
   $c5842bdb10e57229$var$_tmpl$2 = ["<div", ' class="inner"><span class="title"><!--#-->', "<!--/-->: </span><!--#-->", "<!--/--></div>"],
   $c5842bdb10e57229$var$_tmpl$3 = ["<button", ' class="clear-filter major"><!--#-->', "<!--/--><span><!--#-->", "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--> – <!--#-->", "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--></span></button>"],
@@ -1110,7 +1118,7 @@ function $c5842bdb10e57229$export$fecbb157621501bd(_ref) {
                       let created_an_object = false;
                       for (let j = 0; j < value.length; j++) {
                         var _pointer;
-                        const this_categories_name = value[j];
+                        const this_categories_name = $e2d74bb03cc5252e$export$325f75597868c4f0(value[j]);
                         const obj = (_pointer = pointer)[this_categories_name] || (_pointer[this_categories_name] = (() => {
                           const value_as_string = value.map(v => typeof v === "number" ? v + "" : v); // don't think backend will ever send numbers but technically it's allowed;
                           const created_obj = {
@@ -1184,7 +1192,7 @@ function $c5842bdb10e57229$export$fecbb157621501bd(_ref) {
                                 var _meta, _meta$values;
                                 const sel_d = selected_data();
                                 return (_meta = meta()) === null || _meta === void 0 ? void 0 : (_meta$values = _meta.values) === null || _meta$values === void 0 ? void 0 : _meta$values.findIndex(value => {
-                                  return value === sel_d || Array.isArray(value) && Array.isArray(sel_d) && value.length === sel_d.length && value.every((item, index) => sel_d[index] === item);
+                                  return $e2d74bb03cc5252e$export$325f75597868c4f0(value) === $e2d74bb03cc5252e$export$325f75597868c4f0(sel_d) || Array.isArray(value) && Array.isArray(sel_d) && value.length === sel_d.length && value.every((item, index) => $e2d74bb03cc5252e$export$325f75597868c4f0(sel_d[index]) === $e2d74bb03cc5252e$export$325f75597868c4f0(item));
                                 });
                               });
                               const name = $3hooq$solidjs.createMemo(() => {
@@ -1200,7 +1208,7 @@ function $c5842bdb10e57229$export$fecbb157621501bd(_ref) {
                                 let pointer = structure;
                                 for (const step of selected_data()) {
                                   var _pointer2, _we_in_structure;
-                                  we_in_structure = (_pointer2 = pointer) === null || _pointer2 === void 0 ? void 0 : _pointer2[step];
+                                  we_in_structure = (_pointer2 = pointer) === null || _pointer2 === void 0 ? void 0 : _pointer2[$e2d74bb03cc5252e$export$325f75597868c4f0(step)];
                                   pointer = (_we_in_structure = we_in_structure) === null || _we_in_structure === void 0 ? void 0 : _we_in_structure.children_;
                                 }
                                 return we_in_structure;
@@ -1215,7 +1223,7 @@ function $c5842bdb10e57229$export$fecbb157621501bd(_ref) {
                                   let {
                                     value_: value_
                                   } = _ref2;
-                                  return (_iterable_selected_fi = iterable_selected_filter_data()) === null || _iterable_selected_fi === void 0 ? void 0 : _iterable_selected_fi.some(v => Array.isArray(v) && v.length === value_.length && value_.every((val, index) => v[index] === val));
+                                  return (_iterable_selected_fi = iterable_selected_filter_data()) === null || _iterable_selected_fi === void 0 ? void 0 : _iterable_selected_fi.some(v => Array.isArray(v) && v.length === value_.length && value_.every((val, index) => $e2d74bb03cc5252e$export$325f75597868c4f0(v[index]) === $e2d74bb03cc5252e$export$325f75597868c4f0(val)));
                                 });
                                 return false;
                               });
@@ -1334,6 +1342,12 @@ function $9b54b9c5381716eb$export$dd948f91abc3a1c4(_ref) {
   });
   const render_checkbox = checkbox => {
     // Checkbox always calls the getters in props, so we don't wrap these values into memos
+    const is_checked = $3hooq$solidjs.createMemo(() => {
+      var _existing_filter;
+      const data = (_existing_filter = existing_filter()) === null || _existing_filter === void 0 ? void 0 : _existing_filter.data;
+      const value = $e2d74bb03cc5252e$export$325f75597868c4f0(checkbox().value_);
+      return !!(data !== null && data !== void 0 && data.some(item => $e2d74bb03cc5252e$export$325f75597868c4f0(item) === value));
+    });
     return $3hooq$solidjsweb.createComponent((0, $902a0ca2b52f3898$export$48513f6b9f8ce62d), {
       get value_() {
         return checkbox().value_;
@@ -1345,8 +1359,7 @@ function $9b54b9c5381716eb$export$dd948f91abc3a1c4(_ref) {
         return checkbox().count_;
       },
       get checked_() {
-        var _existing_filter, _existing_filter$data;
-        return (_existing_filter = existing_filter()) === null || _existing_filter === void 0 ? void 0 : (_existing_filter$data = _existing_filter.data) === null || _existing_filter$data === void 0 ? void 0 : _existing_filter$data.includes(checkbox().value_);
+        return is_checked();
       }
     });
   };
@@ -1433,7 +1446,7 @@ function $d9239dad9a9d899b$export$430444115f70a734(_ref) {
         var _existing_filter;
         const v = value();
         const data = (_existing_filter = existing_filter()) === null || _existing_filter === void 0 ? void 0 : _existing_filter.data;
-        if (data === v) return true;
+        if ($e2d74bb03cc5252e$export$325f75597868c4f0(data) === $e2d74bb03cc5252e$export$325f75597868c4f0(v)) return true;
         return Array.isArray(data) && data.every((item, index) => item === v[index]);
       })(), true), $3hooq$solidjsweb.escape($3hooq$solidjs.createMemo(() => {
         var _filter_$meta, _filter_$meta$names;
@@ -2012,7 +2025,7 @@ function $9c1d49181fb3002a$var$create_updating_signal(_ref3) {
     var _existing_filter_$dat, _existing_filter_$dat2;
     // wait for the children to have populated and us to have received the correct value_ and name_ values
     let updating_blocked = false;
-    const index_of_us_in_selected_filter = existing_filter_ === null || existing_filter_ === void 0 ? void 0 : (_existing_filter_$dat = existing_filter_.data) === null || _existing_filter_$dat === void 0 ? void 0 : (_existing_filter_$dat2 = _existing_filter_$dat.findIndex) === null || _existing_filter_$dat2 === void 0 ? void 0 : _existing_filter_$dat2.call(_existing_filter_$dat, el => el.length === self_.value_.length && el.every((sub_el, index) => self_.value_[index] === sub_el));
+    const index_of_us_in_selected_filter = existing_filter_ === null || existing_filter_ === void 0 ? void 0 : (_existing_filter_$dat = existing_filter_.data) === null || _existing_filter_$dat === void 0 ? void 0 : (_existing_filter_$dat2 = _existing_filter_$dat.findIndex) === null || _existing_filter_$dat2 === void 0 ? void 0 : _existing_filter_$dat2.call(_existing_filter_$dat, el => el.length === self_.value_.length && el.every((sub_el, index) => $e2d74bb03cc5252e$export$325f75597868c4f0(self_.value_[index]) === $e2d74bb03cc5252e$export$325f75597868c4f0(sub_el)));
     signal_.push(...$3hooq$solidjs.createSignal(index_of_us_in_selected_filter >= 0));
     const [read_checked, write_checked] = signal_;
     const child_objects = Object.values(self_.children_);
@@ -2199,8 +2212,10 @@ const $cd0e5524f9476f9b$export$414f6a19d38e655c = _ref => {
         },
         children: value => {
           const is_selected = $3hooq$solidjs.createMemo(() => {
-            var _existing_filter, _existing_filter$data;
-            return (_existing_filter = existing_filter()) === null || _existing_filter === void 0 ? void 0 : (_existing_filter$data = _existing_filter.data) === null || _existing_filter$data === void 0 ? void 0 : _existing_filter$data.includes(value().value_);
+            var _existing_filter;
+            const data = (_existing_filter = existing_filter()) === null || _existing_filter === void 0 ? void 0 : _existing_filter.data;
+            const current_value = $e2d74bb03cc5252e$export$325f75597868c4f0(value().value_);
+            return !!(data !== null && data !== void 0 && data.some(item => $e2d74bb03cc5252e$export$325f75597868c4f0(item) === current_value));
           });
           const MakeButton = attributes => $3hooq$solidjsweb.ssrElement("button", () => ({
             ...attributes,
@@ -2299,16 +2314,6 @@ function $cd0e5524f9476f9b$var$adjust_sizes(container_width, sizes, set_cols_at_
     overrides: column_to_row_result
   }]]);
 }
-function $3e17e871e9d0911d$export$d9f36cf74e24d595(media_query) {
-  const signal = $3hooq$solidjs.createSignal(false);
-  $3hooq$solidjs.onCleanup($3hooq$depictaiutilishared.javascript_media_query(media_query, _ref => {
-    let {
-      matches: matches
-    } = _ref;
-    return signal[1](matches);
-  }).remove);
-  return signal[0];
-}
 const $476a3dc36afc1938$var$_tmpl$ = ["<form", ' class="checkbox-color"><!--#-->', "<!--/--><!--#-->", "<!--/--></form>"];
 const $476a3dc36afc1938$var$max_visible_without_collapsing = 30;
 const $476a3dc36afc1938$var$show_non_collapsible_when_collapsed = 8;
@@ -2319,7 +2324,6 @@ function $476a3dc36afc1938$export$82ed4b28ecb67608(_ref) {
     i18n_: i18n_,
     view_more_button_below_group_: [_get_view_more_button_below_group_, set_view_more_button_below_group_]
   } = _ref;
-  const supports_hover = $3e17e871e9d0911d$export$d9f36cf74e24d595("not all and (hover: none)");
   // same as in CheckboxFilter, maybe we should make this DRY at some point
   const existing_filter = $3hooq$solidjs.createMemo(() => {
     const {
@@ -2357,6 +2361,12 @@ function $476a3dc36afc1938$export$82ed4b28ecb67608(_ref) {
     });
     const rgb_color = $3hooq$solidjs.createMemo(() => $3hooq$depictaiutilishared.hex_to_rgb(hex_color()));
     const black_contrast_better = $3hooq$solidjs.createMemo(() => rgb_color() ? $476a3dc36afc1938$var$does_black_contrast_better(rgb_color()) : false);
+    const is_checked = $3hooq$solidjs.createMemo(() => {
+      var _existing_filter;
+      const data = (_existing_filter = existing_filter()) === null || _existing_filter === void 0 ? void 0 : _existing_filter.data;
+      const value = $e2d74bb03cc5252e$export$325f75597868c4f0(checkbox().value_);
+      return !!(data !== null && data !== void 0 && data.some(item => $e2d74bb03cc5252e$export$325f75597868c4f0(item) === value));
+    });
     const input_row = $3hooq$solidjsweb.createComponent((0, $902a0ca2b52f3898$export$48513f6b9f8ce62d), {
       get value_() {
         return checkbox().value_;
@@ -2368,8 +2378,7 @@ function $476a3dc36afc1938$export$82ed4b28ecb67608(_ref) {
         return checkbox().count_;
       },
       get checked_() {
-        var _existing_filter, _existing_filter$data;
-        return (_existing_filter = existing_filter()) === null || _existing_filter === void 0 ? void 0 : (_existing_filter$data = _existing_filter.data) === null || _existing_filter$data === void 0 ? void 0 : _existing_filter$data.includes(checkbox().value_);
+        return is_checked();
       },
       custom_indicator_ref: span => {
         const {
@@ -2525,7 +2534,7 @@ function $958981128e559776$export$53c59af873b303c9(_ref) {
             break try_specific;
           }
           const needle = data_is_array ? data[0] : data;
-          const index_in_meta = meta.values.findIndex(value => needle === value || Array.isArray(needle) && Array.isArray(value) && needle.length === value.length && value.every((item, index) => needle[index] === item));
+          const index_in_meta = meta.values.findIndex(value => $e2d74bb03cc5252e$export$325f75597868c4f0(needle) === $e2d74bb03cc5252e$export$325f75597868c4f0(value) || Array.isArray(needle) && Array.isArray(value) && needle.length === value.length && value.every((item, index) => $e2d74bb03cc5252e$export$325f75597868c4f0(needle[index]) === $e2d74bb03cc5252e$export$325f75597868c4f0(item)));
           return ((_names = meta.names) === null || _names === void 0 ? void 0 : _names[index_in_meta]) || ((_values = meta.values) === null || _values === void 0 ? void 0 : _values[index_in_meta]);
         }
       }
@@ -2626,7 +2635,7 @@ const $164d474fea221d77$var$_tmpl$ = ["<div", ' class="filter-collapsible">', "<
   $164d474fea221d77$var$_tmpl$2 = ["<button", ' class="clear-group"><!--#-->', "<!--/--><span>", "</span></button>"],
   $164d474fea221d77$var$_tmpl$3 = ["<div", ' class="view-more-clear"><!--#-->', "<!--/--><!--#-->", "<!--/--></div>"],
   $164d474fea221d77$var$_tmpl$4 = ["<div", ' class="filter-collapsible-body"><div class="filter-part">', "</div><!--#-->", "<!--/--></div>"],
-  $164d474fea221d77$var$_tmpl$5 = ["<details", ' class="filter-collapsible"></details>'],
+  $164d474fea221d77$var$_tmpl$5 = ["<details", ' class="filter-collapsible"', "></details>"],
   $164d474fea221d77$var$_tmpl$6 = ["<summary", ' class="filter-group-summary"><div class="summary"><span>', '</span><div class="selected-w-sign"><!--#-->', "<!--/--><!--#-->", "<!--/--></div></div></summary>"],
   $164d474fea221d77$var$_tmpl$7 = ["<div", ' class="ungrouped">', "</div>"],
   $164d474fea221d77$var$_tmpl$8 = ["<button", ' class="clear-all-filters major">', "</button>"];
@@ -2701,7 +2710,7 @@ function $164d474fea221d77$var$ActualFilterBody(props) {
             return $3hooq$solidjsweb.createComponent((0, $4cfe8400ed3f92c4$export$6c6d7a51fa9aa15d), {
               is_open_: is_open,
               get details_() {
-                return $3hooq$solidjsweb.ssr($164d474fea221d77$var$_tmpl$5, $3hooq$solidjsweb.ssrHydrationKey());
+                return $3hooq$solidjsweb.ssr($164d474fea221d77$var$_tmpl$5, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.ssrAttribute("data-group-title", $3hooq$solidjsweb.escape(section_, true), false));
               },
               get summary_() {
                 return $3hooq$solidjsweb.ssr($164d474fea221d77$var$_tmpl$6, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.escape(section_), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $3hooq$solidjs.Show), {
@@ -3041,7 +3050,8 @@ function $367b536a2a94d24e$export$e183a13865960371(params_to_default_value, rout
   const signals = {};
   const entries = Object.entries(params_to_default_value);
   const event_handler = $3hooq$depictaiutilishared.catchify((what_happened, args) => {
-    if (what_happened == "popstate") $367b536a2a94d24e$var$history_state_change(signals, entries, args.state);
+    // Intentionally always update our signals to the history state to allow external control of SDK state for doing things like https://linear.app/depictai/issue/X-1432/is-this-possible-with-the-depict-sdk
+    $367b536a2a94d24e$var$history_state_change(signals, entries, what_happened === "popstate" ? args.state : history.state);
   });
   // createRenderEffect because we need the instant execution so the signals always contain values, even before solid's render phase
   $3hooq$solidjs.createRenderEffect(() => {
@@ -3475,6 +3485,16 @@ async function $e270e9f953fcbc58$var$_cached_post_request2(endpoint, input_req,
     delete cache_obj.in_progress_[body];
   }
 }
+function $3e17e871e9d0911d$export$d9f36cf74e24d595(media_query) {
+  const signal = $3hooq$solidjs.createSignal(false);
+  $3hooq$solidjs.onCleanup($3hooq$depictaiutilishared.javascript_media_query(media_query, _ref => {
+    let {
+      matches: matches
+    } = _ref;
+    return signal[1](matches);
+  }).remove);
+  return signal[0];
+}
 const $55f06aa93e360e7f$var$get_available_range = (available_filters_, search_for_field) => {
   var _untrack, _untrack$find;
   const maybe_meta = (_untrack = $3hooq$solidjs.untrack(available_filters_)) === null || _untrack === void 0 ? void 0 : (_untrack$find = _untrack.find(_ref => {
@@ -9856,7 +9876,7 @@ function $33e797e57f1b6354$var$_get_rendered_recs2() {
 }
 function $33e797e57f1b6354$var$_empty_page_bugfix2() {
   // Called when a "page" is "opened" using PageReplacer
-  const on_maybe_popstate = what_happened => {
+  const on_maybe_popstate = $3hooq$depictaiutilishared.catchify(what_happened => {
     if (what_happened !== "popstate") return;
     const cleaned_current_url = $33e797e57f1b6354$var$clean_url(location.href);
     if (!$33e797e57f1b6354$var$_classStaticPrivateFieldSpecGet($33e797e57f1b6354$export$3ccaa27d81dd8556, $33e797e57f1b6354$export$3ccaa27d81dd8556, $33e797e57f1b6354$var$_visited_urls).has(cleaned_current_url)) {
@@ -9885,7 +9905,7 @@ function $33e797e57f1b6354$var$_empty_page_bugfix2() {
       $33e797e57f1b6354$var$_classStaticPrivateFieldSpecSet($33e797e57f1b6354$export$3ccaa27d81dd8556, $33e797e57f1b6354$export$3ccaa27d81dd8556, $33e797e57f1b6354$var$_reverting_permitted, false); // Disallow any reverting since we can't - it would flash a white page until the reload has finished.
       $parcel$interopDefault($3hooq$babelruntimehelpersclassPrivateFieldGet)(this, $33e797e57f1b6354$var$_unload).call(this); // Call unload to "kill" the solid-js stuff quicker so that it stops updating - the user is expecting the next thing that happens to be a navigation to the actual page the URL says they're on.
     }
-  };
+  });
 
   (0, $3hooq$depictaiutilishared.instant_exec_on_suspect_history_change).add(on_maybe_popstate);
   $parcel$interopDefault($3hooq$babelruntimehelpersclassPrivateFieldGet)(this, $33e797e57f1b6354$var$_revert_fns).push(() => (0, $3hooq$depictaiutilishared.instant_exec_on_suspect_history_change).delete(on_maybe_popstate)); // Don't run the bugfixer if there isn't a PageReplacer page open since I assume the bug only happens when going back from a PageReplace'd page

package/server/ES10/index.d.ts

@@ -7,7 +7,7 @@ import { CategorySuggestion, SearchSuggestionsResponse } from "@depict-ai/types/
 import { BaseSearchRequest } from "@depict-ai/types/api/BaseSearchRequest";
 import { SearchSuggestionsRequest } from "@depict-ai/types/api/SearchSuggestionsRequest";
 import { ProductListingRequest } from "@depict-ai/types/api/ProductListingRequest";
-export const version = "2.0.20";
+export const version = "2.0.22";
 /**
  * Provider to wrap every listing (group of products) in
  * Used for example for deduplicating ResizeObservers for responsive images
@@ -342,10 +342,6 @@ export function SelectedFilters({
   selected_filters_: Signal<FilterWithData[]>;
   local_filter_cache_: Signal<SearchFilter[]>;
 }): HTMLDivElement;
-/**
- * Use `javascript_media_query` but return a reactive accessor instead of taking a callback function
- */
-export function media_query_to_accessor(media_query: string): import("solid-js").Accessor<boolean>;
 /**
  * Base placeholder component used by ImagePlaceholder and TextPlaceholder
  */
@@ -614,6 +610,10 @@ export class DepictAPI<InputDisplay extends Display, OutputDisplay extends Moder
     failed?: true | undefined;
   }>;
 }
+/**
+ * Use `javascript_media_query` but return a reactive accessor instead of taking a callback function
+ */
+export function media_query_to_accessor(media_query: string): import("solid-js").Accessor<boolean>;
 /**
  * Disables scrolling until the solidjs reactive scoped is disposed (onCleanup)
  * @returns A cleanup function to manually re-enable scrolling.

package/server/ES10/index.js

@@ -1,4 +1,4 @@
-import { add_to_version_info as $b8hua$add_to_version_info, queueMacroTask as $b8hua$queueMacroTask, catchify as $b8hua$catchify, is_safari as $b8hua$is_safari, observer as $b8hua$observer, Amazing_Slider as $b8hua$Amazing_Slider, slider_snap_css as $b8hua$slider_snap_css, slider_fading_factory as $b8hua$slider_fading_factory, slider_fractional_factory as $b8hua$slider_fractional_factory, dlog as $b8hua$dlog, camelCasifyObject as $b8hua$camelCasifyObject, make_random_classname as $b8hua$make_random_classname, n_col_styling_with_dist as $b8hua$n_col_styling_with_dist, layout_get_visible_recs_without_partial_rows as $b8hua$layout_get_visible_recs_without_partial_rows, layout_get_total_rec_amount_for_row as $b8hua$layout_get_total_rec_amount_for_row, layout_media_query_header as $b8hua$layout_media_query_header, report as $b8hua$report, useExpandingContainer as $b8hua$useExpandingContainer, standard_price_format as $b8hua$standard_price_format, hex_to_rgb as $b8hua$hex_to_rgb, relative_luminance_from_rgb as $b8hua$relative_luminance_from_rgb, javascript_media_query as $b8hua$javascript_media_query, fetch_recs as $b8hua$fetch_recs, snakeCasifyObject as $b8hua$snakeCasifyObject, instant_exec_on_suspect_history_change as $b8hua$instant_exec_on_suspect_history_change, base_url as $b8hua$base_url, get_depict_id as $b8hua$get_depict_id, get_user_id as $b8hua$get_user_id, get_session_id as $b8hua$get_session_id, make_url_with_query_params as $b8hua$make_url_with_query_params, fetch_retry as $b8hua$fetch_retry, add_version_query_params as $b8hua$add_version_query_params, dwarn as $b8hua$dwarn, sort_obj as $b8hua$sort_obj, edit_current_page_meta_tags as $b8hua$edit_current_page_meta_tags, use_href_accessor as $b8hua$use_href_accessor, base64_encode_unicode as $b8hua$base64_encode_unicode, base64_decode_unicode as $b8hua$base64_decode_unicode, make_asyncIterable_exiter as $b8hua$make_asyncIterable_exiter, href_change_ipns as $b8hua$href_change_ipns, ContainedImage as $b8hua$ContainedImage, deparallelize_no_drop as $b8hua$deparallelize_no_drop, ListenableSet as $b8hua$ListenableSet, insert_surfaces as $b8hua$insert_surfaces } from "@depict-ai/utilishared/ES10";
+import { add_to_version_info as $b8hua$add_to_version_info, queueMacroTask as $b8hua$queueMacroTask, catchify as $b8hua$catchify, is_safari as $b8hua$is_safari, observer as $b8hua$observer, Amazing_Slider as $b8hua$Amazing_Slider, slider_snap_css as $b8hua$slider_snap_css, slider_fading_factory as $b8hua$slider_fading_factory, slider_fractional_factory as $b8hua$slider_fractional_factory, dlog as $b8hua$dlog, camelCasifyObject as $b8hua$camelCasifyObject, make_random_classname as $b8hua$make_random_classname, n_col_styling_with_dist as $b8hua$n_col_styling_with_dist, layout_get_visible_recs_without_partial_rows as $b8hua$layout_get_visible_recs_without_partial_rows, layout_get_total_rec_amount_for_row as $b8hua$layout_get_total_rec_amount_for_row, layout_media_query_header as $b8hua$layout_media_query_header, report as $b8hua$report, useExpandingContainer as $b8hua$useExpandingContainer, standard_price_format as $b8hua$standard_price_format, hex_to_rgb as $b8hua$hex_to_rgb, relative_luminance_from_rgb as $b8hua$relative_luminance_from_rgb, fetch_recs as $b8hua$fetch_recs, snakeCasifyObject as $b8hua$snakeCasifyObject, instant_exec_on_suspect_history_change as $b8hua$instant_exec_on_suspect_history_change, base_url as $b8hua$base_url, get_depict_id as $b8hua$get_depict_id, get_user_id as $b8hua$get_user_id, get_session_id as $b8hua$get_session_id, make_url_with_query_params as $b8hua$make_url_with_query_params, fetch_retry as $b8hua$fetch_retry, add_version_query_params as $b8hua$add_version_query_params, dwarn as $b8hua$dwarn, sort_obj as $b8hua$sort_obj, edit_current_page_meta_tags as $b8hua$edit_current_page_meta_tags, javascript_media_query as $b8hua$javascript_media_query, use_href_accessor as $b8hua$use_href_accessor, base64_encode_unicode as $b8hua$base64_encode_unicode, base64_decode_unicode as $b8hua$base64_decode_unicode, make_asyncIterable_exiter as $b8hua$make_asyncIterable_exiter, href_change_ipns as $b8hua$href_change_ipns, ContainedImage as $b8hua$ContainedImage, deparallelize_no_drop as $b8hua$deparallelize_no_drop, ListenableSet as $b8hua$ListenableSet, insert_surfaces as $b8hua$insert_surfaces } from "@depict-ai/utilishared/ES10";
 import { createComponent as $b8hua$createComponent, ssr as $b8hua$ssr, ssrHydrationKey as $b8hua$ssrHydrationKey, ssrStyle as $b8hua$ssrStyle, ssrElement as $b8hua$ssrElement, escape as $b8hua$escape, insert as $b8hua$insert, ssrAttribute as $b8hua$ssrAttribute, mergeProps as $b8hua$mergeProps, isServer as $b8hua$isServer, ssrClassList as $b8hua$ssrClassList, Dynamic as $b8hua$Dynamic } from "solid-js/web";
 import { createSignal as $b8hua$createSignal, getOwner as $b8hua$getOwner, createEffect as $b8hua$createEffect, runWithOwner as $b8hua$runWithOwner, onCleanup as $b8hua$onCleanup, createMemo as $b8hua$createMemo, createContext as $b8hua$createContext, useContext as $b8hua$useContext, createResource as $b8hua$createResource, Suspense as $b8hua$Suspense, Show as $b8hua$Show, createRenderEffect as $b8hua$createRenderEffect, createRoot as $b8hua$createRoot, For as $b8hua$For, createUniqueId as $b8hua$createUniqueId, untrack as $b8hua$untrack, createComputed as $b8hua$createComputed, ErrorBoundary as $b8hua$ErrorBoundary, Index as $b8hua$Index, on as $b8hua$on, batch as $b8hua$batch, createReaction as $b8hua$createReaction } from "solid-js";
 import $b8hua$babelruntimehelpersclassPrivateFieldSet from "@babel/runtime/helpers/classPrivateFieldSet";
@@ -8,7 +8,7 @@ import $b8hua$babelruntimehelpersdefineProperty from "@babel/runtime/helpers/def
 /*! Depict.ai search and product listing SDK */
 import { register_es_version } from "../../multi_import_deduplicator.mjs";
 register_es_version("ui", "ES10");
-const $8db9a15135765c11$export$83d89fbfd8236492 = "2.0.20";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "2.0.22";
 const $5441862cd2f5e111$var$ListingContext = /*@__PURE__*/$b8hua$createContext();
 function $5441862cd2f5e111$export$e68cff63f76bd15b(props) {
   const our_object = {};
@@ -979,6 +979,14 @@ function $9783d437ad61594c$export$3b621d86b1566b2() {
     "viewBox": "0 0 21.064 21.064"
   }), () => $b8hua$ssr($9783d437ad61594c$var$_tmpl$), true);
 }
+
+/**
+ * Lower cases a string if possible. Mostly used to make the filter url values case-insensitive.
+ */
+function $af5d8e0b7d97a7f6$export$325f75597868c4f0(stuff) {
+  if (typeof stuff !== "string") return stuff;
+  return stuff.toLowerCase();
+}
 const $4711a82d08d2021b$var$_tmpl$ = ["<button", ' class="clear-all-filters minor">', "</button>"],
   $4711a82d08d2021b$var$_tmpl$2 = ["<div", ' class="inner"><span class="title"><!--#-->', "<!--/-->: </span><!--#-->", "<!--/--></div>"],
   $4711a82d08d2021b$var$_tmpl$3 = ["<button", ' class="clear-filter major"><!--#-->', "<!--/--><span><!--#-->", "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--> – <!--#-->", "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--></span></button>"],
@@ -1046,7 +1054,7 @@ function $4711a82d08d2021b$export$fecbb157621501bd(_ref) {
                       let created_an_object = false;
                       for (let j = 0; j < value.length; j++) {
                         var _pointer;
-                        const this_categories_name = value[j];
+                        const this_categories_name = $af5d8e0b7d97a7f6$export$325f75597868c4f0(value[j]);
                         const obj = (_pointer = pointer)[this_categories_name] || (_pointer[this_categories_name] = (() => {
                           const value_as_string = value.map(v => typeof v === "number" ? v + "" : v); // don't think backend will ever send numbers but technically it's allowed;
                           const created_obj = {
@@ -1120,7 +1128,7 @@ function $4711a82d08d2021b$export$fecbb157621501bd(_ref) {
                                 var _meta, _meta$values;
                                 const sel_d = selected_data();
                                 return (_meta = meta()) === null || _meta === void 0 ? void 0 : (_meta$values = _meta.values) === null || _meta$values === void 0 ? void 0 : _meta$values.findIndex(value => {
-                                  return value === sel_d || Array.isArray(value) && Array.isArray(sel_d) && value.length === sel_d.length && value.every((item, index) => sel_d[index] === item);
+                                  return $af5d8e0b7d97a7f6$export$325f75597868c4f0(value) === $af5d8e0b7d97a7f6$export$325f75597868c4f0(sel_d) || Array.isArray(value) && Array.isArray(sel_d) && value.length === sel_d.length && value.every((item, index) => $af5d8e0b7d97a7f6$export$325f75597868c4f0(sel_d[index]) === $af5d8e0b7d97a7f6$export$325f75597868c4f0(item));
                                 });
                               });
                               const name = $b8hua$createMemo(() => {
@@ -1136,7 +1144,7 @@ function $4711a82d08d2021b$export$fecbb157621501bd(_ref) {
                                 let pointer = structure;
                                 for (const step of selected_data()) {
                                   var _pointer2, _we_in_structure;
-                                  we_in_structure = (_pointer2 = pointer) === null || _pointer2 === void 0 ? void 0 : _pointer2[step];
+                                  we_in_structure = (_pointer2 = pointer) === null || _pointer2 === void 0 ? void 0 : _pointer2[$af5d8e0b7d97a7f6$export$325f75597868c4f0(step)];
                                   pointer = (_we_in_structure = we_in_structure) === null || _we_in_structure === void 0 ? void 0 : _we_in_structure.children_;
                                 }
                                 return we_in_structure;
@@ -1151,7 +1159,7 @@ function $4711a82d08d2021b$export$fecbb157621501bd(_ref) {
                                   let {
                                     value_: value_
                                   } = _ref2;
-                                  return (_iterable_selected_fi = iterable_selected_filter_data()) === null || _iterable_selected_fi === void 0 ? void 0 : _iterable_selected_fi.some(v => Array.isArray(v) && v.length === value_.length && value_.every((val, index) => v[index] === val));
+                                  return (_iterable_selected_fi = iterable_selected_filter_data()) === null || _iterable_selected_fi === void 0 ? void 0 : _iterable_selected_fi.some(v => Array.isArray(v) && v.length === value_.length && value_.every((val, index) => $af5d8e0b7d97a7f6$export$325f75597868c4f0(v[index]) === $af5d8e0b7d97a7f6$export$325f75597868c4f0(val)));
                                 });
                                 return false;
                               });
@@ -1270,6 +1278,12 @@ function $133484ef10e4e954$export$dd948f91abc3a1c4(_ref) {
   });
   const render_checkbox = checkbox => {
     // Checkbox always calls the getters in props, so we don't wrap these values into memos
+    const is_checked = $b8hua$createMemo(() => {
+      var _existing_filter;
+      const data = (_existing_filter = existing_filter()) === null || _existing_filter === void 0 ? void 0 : _existing_filter.data;
+      const value = $af5d8e0b7d97a7f6$export$325f75597868c4f0(checkbox().value_);
+      return !!(data !== null && data !== void 0 && data.some(item => $af5d8e0b7d97a7f6$export$325f75597868c4f0(item) === value));
+    });
     return $b8hua$createComponent((0, $19e828709c7723a0$export$48513f6b9f8ce62d), {
       get value_() {
         return checkbox().value_;
@@ -1281,8 +1295,7 @@ function $133484ef10e4e954$export$dd948f91abc3a1c4(_ref) {
         return checkbox().count_;
       },
       get checked_() {
-        var _existing_filter, _existing_filter$data;
-        return (_existing_filter = existing_filter()) === null || _existing_filter === void 0 ? void 0 : (_existing_filter$data = _existing_filter.data) === null || _existing_filter$data === void 0 ? void 0 : _existing_filter$data.includes(checkbox().value_);
+        return is_checked();
       }
     });
   };
@@ -1369,7 +1382,7 @@ function $b54fc842e721c9eb$export$430444115f70a734(_ref) {
         var _existing_filter;
         const v = value();
         const data = (_existing_filter = existing_filter()) === null || _existing_filter === void 0 ? void 0 : _existing_filter.data;
-        if (data === v) return true;
+        if ($af5d8e0b7d97a7f6$export$325f75597868c4f0(data) === $af5d8e0b7d97a7f6$export$325f75597868c4f0(v)) return true;
         return Array.isArray(data) && data.every((item, index) => item === v[index]);
       })(), true), $b8hua$escape($b8hua$createMemo(() => {
         var _filter_$meta, _filter_$meta$names;
@@ -1948,7 +1961,7 @@ function $0ae614c5c7babb43$var$create_updating_signal(_ref3) {
     var _existing_filter_$dat, _existing_filter_$dat2;
     // wait for the children to have populated and us to have received the correct value_ and name_ values
     let updating_blocked = false;
-    const index_of_us_in_selected_filter = existing_filter_ === null || existing_filter_ === void 0 ? void 0 : (_existing_filter_$dat = existing_filter_.data) === null || _existing_filter_$dat === void 0 ? void 0 : (_existing_filter_$dat2 = _existing_filter_$dat.findIndex) === null || _existing_filter_$dat2 === void 0 ? void 0 : _existing_filter_$dat2.call(_existing_filter_$dat, el => el.length === self_.value_.length && el.every((sub_el, index) => self_.value_[index] === sub_el));
+    const index_of_us_in_selected_filter = existing_filter_ === null || existing_filter_ === void 0 ? void 0 : (_existing_filter_$dat = existing_filter_.data) === null || _existing_filter_$dat === void 0 ? void 0 : (_existing_filter_$dat2 = _existing_filter_$dat.findIndex) === null || _existing_filter_$dat2 === void 0 ? void 0 : _existing_filter_$dat2.call(_existing_filter_$dat, el => el.length === self_.value_.length && el.every((sub_el, index) => $af5d8e0b7d97a7f6$export$325f75597868c4f0(self_.value_[index]) === $af5d8e0b7d97a7f6$export$325f75597868c4f0(sub_el)));
     signal_.push(...$b8hua$createSignal(index_of_us_in_selected_filter >= 0));
     const [read_checked, write_checked] = signal_;
     const child_objects = Object.values(self_.children_);
@@ -2135,8 +2148,10 @@ const $830ea8efda59884e$export$414f6a19d38e655c = _ref => {
         },
         children: value => {
           const is_selected = $b8hua$createMemo(() => {
-            var _existing_filter, _existing_filter$data;
-            return (_existing_filter = existing_filter()) === null || _existing_filter === void 0 ? void 0 : (_existing_filter$data = _existing_filter.data) === null || _existing_filter$data === void 0 ? void 0 : _existing_filter$data.includes(value().value_);
+            var _existing_filter;
+            const data = (_existing_filter = existing_filter()) === null || _existing_filter === void 0 ? void 0 : _existing_filter.data;
+            const current_value = $af5d8e0b7d97a7f6$export$325f75597868c4f0(value().value_);
+            return !!(data !== null && data !== void 0 && data.some(item => $af5d8e0b7d97a7f6$export$325f75597868c4f0(item) === current_value));
           });
           const MakeButton = attributes => $b8hua$ssrElement("button", () => ({
             ...attributes,
@@ -2235,16 +2250,6 @@ function $830ea8efda59884e$var$adjust_sizes(container_width, sizes, set_cols_at_
     overrides: column_to_row_result
   }]]);
 }
-function $00a5b94f0c11efbb$export$d9f36cf74e24d595(media_query) {
-  const signal = $b8hua$createSignal(false);
-  $b8hua$onCleanup($b8hua$javascript_media_query(media_query, _ref => {
-    let {
-      matches: matches
-    } = _ref;
-    return signal[1](matches);
-  }).remove);
-  return signal[0];
-}
 const $2cb856c297c53e6c$var$_tmpl$ = ["<form", ' class="checkbox-color"><!--#-->', "<!--/--><!--#-->", "<!--/--></form>"];
 const $2cb856c297c53e6c$var$max_visible_without_collapsing = 30;
 const $2cb856c297c53e6c$var$show_non_collapsible_when_collapsed = 8;
@@ -2255,7 +2260,6 @@ function $2cb856c297c53e6c$export$82ed4b28ecb67608(_ref) {
     i18n_: i18n_,
     view_more_button_below_group_: [_get_view_more_button_below_group_, set_view_more_button_below_group_]
   } = _ref;
-  const supports_hover = $00a5b94f0c11efbb$export$d9f36cf74e24d595("not all and (hover: none)");
   // same as in CheckboxFilter, maybe we should make this DRY at some point
   const existing_filter = $b8hua$createMemo(() => {
     const {
@@ -2293,6 +2297,12 @@ function $2cb856c297c53e6c$export$82ed4b28ecb67608(_ref) {
     });
     const rgb_color = $b8hua$createMemo(() => $b8hua$hex_to_rgb(hex_color()));
     const black_contrast_better = $b8hua$createMemo(() => rgb_color() ? $2cb856c297c53e6c$var$does_black_contrast_better(rgb_color()) : false);
+    const is_checked = $b8hua$createMemo(() => {
+      var _existing_filter;
+      const data = (_existing_filter = existing_filter()) === null || _existing_filter === void 0 ? void 0 : _existing_filter.data;
+      const value = $af5d8e0b7d97a7f6$export$325f75597868c4f0(checkbox().value_);
+      return !!(data !== null && data !== void 0 && data.some(item => $af5d8e0b7d97a7f6$export$325f75597868c4f0(item) === value));
+    });
     const input_row = $b8hua$createComponent((0, $19e828709c7723a0$export$48513f6b9f8ce62d), {
       get value_() {
         return checkbox().value_;
@@ -2304,8 +2314,7 @@ function $2cb856c297c53e6c$export$82ed4b28ecb67608(_ref) {
         return checkbox().count_;
       },
       get checked_() {
-        var _existing_filter, _existing_filter$data;
-        return (_existing_filter = existing_filter()) === null || _existing_filter === void 0 ? void 0 : (_existing_filter$data = _existing_filter.data) === null || _existing_filter$data === void 0 ? void 0 : _existing_filter$data.includes(checkbox().value_);
+        return is_checked();
       },
       custom_indicator_ref: span => {
         const {
@@ -2461,7 +2470,7 @@ function $d0ff304c14f50521$export$53c59af873b303c9(_ref) {
             break try_specific;
           }
           const needle = data_is_array ? data[0] : data;
-          const index_in_meta = meta.values.findIndex(value => needle === value || Array.isArray(needle) && Array.isArray(value) && needle.length === value.length && value.every((item, index) => needle[index] === item));
+          const index_in_meta = meta.values.findIndex(value => $af5d8e0b7d97a7f6$export$325f75597868c4f0(needle) === $af5d8e0b7d97a7f6$export$325f75597868c4f0(value) || Array.isArray(needle) && Array.isArray(value) && needle.length === value.length && value.every((item, index) => $af5d8e0b7d97a7f6$export$325f75597868c4f0(needle[index]) === $af5d8e0b7d97a7f6$export$325f75597868c4f0(item)));
           return ((_names = meta.names) === null || _names === void 0 ? void 0 : _names[index_in_meta]) || ((_values = meta.values) === null || _values === void 0 ? void 0 : _values[index_in_meta]);
         }
       }
@@ -2562,7 +2571,7 @@ const $f6b0500577e1b210$var$_tmpl$ = ["<div", ' class="filter-collapsible">', "<
   $f6b0500577e1b210$var$_tmpl$2 = ["<button", ' class="clear-group"><!--#-->', "<!--/--><span>", "</span></button>"],
   $f6b0500577e1b210$var$_tmpl$3 = ["<div", ' class="view-more-clear"><!--#-->', "<!--/--><!--#-->", "<!--/--></div>"],
   $f6b0500577e1b210$var$_tmpl$4 = ["<div", ' class="filter-collapsible-body"><div class="filter-part">', "</div><!--#-->", "<!--/--></div>"],
-  $f6b0500577e1b210$var$_tmpl$5 = ["<details", ' class="filter-collapsible"></details>'],
+  $f6b0500577e1b210$var$_tmpl$5 = ["<details", ' class="filter-collapsible"', "></details>"],
   $f6b0500577e1b210$var$_tmpl$6 = ["<summary", ' class="filter-group-summary"><div class="summary"><span>', '</span><div class="selected-w-sign"><!--#-->', "<!--/--><!--#-->", "<!--/--></div></div></summary>"],
   $f6b0500577e1b210$var$_tmpl$7 = ["<div", ' class="ungrouped">', "</div>"],
   $f6b0500577e1b210$var$_tmpl$8 = ["<button", ' class="clear-all-filters major">', "</button>"];
@@ -2637,7 +2646,7 @@ function $f6b0500577e1b210$var$ActualFilterBody(props) {
             return $b8hua$createComponent((0, $ad371564683947ab$export$6c6d7a51fa9aa15d), {
               is_open_: is_open,
               get details_() {
-                return $b8hua$ssr($f6b0500577e1b210$var$_tmpl$5, $b8hua$ssrHydrationKey());
+                return $b8hua$ssr($f6b0500577e1b210$var$_tmpl$5, $b8hua$ssrHydrationKey(), $b8hua$ssrAttribute("data-group-title", $b8hua$escape(section_, true), false));
               },
               get summary_() {
                 return $b8hua$ssr($f6b0500577e1b210$var$_tmpl$6, $b8hua$ssrHydrationKey(), $b8hua$escape(section_), $b8hua$escape($b8hua$createComponent((0, $b8hua$Show), {
@@ -2977,7 +2986,8 @@ function $972f6bce0f9d61be$export$e183a13865960371(params_to_default_value, rout
   const signals = {};
   const entries = Object.entries(params_to_default_value);
   const event_handler = $b8hua$catchify((what_happened, args) => {
-    if (what_happened == "popstate") $972f6bce0f9d61be$var$history_state_change(signals, entries, args.state);
+    // Intentionally always update our signals to the history state to allow external control of SDK state for doing things like https://linear.app/depictai/issue/X-1432/is-this-possible-with-the-depict-sdk
+    $972f6bce0f9d61be$var$history_state_change(signals, entries, what_happened === "popstate" ? args.state : history.state);
   });
   // createRenderEffect because we need the instant execution so the signals always contain values, even before solid's render phase
   $b8hua$createRenderEffect(() => {
@@ -3411,6 +3421,16 @@ async function $284849364a6ef73a$var$_cached_post_request2(endpoint, input_req,
     delete cache_obj.in_progress_[body];
   }
 }
+function $00a5b94f0c11efbb$export$d9f36cf74e24d595(media_query) {
+  const signal = $b8hua$createSignal(false);
+  $b8hua$onCleanup($b8hua$javascript_media_query(media_query, _ref => {
+    let {
+      matches: matches
+    } = _ref;
+    return signal[1](matches);
+  }).remove);
+  return signal[0];
+}
 const $9b5022ae72f56399$var$get_available_range = (available_filters_, search_for_field) => {
   var _untrack, _untrack$find;
   const maybe_meta = (_untrack = $b8hua$untrack(available_filters_)) === null || _untrack === void 0 ? void 0 : (_untrack$find = _untrack.find(_ref => {
@@ -9792,7 +9812,7 @@ function $f9fd3017c20b774a$var$_get_rendered_recs2() {
 }
 function $f9fd3017c20b774a$var$_empty_page_bugfix2() {
   // Called when a "page" is "opened" using PageReplacer
-  const on_maybe_popstate = what_happened => {
+  const on_maybe_popstate = $b8hua$catchify(what_happened => {
     if (what_happened !== "popstate") return;
     const cleaned_current_url = $f9fd3017c20b774a$var$clean_url(location.href);
     if (!$f9fd3017c20b774a$var$_classStaticPrivateFieldSpecGet($f9fd3017c20b774a$export$3ccaa27d81dd8556, $f9fd3017c20b774a$export$3ccaa27d81dd8556, $f9fd3017c20b774a$var$_visited_urls).has(cleaned_current_url)) {
@@ -9821,7 +9841,7 @@ function $f9fd3017c20b774a$var$_empty_page_bugfix2() {
       $f9fd3017c20b774a$var$_classStaticPrivateFieldSpecSet($f9fd3017c20b774a$export$3ccaa27d81dd8556, $f9fd3017c20b774a$export$3ccaa27d81dd8556, $f9fd3017c20b774a$var$_reverting_permitted, false); // Disallow any reverting since we can't - it would flash a white page until the reload has finished.
       $b8hua$babelruntimehelpersclassPrivateFieldGet(this, $f9fd3017c20b774a$var$_unload).call(this); // Call unload to "kill" the solid-js stuff quicker so that it stops updating - the user is expecting the next thing that happens to be a navigation to the actual page the URL says they're on.
     }
-  };
+  });
 
   (0, $b8hua$instant_exec_on_suspect_history_change).add(on_maybe_popstate);
   $b8hua$babelruntimehelpersclassPrivateFieldGet(this, $f9fd3017c20b774a$var$_revert_fns).push(() => (0, $b8hua$instant_exec_on_suspect_history_change).delete(on_maybe_popstate)); // Don't run the bugfixer if there isn't a PageReplacer page open since I assume the bug only happens when going back from a PageReplace'd page