@depict-ai/ui 1.4.18 → 1.4.20

package/server/latest/index.js

@@ -1,11 +1,56 @@
-import { add_to_version_info as $i7OB2$add_to_version_info, report as $i7OB2$report, observer as $i7OB2$observer, catchify as $i7OB2$catchify, useExpandingContainer as $i7OB2$useExpandingContainer, standard_price_format as $i7OB2$standard_price_format, Amazing_Slider as $i7OB2$Amazing_Slider, slider_snap_css as $i7OB2$slider_snap_css, slider_fading_factory as $i7OB2$slider_fading_factory, make_random_classname as $i7OB2$make_random_classname, dlog as $i7OB2$dlog, hex_to_rgb as $i7OB2$hex_to_rgb, relative_luminance_from_rgb as $i7OB2$relative_luminance_from_rgb, javascript_media_query as $i7OB2$javascript_media_query, n_col_styling_with_dist as $i7OB2$n_col_styling_with_dist, layout_get_visible_recs_without_partial_rows as $i7OB2$layout_get_visible_recs_without_partial_rows, layout_get_total_rec_amount_for_row as $i7OB2$layout_get_total_rec_amount_for_row, layout_media_query_header as $i7OB2$layout_media_query_header, fetch_recs as $i7OB2$fetch_recs, snakeCasifyObject as $i7OB2$snakeCasifyObject, instant_exec_on_suspect_history_change as $i7OB2$instant_exec_on_suspect_history_change, base_url as $i7OB2$base_url, get_depict_id as $i7OB2$get_depict_id, get_user_id as $i7OB2$get_user_id, get_session_id as $i7OB2$get_session_id, sort_obj as $i7OB2$sort_obj, fetch_retry as $i7OB2$fetch_retry, add_version_query_params as $i7OB2$add_version_query_params, dwarn as $i7OB2$dwarn, make_url_with_query_params as $i7OB2$make_url_with_query_params, edit_current_page_meta_tags as $i7OB2$edit_current_page_meta_tags, base64_encode_unicode as $i7OB2$base64_encode_unicode, base64_decode_unicode as $i7OB2$base64_decode_unicode, queueMacroTask as $i7OB2$queueMacroTask, make_asyncIterable_exiter as $i7OB2$make_asyncIterable_exiter, href_change_ipns as $i7OB2$href_change_ipns, ContainedImage as $i7OB2$ContainedImage, deparallelize_no_drop as $i7OB2$deparallelize_no_drop, insert_surfaces as $i7OB2$insert_surfaces } from "@depict-ai/utilishared/latest";
-import { ssr as $i7OB2$ssr, ssrHydrationKey as $i7OB2$ssrHydrationKey, ssrClassList as $i7OB2$ssrClassList, escape as $i7OB2$escape, insert as $i7OB2$insert, createComponent as $i7OB2$createComponent, ssrAttribute as $i7OB2$ssrAttribute, ssrElement as $i7OB2$ssrElement, Dynamic as $i7OB2$Dynamic, ssrStyle as $i7OB2$ssrStyle, isServer as $i7OB2$isServer, mergeProps as $i7OB2$mergeProps } from "solid-js/web";
-import { ErrorBoundary as $i7OB2$ErrorBoundary, createSignal as $i7OB2$createSignal, createMemo as $i7OB2$createMemo, untrack as $i7OB2$untrack, createEffect as $i7OB2$createEffect, getOwner as $i7OB2$getOwner, Show as $i7OB2$Show, Index as $i7OB2$Index, onCleanup as $i7OB2$onCleanup, For as $i7OB2$For, createRenderEffect as $i7OB2$createRenderEffect, createComputed as $i7OB2$createComputed, on as $i7OB2$on, batch as $i7OB2$batch, createRoot as $i7OB2$createRoot, runWithOwner as $i7OB2$runWithOwner, createResource as $i7OB2$createResource, createReaction as $i7OB2$createReaction, Suspense as $i7OB2$Suspense } from "solid-js";
+import { add_to_version_info as $i7OB2$add_to_version_info, is_safari as $i7OB2$is_safari, report as $i7OB2$report, observer as $i7OB2$observer, catchify as $i7OB2$catchify1, useExpandingContainer as $i7OB2$useExpandingContainer, standard_price_format as $i7OB2$standard_price_format, Amazing_Slider as $i7OB2$Amazing_Slider, slider_snap_css as $i7OB2$slider_snap_css, slider_fading_factory as $i7OB2$slider_fading_factory, make_random_classname as $i7OB2$make_random_classname, dlog as $i7OB2$dlog, hex_to_rgb as $i7OB2$hex_to_rgb, relative_luminance_from_rgb as $i7OB2$relative_luminance_from_rgb, javascript_media_query as $i7OB2$javascript_media_query, n_col_styling_with_dist as $i7OB2$n_col_styling_with_dist, layout_get_visible_recs_without_partial_rows as $i7OB2$layout_get_visible_recs_without_partial_rows, layout_get_total_rec_amount_for_row as $i7OB2$layout_get_total_rec_amount_for_row, layout_media_query_header as $i7OB2$layout_media_query_header, fetch_recs as $i7OB2$fetch_recs, snakeCasifyObject as $i7OB2$snakeCasifyObject, instant_exec_on_suspect_history_change as $i7OB2$instant_exec_on_suspect_history_change, base_url as $i7OB2$base_url, get_depict_id as $i7OB2$get_depict_id, get_user_id as $i7OB2$get_user_id, get_session_id as $i7OB2$get_session_id, sort_obj as $i7OB2$sort_obj, fetch_retry as $i7OB2$fetch_retry, add_version_query_params as $i7OB2$add_version_query_params, dwarn as $i7OB2$dwarn, make_url_with_query_params as $i7OB2$make_url_with_query_params, edit_current_page_meta_tags as $i7OB2$edit_current_page_meta_tags, use_href_accessor as $i7OB2$use_href_accessor, base64_encode_unicode as $i7OB2$base64_encode_unicode, base64_decode_unicode as $i7OB2$base64_decode_unicode, queueMacroTask as $i7OB2$queueMacroTask, make_asyncIterable_exiter as $i7OB2$make_asyncIterable_exiter, href_change_ipns as $i7OB2$href_change_ipns, ContainedImage as $i7OB2$ContainedImage, deparallelize_no_drop as $i7OB2$deparallelize_no_drop, insert_surfaces as $i7OB2$insert_surfaces } from "@depict-ai/utilishared/latest";
+import { ssrElement as $i7OB2$ssrElement, ssr as $i7OB2$ssr, ssrHydrationKey as $i7OB2$ssrHydrationKey, ssrStyle as $i7OB2$ssrStyle, ssrClassList as $i7OB2$ssrClassList, escape as $i7OB2$escape, insert as $i7OB2$insert, createComponent as $i7OB2$createComponent, ssrAttribute as $i7OB2$ssrAttribute, Dynamic as $i7OB2$Dynamic, isServer as $i7OB2$isServer, mergeProps as $i7OB2$mergeProps } from "solid-js/web";
+import { catchify as $i7OB2$catchify } from "@depict-ai/utilishared/latest/latest";
+import { createSignal as $i7OB2$createSignal, onCleanup as $i7OB2$onCleanup, ErrorBoundary as $i7OB2$ErrorBoundary, createMemo as $i7OB2$createMemo, untrack as $i7OB2$untrack, createEffect as $i7OB2$createEffect, getOwner as $i7OB2$getOwner, Show as $i7OB2$Show, Index as $i7OB2$Index, For as $i7OB2$For, createRenderEffect as $i7OB2$createRenderEffect, createComputed as $i7OB2$createComputed, on as $i7OB2$on, batch as $i7OB2$batch, createRoot as $i7OB2$createRoot, runWithOwner as $i7OB2$runWithOwner, createResource as $i7OB2$createResource, createReaction as $i7OB2$createReaction, Suspense as $i7OB2$Suspense } 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 = "1.4.18";
+const $ec291e0010116877$export$83d89fbfd8236492 = "1.4.20";
+function $e8ffe11ed01df0fe$export$e6fffe67d4cdd848(whatToWatch) {
+  const [size, setSize] = $i7OB2$createSignal(0);
+  const resizeObserver = new ResizeObserver($i7OB2$catchify(records => {
+    for (let j = 0; j < records.length; j++) {
+      const {
+        width: width
+      } = records[j].contentRect;
+      if (!width) continue;
+      // add extra 5% just in case. + safari is (in some cases) acting a bit questionable and needs a third extra to fill the set width
+      const new_size = width * 1.05 * ((0, $i7OB2$is_safari) ? 4 / 3 : 1);
+      setSize(Math.round(new_size));
+    }
+  }));
+  resizeObserver.observe(whatToWatch);
+  $i7OB2$onCleanup(() => resizeObserver.disconnect());
+  return size;
+}
+function $e8ffe11ed01df0fe$export$6e5611bc7e57e477({
+  src: raw_src,
+  size: size,
+  resolutions = [64, 128, 256, 300, 400, 512, 768, 1024, 1280, 1536, 2048, 4096],
+  ...otherOptions
+}) {
+  const src = new URL(raw_src, location.origin);
+  const fallbackSrc = $e8ffe11ed01df0fe$var$generateImageUrl(src, 400);
+  const srcset = $e8ffe11ed01df0fe$var$make_srcset(src, resolutions);
+  return $i7OB2$ssrElement("img", () => ({
+    ...otherOptions,
+    "src": fallbackSrc,
+    "srcset": srcset,
+    "sizes": size() + "px"
+  }), undefined, true);
+}
+function $e8ffe11ed01df0fe$var$make_srcset(url, resolutions) {
+  return resolutions.map(width => `${$e8ffe11ed01df0fe$var$generateImageUrl(url, width)} ${width}w`).join(", ");
+}
+function $e8ffe11ed01df0fe$var$generateImageUrl(url, width) {
+  url.searchParams.set("width", width);
+  return url.href;
+}
+const $f18d425032111270$var$_tmpl$ = ["<div", ' style="', '"></div>'];
+function $f18d425032111270$export$94026ee33dbabc26(props) {
+  return $i7OB2$ssr($f18d425032111270$var$_tmpl$, $i7OB2$ssrHydrationKey(), $i7OB2$ssrStyle(`position:relative;width:100%;padding-bottom:${1 / props.aspectRatio * 100}%`));
+}
 
 // Errors caused by SDK consuming code interfacing with the SDK, not the SDK itself or other Depict packages
 class $4fd48cb976bf1789$export$e1d52e4f0c7557a1 extends Error {}
