@depict-ai/ui 2.0.20 → 2.0.22

package/server/latest/index.cjs

@@ -66,7 +66,7 @@ $parcel$export(module.exports, "defaultColsAtSize", () => $a3280f0aad997933$expo
 $parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $a3280f0aad997933$export$7bf543b9d9be2c22);
 $parcel$export(module.exports, "version", () => $b757f75811f3261f$export$83d89fbfd8236492);
 /*! Depict.ai search and product listing SDK */
-const $b757f75811f3261f$export$83d89fbfd8236492 = "2.0.20";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "2.0.22";
 const $84798aaa863a4909$var$ListingContext = /*@__PURE__*/$5vyXB$solidjs.createContext();
 function $84798aaa863a4909$export$e68cff63f76bd15b(props) {
   const our_object = {};
@@ -990,6 +990,14 @@ function $c77c68e559a1506c$export$3b621d86b1566b2(props = {}) {
     "viewBox": "0 0 21.064 21.064"
   }), () => $5vyXB$solidjsweb.ssr($c77c68e559a1506c$var$_tmpl$), true);
 }
+
+/**
+ * Lower cases a string if possible. Mostly used to make the filter url values case-insensitive.
+ */
+function $daa394359b026187$export$325f75597868c4f0(stuff) {
+  if (typeof stuff !== "string") return stuff;
+  return stuff.toLowerCase();
+}
 const $235a2771a44e28e9$var$_tmpl$ = ["<button", ' class="clear-all-filters minor">', "</button>"],
   $235a2771a44e28e9$var$_tmpl$2 = ["<div", ' class="inner"><span class="title"><!--#-->', "<!--/-->: </span><!--#-->", "<!--/--></div>"],
   $235a2771a44e28e9$var$_tmpl$3 = ["<button", ' class="clear-filter major"><!--#-->', "<!--/--><span><!--#-->", "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--> – <!--#-->", "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--></span></button>"],
