@depict-ai/ui 2.0.21 → 2.0.23

package/ES10/index.cjs

@@ -16,6 +16,8 @@ function $parcel$export(e, n, v, s) {
 function $parcel$interopDefault(a) {
   return a && a.__esModule ? a.default : a;
 }
+$parcel$export(module.exports, "encode_filters", () => $a68b73fd7ba0853f$export$58aa3f171519b6d7);
+$parcel$export(module.exports, "decode_filters", () => $a68b73fd7ba0853f$export$f934fa24c3a86811);
 $parcel$export(module.exports, "shopifyContainedImageContextSymbol", () => $28535bb7671c63d1$export$d7b7ab832c20e2f4);
 $parcel$export(module.exports, "ListingProvider", () => $d067f3a30f047b41$export$e68cff63f76bd15b);
 $parcel$export(module.exports, "useListing", () => $d067f3a30f047b41$export$8d0c4fdbb05a2f2e);
@@ -72,7 +74,185 @@ $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.21";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "2.0.23";
+const $a68b73fd7ba0853f$var$fallback_operator = "in";
+const $a68b73fd7ba0853f$var$fallback_token = "";
+const $a68b73fd7ba0853f$var$legacy_filter_prefix = "filter_";
+const $a68b73fd7ba0853f$var$operator_map = {
+  "eq": "≡",
+  "neq": "≠",
+  "in": "∈",
+  "nin": "∉",
+  "leq": "≤",
+  "geq": "≥",
+  "inrange": "\uD83D\uDD22"
+};
+const $a68b73fd7ba0853f$var$ascending_token = "\uD83D\uDCC8";
+const $a68b73fd7ba0853f$var$descending_token = "\uD83D\uDCC9";
+const $a68b73fd7ba0853f$var$range_delimiter = "-";
+const $a68b73fd7ba0853f$var$string_item_delimiter = "‚"; // This is not a comma but a comma-like character that browsers will render in the URL bar.
+const $a68b73fd7ba0853f$var$array_item_delimiter = "‣"; // FIXME: decide on a character. Could theoretically be a double string delimiter.
+const $a68b73fd7ba0853f$var$empty_item_replacement = "0️⃣";
+const $a68b73fd7ba0853f$var$op_to_token = op => {
+  if (op === $a68b73fd7ba0853f$var$fallback_operator) return $a68b73fd7ba0853f$var$fallback_token;
+  return $a68b73fd7ba0853f$var$operator_map[op];
+};
+/**
+ * Checks if a given array of filter data can be neatly serialized into an URL query parameter, or if it should fall back to JSON+base64.
+ * The requirements are either an array of strings, containing no reserved characters, or an array of arrays of strings, containing no reserved characters.
+ * No deep or mixed nesting levels are supported.
+ */
+function $a68b73fd7ba0853f$var$array_is_serializable(array) {
+  let is_root = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+  if (array.every(item => Array.isArray(item))) {
+    if (!is_root)
+      // Deeply nested arrays are not supported, but also don't exist as filters (yet)
+      return false;
+    return array.every(item => $a68b73fd7ba0853f$var$array_is_serializable(item, false));
+  }
+  if (array.some(item => typeof item !== "string"))
+    // Numbers are not supported, since 1 and "1" would encode to the same thing
+    return false;
+  // Encoding reserved characters is not supported
+  return !array.some(item => item.includes($a68b73fd7ba0853f$var$array_item_delimiter) || item.includes($a68b73fd7ba0853f$var$string_item_delimiter) || item === $a68b73fd7ba0853f$var$empty_item_replacement);
+}
+/**
+ * Human readable string[] or string[][] serialization for URLs.
+ * @param array
+ * @returns
+ */
+function $a68b73fd7ba0853f$var$encode_array(array) {
+  const is_nested = array.every(item => Array.isArray(item));
+  if (is_nested) return array.map($a68b73fd7ba0853f$var$encode_array).join($a68b73fd7ba0853f$var$array_item_delimiter) + $a68b73fd7ba0853f$var$array_item_delimiter; // Nested arrays require a suffix to close nesting levels
+  return array.map(item => item === "" ? $a68b73fd7ba0853f$var$empty_item_replacement : item).join($a68b73fd7ba0853f$var$string_item_delimiter);
+}
+function $a68b73fd7ba0853f$var$decode_array(encoded_array) {
+  const is_nested = encoded_array.includes($a68b73fd7ba0853f$var$array_item_delimiter);
+  if (is_nested) return encoded_array.split($a68b73fd7ba0853f$var$array_item_delimiter).filter(s => s !== "") // Remove empty segments, caused by trailing delimiter
+  .map($a68b73fd7ba0853f$var$decode_array);
+  return encoded_array.split($a68b73fd7ba0853f$var$string_item_delimiter).filter(s => s !== "") // Remove empty segments, caused by trailing delimiter in the single item special case
+  .map(item => item === $a68b73fd7ba0853f$var$empty_item_replacement ? "" : item);
+}
+function $a68b73fd7ba0853f$var$encode_filter_data(op, data) {
+  if (data === "true")
+    // boolean encoding
+    return "1";
+  if (data === "false")
+    // boolean encoding
+    return "0";
+  const data_is_array = Array.isArray(data);
+  if (op === "inrange" && data_is_array && data.every(item => typeof item === "number"))
+    // numeric range filter encoding
+    return data.join($a68b73fd7ba0853f$var$range_delimiter);
+  if (data_is_array && $a68b73fd7ba0853f$var$array_is_serializable(data)) {
+    const encoded_data = $a68b73fd7ba0853f$var$encode_array(data);
+    if (!encoded_data.includes($a68b73fd7ba0853f$var$array_item_delimiter) && !encoded_data.includes($a68b73fd7ba0853f$var$string_item_delimiter))
+      // A string[] with only one item will encode without delimiters, which is indistinguishable from a plain string during decoding
+      // In that case we add a delimiter suffix at the end
+      return encoded_data + $a68b73fd7ba0853f$var$string_item_delimiter;
+    return encoded_data;
+  }
+  // Fallback encoding
+  return $52FdA$depictaiutilishared.base64_encode_unicode(JSON.stringify(data));
+}
+function $a68b73fd7ba0853f$var$decode_filter_data(op, encoded_data) {
+  if (encoded_data === "1") return "true";
+  if (encoded_data === "0") return "false";
+  if (op === "inrange" && encoded_data.includes($a68b73fd7ba0853f$var$range_delimiter)) return encoded_data.split($a68b73fd7ba0853f$var$range_delimiter).map(x => parseFloat(x));
+  if (encoded_data.includes($a68b73fd7ba0853f$var$string_item_delimiter) || encoded_data.includes($a68b73fd7ba0853f$var$array_item_delimiter)) return $a68b73fd7ba0853f$var$decode_array(encoded_data);
+  try {
+    return JSON.parse($52FdA$depictaiutilishared.base64_decode_unicode(encoded_data));
+  } catch (e) {
+    $52FdA$depictaiutilishared.dlog("Failed to fallback parse filter data", op, encoded_data, e);
+  }
+  return null;
+}
+function $a68b73fd7ba0853f$export$58aa3f171519b6d7(filters, search_params, filter_query_param_prefix) {
+  for (const filter of filters) {
+    const {
+      field: field,
+      op: op,
+      data: data
+    } = filter;
+    const encoded_data = $a68b73fd7ba0853f$var$encode_filter_data(op, data);
+    search_params.set(filter_query_param_prefix + field + $a68b73fd7ba0853f$var$op_to_token(op), encoded_data);
+  }
+}
+function $a68b73fd7ba0853f$export$f934fa24c3a86811(search_params, filter_query_param_prefix) {
+  const found_filters = [];
+  for (const key of search_params.keys()) {
+    // Allow for backwards compatibility with the old filter query param prefix
+    let chosen_prefix = filter_query_param_prefix;
+    if (!key.startsWith(chosen_prefix)) {
+      chosen_prefix = $a68b73fd7ba0853f$var$legacy_filter_prefix;
+      if (!key.startsWith(chosen_prefix)) continue;
+    }
+    const encoded_data = search_params.get(key);
+    if (!encoded_data) continue;
+    const [op, token] = Object.entries($a68b73fd7ba0853f$var$operator_map).find(_ref => {
+      let [, token] = _ref;
+      return key.endsWith(token);
+    }) || [$a68b73fd7ba0853f$var$fallback_operator, $a68b73fd7ba0853f$var$fallback_token];
+    const data = $a68b73fd7ba0853f$var$decode_filter_data(op, encoded_data);
+    if (!data) continue;
+    const field = key.slice(chosen_prefix.length, token ? -token.length : undefined);
+    found_filters.push({
+      field: field,
+      op: op,
+      data: data
+    });
+  }
+  return found_filters;
+}
+function $a68b73fd7ba0853f$export$62acb285a7579555(sorting, search_params, sorting_query_param) {
+  if (!sorting) return;
+  const {
+    field: field,
+    order: order
+  } = sorting;
+  const ascending = order === "asc";
+  search_params.set(sorting_query_param, field + (ascending ? $a68b73fd7ba0853f$var$ascending_token : $a68b73fd7ba0853f$var$descending_token));
+}
+function $a68b73fd7ba0853f$export$766e9676e74997d3(search_params, sorting_query_param_) {
+  const encoded_sorting = search_params.get(sorting_query_param_);
+  if (!encoded_sorting) return;
+  if (encoded_sorting.endsWith($a68b73fd7ba0853f$var$ascending_token)) return {
+    field: encoded_sorting.slice(0, -$a68b73fd7ba0853f$var$ascending_token.length),
+    order: "asc"
+  };
+  if (encoded_sorting.endsWith($a68b73fd7ba0853f$var$descending_token)) return {
+    field: encoded_sorting.slice(0, -$a68b73fd7ba0853f$var$descending_token.length),
+    order: "desc"
+  };
+  $52FdA$depictaiutilishared.dlog("Invalid sorting query param value", encoded_sorting);
+  return;
+}
+function $a68b73fd7ba0853f$export$916e6850778505f6(search_params, filter_query_param_prefix, sorting_query_param) {
+  // We'll be modifying the URLSearchParams object, so we need to make a copy of the keys first
+  const keys = [...search_params.keys()];
+  for (const key of keys) if (key.startsWith(filter_query_param_prefix) || key === sorting_query_param || key.startsWith($a68b73fd7ba0853f$var$legacy_filter_prefix)) search_params.delete(key);
+}
+const $a68b73fd7ba0853f$export$cf5feb2102aec7f2 = "went_sideways_clear_filters";
+function $a68b73fd7ba0853f$export$43cd1e747fecd42e(_ref2) {
+  let {
+    to_url_: to_url_,
+    set_clearing_flag_: set_clearing_flag_,
+    from_search_params_ = new URLSearchParams(location.search),
+    sorting_query_param_: sorting_query_param_,
+    filter_query_param_prefix_: filter_query_param_prefix_
+  } = _ref2;
+  if (!to_url_) return to_url_;
+  const was_url_object = to_url_ instanceof URL;
+  const url_object = was_url_object ? to_url_ : new URL(to_url_, location.origin);
+  const {
+    searchParams: searchParams
+  } = url_object;
+  if (set_clearing_flag_) searchParams.set($a68b73fd7ba0853f$export$cf5feb2102aec7f2, "true");
+  if (from_search_params_.has(sorting_query_param_)) searchParams.set(sorting_query_param_, from_search_params_.get(sorting_query_param_));
+  for (const key of from_search_params_.keys()) if (key.startsWith(filter_query_param_prefix_)) searchParams.set(key, from_search_params_.get(key));
+  if (was_url_object) return url_object;
+  return url_object.href;
+}
 const $d067f3a30f047b41$var$ListingContext = /*@__PURE__*/$52FdA$solidjs.createContext();
 function $d067f3a30f047b41$export$e68cff63f76bd15b(props) {
   const our_object = {};
@@ -1314,6 +1494,14 @@ function $083b2336093176cf$export$3b621d86b1566b2() {
     return _el$;
   })();
 }
