@depict-ai/ui 2.0.20 → 2.0.22

package/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__*/$gVhhF$solidjs.createContext();
 function $84798aaa863a4909$export$e68cff63f76bd15b(props) {
   const our_object = {};
@@ -1250,6 +1250,14 @@ function $c77c68e559a1506c$export$3b621d86b1566b2(props = {}) {
     return _el$;
   })();
 }
+
+/**
+ * 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$ = /*#__PURE__*/$gVhhF$solidjsweb.template(`<button class="clear-all-filters minor"></button>`, 2),
   $235a2771a44e28e9$var$_tmpl$2 = /*#__PURE__*/$gVhhF$solidjsweb.template(`<div class="inner"><span class="title"><!#><!/>: </span><!#><!/></div>`, 8),
   $235a2771a44e28e9$var$_tmpl$3 = /*#__PURE__*/$gVhhF$solidjsweb.template(`<button class="clear-filter major"><!#><!/><span><!#><!/><!#><!/><!#><!/> – <!#><!/><!#><!/><!#><!/></span></button>`, 18),
@@ -1335,7 +1343,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 = {
@@ -1439,7 +1447,7 @@ function $235a2771a44e28e9$export$fecbb157621501bd({
                               const index_of_us_in_meta = $gVhhF$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 = $gVhhF$solidjs.createMemo(() => {
@@ -1453,7 +1461,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;
@@ -1464,7 +1472,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 $gVhhF$solidjsweb.createComponent((0, $gVhhF$solidjs.Show), {
@@ -1486,7 +1494,7 @@ function $235a2771a44e28e9$export$fecbb157621501bd({
                                         cloned_selected_filters.splice(index_in_selected_filters, 1);
                                         const data = filter().data;
                                         const cloned_data = Array.isArray(data) ? [...data] : [data];
-                                        const index_of_item = cloned_data.findIndex(item => item === to_remove);
+                                        const index_of_item = cloned_data.findIndex(item => $daa394359b026187$export$325f75597868c4f0(item) === $daa394359b026187$export$325f75597868c4f0(to_remove));
                                         if (index_of_item >= 0) cloned_data.splice(index_of_item, 1);
                                         const in_structure = us_in_structure();
                                         if (in_structure) {
@@ -1497,7 +1505,7 @@ function $235a2771a44e28e9$export$fecbb157621501bd({
                                             const {
                                               value_: value_
                                             } = kid;
-                                            const index_to_remove = cloned_data.findIndex(item => Array.isArray(item) && item.length === value_.length && value_.every((val, index) => item[index] === val));
+                                            const index_to_remove = cloned_data.findIndex(item => Array.isArray(item) && item.length === value_.length && value_.every((val, index) => $daa394359b026187$export$325f75597868c4f0(item[index]) === $daa394359b026187$export$325f75597868c4f0(val)));
                                             if (index_to_remove >= 0) cloned_data.splice(index_to_remove, 1);
                                             recursive_kids.push(...Object.values(kid.children_));
                                           }
@@ -1676,6 +1684,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 = $gVhhF$solidjs.createMemo(() => {
+      const data = existing_filter()?.data;
+      const value = $daa394359b026187$export$325f75597868c4f0(checkbox().value_);
+      return !!data?.some(item => $daa394359b026187$export$325f75597868c4f0(item) === value);
+    });
     return $gVhhF$solidjsweb.createComponent((0, $1c63082b2da848ad$export$48513f6b9f8ce62d), {
       get value_() {
         return checkbox().value_;
@@ -1687,7 +1700,7 @@ function $d94869c80e337a3d$export$dd948f91abc3a1c4({
         return checkbox().count_;
       },
       get checked_() {
-        return existing_filter()?.data?.includes(checkbox().value_);
+        return is_checked();
       }
     });
   };
@@ -1839,7 +1852,7 @@ function $c1dc1554c1b94233$export$430444115f70a734({
           $gVhhF$solidjsweb.effect(() => _el$4.checked = $gVhhF$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]);
           })());
           return _el$2;
@@ -2561,7 +2574,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(...$gVhhF$solidjs.createSignal(index_of_us_in_selected_filter >= 0));
     const [read_checked, write_checked] = signal_;
     const child_objects = Object.values(self_.children_);
@@ -2732,7 +2745,11 @@ const $0ef1681699140f1a$export$414f6a19d38e655c = ({
           return buttons();
         },
         children: value => {
-          const is_selected = $gVhhF$solidjs.createMemo(() => existing_filter()?.data?.includes(value().value_));
+          const is_selected = $gVhhF$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 => (() => {
             const _el$2 = $gVhhF$solidjsweb.getNextElement($0ef1681699140f1a$var$_tmpl$3),
               _el$5 = _el$2.firstChild,
@@ -2767,7 +2784,10 @@ const $0ef1681699140f1a$export$414f6a19d38e655c = ({
                     ...base_object,
                     data: new_data
                   };
-                  if (!is_selected()) new_filter_object.data.push(value().value_);else new_filter_object.data = new_filter_object.data.filter(v => v !== value().value_);
+                  if (!is_selected()) new_filter_object.data.push(value().value_);else {
+                    const current_value_lower = $daa394359b026187$export$325f75597868c4f0(value().value_);
+                    new_filter_object.data = new_filter_object.data.filter(v => $daa394359b026187$export$325f75597868c4f0(v) !== current_value_lower);
+                  }
                   const selected_filters = [...get_selected_filters().filter(f => f !== set_filter), ...(new_filter_object.data.length ? [new_filter_object] : [])];
                   set_selected_filters(selected_filters);
                 });
@@ -2868,13 +2888,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 = $gVhhF$solidjs.createSignal(false);
-  $gVhhF$solidjs.onCleanup($gVhhF$depictaiutilishared.javascript_media_query(media_query, ({
-    matches: matches
-  }) => signal[1](matches)).remove);
-  return signal[0];
-}
 const $b51a2b8b9355e66c$var$_tmpl$ = /*#__PURE__*/$gVhhF$solidjsweb.template(`<form class="checkbox-color"><!#><!/><!#><!/></form>`, 6);
 const $b51a2b8b9355e66c$var$max_visible_without_collapsing = 30;
 const $b51a2b8b9355e66c$var$show_non_collapsible_when_collapsed = 8;
@@ -2884,7 +2897,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 = $gVhhF$solidjs.createMemo(() => {
     const {
@@ -2912,6 +2924,11 @@ function $b51a2b8b9355e66c$export$82ed4b28ecb67608({
     const hex_color = $gVhhF$solidjs.createMemo(() => checkbox().value_.split(";")?.[1] || "");
     const rgb_color = $gVhhF$solidjs.createMemo(() => $gVhhF$depictaiutilishared.hex_to_rgb(hex_color()));
     const black_contrast_better = $gVhhF$solidjs.createMemo(() => rgb_color() ? $b51a2b8b9355e66c$var$does_black_contrast_better(rgb_color()) : false);
+    const is_checked = $gVhhF$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 = $gVhhF$solidjsweb.createComponent((0, $1c63082b2da848ad$export$48513f6b9f8ce62d), {
       get value_() {
         return checkbox().value_;
@@ -2923,7 +2940,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 {
@@ -3106,7 +3123,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];
         }
       }
@@ -3293,7 +3310,11 @@ function $aff9a96d30ed3563$var$ActualFilterBody(props) {
             return $gVhhF$solidjsweb.createComponent((0, $a69e505a12a77874$export$6c6d7a51fa9aa15d), {
               is_open_: is_open,
               get details_() {
-                return $gVhhF$solidjsweb.getNextElement($aff9a96d30ed3563$var$_tmpl$5);
+                return (() => {
+                  const _el$15 = $gVhhF$solidjsweb.getNextElement($aff9a96d30ed3563$var$_tmpl$5);
+                  $gVhhF$solidjsweb.setAttribute(_el$15, "data-group-title", section_);
+                  return _el$15;
+                })();
               },
               get summary_() {
                 return (() => {
@@ -3660,7 +3681,8 @@ function $6e22b5314fb52f4c$export$e183a13865960371(params_to_default_value, rout
   const signals = {};
   const entries = Object.entries(params_to_default_value);
   const event_handler = $gVhhF$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
   $gVhhF$solidjs.createRenderEffect(() => {
@@ -4029,6 +4051,13 @@ class $e1d6c0f3d89d531c$export$e015ed2f2950f2e3 {
     }));
   }
 }
+function $b54e6192d0caa293$export$d9f36cf74e24d595(media_query) {
+  const signal = $gVhhF$solidjs.createSignal(false);
+  $gVhhF$solidjs.onCleanup($gVhhF$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 = $gVhhF$solidjs.untrack(available_filters_)?.find(({
     op: op,
@@ -10893,7 +10922,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 = $gVhhF$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)) {
@@ -10922,7 +10951,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, $gVhhF$depictaiutilishared.instant_exec_on_suspect_history_change).add(on_maybe_popstate);
     this.#revert_fns.push(() => (0, $gVhhF$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/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/latest/index.js

@@ -1,11 +1,11 @@
-import { add_to_version_info as $9HbP8$add_to_version_info, queueMacroTask as $9HbP8$queueMacroTask, catchify as $9HbP8$catchify, is_safari as $9HbP8$is_safari, observer as $9HbP8$observer, Amazing_Slider as $9HbP8$Amazing_Slider, slider_snap_css as $9HbP8$slider_snap_css, slider_fading_factory as $9HbP8$slider_fading_factory, slider_fractional_factory as $9HbP8$slider_fractional_factory, dlog as $9HbP8$dlog, camelCasifyObject as $9HbP8$camelCasifyObject, make_random_classname as $9HbP8$make_random_classname, n_col_styling_with_dist as $9HbP8$n_col_styling_with_dist, layout_get_visible_recs_without_partial_rows as $9HbP8$layout_get_visible_recs_without_partial_rows, layout_get_total_rec_amount_for_row as $9HbP8$layout_get_total_rec_amount_for_row, layout_media_query_header as $9HbP8$layout_media_query_header, report as $9HbP8$report, useExpandingContainer as $9HbP8$useExpandingContainer, standard_price_format as $9HbP8$standard_price_format, hex_to_rgb as $9HbP8$hex_to_rgb, relative_luminance_from_rgb as $9HbP8$relative_luminance_from_rgb, javascript_media_query as $9HbP8$javascript_media_query, fetch_recs as $9HbP8$fetch_recs, snakeCasifyObject as $9HbP8$snakeCasifyObject, instant_exec_on_suspect_history_change as $9HbP8$instant_exec_on_suspect_history_change, base_url as $9HbP8$base_url, get_depict_id as $9HbP8$get_depict_id, get_user_id as $9HbP8$get_user_id, get_session_id as $9HbP8$get_session_id, sort_obj as $9HbP8$sort_obj, fetch_retry as $9HbP8$fetch_retry, add_version_query_params as $9HbP8$add_version_query_params, dwarn as $9HbP8$dwarn, make_url_with_query_params as $9HbP8$make_url_with_query_params, edit_current_page_meta_tags as $9HbP8$edit_current_page_meta_tags, use_href_accessor as $9HbP8$use_href_accessor, base64_encode_unicode as $9HbP8$base64_encode_unicode, base64_decode_unicode as $9HbP8$base64_decode_unicode, is_debug as $9HbP8$is_debug, make_asyncIterable_exiter as $9HbP8$make_asyncIterable_exiter, href_change_ipns as $9HbP8$href_change_ipns, ContainedImage as $9HbP8$ContainedImage, buildThresholdList as $9HbP8$buildThresholdList, deparallelize_no_drop as $9HbP8$deparallelize_no_drop, ListenableSet as $9HbP8$ListenableSet, insert_surfaces as $9HbP8$insert_surfaces } from "@depict-ai/utilishared/latest";
+import { add_to_version_info as $9HbP8$add_to_version_info, queueMacroTask as $9HbP8$queueMacroTask, catchify as $9HbP8$catchify, is_safari as $9HbP8$is_safari, observer as $9HbP8$observer, Amazing_Slider as $9HbP8$Amazing_Slider, slider_snap_css as $9HbP8$slider_snap_css, slider_fading_factory as $9HbP8$slider_fading_factory, slider_fractional_factory as $9HbP8$slider_fractional_factory, dlog as $9HbP8$dlog, camelCasifyObject as $9HbP8$camelCasifyObject, make_random_classname as $9HbP8$make_random_classname, n_col_styling_with_dist as $9HbP8$n_col_styling_with_dist, layout_get_visible_recs_without_partial_rows as $9HbP8$layout_get_visible_recs_without_partial_rows, layout_get_total_rec_amount_for_row as $9HbP8$layout_get_total_rec_amount_for_row, layout_media_query_header as $9HbP8$layout_media_query_header, report as $9HbP8$report, useExpandingContainer as $9HbP8$useExpandingContainer, standard_price_format as $9HbP8$standard_price_format, hex_to_rgb as $9HbP8$hex_to_rgb, relative_luminance_from_rgb as $9HbP8$relative_luminance_from_rgb, fetch_recs as $9HbP8$fetch_recs, snakeCasifyObject as $9HbP8$snakeCasifyObject, instant_exec_on_suspect_history_change as $9HbP8$instant_exec_on_suspect_history_change, base_url as $9HbP8$base_url, get_depict_id as $9HbP8$get_depict_id, get_user_id as $9HbP8$get_user_id, get_session_id as $9HbP8$get_session_id, sort_obj as $9HbP8$sort_obj, fetch_retry as $9HbP8$fetch_retry, add_version_query_params as $9HbP8$add_version_query_params, dwarn as $9HbP8$dwarn, make_url_with_query_params as $9HbP8$make_url_with_query_params, edit_current_page_meta_tags as $9HbP8$edit_current_page_meta_tags, javascript_media_query as $9HbP8$javascript_media_query, use_href_accessor as $9HbP8$use_href_accessor, base64_encode_unicode as $9HbP8$base64_encode_unicode, base64_decode_unicode as $9HbP8$base64_decode_unicode, is_debug as $9HbP8$is_debug, make_asyncIterable_exiter as $9HbP8$make_asyncIterable_exiter, href_change_ipns as $9HbP8$href_change_ipns, ContainedImage as $9HbP8$ContainedImage, buildThresholdList as $9HbP8$buildThresholdList, deparallelize_no_drop as $9HbP8$deparallelize_no_drop, ListenableSet as $9HbP8$ListenableSet, insert_surfaces as $9HbP8$insert_surfaces } from "@depict-ai/utilishared/latest";
 import { createComponent as $9HbP8$createComponent, template as $9HbP8$template, getNextElement as $9HbP8$getNextElement, effect as $9HbP8$effect, style as $9HbP8$style, spread as $9HbP8$spread, mergeProps as $9HbP8$mergeProps, runHydrationEvents as $9HbP8$runHydrationEvents, insert as $9HbP8$insert, setAttribute as $9HbP8$setAttribute, isServer as $9HbP8$isServer, addEventListener as $9HbP8$addEventListener, className as $9HbP8$className, memo as $9HbP8$memo, delegateEvents as $9HbP8$delegateEvents, classList as $9HbP8$classList, getNextMarker as $9HbP8$getNextMarker, Dynamic as $9HbP8$Dynamic, use as $9HbP8$use } from "solid-js/web";
 import { createSignal as $9HbP8$createSignal, getOwner as $9HbP8$getOwner, createEffect as $9HbP8$createEffect, runWithOwner as $9HbP8$runWithOwner, onCleanup as $9HbP8$onCleanup, createMemo as $9HbP8$createMemo, createContext as $9HbP8$createContext, useContext as $9HbP8$useContext, createResource as $9HbP8$createResource, Suspense as $9HbP8$Suspense, Show as $9HbP8$Show, createRenderEffect as $9HbP8$createRenderEffect, createRoot as $9HbP8$createRoot, For as $9HbP8$For, createUniqueId as $9HbP8$createUniqueId, untrack as $9HbP8$untrack, createComputed as $9HbP8$createComputed, ErrorBoundary as $9HbP8$ErrorBoundary, Index as $9HbP8$Index, on as $9HbP8$on, batch as $9HbP8$batch, createReaction as $9HbP8$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__*/$9HbP8$createContext();
 function $011607bdf658f807$export$e68cff63f76bd15b(props) {
   const our_object = {};
@@ -1189,6 +1189,14 @@ function $19976a74d273070d$export$3b621d86b1566b2(props = {}) {
     return _el$;
   })();
 }
+
+/**
+ * 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$ = /*#__PURE__*/$9HbP8$template(`<button class="clear-all-filters minor"></button>`, 2),
   $1adfe60f3a14a1d7$var$_tmpl$2 = /*#__PURE__*/$9HbP8$template(`<div class="inner"><span class="title"><!#><!/>: </span><!#><!/></div>`, 8),
   $1adfe60f3a14a1d7$var$_tmpl$3 = /*#__PURE__*/$9HbP8$template(`<button class="clear-filter major"><!#><!/><span><!#><!/><!#><!/><!#><!/> – <!#><!/><!#><!/><!#><!/></span></button>`, 18),
@@ -1274,7 +1282,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 = {
@@ -1378,7 +1386,7 @@ function $1adfe60f3a14a1d7$export$fecbb157621501bd({
                               const index_of_us_in_meta = $9HbP8$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 = $9HbP8$createMemo(() => {
@@ -1392,7 +1400,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;
@@ -1403,7 +1411,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 $9HbP8$createComponent((0, $9HbP8$Show), {
@@ -1425,7 +1433,7 @@ function $1adfe60f3a14a1d7$export$fecbb157621501bd({
                                         cloned_selected_filters.splice(index_in_selected_filters, 1);
                                         const data = filter().data;
                                         const cloned_data = Array.isArray(data) ? [...data] : [data];
-                                        const index_of_item = cloned_data.findIndex(item => item === to_remove);
+                                        const index_of_item = cloned_data.findIndex(item => $91aa8ee9f431800d$export$325f75597868c4f0(item) === $91aa8ee9f431800d$export$325f75597868c4f0(to_remove));
                                         if (index_of_item >= 0) cloned_data.splice(index_of_item, 1);
                                         const in_structure = us_in_structure();
                                         if (in_structure) {
@@ -1436,7 +1444,7 @@ function $1adfe60f3a14a1d7$export$fecbb157621501bd({
                                             const {
                                               value_: value_
                                             } = kid;
-                                            const index_to_remove = cloned_data.findIndex(item => Array.isArray(item) && item.length === value_.length && value_.every((val, index) => item[index] === val));
+                                            const index_to_remove = cloned_data.findIndex(item => Array.isArray(item) && item.length === value_.length && value_.every((val, index) => $91aa8ee9f431800d$export$325f75597868c4f0(item[index]) === $91aa8ee9f431800d$export$325f75597868c4f0(val)));
                                             if (index_to_remove >= 0) cloned_data.splice(index_to_remove, 1);
                                             recursive_kids.push(...Object.values(kid.children_));
                                           }
@@ -1615,6 +1623,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 = $9HbP8$createMemo(() => {
+      const data = existing_filter()?.data;
+      const value = $91aa8ee9f431800d$export$325f75597868c4f0(checkbox().value_);
+      return !!data?.some(item => $91aa8ee9f431800d$export$325f75597868c4f0(item) === value);
+    });
     return $9HbP8$createComponent((0, $49b79728e7d9e2a1$export$48513f6b9f8ce62d), {
       get value_() {
         return checkbox().value_;
@@ -1626,7 +1639,7 @@ function $a4601e6bea3ed1e6$export$dd948f91abc3a1c4({
         return checkbox().count_;
       },
       get checked_() {
-        return existing_filter()?.data?.includes(checkbox().value_);
+        return is_checked();
       }
     });
   };
@@ -1778,7 +1791,7 @@ function $eb8d9bf3b5700c26$export$430444115f70a734({
           $9HbP8$effect(() => _el$4.checked = $9HbP8$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]);
           })());
           return _el$2;
@@ -2500,7 +2513,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(...$9HbP8$createSignal(index_of_us_in_selected_filter >= 0));
     const [read_checked, write_checked] = signal_;
     const child_objects = Object.values(self_.children_);
@@ -2671,7 +2684,11 @@ const $93716a9ad0dea854$export$414f6a19d38e655c = ({
           return buttons();
         },
         children: value => {
-          const is_selected = $9HbP8$createMemo(() => existing_filter()?.data?.includes(value().value_));
+          const is_selected = $9HbP8$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 => (() => {
             const _el$2 = $9HbP8$getNextElement($93716a9ad0dea854$var$_tmpl$3),
               _el$5 = _el$2.firstChild,
@@ -2706,7 +2723,10 @@ const $93716a9ad0dea854$export$414f6a19d38e655c = ({
                     ...base_object,
                     data: new_data
                   };
-                  if (!is_selected()) new_filter_object.data.push(value().value_);else new_filter_object.data = new_filter_object.data.filter(v => v !== value().value_);
+                  if (!is_selected()) new_filter_object.data.push(value().value_);else {
+                    const current_value_lower = $91aa8ee9f431800d$export$325f75597868c4f0(value().value_);
+                    new_filter_object.data = new_filter_object.data.filter(v => $91aa8ee9f431800d$export$325f75597868c4f0(v) !== current_value_lower);
+                  }
                   const selected_filters = [...get_selected_filters().filter(f => f !== set_filter), ...(new_filter_object.data.length ? [new_filter_object] : [])];
                   set_selected_filters(selected_filters);
                 });
@@ -2807,13 +2827,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 = $9HbP8$createSignal(false);
-  $9HbP8$onCleanup($9HbP8$javascript_media_query(media_query, ({
-    matches: matches
-  }) => signal[1](matches)).remove);
-  return signal[0];
-}
 const $e731d52d97444b7c$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<form class="checkbox-color"><!#><!/><!#><!/></form>`, 6);
 const $e731d52d97444b7c$var$max_visible_without_collapsing = 30;
 const $e731d52d97444b7c$var$show_non_collapsible_when_collapsed = 8;
@@ -2823,7 +2836,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 = $9HbP8$createMemo(() => {
     const {
@@ -2851,6 +2863,11 @@ function $e731d52d97444b7c$export$82ed4b28ecb67608({
     const hex_color = $9HbP8$createMemo(() => checkbox().value_.split(";")?.[1] || "");
     const rgb_color = $9HbP8$createMemo(() => $9HbP8$hex_to_rgb(hex_color()));
     const black_contrast_better = $9HbP8$createMemo(() => rgb_color() ? $e731d52d97444b7c$var$does_black_contrast_better(rgb_color()) : false);
+    const is_checked = $9HbP8$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 = $9HbP8$createComponent((0, $49b79728e7d9e2a1$export$48513f6b9f8ce62d), {
       get value_() {
         return checkbox().value_;
@@ -2862,7 +2879,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 {
@@ -3045,7 +3062,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];
         }
       }
@@ -3232,7 +3249,11 @@ function $fab07f52c9861732$var$ActualFilterBody(props) {
             return $9HbP8$createComponent((0, $6bb0a0c563dff4bb$export$6c6d7a51fa9aa15d), {
               is_open_: is_open,
               get details_() {
-                return $9HbP8$getNextElement($fab07f52c9861732$var$_tmpl$5);
+                return (() => {
+                  const _el$15 = $9HbP8$getNextElement($fab07f52c9861732$var$_tmpl$5);
+                  $9HbP8$setAttribute(_el$15, "data-group-title", section_);
+                  return _el$15;
+                })();
               },
               get summary_() {
                 return (() => {
@@ -3599,7 +3620,8 @@ function $ca6f574bd8772184$export$e183a13865960371(params_to_default_value, rout
   const signals = {};
   const entries = Object.entries(params_to_default_value);
   const event_handler = $9HbP8$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
   $9HbP8$createRenderEffect(() => {
@@ -3968,6 +3990,13 @@ class $7fa23e2a0079eca4$export$e015ed2f2950f2e3 {
     }));
   }
 }
+function $dc9262ef6f786812$export$d9f36cf74e24d595(media_query) {
+  const signal = $9HbP8$createSignal(false);
+  $9HbP8$onCleanup($9HbP8$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 = $9HbP8$untrack(available_filters_)?.find(({
     op: op,
@@ -10832,7 +10861,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 = $9HbP8$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)) {
@@ -10861,7 +10890,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, $9HbP8$instant_exec_on_suspect_history_change).add(on_maybe_popstate);
     this.#revert_fns.push(() => (0, $9HbP8$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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/ui",
-  "version": "2.0.20",
+  "version": "2.0.22",
   "description": "Base package containing the actual UI of Depict UI along with translations, with a not-simplified API. We recommend using @depict-ai/js-ui or @depict-ai/react-ui instead.",
   "packageManager": "yarn@3.2.2",
   "sass": "styles.scss",
@@ -238,7 +238,7 @@
     "@babel/runtime-corejs3": "^7.22.6",
     "@depict-ai/plp-styling": "^1.2.5",
     "@depict-ai/types": "^1.0.39",
-    "@depict-ai/utilishared": "^1.0.45",
+    "@depict-ai/utilishared": "^1.0.46",
     "solid-js": "^1.7.3"
   },
   "type": "module",