@@ -88,15 +133,15 @@ function $6bb0a0c563dff4bb$export$6c6d7a51fa9aa15d(props) {
   $i7OB2$insert(details_, [summary_, $i7OB2$createComponent(ExpandingContainer, {
     children: children
   })], null);
-  if (!$i7OB2$untrack(is_in_dom)) (0, $i7OB2$observer).wait_for_element(details_).then($i7OB2$catchify(() => set_is_in_dom(true)));
-  $i7OB2$createEffect($i7OB2$catchify(async () => {
+  if (!$i7OB2$untrack(is_in_dom)) (0, $i7OB2$observer).wait_for_element(details_).then($i7OB2$catchify1(() => set_is_in_dom(true)));
+  $i7OB2$createEffect($i7OB2$catchify1(async () => {
     const is_open = is_open_memo();
     if (!is_in_dom())
       // wait with setting state until we're in DOM, animation won't work otherwise
       return;
     if (dont_animate_if_instant_open_ && fresh_component && !timeout_started) {
       timeout_started = true;
-      setTimeout($i7OB2$catchify(() => fresh_component = false));
+      setTimeout($i7OB2$catchify1(() => fresh_component = false));
     }
     if (is_open) {
       details_.open = true; // open up the toggle so the animation can happen
@@ -104,10 +149,10 @@ function $6bb0a0c563dff4bb$export$6c6d7a51fa9aa15d(props) {
       await expand(0, do_duration);
     } else {
       const animation = await collapse();
-      animation?.addEventListener("finish", $i7OB2$catchify(() => details_.open = false));
+      animation?.addEventListener("finish", $i7OB2$catchify1(() => details_.open = false));
     }
   }));
-  details_.addEventListener("toggle", $i7OB2$catchify(() => {
+  details_.addEventListener("toggle", $i7OB2$catchify1(() => {
     const {
       open: open
     } = details_;
@@ -117,11 +162,11 @@ function $6bb0a0c563dff4bb$export$6c6d7a51fa9aa15d(props) {
   }) // in case someone somehow toggles it without us intercepting it at least follow suit
   );
 
-  summary_.addEventListener("click", $i7OB2$catchify(ev => {
+  summary_.addEventListener("click", $i7OB2$catchify1(ev => {
     ev.preventDefault();
     toggle();
   }));
-  summary_.addEventListener("keydown", $i7OB2$catchify(ev => {
+  summary_.addEventListener("keydown", $i7OB2$catchify1(ev => {
     const {
       key: key
     } = ev;
@@ -382,9 +427,9 @@ function $1adfe60f3a14a1d7$export$fecbb157621501bd({
   });
   const [is_in_dom, set_is_in_dom] = $i7OB2$createSignal(document.documentElement.contains(outmost_element));
   const hidden = $i7OB2$createMemo(() => get_search_filters_open_() || get_search_sorting_open_());
-  if (!$i7OB2$untrack(is_in_dom)) (0, $i7OB2$observer).wait_for_element(outmost_element).then($i7OB2$catchify(() => set_is_in_dom(true)));
+  if (!$i7OB2$untrack(is_in_dom)) (0, $i7OB2$observer).wait_for_element(outmost_element).then($i7OB2$catchify1(() => set_is_in_dom(true)));
   outmost_element.classList.add("selected-filters");
-  $i7OB2$createEffect($i7OB2$catchify(async () => {
+  $i7OB2$createEffect($i7OB2$catchify1(async () => {
     if (!is_in_dom())
       // wait with setting state until we're in DOM, animation won't work otherwise
       return;
@@ -509,7 +554,7 @@ function $a4601e6bea3ed1e6$export$dd948f91abc3a1c4({
       i18n_: i18n_
     }) : []);
   });
-  $i7OB2$createEffect($i7OB2$catchify(async () => {
+  $i7OB2$createEffect($i7OB2$catchify1(async () => {
     if (!togglable_rest()) {
       await collapse();
       return;
@@ -591,7 +636,7 @@ function $a6b08770e164eced$export$e0d834a0ad870cda({
   });
   $i7OB2$createComputed(() => {
     clearTimeout(debounce_timeout);
-    debounce_timeout = setTimeout($i7OB2$catchify(range => $i7OB2$untrack(() => {
+    debounce_timeout = setTimeout($i7OB2$catchify1(range => $i7OB2$untrack(() => {
       const default_data = filter_().data;
       const filter_object = {
         op: filter_().op,
@@ -758,7 +803,7 @@ function $0b6bc2f8309efa8a$export$e5c2828934226505({
   };
   const outer_div = $i7OB2$ssr($0b6bc2f8309efa8a$var$_tmpl$, $i7OB2$ssrHydrationKey(), $i7OB2$ssrAttribute("aria-label", expanded_() ? $i7OB2$escape(i18n_.morphing_sign_expanded_aria_label_(), true) : $i7OB2$escape(i18n_.morphing_sign_collapsed_aria_label_(), true), false));
   const [is_in_dom, set_is_in_dom] = $i7OB2$createSignal(false);
-  (0, $i7OB2$observer).wait_for_element(outer_div).then($i7OB2$catchify(() => set_is_in_dom(true)));
+  (0, $i7OB2$observer).wait_for_element(outer_div).then($i7OB2$catchify1(() => set_is_in_dom(true)));
   $i7OB2$createEffect(() => {
     if (!is_in_dom())
       // wait for us to being in DOM as animations don't work otherwise
@@ -911,7 +956,7 @@ function $1c8cac76cb67e9af$export$a32086fa6616eafd({
       i18n_: i18n_
     }) : []);
   });
-  $i7OB2$createEffect($i7OB2$catchify(async () => {
+  $i7OB2$createEffect($i7OB2$catchify1(async () => {
     if (!some_top_level_are_hidden()) {
       await collapse();
       return;
@@ -952,7 +997,7 @@ function $1c8cac76cb67e9af$var$render_stuff(data, existing_filter, i18n_) {
               return value()?.is_checked_?.[0]?.() ?? false;
             },
             input_ref_: input => {
-              input.addEventListener("change", $i7OB2$catchify(() => $i7OB2$untrack(() => {
+              input.addEventListener("change", $i7OB2$catchify1(() => $i7OB2$untrack(() => {
                 const {
                   checked: checked
                 } = input;
@@ -1024,7 +1069,7 @@ function $1c8cac76cb67e9af$var$batching_filter_state_syncer(props) {
     existing_filter_: existing_filter_
   } = props;
   let sync_queued = false;
-  const sync_fn = $i7OB2$catchify(async () => {
+  const sync_fn = $i7OB2$catchify1(async () => {
     sync_queued = false;
     // if we change, update filter state - next microtask, so that "reactions" to the change can process before we send it off to the API
     const set_filter = existing_filter_();
@@ -1081,13 +1126,13 @@ function $1c8cac76cb67e9af$var$create_updating_signal({
     $i7OB2$createComputed($i7OB2$on(read_checked, trigger_sync_, {
       defer: true
     }));
-    $i7OB2$createComputed($i7OB2$on(read_checked, $i7OB2$catchify(new_value => {
+    $i7OB2$createComputed($i7OB2$on(read_checked, $i7OB2$catchify1(new_value => {
       if (updating_blocked) return;
       for (const child of child_objects) child.is_checked_[1](new_value);
     }), {
       defer: true
     }));
-    $i7OB2$createEffect($i7OB2$on(get_child_object_values, $i7OB2$catchify(() => {
+    $i7OB2$createEffect($i7OB2$on(get_child_object_values, $i7OB2$catchify1(() => {
       const all_kids_checked = get_child_object_values.every(accessor => accessor());
       if (all_kids_checked === read_checked()) return;
       updating_blocked = true;
@@ -1323,7 +1368,7 @@ function $e731d52d97444b7c$export$82ed4b28ecb67608({
       i18n_: i18n_
     }) : []);
   });
-  $i7OB2$createEffect($i7OB2$catchify(async () => {
+  $i7OB2$createEffect($i7OB2$catchify1(async () => {
     if (!togglable_rest()) {
       await collapse();
       set_having_expanding_in_dom(false); // Once animation has finished, remove expanding from DOM
@@ -1896,7 +1941,7 @@ function $c8d5ff4524619fcd$var$ActualSolidLayout(props, container_element) {
       return;
     }
     update_children_count();
-    const mutation_observer = new MutationObserver($i7OB2$catchify(update_children_count));
+    const mutation_observer = new MutationObserver($i7OB2$catchify1(update_children_count));
     mutation_observer.observe(container_element, {
       childList: true
     });
@@ -1954,7 +1999,7 @@ async function $194bd6b8e4c59830$export$79b1565500412d9b(search_modal, modal_fn_
           // Animation broke, close it this time
           actually_close();else if (!animation_started && closing_animation) {
           animation_started = +new Date();
-          $i7OB2$catchify(closing_animation)()?.then($i7OB2$catchify(actually_close));
+          $i7OB2$catchify1(closing_animation)()?.then($i7OB2$catchify1(actually_close));
         } else actually_close();
       };
       return search_modal({
@@ -1995,7 +2040,7 @@ async function $c58717f39bf51647$export$58e808b1db15d3bc({
 function $ca6f574bd8772184$export$e183a13865960371(params_to_default_value, router_) {
   const signals = {};
   const entries = Object.entries(params_to_default_value);
-  const event_handler = $i7OB2$catchify((what_happened, args) => {
+  const event_handler = $i7OB2$catchify1((what_happened, args) => {
     if (what_happened == "popstate") $ca6f574bd8772184$var$history_state_change(signals, entries, args.state);
   });
   // createRenderEffect because we need the instant execution so the signals always contain values, even before solid's render phase
@@ -2019,8 +2064,8 @@ function $ca6f574bd8772184$export$e183a13865960371(params_to_default_value, rout
   });
   // history_dot_state_to_state needs to update after its signals after url_state does BUT in the same task (might even have to be in the same tick in the microtask queue). If we'd use window.addEventListener("popstate") it would be guaranteed to be too late since each event listener has its own task
   (0, $i7OB2$instant_exec_on_suspect_history_change).add(event_handler);
-  $i7OB2$onCleanup($i7OB2$catchify(() => (0, $i7OB2$instant_exec_on_suspect_history_change).delete(event_handler)));
-  $i7OB2$createEffect($i7OB2$catchify(() => $i7OB2$untrack($i7OB2$catchify(() => $ca6f574bd8772184$var$history_state_change(signals, entries, history.state))))); // we need this to run after reading the initial state from history.state to write the defaults to history.state
+  $i7OB2$onCleanup($i7OB2$catchify1(() => (0, $i7OB2$instant_exec_on_suspect_history_change).delete(event_handler)));
+  $i7OB2$createEffect($i7OB2$catchify1(() => $i7OB2$untrack($i7OB2$catchify1(() => $ca6f574bd8772184$var$history_state_change(signals, entries, history.state))))); // we need this to run after reading the initial state from history.state to write the defaults to history.state
   return signals;
 }
 function $ca6f574bd8772184$var$history_state_change(signals, entries, state) {
@@ -2133,7 +2178,7 @@ class $7fa23e2a0079eca4$export$e015ed2f2950f2e3 {
     return this.#cache_objs[endpoint] ||= {
       in_progress_: {},
       cache_: {},
-      finalization_registry_: this.#supports_finalization_registry ? new FinalizationRegistry($i7OB2$catchify(key => {
+      finalization_registry_: this.#supports_finalization_registry ? new FinalizationRegistry($i7OB2$catchify1(key => {
         const our_cache = this.#cache_objs[endpoint].cache_;
         $i7OB2$dlog("[Search API]: removing", key, "from", our_cache);
         delete our_cache[key];
@@ -2281,11 +2326,11 @@ class $7fa23e2a0079eca4$export$e015ed2f2950f2e3 {
         result = $e5014ccd0b76d9f4$export$967e966fca9515e(result);
         cache_obj.cache_[body] = new WeakRef(result);
         resolve_in_progress(result);
-        setTimeout($i7OB2$catchify(() => {
+        setTimeout($i7OB2$catchify1(() => {
           if (this.#supports_finalization_registry) cache_obj.finalization_registry_.register(result, body); // delete key from cache when value (WeakRefs) are collected
           else
             // delete things from cache after 5 minutes, so it doesn't get too heavy
-            setTimeout($i7OB2$catchify(() => delete cache_obj.cache_[body]), 300000);
+            setTimeout($i7OB2$catchify1(() => delete cache_obj.cache_[body]), 300000);
         }), 60000 // cache values for at least 60 seconds
         );
 
@@ -2434,7 +2479,7 @@ function $511cc0abd9a64ce8$export$92f2da32c6e7e7ee({
   });
 }
 function $8f9120a1ca151e6a$export$205efb947c7ffd78(handler, passive = true) {
-  const catchified_handler = $i7OB2$catchify(handler);
+  const catchified_handler = $i7OB2$catchify1(handler);
   const owner = $i7OB2$getOwner();
   // Some customers (e.g. equestrian) have `height: 100%` and/or `overflow-x: hidden` on the body, which means that scroll events won't get dispatched on `window`. The pages who get it on <body> won't get it on `window` and vice-versa, so there shouldn't be a worry about duplicate calling of the handler.
   // Use observer in case that this gets called before body exists
@@ -2551,7 +2596,7 @@ function $6db49ca163afa2c3$export$83fd5de5504a7a67({
       fill: "forwards",
       easing: "ease-in-out"
     });
-    animation.addEventListener("finish", $i7OB2$catchify(() => {
+    animation.addEventListener("finish", $i7OB2$catchify1(() => {
       if (unpermit_when_possible) set_permitted_to_show(false);
       animation = undefined;
       element.style.display = "none";
@@ -2706,7 +2751,7 @@ function $056f6ac0a6caa919$export$5e4aed86c12acdd9({
     last_loaded = +new Date();
     is_first_load = true;
   });
-  $i7OB2$createEffect($i7OB2$catchify(async () => {
+  $i7OB2$createEffect($i7OB2$catchify1(async () => {
     const be_above_percentage = is_first_load ? 50 : 75; // if first load, load earlier
     if (percentage_in_view_() < be_above_percentage || is_loading_more) return;
     if (!get_last_cursor()) {
@@ -2876,7 +2921,7 @@ function $0449e7d49398c077$export$a1fd619a4743ca08({
   const target_to_index_map = new Map();
   const index_to_target_map_ = new Map();
   const currently_intersecting = new Set();
-  const intersection_observer = new IntersectionObserver($i7OB2$catchify(records => {
+  const intersection_observer = new IntersectionObserver($i7OB2$catchify1(records => {
     for (let i = 0; i < records.length; i++) {
       const record = records[i];
       const {
@@ -3195,7 +3240,7 @@ function $aea1edf92433e81e$export$fe334901e8bebd57() {
         offset: 0
       }, 1);
       animation.pause();
-      const fn = $i7OB2$catchify(animation.play.bind(animation));
+      const fn = $i7OB2$catchify1(animation.play.bind(animation));
       cleanup_fns.push(fn);
       $i7OB2$onCleanup(fn);
     } catch (e) {
@@ -3206,7 +3251,7 @@ function $aea1edf92433e81e$export$fe334901e8bebd57() {
       const style = element.style;
       const original_value = style.overflow;
       style.overflow = "hidden";
-      const fn = $i7OB2$catchify(() => style.overflow = original_value);
+      const fn = $i7OB2$catchify1(() => style.overflow = original_value);
       cleanup_fns.push(fn);
       $i7OB2$onCleanup(fn);
     }
@@ -3292,7 +3337,7 @@ function $757dac7f7c6c5241$export$9bf11afa910f536e({
       set_search_sorting_open(true);
     }
   });
-  $i7OB2$onCleanup($i7OB2$catchify(() => {
+  $i7OB2$onCleanup($i7OB2$catchify1(() => {
     if (!sorting_expanded() && !filters_expanded()) {
       set_search_filters_open(false);
       set_search_sorting_open(false);
@@ -3392,7 +3437,7 @@ function $cdea4cf8c5c071ef$export$d7841e452f2e59a8({
     const [sorting_open, set_sorting_open] = search_sorting_open_;
     const [get_current_sorting_] = current_sorting_;
     const [is_small, set_is_small] = $i7OB2$createSignal(false);
-    const dismiss_modal_ = $i7OB2$catchify(() => {
+    const dismiss_modal_ = $i7OB2$catchify1(() => {
       set_filters_open(false);
       set_sorting_open(false);
     });
@@ -3463,7 +3508,7 @@ function $cdea4cf8c5c071ef$export$d7841e452f2e59a8({
         if (filters_open()) set_extra_els_in_results_container_($i7OB2$ssr($cdea4cf8c5c071ef$var$_tmpl$, $i7OB2$ssrHydrationKey(), $i7OB2$escape($i7OB2$createComponent((0, $fab07f52c9861732$export$3f1a388cc0d8fed7), filter_options))));else set_extra_els_in_results_container_($i7OB2$ssr($cdea4cf8c5c071ef$var$_tmpl$2, $i7OB2$ssrHydrationKey(), $i7OB2$escape($i7OB2$createComponent((0, $68a258a92b88f02f$export$1f1775a58da589b5), sorting_options))));
       }
     });
-    $i7OB2$catchify(async () => {
+    $i7OB2$catchify1(async () => {
       ({
         open_modal_: open_modal_,
         close_modal_: close_modal_
@@ -3566,13 +3611,13 @@ function $bf52d9f9eebd1938$export$5196e4c01fa56fcb({
 }) {
   let close_toast_;
   const stay_open_promise = new Promise(r => close_toast_ = r);
-  $i7OB2$catchify(async () => {
+  $i7OB2$catchify1(async () => {
     const closing_animation_duration = 300; // ms
     const element = $i7OB2$ssrElement("div", more_attributes, () => $i7OB2$escape(children), true);
     const [, set_is_showing_toast] = $bf52d9f9eebd1938$export$22970a0140fc759c;
     // if this is a memory leak the garbage collector is stupid - does someone know?
-    for (const ev of ["pointerover", "focusin"]) element.addEventListener(ev, $i7OB2$catchify(() => closing_animation.pause()));
-    for (const ev of ["pointerout", "focusout"]) element.addEventListener(ev, $i7OB2$catchify(() => closing_animation.play()));
+    for (const ev of ["pointerover", "focusin"]) element.addEventListener(ev, $i7OB2$catchify1(() => closing_animation.pause()));
+    for (const ev of ["pointerout", "focusout"]) element.addEventListener(ev, $i7OB2$catchify1(() => closing_animation.play()));
     const body = await (0, $i7OB2$observer).wait_for_element("body");
     const x_translate = "translateX(-50%) ";
     let remove_keyboard_listener;
@@ -3597,7 +3642,7 @@ function $bf52d9f9eebd1938$export$5196e4c01fa56fcb({
     // let other toasts close us if they open while we're still here
     $bf52d9f9eebd1938$var$closing_functions.add(close_toast_);
     set_is_showing_toast(true);
-    const handler = $i7OB2$catchify(({
+    const handler = $i7OB2$catchify1(({
       key: key
     }) => {
       if (key === "Escape")
@@ -3696,7 +3741,7 @@ function $0b0380f75d729d63$var$ActualFloatingButtons({
     }
     old_pos = new_pos;
   });
-  const touchstart_handler = $i7OB2$catchify(e => {
+  const touchstart_handler = $i7OB2$catchify1(e => {
     is_in_touch_scroll = true;
     if (e.touches.length === 1) {
       // we had no touches but then we got some. Adding a new touch cancels the inertia. We are in a new touch so do reset the diff
@@ -3704,12 +3749,12 @@ function $0b0380f75d729d63$var$ActualFloatingButtons({
       diff_over_second_or_touch = 0;
     }
   });
-  const touchend_handler = $i7OB2$catchify(e => {
+  const touchend_handler = $i7OB2$catchify1(e => {
     if (e.touches.length === 0)
       // scroll gesture of any type (pinch can also be used as scroll, etc.) ended
       inertia_timeout = setTimeout(
       // inertia ends after 500ms (educated guess)
-      $i7OB2$catchify(() => {
+      $i7OB2$catchify1(() => {
         is_in_touch_scroll = false;
         diff_over_second_or_touch = 0;
       }), 500);
@@ -3727,9 +3772,9 @@ function $0b0380f75d729d63$var$ActualFloatingButtons({
     const everything_closed = !get_search_filters_open_() && !get_search_sorting_open_();
     if (!$i7OB2$untrack(modal_is_closed) && everything_closed)
       // I think the point of this is to delay the animation a bit IIRC
-      timeout = setTimeout($i7OB2$catchify(() => set_if_modal_is_closed(true)), 200);else set_if_modal_is_closed(everything_closed);
+      timeout = setTimeout($i7OB2$catchify1(() => set_if_modal_is_closed(true)), 200);else set_if_modal_is_closed(everything_closed);
   });
-  $i7OB2$createComputed($i7OB2$catchify(async () => {
+  $i7OB2$createComputed($i7OB2$catchify1(async () => {
     const element = sort_and_filter_element_();
     if (!element) return;
     await (0, $i7OB2$observer).wait_for_element(element);
@@ -3927,6 +3972,7 @@ function $dfa5b6f7c5e421df$export$5646050d516e06bc({
 }) {
   const placeholder_crumb_data = [,,,];
   const crumb_data = $i7OB2$createMemo(() => get_api_crumb_data() || placeholder_crumb_data);
+  const href_accessor = $i7OB2$use_href_accessor();
   return $i7OB2$createComponent((0, $b7436a6d1fd64e3b$export$b69d0d92862de18b), {
     severity_: "error",
     message_: "BreadCrumbs failed",
@@ -3936,8 +3982,10 @@ function $dfa5b6f7c5e421df$export$5646050d516e06bc({
           return crumb_data();
         },
         children: (display_accessor, index) => {
+          const is_last = $i7OB2$createMemo(() => index === crumb_data()?.length - 1);
+          const url = $i7OB2$createMemo(() => is_last() ? href_accessor() : display_accessor()?.page_url);
           const href = $i7OB2$createMemo(() => $4147651646da990a$export$43cd1e747fecd42e({
-            to_url_: display_accessor()?.page_url,
+            to_url_: url(),
             filter_query_param_prefix_: filter_query_param_prefix_,
             sorting_query_param_: sorting_query_param_
           }));
@@ -4009,7 +4057,7 @@ function $06edf3aec9073663$export$466cdc317043f6cb({
   }];
   $i7OB2$createComputed(() => {
     if (place_holdey_quicklinks_data()?.[0]?.query_id) {
-      if (last_was_placeholder) queueMicrotask($i7OB2$catchify(() => {
+      if (last_was_placeholder) queueMicrotask($i7OB2$catchify1(() => {
         sliding_element?.scrollTo({
           left: 0
         }); // for some reason we land one element to the right after placeholder rendering otherwise
@@ -4075,7 +4123,7 @@ function $06edf3aec9073663$export$466cdc317043f6cb({
               } else if (!(intersecting_items_object[selected_index()]?.intersectionRatio >= 0.95)) {
                 // negated larger than to handle left side of comparison being undefined
                 let done_work = false;
-                $i7OB2$runWithOwner(owner, () => $i7OB2$createComputed($i7OB2$catchify(() => {
+                $i7OB2$runWithOwner(owner, () => $i7OB2$createComputed($i7OB2$catchify1(() => {
                   if (done_work || !Array.isArray(quicklinks_data_())) return;
                   const sel_index = selected_index();
                   const target_element = sel_index >= 0 ? sel_index : 0;
@@ -4152,7 +4200,7 @@ function $641bba2917fe862b$export$6e49da55e449af7c({
     }]); // get rid of old data the browser saves the old state and will restore it later on
   };
 
-  $i7OB2$createComputed($i7OB2$catchify(() => {
+  $i7OB2$createComputed($i7OB2$catchify1(() => {
     const last_result = get_last_result_in_viewport_();
     if (last_result == undefined || last_result <= 0 || last_result == Infinity) return;
     if (isNaN(last_result)) {
@@ -4179,7 +4227,7 @@ function $641bba2917fe862b$export$6e49da55e449af7c({
     set_to_later = last_result;
     // If a delayed push timeout is already running, just changing the value that will be pushed is sufficient
     if (timeout) return;
-    timeout = setTimeout($i7OB2$catchify(() => {
+    timeout = setTimeout($i7OB2$catchify1(() => {
       timeout = undefined;
       last_time_history_changed = +new Date();
       set_min_results_loaded(set_to_later);
@@ -4222,7 +4270,7 @@ function $587cd61972788655$export$210f130a61ac1e8d(fn) {
   let last_queued;
   let last_value;
   let initial_run = true;
-  $i7OB2$createComputed($i7OB2$catchify(async () => {
+  $i7OB2$createComputed($i7OB2$catchify1(async () => {
     last_value = fn();
     if (initial_run) {
       initial_run = false;
@@ -4342,7 +4390,7 @@ function $e7fce80abe608e01$export$3945d6db2dfd3d12({
   const handler = () => allow_filter_clearing = false;
   window.addEventListener("popstate", handler); // popstate only gets called when using back/forwards button of browser or the history navigate to achieve the same, but not on pushState or replaceState
   $i7OB2$onCleanup(() => window.removeEventListener("popstate", handler));
-  $i7OB2$createEffect($i7OB2$on(crumb_data_, $i7OB2$catchify(new_crumb_data => {
+  $i7OB2$createEffect($i7OB2$on(crumb_data_, $i7OB2$catchify1(new_crumb_data => {
     const query_id_of_new_data = query_id_();
     if (allow_filter_clearing && previous_crumb_data && new_crumb_data && query_id_of_new_data !== query_id_when_we_got_previous_data) {
       const previous_length = previous_crumb_data.length;
@@ -4493,7 +4541,7 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({
   });
   const [plp_results_] = $i7OB2$createResource(query_base_,
   // only first page of results, unless the history state says we should load more (can't do that in load more thing, I tested, they need to be added at once for the browser to not give up scroll restoration)
-  $i7OB2$catchify(base_query => $641bba2917fe862b$export$cc42dd29bf655ab6({
+  $i7OB2$catchify1(base_query => $641bba2917fe862b$export$cc42dd29bf655ab6({
     id_: $i7OB2$untrack(query_id_),
     scroll_restoration_data_: scroll_restoration_data_,
     min_products_to_fetch_: min_products_to_fetch_,
@@ -4601,7 +4649,7 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({
     number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
     ...extra_sort_and_filter_args_
   });
-  $i7OB2$catchify((0, $641bba2917fe862b$export$6e49da55e449af7c))({
+  $i7OB2$catchify1((0, $641bba2917fe862b$export$6e49da55e449af7c))({
     scroll_restoration_data_: scroll_restoration_data_,
     last_result_in_viewport_: last_result_in_viewport_,
     id_: query_id_,
@@ -4611,7 +4659,7 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({
   $i7OB2$createComputed(() => {
     if (plp_results_.loading) set_can_write_scroll_restoration(false);else if (plp_results_()) set_can_write_scroll_restoration(true);
   });
-  $i7OB2$createRenderEffect($i7OB2$catchify(async () => {
+  $i7OB2$createRenderEffect($i7OB2$catchify1(async () => {
     const slim = is_slim_();
     const only_show_filters_opener = only_show_filters_opener_?.();
     const owner = $i7OB2$getOwner();
@@ -4818,7 +4866,7 @@ function $ccd5db07a3a069c5$export$477caf01aecaeb2a(options) {
   const [get_selected_filters_, set_selected_filters] = selected_filters_;
   const [get_has_sideways_filter_clearing_flag_, set_has_sideways_filter_clearing_flag] = sideways_filter_clearing_flag_;
   const [get_current_href, set_current_href] = $i7OB2$createSignal(globalThis?.location?.href ?? "https://example.com");
-  const history_change_handler = $i7OB2$catchify(() => set_current_href(location.href));
+  const history_change_handler = $i7OB2$catchify1(() => set_current_href(location.href));
   const owner = $i7OB2$getOwner() || $i7OB2$createRoot(() => $i7OB2$getOwner());
   const {
     sorting_query_param_: sorting_query_param_,
@@ -4988,7 +5036,7 @@ class $4fd2ba03703a7d92$export$7e1297a3a19f10d8 {
     * @param is_replace_ if you want to replace the current URL in history instead of pushing a new one
     * @param category_query_id_ If you are navigating to a category and know the query_id of, please provide it. This is for making a better devEx in js-ui
     */
-    go_to_: $i7OB2$catchify(async ({
+    go_to_: $i7OB2$catchify1(async ({
       new_url_: raw_new_url,
       event_: event_,
       force_spa_navigation_: force_spa_navigation_,
@@ -5380,7 +5428,7 @@ const $a6e23a834336fc19$export$824dde41348efed1 = /*@__PURE__*/(() => {
 
       const observe_to_signal = (element, setter) => {
         const computed_style = getComputedStyle(element);
-        const resize_observer = new ResizeObserver($i7OB2$catchify(() => {
+        const resize_observer = new ResizeObserver($i7OB2$catchify1(() => {
           setter(element.getBoundingClientRect().width + parseFloat(computed_style.marginLeft) + parseFloat(computed_style.marginRight) + parseFloat(computed_style.borderRightWidth) + parseFloat(computed_style.borderLeftWidth));
         }));
         resize_observer.observe(element);
@@ -5574,7 +5622,7 @@ function $5285d2814d0fac0c$export$b94867ecbd698f21({
   let input_element;
   // This is the div where we recommend (and ourselves do) attach the event listener to that opens the search modal.
   let field_div;
-  $i7OB2$createEffect($i7OB2$catchify(async () => {
+  $i7OB2$createEffect($i7OB2$catchify1(async () => {
     if (disabled_) return;
     // we aren't in DOM yet unfortunately, wouldn't even be with onMount
     await (0, $i7OB2$observer).wait_for_element(input_element);
@@ -5680,7 +5728,7 @@ function $b6d5529b253681aa$export$b3ad617e9036868(modal_body_style, input_field,
   };
   let ro;
   if (one_axies_only !== "top") {
-    ro = new ResizeObserver($i7OB2$catchify(records => {
+    ro = new ResizeObserver($i7OB2$catchify1(records => {
       records.forEach(({
         contentRect: {
           width: width
@@ -5701,10 +5749,10 @@ function $b6d5529b253681aa$export$b3ad617e9036868(modal_body_style, input_field,
   // "resize" doesn't fire sometimes when it should, also it doesn't when showing/hiding scrollbars which disabling scrolling does
   // this works
   // keeping resize just in case
-  const resize_resize_observer = new ResizeObserver($i7OB2$catchify(align_position));
+  const resize_resize_observer = new ResizeObserver($i7OB2$catchify1(align_position));
   resize_resize_observer.observe(document.documentElement);
   (0, $i7OB2$observer).wait_for_element("body").then(resize_resize_observer.observe.bind(resize_resize_observer));
-  $i7OB2$onCleanup($i7OB2$catchify(() => {
+  $i7OB2$onCleanup($i7OB2$catchify1(() => {
     ro?.disconnect();
     resize_resize_observer.disconnect();
   }));
@@ -5732,7 +5780,7 @@ function $48d7e4a9707315b6$export$e026af0c7b64ea5f({
   }, {
     defer: true
   }));
-  $i7OB2$createComputed($i7OB2$on(get_search_query_, $i7OB2$catchify(() => {
+  $i7OB2$createComputed($i7OB2$on(get_search_query_, $i7OB2$catchify1(() => {
     // when a query was submitted, clear filters if clear was pressed before
     const clear_value = $i7OB2$untrack(get_clear_filters_next_submit);
     if (clear_value) {
@@ -5757,11 +5805,11 @@ function $21f51c14cb3f586f$export$84bba84a7b837187(read_search_query) {
   const key = "depict_searches";
   const previous_searches = $i7OB2$createSignal(JSON.parse(ls[key] || "[]"));
   const [read_previous_searches, write_previous_searches] = previous_searches;
-  $i7OB2$createEffect($i7OB2$catchify(() => {
+  $i7OB2$createEffect($i7OB2$catchify1(() => {
     const json_encoded = JSON.stringify(read_previous_searches());
     if (ls[key] !== json_encoded) ls[key] = json_encoded;
   }));
-  $i7OB2$createComputed($i7OB2$catchify(() => {
+  $i7OB2$createComputed($i7OB2$catchify1(() => {
     const searches = $i7OB2$untrack(read_previous_searches);
     const current_query = read_search_query();
     if (!current_query)
@@ -5895,13 +5943,13 @@ function $eea41f703612261b$export$62f101a8aa597bf8({
       // don't wait if it's the first request
       write_current_instant_query(value);
     clearTimeout(timeout);
-    timeout = setTimeout($i7OB2$catchify(() => write_current_instant_query(value)), 250);
+    timeout = setTimeout($i7OB2$catchify1(() => write_current_instant_query(value)), 250);
   });
   const [search_results] = $i7OB2$createResource($i7OB2$createMemo(() => ({
     tenant: tenant_(),
     market: market_(),
     query: read_current_instant_query()
-  })), $i7OB2$catchify(variable_data => {
+  })), $i7OB2$catchify1(variable_data => {
     return depict_api_.query({
       // here it is (unfortunately) important that the keys in the object are in the same order as in SearchPage.tsx, because when JSON-encoding them to compare for caching the strings will be different otherwise
       limit: $i7OB2$untrack(has_sort_or_filters_) ? max_cards : min_products_to_fetch_,
@@ -5967,7 +6015,7 @@ function $a36cbc4f68bfd590$export$91c3b6774e8be0f5({
   const [get_current_href, set_current_href] = $i7OB2$createSignal(location.href);
   const [exit_iterable, exitable_iterable] = $i7OB2$make_asyncIterable_exiter((0, $i7OB2$href_change_ipns));
   $i7OB2$onCleanup(exit_iterable);
-  $i7OB2$catchify(async () => {
+  $i7OB2$catchify1(async () => {
     for await (const href of exitable_iterable)
     // use native links so ppl can cmdclick/right click and open in new tab and see target URL
     set_current_href(href);
@@ -6353,7 +6401,7 @@ function $15f380f0ce2812cc$var$actual_navigation_working_on_fake_data({
     if (!$i7OB2$untrack(() => read_updating_blocked())) previous_value = sfv;
   });
   const owner = $i7OB2$getOwner();
-  const handler = $i7OB2$catchify(({
+  const handler = $i7OB2$catchify1(({
     keyCode: keyCode
   }) => $i7OB2$untrack(() => {
     const up = keyCode === 38;
@@ -6413,7 +6461,7 @@ function $15f380f0ce2812cc$var$actual_navigation_working_on_fake_data({
     const el = element_();
     if (!el) return;
     el.addEventListener("keyup", handler);
-    $i7OB2$onCleanup($i7OB2$catchify(() => el.removeEventListener("keyup", handler)));
+    $i7OB2$onCleanup($i7OB2$catchify1(() => el.removeEventListener("keyup", handler)));
   });
 }
 function $1ae0eaca6ada9753$export$af0124069c150252({
@@ -6611,7 +6659,7 @@ function $c64d28ca12452b21$export$3340fdd8259bd4fd({
   if (process.env.GA === "false") return;
   let debounce_timeout;
   const stop_timeout = () => clearTimeout(debounce_timeout);
-  const send_to_ga = $i7OB2$catchify(() => {
+  const send_to_ga = $i7OB2$catchify1(() => {
     const fake_url = new URL(location.href);
     const {
       searchParams: searchParams
@@ -6624,12 +6672,12 @@ function $c64d28ca12452b21$export$3340fdd8259bd4fd({
   $i7OB2$onCleanup(() => {
     setTimeout(
     // do it next event loop because search_field_value_ is wrong this one and search_query might be too because we want the old value to be put into the history entry and a framework like NextJS might take some time to navigate
-    $i7OB2$catchify(() => {
+    $i7OB2$catchify1(() => {
       if ($i7OB2$untrack(get_search_query_) === $i7OB2$untrack(get_search_field_value_)) stop_timeout();
     }));
   });
   let first_call = true;
-  $i7OB2$createEffect($i7OB2$catchify(() => {
+  $i7OB2$createEffect($i7OB2$catchify1(() => {
     get_search_field_value_();
     if (first_call) {
       // we only want to do stuff when it changes
@@ -6699,7 +6747,7 @@ function $fabfda1230351b1a$export$1c593cbd6f1e10bc({
   const [input_field, set_input_field] = $i7OB2$createSignal();
   const [get_search_field_value_] = search_field_value_;
   const [get_modal_search_results, set_modal_search_results_] = $i7OB2$createSignal();
-  const close_on_escape_handler = $i7OB2$catchify(({
+  const close_on_escape_handler = $i7OB2$catchify1(({
     key: key
   }) => {
     if (key === "Escape") close_modal_();
@@ -6714,7 +6762,7 @@ function $fabfda1230351b1a$export$1c593cbd6f1e10bc({
   if (disable_scrolling_) $aea1edf92433e81e$export$fe334901e8bebd57();
   $fabfda1230351b1a$var$close_modal_when_navigating_away(close_modal_, search_query_url_param_name_);
   window.addEventListener("keydown", close_on_escape_handler);
-  $i7OB2$onCleanup($i7OB2$catchify(() => window.removeEventListener("keydown", close_on_escape_handler)));
+  $i7OB2$onCleanup($i7OB2$catchify1(() => window.removeEventListener("keydown", close_on_escape_handler)));
   if (closing_animation_) register_closing_animation_(closing_animation_);
   $c64d28ca12452b21$export$3340fdd8259bd4fd({
     get_search_field_value_: get_search_field_value_,
@@ -6819,8 +6867,8 @@ function $fabfda1230351b1a$var$close_modal_when_navigating_away(close_modal, sea
   let set_initial_values = false;
   let old_pathname;
   let old_param_value;
-  $i7OB2$onCleanup($i7OB2$catchify(exit_iterable));
-  $i7OB2$catchify(async () => {
+  $i7OB2$onCleanup($i7OB2$catchify1(exit_iterable));
+  $i7OB2$catchify1(async () => {
     for await (const href of exitable_iterable) {
       const u_o = new URL(href);
       const new_pathname = u_o.pathname;
@@ -6885,7 +6933,7 @@ function $f8c929beb82c512b$export$9dd50d35b9d94fdf({
   number_of_results_: number_of_results_,
   type: type
 }) {
-  const contents = $i7OB2$createMemo($i7OB2$catchify(() => {
+  const contents = $i7OB2$createMemo($i7OB2$catchify1(() => {
     const q = get_search_query_();
     return i18n_[type === $f8c929beb82c512b$export$2452208c79fe93ea.content ? "get_showing_pages_for_" : "get_showing_results_for_"]()($i7OB2$ssr($f8c929beb82c512b$var$_tmpl$, $i7OB2$ssrHydrationKey(), $i7OB2$escape(q)), $i7OB2$ssr($f8c929beb82c512b$var$_tmpl$, $i7OB2$ssrHydrationKey(), $i7OB2$escape(formatted_number_of_results_())), !!q, number_of_results_());
   }));
@@ -7143,7 +7191,7 @@ function $b2bf2cdcff8142d8$export$f631859cab12b342({
     if (!result) return;
     return {
       href: result.page_url,
-      onClick: $i7OB2$catchify(ev => router_.navigate_.go_to_({
+      onClick: $i7OB2$catchify1(ev => router_.navigate_.go_to_({
         new_url_: result.page_url,
         is_replace_: false,
         event_: ev
@@ -7396,7 +7444,7 @@ function $7097477c78a89208$export$a54ec244c8863715({
       } : {})
     };
   });
-  const [search_results_] = $i7OB2$createResource(search_query_base_, $i7OB2$catchify(async base_query => {
+  const [search_results_] = $i7OB2$createResource(search_query_base_, $i7OB2$catchify1(async base_query => {
     set_all_products_loaded(false);
     // only first page of results
     return await $641bba2917fe862b$export$cc42dd29bf655ab6({
@@ -7424,7 +7472,7 @@ function $7097477c78a89208$export$a54ec244c8863715({
   const available_filters_ = $i7OB2$createMemo(() => search_results_()?.filters);
   const modal_body_style = $i7OB2$createSignal({});
   const [get_search_field_elements, set_search_field_elements] = $i7OB2$createSignal();
-  const SafeSearchField = $i7OB2$catchify((0, $5285d2814d0fac0c$export$b94867ecbd698f21));
+  const SafeSearchField = $i7OB2$catchify1((0, $5285d2814d0fac0c$export$b94867ecbd698f21));
   const [sort_or_filter_open_, set_sort_or_filter_open_] = $i7OB2$createSignal(false);
   const [desktop_filter_elements_, set_desktop_filter_elements] = $i7OB2$createSignal();
   const n_hits = $i7OB2$createMemo(() => search_results_()?.n_hits);
@@ -7472,7 +7520,7 @@ function $7097477c78a89208$export$a54ec244c8863715({
     $i7OB2$runWithOwner(owner, () => results_filters[1](matches ? [results_for, filters_opener] : $i7OB2$ssr($7097477c78a89208$var$_tmpl$, $i7OB2$ssrHydrationKey(), $i7OB2$escape(results_for), $i7OB2$escape(filters_opener))));
   }).remove);
   $2ab89d64b7f1d5ef$export$d31a1a1a83ad9413(search_results_, selected_filters_);
-  $i7OB2$catchify((0, $641bba2917fe862b$export$6e49da55e449af7c))({
+  $i7OB2$catchify1((0, $641bba2917fe862b$export$6e49da55e449af7c))({
     scroll_restoration_data_: scroll_restoration_data_,
     last_result_in_viewport_: last_result_in_viewport_,
     id_: get_search_query_,
@@ -7510,8 +7558,8 @@ function $7097477c78a89208$export$a54ec244c8863715({
       if (!search_field) break add_input_field;
       modal_body_style[1]({});
       modal_body_style_ref_?.(modal_body_style);
-      const align_position = $i7OB2$catchify((0, $b6d5529b253681aa$export$b3ad617e9036868))(modal_body_style, search_field, undefined, true);
-      div_with_field_class.addEventListener("click", $i7OB2$catchify(e => {
+      const align_position = $i7OB2$catchify1((0, $b6d5529b253681aa$export$b3ad617e9036868))(modal_body_style, search_field, undefined, true);
+      div_with_field_class.addEventListener("click", $i7OB2$catchify1(e => {
         const target = e.target;
         const sel = ".submit";
         if (target?.matches?.(sel) || target?.closest?.(sel))
@@ -7671,7 +7719,7 @@ function $7097477c78a89208$export$a54ec244c8863715({
 function $4ca91518c9a35379$export$828dcdd425fd3231(aligner) {
   const style_element = document.createElement("style");
   document.head.append(style_element);
-  const resize_observer = new ResizeObserver($i7OB2$catchify(() => {
+  const resize_observer = new ResizeObserver($i7OB2$catchify1(() => {
     const styles = $926b1b5ba2239356$export$1233ca167bf71f9a({
       ".depict.plp .depict-search-modal .search-field": {
         "height": `${aligner?.clientHeight}px`
@@ -7834,7 +7882,7 @@ class $806c97b931758897$export$ac6237957a15b3f0 {
         selected_filters_: selected_filters_
       });
       $90980bd87c9960f9$export$5162a71f252e6122();
-      $i7OB2$catchify(async () => {
+      $i7OB2$catchify1(async () => {
         const {
           open_modal_: open_modal_,
           close_modal_: close_modal_
@@ -8101,7 +8149,7 @@ function $806c97b931758897$export$316f6f283ae64765(props) {
         const style_props_ = $i7OB2$createSignal({
           position: "fixed"
         });
-        const defaultHandler = $i7OB2$catchify(() => {
+        const defaultHandler = $i7OB2$catchify1(() => {
           // When selecting text in the SearchField that's in the page we want the same selection to persist. It doesn't by itself, since the SearchModal has an entirely different SearchField. Therefore, we manually copy the selection over.
           const selected_text_range_ = [input_element.selectionStart, input_element.selectionEnd];
           const {
@@ -8189,7 +8237,7 @@ const $6891c018a834cfdd$export$d86a33413558014e = openModalParams => {
   }, dispose_aligner];
 };
 function $6e8944558258054f$export$d0596b5cae35ad4(open_search) {
-  const handler = $i7OB2$catchify(e => {
+  const handler = $i7OB2$catchify1(e => {
     const {
       key: key,
       target: target
@@ -8208,7 +8256,7 @@ function $6e8944558258054f$export$d0596b5cae35ad4(open_search) {
 function $6936724b9e0b98d5$export$689e204eadb33baf(pr) {
   let old_url;
   let disconnect_link_observer;
-  const link_handler = $i7OB2$catchify(e => {
+  const link_handler = $i7OB2$catchify1(e => {
     const link = e.currentTarget || e.target;
     if (link.href === old_url) {
       history.pushState(history.state, "", link.href);
@@ -8217,7 +8265,7 @@ function $6936724b9e0b98d5$export$689e204eadb33baf(pr) {
   });
   let remove_added_listeners;
   let resolve_remove_added_listeners;
-  pr.addEventListener("open", $i7OB2$catchify(() => {
+  pr.addEventListener("open", $i7OB2$catchify1(() => {
     remove_added_listeners = new Promise(r => resolve_remove_added_listeners = r);
     disconnect_link_observer = (0, $i7OB2$observer).onexists("a", async ({
       element: element
@@ -8227,11 +8275,11 @@ function $6936724b9e0b98d5$export$689e204eadb33baf(pr) {
       element.removeEventListener("click", link_handler);
     });
   }));
-  pr.addEventListener("close", $i7OB2$catchify(() => {
+  pr.addEventListener("close", $i7OB2$catchify1(() => {
     disconnect_link_observer?.();
     resolve_remove_added_listeners?.();
   }));
-  $i7OB2$catchify(async () => {
+  $i7OB2$catchify1(async () => {
     for await (const href of (0, $i7OB2$href_change_ipns)) if (!pr.is_page_(new URL(href))) old_url = href;
   })();
 }
@@ -8243,7 +8291,7 @@ class $753e9b2889a47c89$export$3ccaa27d81dd8556 extends EventTarget {
   static #reverting_permitted = true;
   static #visited_urls = (() => {
     // Keep track of all URLs that have been visited since the document that was initially loaded (loaded means the process where the browser creates a new `document` and `window` object).
-    $i7OB2$catchify(async () => {
+    $i7OB2$catchify1(async () => {
       // Static initialization blocks aren't supported in MobileSafari yet, otherwise this would be one.
       // I don't think we want to ship a library that users are *forced* to transpile, it should run in the newest version of all major browsers. So we'll just use a function wrapper for now (adding "last 1 ios version" to the build target does a bunch of other unneeded transpilations).
       // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes/Static_initialization_blocks
@@ -8261,7 +8309,7 @@ class $753e9b2889a47c89$export$3ccaa27d81dd8556 extends EventTarget {
   async #listen() {
     const [exit_ipns, exitable_ipns] = $i7OB2$make_asyncIterable_exiter((0, $i7OB2$href_change_ipns));
     this.#stop_listening = exit_ipns;
-    const caught_page_check_fn = $i7OB2$catchify(this.is_page_, "page check failed");
+    const caught_page_check_fn = $i7OB2$catchify1(this.is_page_, "page check failed");
     for await (const href of exitable_ipns) {
       const url = new URL(href);
       if (!caught_page_check_fn(url)) {
@@ -8279,17 +8327,17 @@ class $753e9b2889a47c89$export$3ccaa27d81dd8556 extends EventTarget {
       this.addEventListener("close", dispose, {
         once: true
       });
-      return $i7OB2$catchify(this.render_, "rendering failed")() || [];
+      return $i7OB2$catchify1(this.render_, "rendering failed")() || [];
     });
   }
-  #unload = $i7OB2$catchify(() => {
+  #unload = $i7OB2$catchify1(() => {
     if (!this.#is_open) return;
     this.#disconnect_observer?.();
     if ($753e9b2889a47c89$export$3ccaa27d81dd8556.#reverting_permitted) while (this.#revert_fns.length) this.#revert_fns.pop()?.();
     this.#is_open = false;
     this.dispatchEvent(new CustomEvent("close"));
   }, "failed to close page");
-  #load = $i7OB2$catchify(async els => {
+  #load = $i7OB2$catchify1(async els => {
     this.#is_open = true;
     // So that #load doesn't get called again
     let set_should_stay_inserted;
@@ -8404,4 +8452,4 @@ const $4690a06c8489dcd0$export$c3834fa86c616831 = [[4], [3, 1024], [2, 901]];
 const $4690a06c8489dcd0$export$864d304a0bc46829 = "2%";
 const $4690a06c8489dcd0$export$7bf543b9d9be2c22 = (0, $e4615ecd1849548f$export$b91cec6bdc6b32a1);
 $i7OB2$add_to_version_info("ui", (0, $ec291e0010116877$export$83d89fbfd8236492));
-export { $b7436a6d1fd64e3b$export$b69d0d92862de18b as SentryErrorBoundary, $6bb0a0c563dff4bb$export$6c6d7a51fa9aa15d as ExpandingDetails, $c16e74cfe125bb05$export$f091cbac892643a4 as accessor_of_object_to_object_with_accessor_values, $1adfe60f3a14a1d7$export$fecbb157621501bd as SelectedFilters, $fab07f52c9861732$export$3f1a388cc0d8fed7 as FilterBody, $5efb5894079b220e$export$b288c38ae3fddb56 as create_modified_filters, $c8d5ff4524619fcd$export$d21e32dfedac04be as SolidLayout, $194bd6b8e4c59830$export$79b1565500412d9b as general_modal_abstraction, $19976a74d273070d$export$3b621d86b1566b2 as CrossIcon, $fbbadcb080ad1d4a$export$8be2714ec7f169ee as GenericSliderArrowButton, $c58717f39bf51647$export$58e808b1db15d3bc as fetchDepictRecommendations, $961b5c64bef4662f$export$de035477d6fef996 as QuickLinks, $961b5c64bef4662f$export$5b7c3ce0ebe51f86 as BreadCrumbs, $e4615ecd1849548f$export$b91cec6bdc6b32a1 as CategoryTitle, $a6e23a834336fc19$export$824dde41348efed1 as embedded_num_products, $c9312089e8983364$export$643598a327b5833e as get_categories, $961b5c64bef4662f$export$f34314aa9505732e as DepictCategory, $961b5c64bef4662f$export$e2bf8ce7779e827e as CategoryPage, $806c97b931758897$export$ac6237957a15b3f0 as DepictSearch, $806c97b931758897$export$bde3eb976dfded9 as get_search_query_updating_blocked_signal, $806c97b931758897$export$f2dc7e4e4aa11abb as SearchPage, $806c97b931758897$export$316f6f283ae64765 as SearchField, $4fd48cb976bf1789$export$aa14a9f43128f61f as ProductCardError, $6891c018a834cfdd$export$d86a33413558014e as open_modal_with_alignment, $bb15dfb548a7666e$export$ee1733d9a8495996 as DefaultInstantCardPlaceholder, $b6d5529b253681aa$export$b3ad617e9036868 as align_field, $b5cccc8ee7d24677$export$6daf8749b65a1b77 as convert_sdk_cols_at_size_to_layout, $926b1b5ba2239356$export$1233ca167bf71f9a as styles_to_valid_css_string, $aea1edf92433e81e$export$fe334901e8bebd57 as disable_scrolling, $6e8944558258054f$export$d0596b5cae35ad4 as open_search_with_shift_slash, $7fa23e2a0079eca4$export$e015ed2f2950f2e3 as DepictAPI, $dc9262ef6f786812$export$d9f36cf74e24d595 as media_query_to_accessor, $6936724b9e0b98d5$export$689e204eadb33baf as setup_fast_leave, $bf52d9f9eebd1938$export$5196e4c01fa56fcb as show_toast, $8c0f86cb3e266eeb$export$a71e92cfbb498adc as SolidFormatPrice, $4ca91518c9a35379$export$828dcdd425fd3231 as connect_search_field_height_to_aligner_height, $d20eff0aadc28983$export$acb3eaade4b23afd as BasePlaceholder, $d134eae24341b4a1$export$89c6019e4baa40b1 as TextPlaceholder, $7f60f09116a3fe61$export$3f37af283f8fb843 as ImagePlaceholder, $753e9b2889a47c89$export$3ccaa27d81dd8556 as PageReplacer, $4690a06c8489dcd0$export$864d304a0bc46829 as defaultGridSpacing, $4690a06c8489dcd0$export$c3834fa86c616831 as defaultColsAtSize, $4690a06c8489dcd0$export$7bf543b9d9be2c22 as defaultCategoryTitlePlugin, $ec291e0010116877$export$83d89fbfd8236492 as version };
+export { $e8ffe11ed01df0fe$export$6e5611bc7e57e477 as ShopifyResponsiveImg, $e8ffe11ed01df0fe$export$e6fffe67d4cdd848 as makeSizeAccessor, $f18d425032111270$export$94026ee33dbabc26 as ImageContainer, $b7436a6d1fd64e3b$export$b69d0d92862de18b as SentryErrorBoundary, $6bb0a0c563dff4bb$export$6c6d7a51fa9aa15d as ExpandingDetails, $c16e74cfe125bb05$export$f091cbac892643a4 as accessor_of_object_to_object_with_accessor_values, $1adfe60f3a14a1d7$export$fecbb157621501bd as SelectedFilters, $fab07f52c9861732$export$3f1a388cc0d8fed7 as FilterBody, $5efb5894079b220e$export$b288c38ae3fddb56 as create_modified_filters, $c8d5ff4524619fcd$export$d21e32dfedac04be as SolidLayout, $194bd6b8e4c59830$export$79b1565500412d9b as general_modal_abstraction, $19976a74d273070d$export$3b621d86b1566b2 as CrossIcon, $fbbadcb080ad1d4a$export$8be2714ec7f169ee as GenericSliderArrowButton, $c58717f39bf51647$export$58e808b1db15d3bc as fetchDepictRecommendations, $961b5c64bef4662f$export$de035477d6fef996 as QuickLinks, $961b5c64bef4662f$export$5b7c3ce0ebe51f86 as BreadCrumbs, $e4615ecd1849548f$export$b91cec6bdc6b32a1 as CategoryTitle, $a6e23a834336fc19$export$824dde41348efed1 as embedded_num_products, $c9312089e8983364$export$643598a327b5833e as get_categories, $961b5c64bef4662f$export$f34314aa9505732e as DepictCategory, $961b5c64bef4662f$export$e2bf8ce7779e827e as CategoryPage, $806c97b931758897$export$ac6237957a15b3f0 as DepictSearch, $806c97b931758897$export$bde3eb976dfded9 as get_search_query_updating_blocked_signal, $806c97b931758897$export$f2dc7e4e4aa11abb as SearchPage, $806c97b931758897$export$316f6f283ae64765 as SearchField, $4fd48cb976bf1789$export$aa14a9f43128f61f as ProductCardError, $6891c018a834cfdd$export$d86a33413558014e as open_modal_with_alignment, $bb15dfb548a7666e$export$ee1733d9a8495996 as DefaultInstantCardPlaceholder, $b6d5529b253681aa$export$b3ad617e9036868 as align_field, $b5cccc8ee7d24677$export$6daf8749b65a1b77 as convert_sdk_cols_at_size_to_layout, $926b1b5ba2239356$export$1233ca167bf71f9a as styles_to_valid_css_string, $aea1edf92433e81e$export$fe334901e8bebd57 as disable_scrolling, $6e8944558258054f$export$d0596b5cae35ad4 as open_search_with_shift_slash, $7fa23e2a0079eca4$export$e015ed2f2950f2e3 as DepictAPI, $dc9262ef6f786812$export$d9f36cf74e24d595 as media_query_to_accessor, $6936724b9e0b98d5$export$689e204eadb33baf as setup_fast_leave, $bf52d9f9eebd1938$export$5196e4c01fa56fcb as show_toast, $8c0f86cb3e266eeb$export$a71e92cfbb498adc as SolidFormatPrice, $4ca91518c9a35379$export$828dcdd425fd3231 as connect_search_field_height_to_aligner_height, $d20eff0aadc28983$export$acb3eaade4b23afd as BasePlaceholder, $d134eae24341b4a1$export$89c6019e4baa40b1 as TextPlaceholder, $7f60f09116a3fe61$export$3f37af283f8fb843 as ImagePlaceholder, $753e9b2889a47c89$export$3ccaa27d81dd8556 as PageReplacer, $4690a06c8489dcd0$export$864d304a0bc46829 as defaultGridSpacing, $4690a06c8489dcd0$export$c3834fa86c616831 as defaultColsAtSize, $4690a06c8489dcd0$export$7bf543b9d9be2c22 as defaultCategoryTitlePlugin, $ec291e0010116877$export$83d89fbfd8236492 as version };