+
+/**
+ * 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$ = /*#__PURE__*/$52FdA$solidjsweb.template(`<button class="clear-all-filters minor"></button>`, 2),
   $c5842bdb10e57229$var$_tmpl$2 = /*#__PURE__*/$52FdA$solidjsweb.template(`<div class="inner"><span class="title"><!#><!/>: </span><!#><!/></div>`, 8),
   $c5842bdb10e57229$var$_tmpl$3 = /*#__PURE__*/$52FdA$solidjsweb.template(`<button class="clear-filter major"><!#><!/><span><!#><!/><!#><!/><!#><!/> – <!#><!/><!#><!/><!#><!/></span></button>`, 18),
@@ -1404,7 +1592,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 = {
@@ -1510,7 +1698,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 = $52FdA$solidjs.createMemo(() => {
@@ -1526,7 +1714,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;
@@ -1541,7 +1729,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;
                               });
@@ -1564,7 +1752,7 @@ function $c5842bdb10e57229$export$fecbb157621501bd(_ref) {
                                         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 => $e2d74bb03cc5252e$export$325f75597868c4f0(item) === $e2d74bb03cc5252e$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) {
@@ -1575,7 +1763,7 @@ function $c5842bdb10e57229$export$fecbb157621501bd(_ref) {
                                             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) => $e2d74bb03cc5252e$export$325f75597868c4f0(item[index]) === $e2d74bb03cc5252e$export$325f75597868c4f0(val)));
                                             if (index_to_remove >= 0) cloned_data.splice(index_to_remove, 1);
                                             recursive_kids.push(...Object.values(kid.children_));
                                           }