@@ -1052,7 +1060,7 @@ function $235a2771a44e28e9$export$fecbb157621501bd({
                       let parent_ = {};
                       let created_an_object = false;
                       for (let j = 0; j < value.length; j++) {
-                        const this_categories_name = value[j];
+                        const this_categories_name = $daa394359b026187$export$325f75597868c4f0(value[j]);
                         const obj = 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 = {
@@ -1124,7 +1132,7 @@ function $235a2771a44e28e9$export$fecbb157621501bd({
                               const index_of_us_in_meta = $5vyXB$solidjs.createMemo(() => {
                                 const sel_d = selected_data();
                                 return 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 $daa394359b026187$export$325f75597868c4f0(value) === $daa394359b026187$export$325f75597868c4f0(sel_d) || Array.isArray(value) && Array.isArray(sel_d) && value.length === sel_d.length && value.every((item, index) => $daa394359b026187$export$325f75597868c4f0(sel_d[index]) === $daa394359b026187$export$325f75597868c4f0(item));
                                 });
                               });
                               const name = $5vyXB$solidjs.createMemo(() => {
@@ -1138,7 +1146,7 @@ function $235a2771a44e28e9$export$fecbb157621501bd({
                                 let we_in_structure;
                                 let pointer = structure;
                                 for (const step of selected_data()) {
-                                  we_in_structure = pointer?.[step];
+                                  we_in_structure = pointer?.[$daa394359b026187$export$325f75597868c4f0(step)];
                                   pointer = we_in_structure?.children_;
                                 }
                                 return we_in_structure;
@@ -1149,7 +1157,7 @@ function $235a2771a44e28e9$export$fecbb157621501bd({
                                 const siblings = parent?.children_;
                                 if (siblings) return [parent, ...Object.values(siblings)].every(({
                                   value_: value_
-                                }) => iterable_selected_filter_data()?.some(v => Array.isArray(v) && v.length === value_.length && value_.every((val, index) => v[index] === val)));
+                                }) => iterable_selected_filter_data()?.some(v => Array.isArray(v) && v.length === value_.length && value_.every((val, index) => $daa394359b026187$export$325f75597868c4f0(v[index]) === $daa394359b026187$export$325f75597868c4f0(val))));
                                 return false;
                               });
                               return $5vyXB$solidjsweb.createComponent((0, $5vyXB$solidjs.Show), {
@@ -1259,6 +1267,11 @@ function $d94869c80e337a3d$export$dd948f91abc3a1c4({
   });
   const render_checkbox = checkbox => {
     // Checkbox always calls the getters in props, so we don't wrap these values into memos
+    const is_checked = $5vyXB$solidjs.createMemo(() => {
+      const data = existing_filter()?.data;
+      const value = $daa394359b026187$export$325f75597868c4f0(checkbox().value_);
+      return !!data?.some(item => $daa394359b026187$export$325f75597868c4f0(item) === value);
+    });
     return $5vyXB$solidjsweb.createComponent((0, $1c63082b2da848ad$export$48513f6b9f8ce62d), {
       get value_() {
         return checkbox().value_;
@@ -1270,7 +1283,7 @@ function $d94869c80e337a3d$export$dd948f91abc3a1c4({
         return checkbox().count_;
       },
       get checked_() {
-        return existing_filter()?.data?.includes(checkbox().value_);
+        return is_checked();
       }
     });
   };
@@ -1349,7 +1362,7 @@ function $c1dc1554c1b94233$export$430444115f70a734({
       return $5vyXB$solidjsweb.ssr($c1dc1554c1b94233$var$_tmpl$3, $5vyXB$solidjsweb.ssrHydrationKey(), `input-row ${count() === 0 ? "count-0" : ""}`, $5vyXB$solidjsweb.ssrAttribute("for", $5vyXB$solidjsweb.escape(random_selector, true), false), $5vyXB$solidjsweb.ssrAttribute("id", $5vyXB$solidjsweb.escape(random_selector, true), false) + $5vyXB$solidjsweb.ssrAttribute("name", $5vyXB$solidjsweb.escape(radio_name, true), false), $5vyXB$solidjsweb.ssrAttribute("checked", $5vyXB$solidjs.createMemo(() => {
         const v = value();
         const data = existing_filter()?.data;
-        if (data === v) return true;
+        if ($daa394359b026187$export$325f75597868c4f0(data) === $daa394359b026187$export$325f75597868c4f0(v)) return true;
         return Array.isArray(data) && data.every((item, index) => item === v[index]);
       })(), true), $5vyXB$solidjsweb.escape($5vyXB$solidjs.createMemo(() => {
         const name = filter_().meta?.names?.[index];
@@ -1887,7 +1900,7 @@ function $3bdc00a1353c1150$var$create_updating_signal({
   const on_structure_complete_ = () => {
     // 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_?.data?.findIndex?.(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_?.data?.findIndex?.(el => el.length === self_.value_.length && el.every((sub_el, index) => $daa394359b026187$export$325f75597868c4f0(self_.value_[index]) === $daa394359b026187$export$325f75597868c4f0(sub_el)));
     signal_.push(...$5vyXB$solidjs.createSignal(index_of_us_in_selected_filter >= 0));
     const [read_checked, write_checked] = signal_;
     const child_objects = Object.values(self_.children_);
@@ -2053,7 +2066,11 @@ const $0ef1681699140f1a$export$414f6a19d38e655c = ({
           return buttons();
         },
         children: value => {
-          const is_selected = $5vyXB$solidjs.createMemo(() => existing_filter()?.data?.includes(value().value_));
+          const is_selected = $5vyXB$solidjs.createMemo(() => {
+            const data = existing_filter()?.data;
+            const current_value = $daa394359b026187$export$325f75597868c4f0(value().value_);
+            return !!data?.some(item => $daa394359b026187$export$325f75597868c4f0(item) === current_value);
+          });
           const MakeButton = attributes => $5vyXB$solidjsweb.ssrElement("button", () => ({
             ...attributes,
             "disabled": value().count_ === 0 && !is_selected(),
@@ -2150,13 +2167,6 @@ function $0ef1681699140f1a$var$adjust_sizes(container_width, sizes, set_cols_at_
     overrides: column_to_row_result
   }]]);
 }
-function $b54e6192d0caa293$export$d9f36cf74e24d595(media_query) {
-  const signal = $5vyXB$solidjs.createSignal(false);
-  $5vyXB$solidjs.onCleanup($5vyXB$depictaiutilishared.javascript_media_query(media_query, ({
-    matches: matches
-  }) => signal[1](matches)).remove);
-  return signal[0];
-}
 const $b51a2b8b9355e66c$var$_tmpl$ = ["<form", ' class="checkbox-color"><!--#-->', "<!--/--><!--#-->", "<!--/--></form>"];
 const $b51a2b8b9355e66c$var$max_visible_without_collapsing = 30;
 const $b51a2b8b9355e66c$var$show_non_collapsible_when_collapsed = 8;
@@ -2166,7 +2176,6 @@ function $b51a2b8b9355e66c$export$82ed4b28ecb67608({
   i18n_: i18n_,
   view_more_button_below_group_: [_get_view_more_button_below_group_, set_view_more_button_below_group_]
 }) {
-  const supports_hover = $b54e6192d0caa293$export$d9f36cf74e24d595("not all and (hover: none)");
   // same as in CheckboxFilter, maybe we should make this DRY at some point
   const existing_filter = $5vyXB$solidjs.createMemo(() => {
     const {
@@ -2194,6 +2203,11 @@ function $b51a2b8b9355e66c$export$82ed4b28ecb67608({
     const hex_color = $5vyXB$solidjs.createMemo(() => checkbox().value_.split(";")?.[1] || "");
     const rgb_color = $5vyXB$solidjs.createMemo(() => $5vyXB$depictaiutilishared.hex_to_rgb(hex_color()));
     const black_contrast_better = $5vyXB$solidjs.createMemo(() => rgb_color() ? $b51a2b8b9355e66c$var$does_black_contrast_better(rgb_color()) : false);
+    const is_checked = $5vyXB$solidjs.createMemo(() => {
+      const data = existing_filter()?.data;
+      const value = $daa394359b026187$export$325f75597868c4f0(checkbox().value_);
+      return !!data?.some(item => $daa394359b026187$export$325f75597868c4f0(item) === value);
+    });
     const input_row = $5vyXB$solidjsweb.createComponent((0, $1c63082b2da848ad$export$48513f6b9f8ce62d), {
       get value_() {
         return checkbox().value_;
@@ -2205,7 +2219,7 @@ function $b51a2b8b9355e66c$export$82ed4b28ecb67608({
         return checkbox().count_;
       },
       get checked_() {
-        return existing_filter()?.data?.includes(checkbox().value_);
+        return is_checked();
       },
       custom_indicator_ref: span => {
         const {
@@ -2358,7 +2372,7 @@ function $b064919833b3e80b$export$53c59af873b303c9({
             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 => $daa394359b026187$export$325f75597868c4f0(needle) === $daa394359b026187$export$325f75597868c4f0(value) || Array.isArray(needle) && Array.isArray(value) && needle.length === value.length && value.every((item, index) => $daa394359b026187$export$325f75597868c4f0(needle[index]) === $daa394359b026187$export$325f75597868c4f0(item)));
           return meta.names?.[index_in_meta] || meta.values?.[index_in_meta];
         }
       }
@@ -2455,7 +2469,7 @@ const $aff9a96d30ed3563$var$_tmpl$ = ["<div", ' class="filter-collapsible">', "<
   $aff9a96d30ed3563$var$_tmpl$2 = ["<button", ' class="clear-group"><!--#-->', "<!--/--><span>", "</span></button>"],
   $aff9a96d30ed3563$var$_tmpl$3 = ["<div", ' class="view-more-clear"><!--#-->', "<!--/--><!--#-->", "<!--/--></div>"],
   $aff9a96d30ed3563$var$_tmpl$4 = ["<div", ' class="filter-collapsible-body"><div class="filter-part">', "</div><!--#-->", "<!--/--></div>"],
-  $aff9a96d30ed3563$var$_tmpl$5 = ["<details", ' class="filter-collapsible"></details>'],
+  $aff9a96d30ed3563$var$_tmpl$5 = ["<details", ' class="filter-collapsible"', "></details>"],
   $aff9a96d30ed3563$var$_tmpl$6 = ["<summary", ' class="filter-group-summary"><div class="summary"><span>', '</span><div class="selected-w-sign"><!--#-->', "<!--/--><!--#-->", "<!--/--></div></div></summary>"],
   $aff9a96d30ed3563$var$_tmpl$7 = ["<div", ' class="ungrouped">', "</div>"],
   $aff9a96d30ed3563$var$_tmpl$8 = ["<button", ' class="clear-all-filters major">', "</button>"];
@@ -2520,7 +2534,7 @@ function $aff9a96d30ed3563$var$ActualFilterBody(props) {
             return $5vyXB$solidjsweb.createComponent((0, $a69e505a12a77874$export$6c6d7a51fa9aa15d), {
               is_open_: is_open,
               get details_() {
-                return $5vyXB$solidjsweb.ssr($aff9a96d30ed3563$var$_tmpl$5, $5vyXB$solidjsweb.ssrHydrationKey());
+                return $5vyXB$solidjsweb.ssr($aff9a96d30ed3563$var$_tmpl$5, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.ssrAttribute("data-group-title", $5vyXB$solidjsweb.escape(section_, true), false));
               },
               get summary_() {
                 return $5vyXB$solidjsweb.ssr($aff9a96d30ed3563$var$_tmpl$6, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.escape(section_), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $5vyXB$solidjs.Show), {
@@ -2829,7 +2843,8 @@ function $6e22b5314fb52f4c$export$e183a13865960371(params_to_default_value, rout
   const signals = {};
   const entries = Object.entries(params_to_default_value);
   const event_handler = $5vyXB$depictaiutilishared.catchify((what_happened, args) => {
-    if (what_happened == "popstate") $6e22b5314fb52f4c$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
+    $6e22b5314fb52f4c$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
   $5vyXB$solidjs.createRenderEffect(() => {
@@ -3198,6 +3213,13 @@ class $e1d6c0f3d89d531c$export$e015ed2f2950f2e3 {
     }));
   }
 }
+function $b54e6192d0caa293$export$d9f36cf74e24d595(media_query) {
+  const signal = $5vyXB$solidjs.createSignal(false);
+  $5vyXB$solidjs.onCleanup($5vyXB$depictaiutilishared.javascript_media_query(media_query, ({
+    matches: matches
+  }) => signal[1](matches)).remove);
+  return signal[0];
+}
 const $6b384adf40a5f4d7$var$get_available_range = (available_filters_, search_for_field) => {
   const maybe_meta = $5vyXB$solidjs.untrack(available_filters_)?.find(({
     op: op,
@@ -8990,7 +9012,7 @@ class $0a6acf31d1eae57c$export$3ccaa27d81dd8556 extends EventTarget {
   }, "failed to open page");
   #empty_page_bugfix() {
     // Called when a "page" is "opened" using PageReplacer
-    const on_maybe_popstate = what_happened => {
+    const on_maybe_popstate = $5vyXB$depictaiutilishared.catchify(what_happened => {
       if (what_happened !== "popstate") return;
       const cleaned_current_url = $0a6acf31d1eae57c$var$clean_url(location.href);
       if (!$0a6acf31d1eae57c$export$3ccaa27d81dd8556.#visited_urls.has(cleaned_current_url)) {
@@ -9019,7 +9041,7 @@ class $0a6acf31d1eae57c$export$3ccaa27d81dd8556 extends EventTarget {
         $0a6acf31d1eae57c$export$3ccaa27d81dd8556.#reverting_permitted = false; // Disallow any reverting since we can't - it would flash a white page until the reload has finished.
         this.#unload(); // 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, $5vyXB$depictaiutilishared.instant_exec_on_suspect_history_change).add(on_maybe_popstate);
     this.#revert_fns.push(() => (0, $5vyXB$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/latest/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/latest/index.js

@@ -1,11 +1,11 @@
-import { add_to_version_info as $i7OB2$add_to_version_info, queueMacroTask as $i7OB2$queueMacroTask, catchify as $i7OB2$catchify, is_safari as $i7OB2$is_safari, observer as $i7OB2$observer, Amazing_Slider as $i7OB2$Amazing_Slider, slider_snap_css as $i7OB2$slider_snap_css, slider_fading_factory as $i7OB2$slider_fading_factory, slider_fractional_factory as $i7OB2$slider_fractional_factory, dlog as $i7OB2$dlog, camelCasifyObject as $i7OB2$camelCasifyObject, make_random_classname as $i7OB2$make_random_classname, n_col_styling_with_dist as $i7OB2$n_col_styling_with_dist, layout_get_visible_recs_without_partial_rows as $i7OB2$layout_get_visible_recs_without_partial_rows, layout_get_total_rec_amount_for_row as $i7OB2$layout_get_total_rec_amount_for_row, layout_media_query_header as $i7OB2$layout_media_query_header, report as $i7OB2$report, useExpandingContainer as $i7OB2$useExpandingContainer, standard_price_format as $i7OB2$standard_price_format, hex_to_rgb as $i7OB2$hex_to_rgb, relative_luminance_from_rgb as $i7OB2$relative_luminance_from_rgb, javascript_media_query as $i7OB2$javascript_media_query, fetch_recs as $i7OB2$fetch_recs, snakeCasifyObject as $i7OB2$snakeCasifyObject, instant_exec_on_suspect_history_change as $i7OB2$instant_exec_on_suspect_history_change, base_url as $i7OB2$base_url, get_depict_id as $i7OB2$get_depict_id, get_user_id as $i7OB2$get_user_id, get_session_id as $i7OB2$get_session_id, sort_obj as $i7OB2$sort_obj, fetch_retry as $i7OB2$fetch_retry, add_version_query_params as $i7OB2$add_version_query_params, dwarn as $i7OB2$dwarn, make_url_with_query_params as $i7OB2$make_url_with_query_params, edit_current_page_meta_tags as $i7OB2$edit_current_page_meta_tags, use_href_accessor as $i7OB2$use_href_accessor, base64_encode_unicode as $i7OB2$base64_encode_unicode, base64_decode_unicode as $i7OB2$base64_decode_unicode, make_asyncIterable_exiter as $i7OB2$make_asyncIterable_exiter, href_change_ipns as $i7OB2$href_change_ipns, ContainedImage as $i7OB2$ContainedImage, deparallelize_no_drop as $i7OB2$deparallelize_no_drop, ListenableSet as $i7OB2$ListenableSet, insert_surfaces as $i7OB2$insert_surfaces } from "@depict-ai/utilishared/latest";
+import { add_to_version_info as $i7OB2$add_to_version_info, queueMacroTask as $i7OB2$queueMacroTask, catchify as $i7OB2$catchify, is_safari as $i7OB2$is_safari, observer as $i7OB2$observer, Amazing_Slider as $i7OB2$Amazing_Slider, slider_snap_css as $i7OB2$slider_snap_css, slider_fading_factory as $i7OB2$slider_fading_factory, slider_fractional_factory as $i7OB2$slider_fractional_factory, dlog as $i7OB2$dlog, camelCasifyObject as $i7OB2$camelCasifyObject, make_random_classname as $i7OB2$make_random_classname, n_col_styling_with_dist as $i7OB2$n_col_styling_with_dist, layout_get_visible_recs_without_partial_rows as $i7OB2$layout_get_visible_recs_without_partial_rows, layout_get_total_rec_amount_for_row as $i7OB2$layout_get_total_rec_amount_for_row, layout_media_query_header as $i7OB2$layout_media_query_header, report as $i7OB2$report, useExpandingContainer as $i7OB2$useExpandingContainer, standard_price_format as $i7OB2$standard_price_format, hex_to_rgb as $i7OB2$hex_to_rgb, relative_luminance_from_rgb as $i7OB2$relative_luminance_from_rgb, fetch_recs as $i7OB2$fetch_recs, snakeCasifyObject as $i7OB2$snakeCasifyObject, instant_exec_on_suspect_history_change as $i7OB2$instant_exec_on_suspect_history_change, base_url as $i7OB2$base_url, get_depict_id as $i7OB2$get_depict_id, get_user_id as $i7OB2$get_user_id, get_session_id as $i7OB2$get_session_id, sort_obj as $i7OB2$sort_obj, fetch_retry as $i7OB2$fetch_retry, add_version_query_params as $i7OB2$add_version_query_params, dwarn as $i7OB2$dwarn, make_url_with_query_params as $i7OB2$make_url_with_query_params, edit_current_page_meta_tags as $i7OB2$edit_current_page_meta_tags, javascript_media_query as $i7OB2$javascript_media_query, use_href_accessor as $i7OB2$use_href_accessor, base64_encode_unicode as $i7OB2$base64_encode_unicode, base64_decode_unicode as $i7OB2$base64_decode_unicode, make_asyncIterable_exiter as $i7OB2$make_asyncIterable_exiter, href_change_ipns as $i7OB2$href_change_ipns, ContainedImage as $i7OB2$ContainedImage, deparallelize_no_drop as $i7OB2$deparallelize_no_drop, ListenableSet as $i7OB2$ListenableSet, insert_surfaces as $i7OB2$insert_surfaces } from "@depict-ai/utilishared/latest";
 import { createComponent as $i7OB2$createComponent, ssr as $i7OB2$ssr, ssrHydrationKey as $i7OB2$ssrHydrationKey, ssrStyle as $i7OB2$ssrStyle, ssrElement as $i7OB2$ssrElement, escape as $i7OB2$escape, insert as $i7OB2$insert, ssrAttribute as $i7OB2$ssrAttribute, mergeProps as $i7OB2$mergeProps, isServer as $i7OB2$isServer, ssrClassList as $i7OB2$ssrClassList, Dynamic as $i7OB2$Dynamic } from "solid-js/web";
 import { createSignal as $i7OB2$createSignal, getOwner as $i7OB2$getOwner, createEffect as $i7OB2$createEffect, runWithOwner as $i7OB2$runWithOwner, onCleanup as $i7OB2$onCleanup, createMemo as $i7OB2$createMemo, createContext as $i7OB2$createContext, useContext as $i7OB2$useContext, createResource as $i7OB2$createResource, Suspense as $i7OB2$Suspense, Show as $i7OB2$Show, createRenderEffect as $i7OB2$createRenderEffect, createRoot as $i7OB2$createRoot, For as $i7OB2$For, createUniqueId as $i7OB2$createUniqueId, untrack as $i7OB2$untrack, createComputed as $i7OB2$createComputed, ErrorBoundary as $i7OB2$ErrorBoundary, Index as $i7OB2$Index, on as $i7OB2$on, batch as $i7OB2$batch, createReaction as $i7OB2$createReaction } from "solid-js";
 
 /*! Depict.ai search and product listing SDK */
 import { register_es_version } from "../../multi_import_deduplicator.mjs";
 register_es_version("ui", "latest");
-const $ec291e0010116877$export$83d89fbfd8236492 = "2.0.20";
+const $ec291e0010116877$export$83d89fbfd8236492 = "2.0.22";
 const $011607bdf658f807$var$ListingContext = /*@__PURE__*/$i7OB2$createContext();
 function $011607bdf658f807$export$e68cff63f76bd15b(props) {
   const our_object = {};
@@ -929,6 +929,14 @@ function $19976a74d273070d$export$3b621d86b1566b2(props = {}) {
     "viewBox": "0 0 21.064 21.064"
   }), () => $i7OB2$ssr($19976a74d273070d$var$_tmpl$), true);
 }
+
+/**
+ * Lower cases a string if possible. Mostly used to make the filter url values case-insensitive.
+ */
+function $91aa8ee9f431800d$export$325f75597868c4f0(stuff) {
+  if (typeof stuff !== "string") return stuff;
+  return stuff.toLowerCase();
+}
 const $1adfe60f3a14a1d7$var$_tmpl$ = ["<button", ' class="clear-all-filters minor">', "</button>"],
   $1adfe60f3a14a1d7$var$_tmpl$2 = ["<div", ' class="inner"><span class="title"><!--#-->', "<!--/-->: </span><!--#-->", "<!--/--></div>"],
   $1adfe60f3a14a1d7$var$_tmpl$3 = ["<button", ' class="clear-filter major"><!--#-->', "<!--/--><span><!--#-->", "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--> – <!--#-->", "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--></span></button>"],
@@ -991,7 +999,7 @@ function $1adfe60f3a14a1d7$export$fecbb157621501bd({
                       let parent_ = {};
                       let created_an_object = false;
                       for (let j = 0; j < value.length; j++) {
-                        const this_categories_name = value[j];
+                        const this_categories_name = $91aa8ee9f431800d$export$325f75597868c4f0(value[j]);
                         const obj = 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 = {
@@ -1063,7 +1071,7 @@ function $1adfe60f3a14a1d7$export$fecbb157621501bd({
                               const index_of_us_in_meta = $i7OB2$createMemo(() => {
                                 const sel_d = selected_data();
                                 return 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 $91aa8ee9f431800d$export$325f75597868c4f0(value) === $91aa8ee9f431800d$export$325f75597868c4f0(sel_d) || Array.isArray(value) && Array.isArray(sel_d) && value.length === sel_d.length && value.every((item, index) => $91aa8ee9f431800d$export$325f75597868c4f0(sel_d[index]) === $91aa8ee9f431800d$export$325f75597868c4f0(item));
                                 });
                               });
                               const name = $i7OB2$createMemo(() => {
@@ -1077,7 +1085,7 @@ function $1adfe60f3a14a1d7$export$fecbb157621501bd({
                                 let we_in_structure;
                                 let pointer = structure;
                                 for (const step of selected_data()) {
-                                  we_in_structure = pointer?.[step];
+                                  we_in_structure = pointer?.[$91aa8ee9f431800d$export$325f75597868c4f0(step)];
                                   pointer = we_in_structure?.children_;
                                 }
                                 return we_in_structure;
@@ -1088,7 +1096,7 @@ function $1adfe60f3a14a1d7$export$fecbb157621501bd({
                                 const siblings = parent?.children_;
                                 if (siblings) return [parent, ...Object.values(siblings)].every(({
                                   value_: value_
-                                }) => iterable_selected_filter_data()?.some(v => Array.isArray(v) && v.length === value_.length && value_.every((val, index) => v[index] === val)));
+                                }) => iterable_selected_filter_data()?.some(v => Array.isArray(v) && v.length === value_.length && value_.every((val, index) => $91aa8ee9f431800d$export$325f75597868c4f0(v[index]) === $91aa8ee9f431800d$export$325f75597868c4f0(val))));
                                 return false;
                               });
                               return $i7OB2$createComponent((0, $i7OB2$Show), {
@@ -1198,6 +1206,11 @@ function $a4601e6bea3ed1e6$export$dd948f91abc3a1c4({
   });
   const render_checkbox = checkbox => {
     // Checkbox always calls the getters in props, so we don't wrap these values into memos
+    const is_checked = $i7OB2$createMemo(() => {
+      const data = existing_filter()?.data;
+      const value = $91aa8ee9f431800d$export$325f75597868c4f0(checkbox().value_);
+      return !!data?.some(item => $91aa8ee9f431800d$export$325f75597868c4f0(item) === value);
+    });
     return $i7OB2$createComponent((0, $49b79728e7d9e2a1$export$48513f6b9f8ce62d), {
       get value_() {
         return checkbox().value_;
@@ -1209,7 +1222,7 @@ function $a4601e6bea3ed1e6$export$dd948f91abc3a1c4({
         return checkbox().count_;
       },
       get checked_() {
-        return existing_filter()?.data?.includes(checkbox().value_);
+        return is_checked();
       }
     });
   };
@@ -1288,7 +1301,7 @@ function $eb8d9bf3b5700c26$export$430444115f70a734({
       return $i7OB2$ssr($eb8d9bf3b5700c26$var$_tmpl$3, $i7OB2$ssrHydrationKey(), `input-row ${count() === 0 ? "count-0" : ""}`, $i7OB2$ssrAttribute("for", $i7OB2$escape(random_selector, true), false), $i7OB2$ssrAttribute("id", $i7OB2$escape(random_selector, true), false) + $i7OB2$ssrAttribute("name", $i7OB2$escape(radio_name, true), false), $i7OB2$ssrAttribute("checked", $i7OB2$createMemo(() => {
         const v = value();
         const data = existing_filter()?.data;
-        if (data === v) return true;
+        if ($91aa8ee9f431800d$export$325f75597868c4f0(data) === $91aa8ee9f431800d$export$325f75597868c4f0(v)) return true;
         return Array.isArray(data) && data.every((item, index) => item === v[index]);
       })(), true), $i7OB2$escape($i7OB2$createMemo(() => {
         const name = filter_().meta?.names?.[index];
@@ -1826,7 +1839,7 @@ function $1c8cac76cb67e9af$var$create_updating_signal({
   const on_structure_complete_ = () => {
     // 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_?.data?.findIndex?.(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_?.data?.findIndex?.(el => el.length === self_.value_.length && el.every((sub_el, index) => $91aa8ee9f431800d$export$325f75597868c4f0(self_.value_[index]) === $91aa8ee9f431800d$export$325f75597868c4f0(sub_el)));
     signal_.push(...$i7OB2$createSignal(index_of_us_in_selected_filter >= 0));
     const [read_checked, write_checked] = signal_;
     const child_objects = Object.values(self_.children_);
@@ -1992,7 +2005,11 @@ const $93716a9ad0dea854$export$414f6a19d38e655c = ({
           return buttons();
         },
         children: value => {
-          const is_selected = $i7OB2$createMemo(() => existing_filter()?.data?.includes(value().value_));
+          const is_selected = $i7OB2$createMemo(() => {
+            const data = existing_filter()?.data;
+            const current_value = $91aa8ee9f431800d$export$325f75597868c4f0(value().value_);
+            return !!data?.some(item => $91aa8ee9f431800d$export$325f75597868c4f0(item) === current_value);
+          });
           const MakeButton = attributes => $i7OB2$ssrElement("button", () => ({
             ...attributes,
             "disabled": value().count_ === 0 && !is_selected(),
@@ -2089,13 +2106,6 @@ function $93716a9ad0dea854$var$adjust_sizes(container_width, sizes, set_cols_at_
     overrides: column_to_row_result
   }]]);
 }
-function $dc9262ef6f786812$export$d9f36cf74e24d595(media_query) {
-  const signal = $i7OB2$createSignal(false);
-  $i7OB2$onCleanup($i7OB2$javascript_media_query(media_query, ({
-    matches: matches
-  }) => signal[1](matches)).remove);
-  return signal[0];
-}
 const $e731d52d97444b7c$var$_tmpl$ = ["<form", ' class="checkbox-color"><!--#-->', "<!--/--><!--#-->", "<!--/--></form>"];
 const $e731d52d97444b7c$var$max_visible_without_collapsing = 30;
 const $e731d52d97444b7c$var$show_non_collapsible_when_collapsed = 8;
@@ -2105,7 +2115,6 @@ function $e731d52d97444b7c$export$82ed4b28ecb67608({
   i18n_: i18n_,
   view_more_button_below_group_: [_get_view_more_button_below_group_, set_view_more_button_below_group_]
 }) {
-  const supports_hover = $dc9262ef6f786812$export$d9f36cf74e24d595("not all and (hover: none)");
   // same as in CheckboxFilter, maybe we should make this DRY at some point
   const existing_filter = $i7OB2$createMemo(() => {
     const {
@@ -2133,6 +2142,11 @@ function $e731d52d97444b7c$export$82ed4b28ecb67608({
     const hex_color = $i7OB2$createMemo(() => checkbox().value_.split(";")?.[1] || "");
     const rgb_color = $i7OB2$createMemo(() => $i7OB2$hex_to_rgb(hex_color()));
     const black_contrast_better = $i7OB2$createMemo(() => rgb_color() ? $e731d52d97444b7c$var$does_black_contrast_better(rgb_color()) : false);
+    const is_checked = $i7OB2$createMemo(() => {
+      const data = existing_filter()?.data;
+      const value = $91aa8ee9f431800d$export$325f75597868c4f0(checkbox().value_);
+      return !!data?.some(item => $91aa8ee9f431800d$export$325f75597868c4f0(item) === value);
+    });
     const input_row = $i7OB2$createComponent((0, $49b79728e7d9e2a1$export$48513f6b9f8ce62d), {
       get value_() {
         return checkbox().value_;
@@ -2144,7 +2158,7 @@ function $e731d52d97444b7c$export$82ed4b28ecb67608({
         return checkbox().count_;
       },
       get checked_() {
-        return existing_filter()?.data?.includes(checkbox().value_);
+        return is_checked();
       },
       custom_indicator_ref: span => {
         const {
@@ -2297,7 +2311,7 @@ function $a7b58cb3bcffd156$export$53c59af873b303c9({
             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 => $91aa8ee9f431800d$export$325f75597868c4f0(needle) === $91aa8ee9f431800d$export$325f75597868c4f0(value) || Array.isArray(needle) && Array.isArray(value) && needle.length === value.length && value.every((item, index) => $91aa8ee9f431800d$export$325f75597868c4f0(needle[index]) === $91aa8ee9f431800d$export$325f75597868c4f0(item)));
           return meta.names?.[index_in_meta] || meta.values?.[index_in_meta];
         }
       }
@@ -2394,7 +2408,7 @@ const $fab07f52c9861732$var$_tmpl$ = ["<div", ' class="filter-collapsible">', "<
   $fab07f52c9861732$var$_tmpl$2 = ["<button", ' class="clear-group"><!--#-->', "<!--/--><span>", "</span></button>"],
   $fab07f52c9861732$var$_tmpl$3 = ["<div", ' class="view-more-clear"><!--#-->', "<!--/--><!--#-->", "<!--/--></div>"],
   $fab07f52c9861732$var$_tmpl$4 = ["<div", ' class="filter-collapsible-body"><div class="filter-part">', "</div><!--#-->", "<!--/--></div>"],
-  $fab07f52c9861732$var$_tmpl$5 = ["<details", ' class="filter-collapsible"></details>'],
+  $fab07f52c9861732$var$_tmpl$5 = ["<details", ' class="filter-collapsible"', "></details>"],
   $fab07f52c9861732$var$_tmpl$6 = ["<summary", ' class="filter-group-summary"><div class="summary"><span>', '</span><div class="selected-w-sign"><!--#-->', "<!--/--><!--#-->", "<!--/--></div></div></summary>"],
   $fab07f52c9861732$var$_tmpl$7 = ["<div", ' class="ungrouped">', "</div>"],
   $fab07f52c9861732$var$_tmpl$8 = ["<button", ' class="clear-all-filters major">', "</button>"];
@@ -2459,7 +2473,7 @@ function $fab07f52c9861732$var$ActualFilterBody(props) {
             return $i7OB2$createComponent((0, $6bb0a0c563dff4bb$export$6c6d7a51fa9aa15d), {
               is_open_: is_open,
               get details_() {
-                return $i7OB2$ssr($fab07f52c9861732$var$_tmpl$5, $i7OB2$ssrHydrationKey());
+                return $i7OB2$ssr($fab07f52c9861732$var$_tmpl$5, $i7OB2$ssrHydrationKey(), $i7OB2$ssrAttribute("data-group-title", $i7OB2$escape(section_, true), false));
               },
               get summary_() {
                 return $i7OB2$ssr($fab07f52c9861732$var$_tmpl$6, $i7OB2$ssrHydrationKey(), $i7OB2$escape(section_), $i7OB2$escape($i7OB2$createComponent((0, $i7OB2$Show), {
@@ -2768,7 +2782,8 @@ function $ca6f574bd8772184$export$e183a13865960371(params_to_default_value, rout
   const signals = {};
   const entries = Object.entries(params_to_default_value);
   const event_handler = $i7OB2$catchify((what_happened, args) => {
-    if (what_happened == "popstate") $ca6f574bd8772184$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
+    $ca6f574bd8772184$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
   $i7OB2$createRenderEffect(() => {
@@ -3137,6 +3152,13 @@ class $7fa23e2a0079eca4$export$e015ed2f2950f2e3 {
     }));
   }
 }
+function $dc9262ef6f786812$export$d9f36cf74e24d595(media_query) {
+  const signal = $i7OB2$createSignal(false);
+  $i7OB2$onCleanup($i7OB2$javascript_media_query(media_query, ({
+    matches: matches
+  }) => signal[1](matches)).remove);
+  return signal[0];
+}
 const $fc5a12f3a857ca30$var$get_available_range = (available_filters_, search_for_field) => {
   const maybe_meta = $i7OB2$untrack(available_filters_)?.find(({
     op: op,
@@ -8929,7 +8951,7 @@ class $753e9b2889a47c89$export$3ccaa27d81dd8556 extends EventTarget {
   }, "failed to open page");
   #empty_page_bugfix() {
     // Called when a "page" is "opened" using PageReplacer
-    const on_maybe_popstate = what_happened => {
+    const on_maybe_popstate = $i7OB2$catchify(what_happened => {
       if (what_happened !== "popstate") return;
       const cleaned_current_url = $753e9b2889a47c89$var$clean_url(location.href);
       if (!$753e9b2889a47c89$export$3ccaa27d81dd8556.#visited_urls.has(cleaned_current_url)) {
@@ -8958,7 +8980,7 @@ class $753e9b2889a47c89$export$3ccaa27d81dd8556 extends EventTarget {
         $753e9b2889a47c89$export$3ccaa27d81dd8556.#reverting_permitted = false; // Disallow any reverting since we can't - it would flash a white page until the reload has finished.
         this.#unload(); // 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, $i7OB2$instant_exec_on_suspect_history_change).add(on_maybe_popstate);
     this.#revert_fns.push(() => (0, $i7OB2$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