@depict-ai/ui 2.0.21 → 2.0.23

package/server/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 $3hooq$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($3hooq$depictaiutilishared.base64_decode_unicode(encoded_data));
+  } catch (e) {
+    $3hooq$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"
+  };
+  $3hooq$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__*/$3hooq$solidjs.createContext();
 function $d067f3a30f047b41$export$e68cff63f76bd15b(props) {
   const our_object = {};
@@ -1043,6 +1223,14 @@ function $083b2336093176cf$export$3b621d86b1566b2() {
     "viewBox": "0 0 21.064 21.064"
   }), () => $3hooq$solidjsweb.ssr($083b2336093176cf$var$_tmpl$), true);
 }
+
+/**
+ * Lower cases a string if possible. Mostly used to make the filter url values case-insensitive.
+ */
+function $e2d74bb03cc5252e$export$325f75597868c4f0(stuff) {
+  if (typeof stuff !== "string") return stuff;
+  return stuff.toLowerCase();
+}
 const $c5842bdb10e57229$var$_tmpl$ = ["<button", ' class="clear-all-filters minor">', "</button>"],
   $c5842bdb10e57229$var$_tmpl$2 = ["<div", ' class="inner"><span class="title"><!--#-->', "<!--/-->: </span><!--#-->", "<!--/--></div>"],
   $c5842bdb10e57229$var$_tmpl$3 = ["<button", ' class="clear-filter major"><!--#-->', "<!--/--><span><!--#-->", "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--> – <!--#-->", "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--></span></button>"],