@@ -1766,6 +1954,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 = $52FdA$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 $52FdA$solidjsweb.createComponent((0, $902a0ca2b52f3898$export$48513f6b9f8ce62d), {
       get value_() {
         return checkbox().value_;
@@ -1777,8 +1971,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();
       }
     });
   };
@@ -1945,7 +2138,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]);
           })());
           return _el$2;
@@ -2714,7 +2907,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(...$52FdA$solidjs.createSignal(index_of_us_in_selected_filter >= 0));
     const [read_checked, write_checked] = signal_;
     const child_objects = Object.values(self_.children_);
@@ -2906,8 +3099,10 @@ const $cd0e5524f9476f9b$export$414f6a19d38e655c = _ref => {
         },
         children: value => {
           const is_selected = $52FdA$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 => (() => {
             const _el$2 = $52FdA$solidjsweb.getNextElement($cd0e5524f9476f9b$var$_tmpl$3),
@@ -2943,7 +3138,10 @@ const $cd0e5524f9476f9b$export$414f6a19d38e655c = _ref => {
                     ...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 = $e2d74bb03cc5252e$export$325f75597868c4f0(value().value_);
+                    new_filter_object.data = new_filter_object.data.filter(v => $e2d74bb03cc5252e$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);
                 });
@@ -3045,16 +3243,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 = $52FdA$solidjs.createSignal(false);
-  $52FdA$solidjs.onCleanup($52FdA$depictaiutilishared.javascript_media_query(media_query, _ref => {
-    let {
-      matches: matches
-    } = _ref;
-    return signal[1](matches);
-  }).remove);
-  return signal[0];
-}
 const $476a3dc36afc1938$var$_tmpl$ = /*#__PURE__*/$52FdA$solidjsweb.template(`<form class="checkbox-color"><!#><!/><!#><!/></form>`, 6);
 const $476a3dc36afc1938$var$max_visible_without_collapsing = 30;
 const $476a3dc36afc1938$var$show_non_collapsible_when_collapsed = 8;
@@ -3065,7 +3253,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 = $52FdA$solidjs.createMemo(() => {
     const {
@@ -3103,6 +3290,12 @@ function $476a3dc36afc1938$export$82ed4b28ecb67608(_ref) {
     });
     const rgb_color = $52FdA$solidjs.createMemo(() => $52FdA$depictaiutilishared.hex_to_rgb(hex_color()));
     const black_contrast_better = $52FdA$solidjs.createMemo(() => rgb_color() ? $476a3dc36afc1938$var$does_black_contrast_better(rgb_color()) : false);
+    const is_checked = $52FdA$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 = $52FdA$solidjsweb.createComponent((0, $902a0ca2b52f3898$export$48513f6b9f8ce62d), {
       get value_() {
         return checkbox().value_;
@@ -3114,8 +3307,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 {
@@ -3307,7 +3499,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]);
         }
       }
@@ -3913,7 +4105,8 @@ function $367b536a2a94d24e$export$e183a13865960371(params_to_default_value, rout
   const signals = {};
   const entries = Object.entries(params_to_default_value);
   const event_handler = $52FdA$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
   $52FdA$solidjs.createRenderEffect(() => {
@@ -4347,6 +4540,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 = $52FdA$solidjs.createSignal(false);
+  $52FdA$solidjs.onCleanup($52FdA$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 = $52FdA$solidjs.untrack(available_filters_)) === null || _untrack === void 0 ? void 0 : (_untrack$find = _untrack.find(_ref => {
@@ -6026,184 +6229,6 @@ function $b7cbae23560f11b9$var$ActualFloatingButtons(_ref2) {
   })();
 }
 $52FdA$solidjsweb.delegateEvents(["click"]);
-const $a68b73fd7ba0853f$var$fallback_operator = "in";
-const $a68b73fd7ba0853f$var$fallback_token = "";
-const $a68b73fd7ba0853f$var$legacy_filter_prefix = "filter_";
-const $a68b73fd7ba0853f$var$operator_map = {
-  "eq": "≡",
-  "neq": "≠",
-  "in": "∈",
-  "nin": "∉",
-  "leq": "≤",
-  "geq": "≥",
-  "inrange": "\uD83D\uDD22"
-};
-const $a68b73fd7ba0853f$var$ascending_token = "\uD83D\uDCC8";
-const $a68b73fd7ba0853f$var$descending_token = "\uD83D\uDCC9";
-const $a68b73fd7ba0853f$var$range_delimiter = "-";
-const $a68b73fd7ba0853f$var$string_item_delimiter = "‚"; // This is not a comma but a comma-like character that browsers will render in the URL bar.
-const $a68b73fd7ba0853f$var$array_item_delimiter = "‣"; // FIXME: decide on a character. Could theoretically be a double string delimiter.
-const $a68b73fd7ba0853f$var$empty_item_replacement = "0️⃣";
-const $a68b73fd7ba0853f$var$op_to_token = op => {
-  if (op === $a68b73fd7ba0853f$var$fallback_operator) return $a68b73fd7ba0853f$var$fallback_token;
-  return $a68b73fd7ba0853f$var$operator_map[op];
-};
-/**
- * Checks if a given array of filter data can be neatly serialized into an URL query parameter, or if it should fall back to JSON+base64.
- * The requirements are either an array of strings, containing no reserved characters, or an array of arrays of strings, containing no reserved characters.
- * No deep or mixed nesting levels are supported.
- */
-function $a68b73fd7ba0853f$var$array_is_serializable(array) {
-  let is_root = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-  if (array.every(item => Array.isArray(item))) {
-    if (!is_root)
-      // Deeply nested arrays are not supported, but also don't exist as filters (yet)
-      return false;
-    return array.every(item => $a68b73fd7ba0853f$var$array_is_serializable(item, false));
-  }
-  if (array.some(item => typeof item !== "string"))
-    // Numbers are not supported, since 1 and "1" would encode to the same thing
-    return false;
-  // Encoding reserved characters is not supported
-  return !array.some(item => item.includes($a68b73fd7ba0853f$var$array_item_delimiter) || item.includes($a68b73fd7ba0853f$var$string_item_delimiter) || item === $a68b73fd7ba0853f$var$empty_item_replacement);
-}
-/**
- * Human readable string[] or string[][] serialization for URLs.
- * @param array
- * @returns
- */
-function $a68b73fd7ba0853f$var$encode_array(array) {
-  const is_nested = array.every(item => Array.isArray(item));
-  if (is_nested) return array.map($a68b73fd7ba0853f$var$encode_array).join($a68b73fd7ba0853f$var$array_item_delimiter) + $a68b73fd7ba0853f$var$array_item_delimiter; // Nested arrays require a suffix to close nesting levels
-  return array.map(item => item === "" ? $a68b73fd7ba0853f$var$empty_item_replacement : item).join($a68b73fd7ba0853f$var$string_item_delimiter);
-}
-function $a68b73fd7ba0853f$var$decode_array(encoded_array) {
-  const is_nested = encoded_array.includes($a68b73fd7ba0853f$var$array_item_delimiter);
-  if (is_nested) return encoded_array.split($a68b73fd7ba0853f$var$array_item_delimiter).filter(s => s !== "") // Remove empty segments, caused by trailing delimiter
-  .map($a68b73fd7ba0853f$var$decode_array);
-  return encoded_array.split($a68b73fd7ba0853f$var$string_item_delimiter).filter(s => s !== "") // Remove empty segments, caused by trailing delimiter in the single item special case
-  .map(item => item === $a68b73fd7ba0853f$var$empty_item_replacement ? "" : item);
-}
-function $a68b73fd7ba0853f$var$encode_filter_data(op, data) {
-  if (data === "true")
-    // boolean encoding
-    return "1";
-  if (data === "false")
-    // boolean encoding
-    return "0";
-  const data_is_array = Array.isArray(data);
-  if (op === "inrange" && data_is_array && data.every(item => typeof item === "number"))
-    // numeric range filter encoding
-    return data.join($a68b73fd7ba0853f$var$range_delimiter);
-  if (data_is_array && $a68b73fd7ba0853f$var$array_is_serializable(data)) {
-    const encoded_data = $a68b73fd7ba0853f$var$encode_array(data);
-    if (!encoded_data.includes($a68b73fd7ba0853f$var$array_item_delimiter) && !encoded_data.includes($a68b73fd7ba0853f$var$string_item_delimiter))
-      // A string[] with only one item will encode without delimiters, which is indistinguishable from a plain string during decoding
-      // In that case we add a delimiter suffix at the end
-      return encoded_data + $a68b73fd7ba0853f$var$string_item_delimiter;
-    return encoded_data;
-  }
-  // Fallback encoding
-  return $52FdA$depictaiutilishared.base64_encode_unicode(JSON.stringify(data));
-}
-function $a68b73fd7ba0853f$var$decode_filter_data(op, encoded_data) {
-  if (encoded_data === "1") return "true";
-  if (encoded_data === "0") return "false";
-  if (op === "inrange" && encoded_data.includes($a68b73fd7ba0853f$var$range_delimiter)) return encoded_data.split($a68b73fd7ba0853f$var$range_delimiter).map(x => parseFloat(x));
-  if (encoded_data.includes($a68b73fd7ba0853f$var$string_item_delimiter) || encoded_data.includes($a68b73fd7ba0853f$var$array_item_delimiter)) return $a68b73fd7ba0853f$var$decode_array(encoded_data);
-  try {
-    return JSON.parse($52FdA$depictaiutilishared.base64_decode_unicode(encoded_data));
-  } catch (e) {
-    $52FdA$depictaiutilishared.dlog("Failed to fallback parse filter data", op, encoded_data, e);
-  }
-  return null;
-}
-function $a68b73fd7ba0853f$export$58aa3f171519b6d7(filters, search_params, filter_query_param_prefix) {
-  for (const filter of filters) {
-    const {
-      field: field,
-      op: op,
-      data: data
-    } = filter;
-    const encoded_data = $a68b73fd7ba0853f$var$encode_filter_data(op, data);
-    search_params.set(filter_query_param_prefix + field + $a68b73fd7ba0853f$var$op_to_token(op), encoded_data);
-  }
-}
-function $a68b73fd7ba0853f$export$f934fa24c3a86811(search_params, filter_query_param_prefix) {
-  const found_filters = [];
-  for (const key of search_params.keys()) {
-    // Allow for backwards compatibility with the old filter query param prefix
-    let chosen_prefix = filter_query_param_prefix;
-    if (!key.startsWith(chosen_prefix)) {
-      chosen_prefix = $a68b73fd7ba0853f$var$legacy_filter_prefix;
-      if (!key.startsWith(chosen_prefix)) continue;
-    }
-    const encoded_data = search_params.get(key);
-    if (!encoded_data) continue;
-    const [op, token] = Object.entries($a68b73fd7ba0853f$var$operator_map).find(_ref => {
-      let [, token] = _ref;
-      return key.endsWith(token);
-    }) || [$a68b73fd7ba0853f$var$fallback_operator, $a68b73fd7ba0853f$var$fallback_token];
-    const data = $a68b73fd7ba0853f$var$decode_filter_data(op, encoded_data);
-    if (!data) continue;
-    const field = key.slice(chosen_prefix.length, token ? -token.length : undefined);
-    found_filters.push({
-      field: field,
-      op: op,
-      data: data
-    });
-  }
-  return found_filters;
-}
-function $a68b73fd7ba0853f$export$62acb285a7579555(sorting, search_params, sorting_query_param) {
-  if (!sorting) return;
-  const {
-    field: field,
-    order: order
-  } = sorting;
-  const ascending = order === "asc";
-  search_params.set(sorting_query_param, field + (ascending ? $a68b73fd7ba0853f$var$ascending_token : $a68b73fd7ba0853f$var$descending_token));
-}
-function $a68b73fd7ba0853f$export$766e9676e74997d3(search_params, sorting_query_param_) {
-  const encoded_sorting = search_params.get(sorting_query_param_);
-  if (!encoded_sorting) return;
-  if (encoded_sorting.endsWith($a68b73fd7ba0853f$var$ascending_token)) return {
-    field: encoded_sorting.slice(0, -$a68b73fd7ba0853f$var$ascending_token.length),
-    order: "asc"
-  };
-  if (encoded_sorting.endsWith($a68b73fd7ba0853f$var$descending_token)) return {
-    field: encoded_sorting.slice(0, -$a68b73fd7ba0853f$var$descending_token.length),
-    order: "desc"
-  };
-  $52FdA$depictaiutilishared.dlog("Invalid sorting query param value", encoded_sorting);
-  return;
-}
-function $a68b73fd7ba0853f$export$916e6850778505f6(search_params, filter_query_param_prefix, sorting_query_param) {
-  // We'll be modifying the URLSearchParams object, so we need to make a copy of the keys first
-  const keys = [...search_params.keys()];
-  for (const key of keys) if (key.startsWith(filter_query_param_prefix) || key === sorting_query_param || key.startsWith($a68b73fd7ba0853f$var$legacy_filter_prefix)) search_params.delete(key);
-}
-const $a68b73fd7ba0853f$export$cf5feb2102aec7f2 = "went_sideways_clear_filters";
-function $a68b73fd7ba0853f$export$43cd1e747fecd42e(_ref2) {
-  let {
-    to_url_: to_url_,
-    set_clearing_flag_: set_clearing_flag_,
-    from_search_params_ = new URLSearchParams(location.search),
-    sorting_query_param_: sorting_query_param_,
-    filter_query_param_prefix_: filter_query_param_prefix_
-  } = _ref2;
-  if (!to_url_) return to_url_;
-  const was_url_object = to_url_ instanceof URL;
-  const url_object = was_url_object ? to_url_ : new URL(to_url_, location.origin);
-  const {
-    searchParams: searchParams
-  } = url_object;
-  if (set_clearing_flag_) searchParams.set($a68b73fd7ba0853f$export$cf5feb2102aec7f2, "true");
-  if (from_search_params_.has(sorting_query_param_)) searchParams.set(sorting_query_param_, from_search_params_.get(sorting_query_param_));
-  for (const key of from_search_params_.keys()) if (key.startsWith(filter_query_param_prefix_)) searchParams.set(key, from_search_params_.get(key));
-  if (was_url_object) return url_object;
-  return url_object.href;
-}
 const $1c819dc9d820a149$var$_tmpl$ = /*#__PURE__*/$52FdA$solidjsweb.template(`<nav class="crumbs"></nav>`, 2),
   $1c819dc9d820a149$var$_tmpl$2 = /*#__PURE__*/$52FdA$solidjsweb.template(`<a class="crumb"></a>`, 2),
   $1c819dc9d820a149$var$_tmpl$3 = /*#__PURE__*/$52FdA$solidjsweb.template(`<span class="separator"></span>`, 2);
@@ -11828,7 +11853,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 = $52FdA$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)) {
@@ -11857,7 +11882,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($52FdA$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, $52FdA$depictaiutilishared.instant_exec_on_suspect_history_change).add(on_maybe_popstate);
   $parcel$interopDefault($52FdA$babelruntimehelpersclassPrivateFieldGet)(this, $33e797e57f1b6354$var$_revert_fns).push(() => (0, $52FdA$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