@@ -1110,7 +1298,7 @@ function $c5842bdb10e57229$export$fecbb157621501bd(_ref) {
                       let created_an_object = false;
                       for (let j = 0; j < value.length; j++) {
                         var _pointer;
-                        const this_categories_name = value[j];
+                        const this_categories_name = $e2d74bb03cc5252e$export$325f75597868c4f0(value[j]);
                         const obj = (_pointer = pointer)[this_categories_name] || (_pointer[this_categories_name] = (() => {
                           const value_as_string = value.map(v => typeof v === "number" ? v + "" : v); // don't think backend will ever send numbers but technically it's allowed;
                           const created_obj = {
@@ -1184,7 +1372,7 @@ function $c5842bdb10e57229$export$fecbb157621501bd(_ref) {
                                 var _meta, _meta$values;
                                 const sel_d = selected_data();
                                 return (_meta = meta()) === null || _meta === void 0 ? void 0 : (_meta$values = _meta.values) === null || _meta$values === void 0 ? void 0 : _meta$values.findIndex(value => {
-                                  return value === sel_d || Array.isArray(value) && Array.isArray(sel_d) && value.length === sel_d.length && value.every((item, index) => sel_d[index] === item);
+                                  return $e2d74bb03cc5252e$export$325f75597868c4f0(value) === $e2d74bb03cc5252e$export$325f75597868c4f0(sel_d) || Array.isArray(value) && Array.isArray(sel_d) && value.length === sel_d.length && value.every((item, index) => $e2d74bb03cc5252e$export$325f75597868c4f0(sel_d[index]) === $e2d74bb03cc5252e$export$325f75597868c4f0(item));
                                 });
                               });
                               const name = $3hooq$solidjs.createMemo(() => {
@@ -1200,7 +1388,7 @@ function $c5842bdb10e57229$export$fecbb157621501bd(_ref) {
                                 let pointer = structure;
                                 for (const step of selected_data()) {
                                   var _pointer2, _we_in_structure;
-                                  we_in_structure = (_pointer2 = pointer) === null || _pointer2 === void 0 ? void 0 : _pointer2[step];
+                                  we_in_structure = (_pointer2 = pointer) === null || _pointer2 === void 0 ? void 0 : _pointer2[$e2d74bb03cc5252e$export$325f75597868c4f0(step)];
                                   pointer = (_we_in_structure = we_in_structure) === null || _we_in_structure === void 0 ? void 0 : _we_in_structure.children_;
                                 }
                                 return we_in_structure;
@@ -1215,7 +1403,7 @@ function $c5842bdb10e57229$export$fecbb157621501bd(_ref) {
                                   let {
                                     value_: value_
                                   } = _ref2;
-                                  return (_iterable_selected_fi = iterable_selected_filter_data()) === null || _iterable_selected_fi === void 0 ? void 0 : _iterable_selected_fi.some(v => Array.isArray(v) && v.length === value_.length && value_.every((val, index) => v[index] === val));
+                                  return (_iterable_selected_fi = iterable_selected_filter_data()) === null || _iterable_selected_fi === void 0 ? void 0 : _iterable_selected_fi.some(v => Array.isArray(v) && v.length === value_.length && value_.every((val, index) => $e2d74bb03cc5252e$export$325f75597868c4f0(v[index]) === $e2d74bb03cc5252e$export$325f75597868c4f0(val)));
                                 });
                                 return false;
                               });
@@ -1334,6 +1522,12 @@ function $9b54b9c5381716eb$export$dd948f91abc3a1c4(_ref) {
   });
   const render_checkbox = checkbox => {
     // Checkbox always calls the getters in props, so we don't wrap these values into memos
+    const is_checked = $3hooq$solidjs.createMemo(() => {
+      var _existing_filter;
+      const data = (_existing_filter = existing_filter()) === null || _existing_filter === void 0 ? void 0 : _existing_filter.data;
+      const value = $e2d74bb03cc5252e$export$325f75597868c4f0(checkbox().value_);
+      return !!(data !== null && data !== void 0 && data.some(item => $e2d74bb03cc5252e$export$325f75597868c4f0(item) === value));
+    });
     return $3hooq$solidjsweb.createComponent((0, $902a0ca2b52f3898$export$48513f6b9f8ce62d), {
       get value_() {
         return checkbox().value_;
@@ -1345,8 +1539,7 @@ function $9b54b9c5381716eb$export$dd948f91abc3a1c4(_ref) {
         return checkbox().count_;
       },
       get checked_() {
-        var _existing_filter, _existing_filter$data;
-        return (_existing_filter = existing_filter()) === null || _existing_filter === void 0 ? void 0 : (_existing_filter$data = _existing_filter.data) === null || _existing_filter$data === void 0 ? void 0 : _existing_filter$data.includes(checkbox().value_);
+        return is_checked();
       }
     });
   };
@@ -1433,7 +1626,7 @@ function $d9239dad9a9d899b$export$430444115f70a734(_ref) {
         var _existing_filter;
         const v = value();
         const data = (_existing_filter = existing_filter()) === null || _existing_filter === void 0 ? void 0 : _existing_filter.data;
-        if (data === v) return true;
+        if ($e2d74bb03cc5252e$export$325f75597868c4f0(data) === $e2d74bb03cc5252e$export$325f75597868c4f0(v)) return true;
         return Array.isArray(data) && data.every((item, index) => item === v[index]);
       })(), true), $3hooq$solidjsweb.escape($3hooq$solidjs.createMemo(() => {
         var _filter_$meta, _filter_$meta$names;
@@ -2012,7 +2205,7 @@ function $9c1d49181fb3002a$var$create_updating_signal(_ref3) {
     var _existing_filter_$dat, _existing_filter_$dat2;
     // wait for the children to have populated and us to have received the correct value_ and name_ values
     let updating_blocked = false;
-    const index_of_us_in_selected_filter = existing_filter_ === null || existing_filter_ === void 0 ? void 0 : (_existing_filter_$dat = existing_filter_.data) === null || _existing_filter_$dat === void 0 ? void 0 : (_existing_filter_$dat2 = _existing_filter_$dat.findIndex) === null || _existing_filter_$dat2 === void 0 ? void 0 : _existing_filter_$dat2.call(_existing_filter_$dat, el => el.length === self_.value_.length && el.every((sub_el, index) => self_.value_[index] === sub_el));
+    const index_of_us_in_selected_filter = existing_filter_ === null || existing_filter_ === void 0 ? void 0 : (_existing_filter_$dat = existing_filter_.data) === null || _existing_filter_$dat === void 0 ? void 0 : (_existing_filter_$dat2 = _existing_filter_$dat.findIndex) === null || _existing_filter_$dat2 === void 0 ? void 0 : _existing_filter_$dat2.call(_existing_filter_$dat, el => el.length === self_.value_.length && el.every((sub_el, index) => $e2d74bb03cc5252e$export$325f75597868c4f0(self_.value_[index]) === $e2d74bb03cc5252e$export$325f75597868c4f0(sub_el)));
     signal_.push(...$3hooq$solidjs.createSignal(index_of_us_in_selected_filter >= 0));
     const [read_checked, write_checked] = signal_;
     const child_objects = Object.values(self_.children_);
@@ -2199,8 +2392,10 @@ const $cd0e5524f9476f9b$export$414f6a19d38e655c = _ref => {
         },
         children: value => {
           const is_selected = $3hooq$solidjs.createMemo(() => {
-            var _existing_filter, _existing_filter$data;
-            return (_existing_filter = existing_filter()) === null || _existing_filter === void 0 ? void 0 : (_existing_filter$data = _existing_filter.data) === null || _existing_filter$data === void 0 ? void 0 : _existing_filter$data.includes(value().value_);
+            var _existing_filter;
+            const data = (_existing_filter = existing_filter()) === null || _existing_filter === void 0 ? void 0 : _existing_filter.data;
+            const current_value = $e2d74bb03cc5252e$export$325f75597868c4f0(value().value_);
+            return !!(data !== null && data !== void 0 && data.some(item => $e2d74bb03cc5252e$export$325f75597868c4f0(item) === current_value));
           });
           const MakeButton = attributes => $3hooq$solidjsweb.ssrElement("button", () => ({
             ...attributes,
@@ -2299,16 +2494,6 @@ function $cd0e5524f9476f9b$var$adjust_sizes(container_width, sizes, set_cols_at_
     overrides: column_to_row_result
   }]]);
 }
-function $3e17e871e9d0911d$export$d9f36cf74e24d595(media_query) {
-  const signal = $3hooq$solidjs.createSignal(false);
-  $3hooq$solidjs.onCleanup($3hooq$depictaiutilishared.javascript_media_query(media_query, _ref => {
-    let {
-      matches: matches
-    } = _ref;
-    return signal[1](matches);
-  }).remove);
-  return signal[0];
-}
 const $476a3dc36afc1938$var$_tmpl$ = ["<form", ' class="checkbox-color"><!--#-->', "<!--/--><!--#-->", "<!--/--></form>"];
 const $476a3dc36afc1938$var$max_visible_without_collapsing = 30;
 const $476a3dc36afc1938$var$show_non_collapsible_when_collapsed = 8;
@@ -2319,7 +2504,6 @@ function $476a3dc36afc1938$export$82ed4b28ecb67608(_ref) {
     i18n_: i18n_,
     view_more_button_below_group_: [_get_view_more_button_below_group_, set_view_more_button_below_group_]
   } = _ref;
-  const supports_hover = $3e17e871e9d0911d$export$d9f36cf74e24d595("not all and (hover: none)");
   // same as in CheckboxFilter, maybe we should make this DRY at some point
   const existing_filter = $3hooq$solidjs.createMemo(() => {
     const {
@@ -2357,6 +2541,12 @@ function $476a3dc36afc1938$export$82ed4b28ecb67608(_ref) {
     });
     const rgb_color = $3hooq$solidjs.createMemo(() => $3hooq$depictaiutilishared.hex_to_rgb(hex_color()));
     const black_contrast_better = $3hooq$solidjs.createMemo(() => rgb_color() ? $476a3dc36afc1938$var$does_black_contrast_better(rgb_color()) : false);
+    const is_checked = $3hooq$solidjs.createMemo(() => {
+      var _existing_filter;
+      const data = (_existing_filter = existing_filter()) === null || _existing_filter === void 0 ? void 0 : _existing_filter.data;
+      const value = $e2d74bb03cc5252e$export$325f75597868c4f0(checkbox().value_);
+      return !!(data !== null && data !== void 0 && data.some(item => $e2d74bb03cc5252e$export$325f75597868c4f0(item) === value));
+    });
     const input_row = $3hooq$solidjsweb.createComponent((0, $902a0ca2b52f3898$export$48513f6b9f8ce62d), {
       get value_() {
         return checkbox().value_;
@@ -2368,8 +2558,7 @@ function $476a3dc36afc1938$export$82ed4b28ecb67608(_ref) {
         return checkbox().count_;
       },
       get checked_() {
-        var _existing_filter, _existing_filter$data;
-        return (_existing_filter = existing_filter()) === null || _existing_filter === void 0 ? void 0 : (_existing_filter$data = _existing_filter.data) === null || _existing_filter$data === void 0 ? void 0 : _existing_filter$data.includes(checkbox().value_);
+        return is_checked();
       },
       custom_indicator_ref: span => {
         const {
@@ -2525,7 +2714,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]);
         }
       }
@@ -3041,7 +3230,8 @@ function $367b536a2a94d24e$export$e183a13865960371(params_to_default_value, rout
   const signals = {};
   const entries = Object.entries(params_to_default_value);
   const event_handler = $3hooq$depictaiutilishared.catchify((what_happened, args) => {
-    if (what_happened == "popstate") $367b536a2a94d24e$var$history_state_change(signals, entries, args.state);
+    // Intentionally always update our signals to the history state to allow external control of SDK state for doing things like https://linear.app/depictai/issue/X-1432/is-this-possible-with-the-depict-sdk
+    $367b536a2a94d24e$var$history_state_change(signals, entries, what_happened === "popstate" ? args.state : history.state);
   });
   // createRenderEffect because we need the instant execution so the signals always contain values, even before solid's render phase
   $3hooq$solidjs.createRenderEffect(() => {
@@ -3475,6 +3665,16 @@ async function $e270e9f953fcbc58$var$_cached_post_request2(endpoint, input_req,
     delete cache_obj.in_progress_[body];
   }
 }
+function $3e17e871e9d0911d$export$d9f36cf74e24d595(media_query) {
+  const signal = $3hooq$solidjs.createSignal(false);
+  $3hooq$solidjs.onCleanup($3hooq$depictaiutilishared.javascript_media_query(media_query, _ref => {
+    let {
+      matches: matches
+    } = _ref;
+    return signal[1](matches);
+  }).remove);
+  return signal[0];
+}
 const $55f06aa93e360e7f$var$get_available_range = (available_filters_, search_for_field) => {
   var _untrack, _untrack$find;
   const maybe_meta = (_untrack = $3hooq$solidjs.untrack(available_filters_)) === null || _untrack === void 0 ? void 0 : (_untrack$find = _untrack.find(_ref => {
@@ -4773,184 +4973,6 @@ function $b7cbae23560f11b9$var$ActualFloatingButtons(_ref2) {
   }));
   return $3hooq$solidjsweb.ssr($b7cbae23560f11b9$var$_tmpl$, $3hooq$solidjsweb.ssrHydrationKey(), "floating-buttons ".concat(is_scrolling_upwards() && modal_is_closed() && !regular_buttons_are_in_view() && !get_is_showing_toast() ? "show-them" : ""), $3hooq$solidjsweb.ssrAttribute("aria-label", $3hooq$solidjsweb.escape(i18n_.filter_text_(), true), false), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $9bde34303b3e9ace$export$28f6150e232898de), {})), $3hooq$solidjsweb.ssrAttribute("aria-label", $3hooq$solidjsweb.escape(i18n_.sorting_text_(), true), false), ((_current_sorting_$ = current_sorting_[0]()) === null || _current_sorting_$ === void 0 ? void 0 : _current_sorting_$.order) === "asc" ? $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $0b45ba458cbff67a$export$da32f7add8a22e86), {})) : $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $549632402b57d811$export$d10e63059ddb9fd4), {})), $3hooq$solidjsweb.ssrAttribute("aria-label", $3hooq$solidjsweb.escape(i18n_.scroll_to_top_(), true), false), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $31f4a789db864adb$export$2624c5890f1bbcf7), {})));
 }
-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 $3hooq$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($3hooq$depictaiutilishared.base64_decode_unicode(encoded_data));
-  } catch (e) {
-    $3hooq$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"
-  };
-  $3hooq$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$ = ["<nav", ' class="crumbs"', ">", "</nav>"],
   $1c819dc9d820a149$var$_tmpl$2 = ["<a", ' class="crumb"', ">", "</a>"],
   $1c819dc9d820a149$var$_tmpl$3 = ["<span", ' class="separator">', "</span>"];
@@ -9856,7 +9878,7 @@ function $33e797e57f1b6354$var$_get_rendered_recs2() {
 }
 function $33e797e57f1b6354$var$_empty_page_bugfix2() {
   // Called when a "page" is "opened" using PageReplacer
-  const on_maybe_popstate = what_happened => {
+  const on_maybe_popstate = $3hooq$depictaiutilishared.catchify(what_happened => {
     if (what_happened !== "popstate") return;
     const cleaned_current_url = $33e797e57f1b6354$var$clean_url(location.href);
     if (!$33e797e57f1b6354$var$_classStaticPrivateFieldSpecGet($33e797e57f1b6354$export$3ccaa27d81dd8556, $33e797e57f1b6354$export$3ccaa27d81dd8556, $33e797e57f1b6354$var$_visited_urls).has(cleaned_current_url)) {
@@ -9885,7 +9907,7 @@ function $33e797e57f1b6354$var$_empty_page_bugfix2() {
       $33e797e57f1b6354$var$_classStaticPrivateFieldSpecSet($33e797e57f1b6354$export$3ccaa27d81dd8556, $33e797e57f1b6354$export$3ccaa27d81dd8556, $33e797e57f1b6354$var$_reverting_permitted, false); // Disallow any reverting since we can't - it would flash a white page until the reload has finished.
       $parcel$interopDefault($3hooq$babelruntimehelpersclassPrivateFieldGet)(this, $33e797e57f1b6354$var$_unload).call(this); // Call unload to "kill" the solid-js stuff quicker so that it stops updating - the user is expecting the next thing that happens to be a navigation to the actual page the URL says they're on.
     }
-  };
+  });
 
   (0, $3hooq$depictaiutilishared.instant_exec_on_suspect_history_change).add(on_maybe_popstate);
   $parcel$interopDefault($3hooq$babelruntimehelpersclassPrivateFieldGet)(this, $33e797e57f1b6354$var$_revert_fns).push(() => (0, $3hooq$depictaiutilishared.instant_exec_on_suspect_history_change).delete(on_maybe_popstate)); // Don't run the bugfixer if there isn't a PageReplacer page open since I assume the bug only happens when going back from a PageReplace'd page