@depict-ai/ui 4.7.29 → 4.7.31

package/server/ES10/index.js

@@ -1,16 +1,262 @@
-import { add_to_version_info as $b8hua$add_to_version_info, slider_fading_factory as $b8hua$slider_fading_factory, Amazing_Slider as $b8hua$Amazing_Slider, slider_snap_css as $b8hua$slider_snap_css, catchify as $b8hua$catchify1, dlog as $b8hua$dlog1, camelCasifyObject as $b8hua$camelCasifyObject, useExpandingContainer as $b8hua$useExpandingContainer, fetch_retry as $b8hua$fetch_retry, base_url as $b8hua$base_url, dwarn as $b8hua$dwarn, slider_fractional_factory as $b8hua$slider_fractional_factory, make_random_classname as $b8hua$make_random_classname, n_col_styling_with_dist as $b8hua$n_col_styling_with_dist, layout_get_visible_recs_without_partial_rows as $b8hua$layout_get_visible_recs_without_partial_rows, layout_get_total_rec_amount_for_row as $b8hua$layout_get_total_rec_amount_for_row, layout_media_query_header as $b8hua$layout_media_query_header, report as $b8hua$report, observer as $b8hua$observer, javascript_media_query as $b8hua$javascript_media_query, queueMacroTask as $b8hua$queueMacroTask, findMostFrequentItem as $b8hua$findMostFrequentItem, standard_price_format as $b8hua$standard_price_format, instant_exec_on_suspect_history_change as $b8hua$instant_exec_on_suspect_history_change, deparallelize_no_drop as $b8hua$deparallelize_no_drop, ContainedImage as $b8hua$ContainedImage, make_asyncIterable_exiter as $b8hua$make_asyncIterable_exiter, href_change_ipns as $b8hua$href_change_ipns, base64_encode_unicode as $b8hua$base64_encode_unicode, base64_decode_unicode as $b8hua$base64_decode_unicode, use_href_accessor as $b8hua$use_href_accessor, get_session_id as $b8hua$get_session_id, add_version_query_params as $b8hua$add_version_query_params, hex_to_rgb as $b8hua$hex_to_rgb, relative_luminance_from_rgb as $b8hua$relative_luminance_from_rgb, snakeCasifyObject as $b8hua$snakeCasifyObject, make_url_with_query_params as $b8hua$make_url_with_query_params, sort_obj as $b8hua$sort_obj, insert_surfaces as $b8hua$insert_surfaces } from "@depict-ai/utilishared/ES10";
+import { add_to_version_info as $b8hua$add_to_version_info, layout_media_query_header as $b8hua$layout_media_query_header, dwarn as $b8hua$dwarn, javascript_media_query as $b8hua$javascript_media_query, slider_fading_factory as $b8hua$slider_fading_factory, Amazing_Slider as $b8hua$Amazing_Slider, slider_snap_css as $b8hua$slider_snap_css, catchify as $b8hua$catchify1, dlog as $b8hua$dlog1, camelCasifyObject as $b8hua$camelCasifyObject, useExpandingContainer as $b8hua$useExpandingContainer, fetch_retry as $b8hua$fetch_retry, base_url as $b8hua$base_url, slider_fractional_factory as $b8hua$slider_fractional_factory, make_random_classname as $b8hua$make_random_classname, n_col_styling_with_dist as $b8hua$n_col_styling_with_dist, layout_get_visible_recs_without_partial_rows as $b8hua$layout_get_visible_recs_without_partial_rows, layout_get_total_rec_amount_for_row as $b8hua$layout_get_total_rec_amount_for_row, report as $b8hua$report, observer as $b8hua$observer, queueMacroTask as $b8hua$queueMacroTask, findMostFrequentItem as $b8hua$findMostFrequentItem, standard_price_format as $b8hua$standard_price_format, instant_exec_on_suspect_history_change as $b8hua$instant_exec_on_suspect_history_change, deparallelize_no_drop as $b8hua$deparallelize_no_drop, ContainedImage as $b8hua$ContainedImage, make_asyncIterable_exiter as $b8hua$make_asyncIterable_exiter, href_change_ipns as $b8hua$href_change_ipns, base64_encode_unicode as $b8hua$base64_encode_unicode, base64_decode_unicode as $b8hua$base64_decode_unicode, use_href_accessor as $b8hua$use_href_accessor, get_session_id as $b8hua$get_session_id, add_version_query_params as $b8hua$add_version_query_params, hex_to_rgb as $b8hua$hex_to_rgb, relative_luminance_from_rgb as $b8hua$relative_luminance_from_rgb, snakeCasifyObject as $b8hua$snakeCasifyObject, make_url_with_query_params as $b8hua$make_url_with_query_params, sort_obj as $b8hua$sort_obj, insert_surfaces as $b8hua$insert_surfaces } from "@depict-ai/utilishared/ES10";
+import { createComponent as $b8hua$createComponent, ssr as $b8hua$ssr, ssrHydrationKey as $b8hua$ssrHydrationKey, escape as $b8hua$escape, ssrStyle as $b8hua$ssrStyle, isServer as $b8hua$isServer, insert as $b8hua$insert, ssrAttribute as $b8hua$ssrAttribute, mergeProps as $b8hua$mergeProps1, ssrElement as $b8hua$ssrElement, ssrClassList as $b8hua$ssrClassList, spread as $b8hua$spread, Dynamic as $b8hua$Dynamic } from "solid-js/web";
+import { createEffect as $b8hua$createEffect, createComputed as $b8hua$createComputed, createMemo as $b8hua$createMemo, mapArray as $b8hua$mapArray, createSignal as $b8hua$createSignal, Show as $b8hua$Show, mergeProps as $b8hua$mergeProps, createResource as $b8hua$createResource, Suspense as $b8hua$Suspense, onCleanup as $b8hua$onCleanup, createRoot as $b8hua$createRoot, createContext as $b8hua$createContext, useContext as $b8hua$useContext, untrack as $b8hua$untrack, For as $b8hua$For, getOwner as $b8hua$getOwner, runWithOwner as $b8hua$runWithOwner, createRenderEffect as $b8hua$createRenderEffect, Index as $b8hua$Index, createUniqueId as $b8hua$createUniqueId, ErrorBoundary as $b8hua$ErrorBoundary, splitProps as $b8hua$splitProps, on as $b8hua$on, batch as $b8hua$batch, createSelector as $b8hua$createSelector, children as $b8hua$children, createReaction as $b8hua$createReaction } from "solid-js";
+import { createStore as $b8hua$createStore, reconcile as $b8hua$reconcile } from "solid-js/store";
 import { dlog as $b8hua$dlog, catchify as $b8hua$catchify, ListenableSet as $b8hua$ListenableSet, use_href_accessor as $b8hua$use_href_accessor1, queueMacroTask as $b8hua$queueMacroTask1, report as $b8hua$report1 } from "@depict-ai/utilishared/ES10";
-import { createRoot as $b8hua$createRoot, createSignal as $b8hua$createSignal, createEffect as $b8hua$createEffect, onCleanup as $b8hua$onCleanup, createContext as $b8hua$createContext, Show as $b8hua$Show, useContext as $b8hua$useContext, createMemo as $b8hua$createMemo, untrack as $b8hua$untrack, For as $b8hua$For, getOwner as $b8hua$getOwner, createResource as $b8hua$createResource, runWithOwner as $b8hua$runWithOwner, mergeProps as $b8hua$mergeProps1, Suspense as $b8hua$Suspense, createRenderEffect as $b8hua$createRenderEffect, Index as $b8hua$Index, createUniqueId as $b8hua$createUniqueId, createComputed as $b8hua$createComputed, ErrorBoundary as $b8hua$ErrorBoundary, splitProps as $b8hua$splitProps, on as $b8hua$on, batch as $b8hua$batch, createSelector as $b8hua$createSelector, children as $b8hua$children, createReaction as $b8hua$createReaction, mapArray as $b8hua$mapArray } from "solid-js";
-import { ssr as $b8hua$ssr, ssrHydrationKey as $b8hua$ssrHydrationKey, escape as $b8hua$escape, createComponent as $b8hua$createComponent, isServer as $b8hua$isServer, insert as $b8hua$insert, ssrAttribute as $b8hua$ssrAttribute, ssrStyle as $b8hua$ssrStyle, mergeProps as $b8hua$mergeProps, ssrElement as $b8hua$ssrElement, ssrClassList as $b8hua$ssrClassList, spread as $b8hua$spread, Dynamic as $b8hua$Dynamic } from "solid-js/web";
 import $b8hua$babelruntimehelpersdefineProperty from "@babel/runtime/helpers/defineProperty";
 import $b8hua$babelruntimehelpersclassPrivateFieldSet from "@babel/runtime/helpers/classPrivateFieldSet";
 import $b8hua$babelruntimehelpersclassPrivateFieldGet from "@babel/runtime/helpers/classPrivateFieldGet";
-import { createStore as $b8hua$createStore, reconcile as $b8hua$reconcile } from "solid-js/store";
 
 /*! Depict.ai search and product listing SDK */
 import { register_es_version } from "../../multi_import_deduplicator.mjs";
 register_es_version("ui", "ES10");
-const $8db9a15135765c11$export$83d89fbfd8236492 = "4.7.29";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "4.7.31";
+function $00a5b94f0c11efbb$export$d9f36cf74e24d595(media_query) {
+  const signal = $b8hua$createSignal(false);
+  $b8hua$onCleanup($b8hua$javascript_media_query(media_query, _ref => {
+    let {
+      matches: matches
+    } = _ref;
+    return signal[1](matches);
+  }).remove);
+  return signal[0];
+}
+function $40e2fa435715a1a0$export$a79e666719b3647c(cols_at_size_) {
+  const size_active = $b8hua$createMemo(() => cols_at_size_().map(_ref => {
+    let [n_cols, min_width, max_width] = _ref;
+    const media_query = $b8hua$layout_media_query_header(min_width, max_width).replaceAll("@media", "");
+    const matches = $00a5b94f0c11efbb$export$d9f36cf74e24d595(media_query);
+    return [matches, n_cols];
+  }));
+  const n_cols_currently_showing = $b8hua$createMemo(() => {
+    try {
+      const [, n_cols_currently_showing] = size_active().find(_ref2 => {
+        let [media_query] = _ref2;
+        return media_query();
+      });
+      return n_cols_currently_showing;
+    } catch (e) {
+      $b8hua$dwarn("No active size found in columnsAtSize - can't render content blocks or looks");
+      return null;
+    }
+  });
+  return n_cols_currently_showing;
+}
+var $bc2337c9a05ecd18$var$_tmpl$ = ["<span", ' class="', '" style="', '"></span>'];
+function $bc2337c9a05ecd18$export$acb3eaade4b23afd(props) {
+  // Work around https://github.com/solidjs/solid/issues/1980
+  return $b8hua$ssr($bc2337c9a05ecd18$var$_tmpl$, $b8hua$ssrHydrationKey(), "".concat($b8hua$escape(props.class, true) || "", " depict-placeholder"), $b8hua$ssrStyle(props.style));
+}
+function $3ab4aa97880fb88d$export$3f37af283f8fb843(props) {
+  const style = $b8hua$createMemo(() => {
+    const {
+      style: style,
+      height: height,
+      width: width,
+      aspectRatio: aspectRatio
+    } = props;
+    const is_image = aspectRatio != undefined;
+    const size_data = is_image ? {
+      width: "100%",
+      "padding-bottom": "calc(calc(1 / ".concat(aspectRatio, ") * 100%)")
+    } : {
+      width: width,
+      height: height
+    };
+    return {
+      display: "block",
+      ...(style || {}),
+      ...size_data
+    };
+  });
+  return $b8hua$createComponent((0, $bc2337c9a05ecd18$export$acb3eaade4b23afd), {
+    get style() {
+      return style();
+    },
+    get ["class"]() {
+      return props.class;
+    }
+  });
+}
+var $ff7feae4dddd6073$var$_tmpl$ = ["<div", ' class="content-block-wrapper" style="', '">', "</div>"];
+function $ff7feae4dddd6073$export$791ef57e62e21c3f(_ref) {
+  let {
+    content_blocks_: incoming_content_blocks,
+    cols_at_size_: cols_at_size_,
+    set_top_row_shortened_by_: set_top_row_shortened_by_
+  } = _ref;
+  // these are by row
+  const [content_blocks, set_content_blocks] = $b8hua$createStore([]);
+  const n_cols_currently_showing_ = $40e2fa435715a1a0$export$a79e666719b3647c(cols_at_size_);
+  $b8hua$createEffect(() => {
+    const incoming_value = incoming_content_blocks();
+    if (!incoming_value) {
+      set_content_blocks([]);
+      return;
+    }
+    set_content_blocks($b8hua$reconcile(incoming_value, {
+      key: "content"
+    })); // key: Make moving blocks faster, see https://github.com/solidjs/solid/issues/1925#issuecomment-1769671596
+  });
+
+  const get_wrapped_blocks_ = $ff7feae4dddd6073$var$wrap_blocks_in_div(content_blocks, n_cols_currently_showing_);
+  $b8hua$createComputed(() => {
+    // Update our styling if a content block forces some items that should be in the top row into a lower one, so we can generate margin-top declarations for them
+    const top_row_block = get_wrapped_blocks_()[0];
+    const blocks_in_top_row_taken = top_row_block === null || top_row_block === void 0 ? void 0 : top_row_block.span_columns;
+    if (blocks_in_top_row_taken == undefined) {
+      // Fall back to zero if no content block in top row, since then no blocks in top row are taken
+      set_top_row_shortened_by_(0);
+      return;
+    }
+    set_top_row_shortened_by_(blocks_in_top_row_taken - 1); // minus one because the content block wrapper also is an element
+  });
+
+  return $b8hua$createMemo(() => $ff7feae4dddd6073$export$92aa5d691d588f3f({
+    wrapped_blocks_: get_wrapped_blocks_(),
+    n_cols_currently_showing_: n_cols_currently_showing_()
+  }).content_blocks_by_index_);
+}
+function $ff7feae4dddd6073$export$92aa5d691d588f3f(_ref2) {
+  let {
+    wrapped_blocks_: wrapped_blocks_,
+    n_cols_currently_showing_: n_cols_currently_showing_
+  } = _ref2;
+  // This computation should be quite cheap since it just moves around things into an array
+  const content_blocks_by_index_ = [];
+  const constructed_block_arrays = new WeakSet();
+  // Need to keep track of products displaced by blocks above when mapping rows to indexes in the actual grid
+  const displaced_products_ = []; // undefined = is product, true = is content block if number instead of tuple number indicates content blocks in that row. Index in first array is row, index in second array is column
+  if (!n_cols_currently_showing_)
+    // Nope out of here if we don't know how many columns are showing
+    return {
+      content_blocks_by_index_: content_blocks_by_index_
+    };
+  for (let i = 0; i < wrapped_blocks_.length; i++) {
+    // i = row to show at
+    const block = wrapped_blocks_[i];
+    if (!block) continue; // Array can have holes/not defined places
+    const index_of_first_item_in_row = i * n_cols_currently_showing_;
+    const index_of_last_item_in_row = index_of_first_item_in_row + n_cols_currently_showing_;
+    const {
+      span_rows: span_rows,
+      position: position,
+      span_columns: span_columns
+    } = block; // span columns is already capped in the block wrapping step (wrap_blocks_in_div)
+    let target_index;
+    if (position === "left") target_index = index_of_first_item_in_row;else if (position === "right") target_index = index_of_last_item_in_row - span_columns;else if (position === "center") target_index = index_of_first_item_in_row + Math.floor((n_cols_currently_showing_ - span_columns) / 2);else throw new Error("Invalid position for content block - must be left, right or center: " + JSON.stringify(position));
+    // Calculate displacement of us by content blocks above us
+    let displacement_by_added_blocks = 0;
+    for (let j = 0; j < i; j++) {
+      const row = displaced_products_[j];
+      if (row === undefined) continue; // there were no blocks in this row
+      let displaced_items_in_row;
+      if (typeof row === "number") displaced_items_in_row = row;else {
+        displaced_items_in_row = row.filter(item => item).length;
+        displaced_products_[j] = displaced_items_in_row;
+      }
+      displacement_by_added_blocks += displaced_items_in_row;
+    }
+    const index_of_us_in_row = target_index - index_of_first_item_in_row;
+    for (let j = 0; j < index_of_us_in_row; j++) {
+      var _displaced_products_$;
+      if ((_displaced_products_$ = displaced_products_[i]) !== null && _displaced_products_$ !== void 0 && _displaced_products_$[j])
+        // Add blocks in our *current* row to the displacement, but only the ones to our left
+        displacement_by_added_blocks++;
+    }
+    // Add block to output array at the correct index
+    const final_target_index = target_index - displacement_by_added_blocks;
+    const existing_block = content_blocks_by_index_[final_target_index];
+    const block_content = block.content;
+    // If two blocks want to exist at the same location (can happen, for example if one block wants to be at the end of a row and the other one at the start of the next row) add an array with both
+    if (existing_block) {
+      if (constructed_block_arrays.has(existing_block))
+        // Only push to arrays we have created to not create funky bugs when there's an array in JSX.Element
+        existing_block.push(block_content);else {
+        const array = [existing_block, block_content];
+        constructed_block_arrays.add(array);
+        content_blocks_by_index_[final_target_index] = array;
+      }
+    } else content_blocks_by_index_[final_target_index] = block_content;
+    // Update displacement
+    for (let j = 0; j < span_rows; j++) {
+      var _ref3;
+      const row = displaced_products_[_ref3 = i + j] || (displaced_products_[_ref3] = []);
+      for (let k = index_of_us_in_row; k < index_of_us_in_row + span_columns; k++) row[k] = true;
+    }
+  }
+  return {
+    content_blocks_by_index_: content_blocks_by_index_,
+    displaced_products_: displaced_products_
+  };
+}
+/**
+ * Takes a store that contains an array from where index is number of row and value is the result of executing the content block rendering function.
+ * Then renders the content and wraps it into a div with the correct styling.
+ * Also caps span_columns to max available columns
+ */
+function $ff7feae4dddd6073$var$wrap_blocks_in_div(rendered_content_blocks, max_span_columns) {
+  const get_wrapped_blocks = $b8hua$mapArray(() => rendered_content_blocks, block => {
+    if (!block) return;
+    const final_span_columns = $b8hua$createMemo(() => {
+      var _max_span_columns;
+      return Math.min(block.span_columns, (_max_span_columns = max_span_columns()) !== null && _max_span_columns !== void 0 ? _max_span_columns : Infinity);
+    });
+    // If the item spans an entire row, limit the height to 1 row since there's no concept of "rows" if there are no products beside the block
+    const final_span_rows = $b8hua$createMemo(() => final_span_columns() === max_span_columns() ? 1 : block.span_rows);
+    const [rendering_delayed, set_rendering_delayed_] = $b8hua$createSignal(true);
+    const content = $b8hua$createComponent((0, $b8hua$Show), {
+      get when() {
+        return !rendering_delayed();
+      },
+      get children() {
+        return $b8hua$ssr($ff7feae4dddd6073$var$_tmpl$, $b8hua$ssrHydrationKey(), "grid-column:" + "span ".concat($b8hua$escape(final_span_columns(), true)) + (";grid-row:" + "span ".concat($b8hua$escape(final_span_rows(), true))) + (";spans_columns_variable_name:" + $b8hua$escape(final_span_columns(), true)), $b8hua$escape($b8hua$createComponent($ff7feae4dddd6073$var$RenderContent, {
+          get content() {
+            return block.content;
+          }
+        })));
+      }
+    });
+    return $b8hua$mergeProps(block, {
+      // Create content divs for the blocks with as much fine-grained diffing as possible?
+      content: () => {
+        // Sneaky on-demand rendering, so we don't render more blocks than we can show: we have the rendered value here and don't return a function that renders because if our block would be moved around we'd be guaranteed to re-render
+        // However, no need to count products to know if we should render: the <For> loops in Placeholders and render_displays will only call this function if there's actually a product here that wants to display this block
+        set_rendering_delayed_(false);
+        return content;
+      },
+      get span_columns() {
+        // Cap max width of block to the number of columns available, for everyone downstream
+        return final_span_columns();
+      },
+      get span_rows() {
+        return final_span_rows();
+      }
+    });
+  });
+  return get_wrapped_blocks;
+}
+/**
+ * Basically adds support for async content block functions and shows a rudimentary placeholder if rendering is delayed. Required due to react having a rendering delay.
+ */
+function $ff7feae4dddd6073$var$RenderContent(props) {
+  const [resource] = $b8hua$createResource(() => props.content,
+  // Could be reactive
+  fn => fn());
+  $b8hua$createEffect(() => {
+    if (resource.error) console.error("Error in content block rendering", resource.error);
+  });
+  // The suspense is for when there's an async content block (which we have to support due to react having a rendering delay) so that we can show some height while it's loading (should kinda never be visible)
+  return $b8hua$createComponent((0, $b8hua$Suspense), {
+    get fallback() {
+      return $b8hua$createComponent((0, $3ab4aa97880fb88d$export$3f37af283f8fb843), {
+        width: "100%",
+        height: "max(100%, 400px)"
+      });
+    },
+    children: resource
+  });
+}
 let $715f7f2e53146662$var$elementsHoveredSignal;
 let $715f7f2e53146662$var$consumersSignal;
 function $715f7f2e53146662$export$d4d96868197be50e() {
@@ -710,7 +956,7 @@ var $63f1f8dbcd07d3b0$var$_tmpl$ = ["<div", ' class="', '">', "</div>"],
   $63f1f8dbcd07d3b0$var$_tmpl$2 = ["<style", ' type="text/css">', "</style>"];
 function $63f1f8dbcd07d3b0$export$d21e32dfedac04be(props) {
   const container_class = "x" + $b8hua$createUniqueId();
-  const container_element_ = $b8hua$ssrElement("div", $b8hua$mergeProps(() => props.element_attributes, {
+  const container_element_ = $b8hua$ssrElement("div", $b8hua$mergeProps1(() => props.element_attributes, {
     classList: {
       [container_class]: true
     }
@@ -855,7 +1101,7 @@ function $39ddb986053fb759$export$d41d19e89346fa2(_ref) {
       } = slider;
       const Layout = props => $63f1f8dbcd07d3b0$export$445d8d3f5f706a40(props, insert_here, true);
       // Do like this, so we don't have to call mergeProps ourselves
-      $b8hua$createComponent(Layout, $b8hua$mergeProps({
+      $b8hua$createComponent(Layout, $b8hua$mergeProps1({
         rows: "all",
         layout: "slider"
       }, layout_options_));
@@ -948,52 +1194,6 @@ function $5441862cd2f5e111$export$e68cff63f76bd15b(props) {
 function $5441862cd2f5e111$export$8d0c4fdbb05a2f2e() {
   return $b8hua$useContext($5441862cd2f5e111$var$ListingContext);
 }
-var $bc2337c9a05ecd18$var$_tmpl$ = ["<span", ' class="', '" style="', '"></span>'];
-function $bc2337c9a05ecd18$export$acb3eaade4b23afd(props) {
-  // Work around https://github.com/solidjs/solid/issues/1980
-  return $b8hua$ssr($bc2337c9a05ecd18$var$_tmpl$, $b8hua$ssrHydrationKey(), "".concat($b8hua$escape(props.class, true) || "", " depict-placeholder"), $b8hua$ssrStyle(props.style));
-}
-function $3ab4aa97880fb88d$export$3f37af283f8fb843(props) {
-  const style = $b8hua$createMemo(() => {
-    const {
-      style: style,
-      height: height,
-      width: width,
-      aspectRatio: aspectRatio
-    } = props;
-    const is_image = aspectRatio != undefined;
-    const size_data = is_image ? {
-      width: "100%",
-      "padding-bottom": "calc(calc(1 / ".concat(aspectRatio, ") * 100%)")
-    } : {
-      width: width,
-      height: height
-    };
-    return {
-      display: "block",
-      ...(style || {}),
-      ...size_data
-    };
-  });
-  return $b8hua$createComponent((0, $bc2337c9a05ecd18$export$acb3eaade4b23afd), {
-    get style() {
-      return style();
-    },
-    get ["class"]() {
-      return props.class;
-    }
-  });
-}
-function $00a5b94f0c11efbb$export$d9f36cf74e24d595(media_query) {
-  const signal = $b8hua$createSignal(false);
-  $b8hua$onCleanup($b8hua$javascript_media_query(media_query, _ref => {
-    let {
-      matches: matches
-    } = _ref;
-    return signal[1](matches);
-  }).remove);
-  return signal[0];
-}
 function $ceafb6fb91c6f394$export$89c6019e4baa40b1(props) {
   const style = $b8hua$createMemo(() => {
     const {
@@ -1125,7 +1325,7 @@ function $56047603f9d212b6$export$6e5611bc7e57e477(props) {
     if (loading === "force-lazy") return true;
     return loading === "lazy" && !isPrioritisedImage();
   });
-  const modifiedOtherAttributes = $b8hua$mergeProps1(otherAttributes, {
+  const modifiedOtherAttributes = $b8hua$mergeProps(otherAttributes, {
     get loading() {
       return shouldActuallyEnableLazyLoading() ? "lazy" : undefined;
     }
@@ -1198,7 +1398,7 @@ function $56047603f9d212b6$export$6e5611bc7e57e477(props) {
     $b8hua$onCleanup(() => prevValue && aspectRatios.delete(prevValue));
   }
   $b8hua$onCleanup(() => gotCleanedUp = true);
-  $b8hua$spread(img, $b8hua$mergeProps1(modifiedOtherAttributes), false, true);
+  $b8hua$spread(img, $b8hua$mergeProps(modifiedOtherAttributes), false, true);
   $b8hua$createRenderEffect(() => {
     props.src;
     srcJustChanged = true;
@@ -1300,7 +1500,7 @@ function $4df489344a0f97c7$export$e4b984597b71e989(props) {
     $b8hua$queueMacroTask(() => setCurrentImageSize()); // unset the size accessor next event loop iteration, so that all onCleanup's have time to run, since the effects run more aggressively and can create a size accessor with a cleaned up owner otherwise
   });
 
-  $b8hua$insert(container, $b8hua$createComponent((0, $56047603f9d212b6$export$6e5611bc7e57e477), $b8hua$mergeProps({
+  $b8hua$insert(container, $b8hua$createComponent((0, $56047603f9d212b6$export$6e5611bc7e57e477), $b8hua$mergeProps1({
     get size() {
       return $b8hua$createMemo(() => {
         var _currentImageSize;
@@ -1319,7 +1519,7 @@ function $4df489344a0f97c7$export$e4b984597b71e989(props) {
   return container;
 }
 function $98688279b9059f50$export$9d4a4b669b1929ab(props) {
-  return $b8hua$createComponent((0, $4df489344a0f97c7$export$e4b984597b71e989), $b8hua$mergeProps(props, {
+  return $b8hua$createComponent((0, $4df489344a0f97c7$export$e4b984597b71e989), $b8hua$mergeProps1(props, {
     get imgProps() {
       return {
         ...props.imgProps,
@@ -1387,7 +1587,7 @@ function $f84b097e079b0a33$export$b73ed90f0ee50dc3(_ref) {
     var _variantToUse5;
     return (_variantToUse5 = variantToUse()) === null || _variantToUse5 === void 0 ? void 0 : _variantToUse5.title;
   });
-  return $b8hua$ssrElement("a", $b8hua$mergeProps({
+  return $b8hua$ssrElement("a", $b8hua$mergeProps1({
     "class": "look-item"
   }, () => enableLink() ? {
     href: href()
@@ -1431,7 +1631,7 @@ function $f84b097e079b0a33$export$b73ed90f0ee50dc3(_ref) {
       return (animationEffectExists() ? isExpandedThrottledByOurEffectRun() : userWantsExpanded()) || animationIsRunning();
     },
     get children() {
-      return $b8hua$ssr($f84b097e079b0a33$var$_tmpl$3, $b8hua$ssrHydrationKey(), $b8hua$ssrElement("span", $b8hua$mergeProps({
+      return $b8hua$ssr($f84b097e079b0a33$var$_tmpl$3, $b8hua$ssrHydrationKey(), $b8hua$ssrElement("span", $b8hua$mergeProps1({
         "class": "d-title line-clamp"
       }, () => title() && {
         title: title()
@@ -1907,7 +2107,7 @@ function $e3efeb558d952696$export$7da560f849543dff(_ref) {
     get children() {
       return $b8hua$ssr($e3efeb558d952696$var$_tmpl$2, $b8hua$ssrHydrationKey(), $b8hua$escape(title()));
     }
-  }), $b8hua$ssr($e3efeb558d952696$var$_tmpl$3, $b8hua$ssrHydrationKey(), $b8hua$escape($ca55612a53dbbdd2$export$a2cc176055f8f08()), $b8hua$escape($b8hua$createComponent((0, $63f1f8dbcd07d3b0$export$d21e32dfedac04be), $b8hua$mergeProps({
+  }), $b8hua$ssr($e3efeb558d952696$var$_tmpl$3, $b8hua$ssrHydrationKey(), $b8hua$escape($ca55612a53dbbdd2$export$a2cc176055f8f08()), $b8hua$escape($b8hua$createComponent((0, $63f1f8dbcd07d3b0$export$d21e32dfedac04be), $b8hua$mergeProps1({
     get rows() {
       return rows_object_();
     },
@@ -2038,7 +2238,7 @@ function $bb34cd283e904784$export$2c9f9bf2092486aa(props) {
             return $b8hua$createComponent((0, $39ddb986053fb759$export$d41d19e89346fa2), sharedOptions);
           },
           get children() {
-            return $b8hua$createComponent((0, $e3efeb558d952696$export$7da560f849543dff), $b8hua$mergeProps(sharedOptions, {
+            return $b8hua$createComponent((0, $e3efeb558d952696$export$7da560f849543dff), $b8hua$mergeProps1(sharedOptions, {
               view_more_button_: () => {
                 var _props$gridOptions_;
                 return (_props$gridOptions_ = props.gridOptions_) === null || _props$gridOptions_ === void 0 ? void 0 : _props$gridOptions_.view_more_button;
@@ -2097,7 +2297,7 @@ async function $bb34cd283e904784$var$runDisplayTransformersForLooks(baseData, li
     }) : displaysToTransform;
     const transformedListings = await transformedListingsPromise;
     const transformedDisplayById = Object.fromEntries(transformedProducts.map(display => [$6a4c7ed6d005505c$export$548d053aba053d79(display), display]));
-    return transformedListings.map(listing => $b8hua$mergeProps1(listing, {
+    return transformedListings.map(listing => $b8hua$mergeProps(listing, {
       // use mergeProps because in preview browser we add getters in this object, that would be called too early otherwise
       displays: (displayIdsPerListingId[listing.listing_id] || []).map(displayId => transformedDisplayById[displayId]).filter(v => v)
     }));
@@ -2517,7 +2717,7 @@ function $6d95ef50ee01d5a1$export$5d2caaa6b530761c() {
 var $9783d437ad61594c$var$_tmpl$ = '<path d="M11.669 10.531l9.156-9.156a.78.78 0 0 0 .237-.569c0-.221-.079-.412-.237-.569A.8.8 0 0 0 20.24 0a.77.77 0 0 0-.569.237l-9.14 9.14-9.14-9.14A.79.79 0 0 0 .807 0a.77.77 0 0 0-.569.237A.78.78 0 0 0 0 .807a.77.77 0 0 0 .237.569l9.156 9.156-9.156 9.14c-.159.157-.237.349-.237.569s.079.412.237.569c.085.085.174.148.268.19a1.095 1.095 0 0 0 .316.048.894.894 0 0 0 .285-.048.84.84 0 0 0 .285-.19l9.139-9.14 9.14 9.14a.894.894 0 0 0 .268.19 1.049 1.049 0 0 0 .301.048.941.941 0 0 0 .301-.048.84.84 0 0 0 .285-.19.78.78 0 0 0 .237-.569c0-.221-.079-.412-.237-.569z"></path>';
 function $9783d437ad61594c$export$3b621d86b1566b2() {
   let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return $b8hua$ssrElement("svg", $b8hua$mergeProps({
+  return $b8hua$ssrElement("svg", $b8hua$mergeProps1({
     xmlns: "http://www.w3.org/2000/svg",
     width: "21.064",
     height: "21.064",
@@ -2623,7 +2823,7 @@ function $02b6641aa50ce528$export$ba17c5b7e6dda39f(_ref) {
 var $ef0f18a578b32578$var$_tmpl$ = '<path d="M19.811 20.174l-6.234-6.809a7.96 7.96 0 0 0 .923-1.179c.274-.424.502-.865.687-1.323a8.04 8.04 0 0 0 .42-1.436 7.88 7.88 0 0 0 .144-1.507c0-.526-.051-1.042-.154-1.548-.096-.506-.243-.995-.441-1.466s-.441-.919-.728-1.343a8.28 8.28 0 0 0-.984-1.21 7.86 7.86 0 0 0-1.2-.984A7.56 7.56 0 0 0 10.89.651C10.418.453 9.929.302 9.423.2S8.401.046 7.875.046 6.833.097 6.327.2 5.332.453 4.86.651a7.56 7.56 0 0 0-1.354.718c-.431.287-.831.615-1.2.984a8.28 8.28 0 0 0-.984 1.21 7.73 7.73 0 0 0-.728 1.343c-.198.472-.349.96-.451 1.466A8.31 8.31 0 0 0 0 7.921a8.31 8.31 0 0 0 .144 1.548c.103.506.253.995.451 1.466a8.08 8.08 0 0 0 .728 1.354 7.86 7.86 0 0 0 .984 1.2 7.54 7.54 0 0 0 1.2.995c.431.287.882.53 1.354.728.472.191.96.338 1.466.441a8.31 8.31 0 0 0 1.548.144c.451 0 .896-.038 1.333-.113a7.83 7.83 0 0 0 1.282-.328 7.55 7.55 0 0 0 1.2-.533 8.08 8.08 0 0 0 1.107-.749l6.245 6.809a.45.45 0 0 0 .174.123.55.55 0 0 0 .205.041.61.61 0 0 0 .195-.031c.061-.021.116-.055.164-.102.109-.096.164-.219.164-.369.007-.144-.038-.267-.133-.369zM1.046 7.921c0-.937.178-1.818.533-2.646.362-.834.851-1.559 1.466-2.174.622-.615 1.347-1.101 2.174-1.456.827-.362 1.712-.543 2.656-.543s1.829.181 2.656.543c.827.355 1.548.841 2.164 1.456.622.615 1.111 1.34 1.466 2.174a6.52 6.52 0 0 1 .543 2.646c0 .943-.181 1.829-.543 2.656a6.89 6.89 0 0 1-1.466 2.174c-.615.615-1.336 1.104-2.164 1.466-.827.356-1.712.533-2.656.533s-1.829-.178-2.656-.533c-.827-.362-1.552-.851-2.174-1.466-.615-.622-1.104-1.347-1.466-2.174-.355-.827-.533-1.712-.533-2.656z"></path>';
 function $ef0f18a578b32578$export$82eafebb825fc23f() {
   let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return $b8hua$ssrElement("svg", $b8hua$mergeProps({
+  return $b8hua$ssrElement("svg", $b8hua$mergeProps1({
     xmlns: "http://www.w3.org/2000/svg",
     width: "20",
     height: "22",
@@ -2633,7 +2833,7 @@ function $ef0f18a578b32578$export$82eafebb825fc23f() {
 var $3c5e15c6ee4227a9$var$_tmpl$ = '<path d="M56 26.455a13.71 13.71 0 0 0-9.578 3.967A13.71 13.71 0 0 0 42.455 40v176a13.71 13.71 0 0 0 3.967 9.578A13.71 13.71 0 0 0 56 229.545h144A13.71 13.71 0 0 0 213.545 216V88a2.456 2.456 0 0 1 0-.002c.001-1.452-.597-2.895-1.623-3.922l-55.998-55.998a5.61 5.61 0 0 0-3.922-1.623 2.456 2.456 0 0 1-.002 0zm0 11.09h88A2.456 2.456 0 0 1 146.455 40v48c0 2.903 2.642 5.545 5.545 5.545h48A2.456 2.456 0 0 1 202.455 96v120a2.456 2.456 0 0 1-2.455 2.455H56A2.456 2.456 0 0 1 53.545 216V40A2.456 2.456 0 0 1 56 37.545zm103.061 11.498a2.456 2.456 0 0 1 2.676.531l28.689 28.689a2.456 2.456 0 0 1-1.736 4.191H160A2.456 2.456 0 0 1 157.545 80V51.311a2.456 2.456 0 0 1 1.516-2.268zM96 130.455c-2.903 0-5.545 2.642-5.545 5.545s2.642 5.545 5.545 5.545h64c2.903 0 5.545-2.642 5.545-5.545s-2.642-5.545-5.545-5.545zm0 32c-2.903 0-5.545 2.642-5.545 5.545s2.642 5.545 5.545 5.545h64c2.903 0 5.545-2.642 5.545-5.545s-2.642-5.545-5.545-5.545z"></path>';
 function $3c5e15c6ee4227a9$export$605674723bcc715c() {
   let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return $b8hua$ssrElement("svg", $b8hua$mergeProps({
+  return $b8hua$ssrElement("svg", $b8hua$mergeProps1({
     xmlns: "http://www.w3.org/2000/svg",
     width: "32",
     height: "32",
@@ -3222,7 +3422,7 @@ function $fc830a7ee59416ef$export$ebdc3711f7e02ccd(what_to_watch) {
 var $83c36ed4520d0335$var$_tmpl$ = '<path fill-rule="evenodd" d="M9.563 3.438c-3.107 0-5.625 2.518-5.625 5.625s2.518 5.625 5.625 5.625 5.625-2.518 5.625-5.625-2.518-5.625-5.625-5.625zm-7.5 5.625a7.5 7.5 0 1 1 15 0c0 1.733-.588 3.329-1.575 4.599l3.176 3.176a.94.94 0 0 1 0 1.326.94.94 0 0 1-1.326 0l-3.176-3.176a7.47 7.47 0 0 1-4.599 1.575 7.5 7.5 0 0 1-7.5-7.5z" fill="#0f0f0f"></path>';
 function $83c36ed4520d0335$export$f7658c347b037c3f() {
   let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return $b8hua$ssrElement("svg", $b8hua$mergeProps({
+  return $b8hua$ssrElement("svg", $b8hua$mergeProps1({
     xmlns: "http://www.w3.org/2000/svg",
     width: "21",
     height: "20",
@@ -3270,7 +3470,7 @@ function $584c06c09cf4609d$export$b94867ecbd698f21(_ref) {
   const BackButton = () => $b8hua$createComponent((0, $b8hua$Show), {
     when: on_back_,
     get children() {
-      return $b8hua$ssrElement("button", $b8hua$mergeProps({
+      return $b8hua$ssrElement("button", $b8hua$mergeProps1({
         "class": "back",
         type: "button",
         get ["aria-label"]() {
@@ -3284,7 +3484,7 @@ function $584c06c09cf4609d$export$b94867ecbd698f21(_ref) {
       }), () => isNewModal ? $b8hua$escape($b8hua$createComponent((0, $9783d437ad61594c$export$3b621d86b1566b2), {})) : $b8hua$escape($b8hua$createComponent(BackIcon_, {})), true);
     }
   });
-  const ClearButton = () => $b8hua$ssrElement("button", $b8hua$mergeProps({
+  const ClearButton = () => $b8hua$ssrElement("button", $b8hua$mergeProps1({
     type: "button",
     get ["class"]() {
       return "clear ".concat(searchFieldEmpty() ? "empty" : "");
@@ -3853,7 +4053,7 @@ function $26db6925469636a4$export$67152d26d4f56ee8(_ref) {
     var _listing_;
     return (_listing_ = listing_()) === null || _listing_ === void 0 ? void 0 : _listing_.page_url;
   }); // <- could be made reactive getter created in displayTransformers, read it in memo here since it might create computations (for example in the preview-brower), and there's no owner in the onClick handler
-  const LinkToListing = props => $b8hua$ssrElement("a", $b8hua$mergeProps(props, {
+  const LinkToListing = props => $b8hua$ssrElement("a", $b8hua$mergeProps1(props, {
     get href() {
       return href();
     }
@@ -4164,7 +4364,7 @@ function $4acc866f8fdfc002$export$af1fb307bbba2417(_ref) {
   $b8hua$createComputed($b8hua$on(search_field_value_[0], () => !suggestions_updating_blocked() && set_selected_index(undefined), {
     defer: true
   })); // reset autocomplete position if query changes
-  return [$b8hua$createComponent((0, $5175a47d13b7c228$export$d4994a86c6235f72), $b8hua$mergeProps(sharedSuggestionProps, {
+  return [$b8hua$createComponent((0, $5175a47d13b7c228$export$d4994a86c6235f72), $b8hua$mergeProps1(sharedSuggestionProps, {
     get title_() {
       return i18n_.popular_;
     },
@@ -4174,7 +4374,7 @@ function $4acc866f8fdfc002$export$af1fb307bbba2417(_ref) {
       return itemIndexes_.suggestionsIndex_;
     },
     showPlaceholders_: () => showPlaceholders() || noResults_() && !noResultsPopularSuggestions.latest
-  })), $b8hua$createComponent((0, $5175a47d13b7c228$export$d4994a86c6235f72), $b8hua$mergeProps(sharedSuggestionProps, {
+  })), $b8hua$createComponent((0, $5175a47d13b7c228$export$d4994a86c6235f72), $b8hua$mergeProps1(sharedSuggestionProps, {
     get title_() {
       return i18n_.previous_;
     },
@@ -4185,7 +4385,7 @@ function $4acc866f8fdfc002$export$af1fb307bbba2417(_ref) {
     },
     extraTitleRowElements_: () => $b8hua$ssr($4acc866f8fdfc002$var$_tmpl$, $b8hua$ssrHydrationKey(), $b8hua$escape(i18n_.clear_all_from_filter_crumbs_())),
     showPlaceholders_: () => false
-  })), $b8hua$createComponent((0, $5175a47d13b7c228$export$d4994a86c6235f72), $b8hua$mergeProps(sharedSuggestionProps, {
+  })), $b8hua$createComponent((0, $5175a47d13b7c228$export$d4994a86c6235f72), $b8hua$mergeProps1(sharedSuggestionProps, {
     get title_() {
       return i18n_.content_;
     },
@@ -4600,7 +4800,7 @@ function $6a439680ae7e9ba3$export$b2539bed5023c21c(props) {
   return $b8hua$createComponent($6a439680ae7e9ba3$var$TabsContext.Provider, {
     value: new (0, $b8hua$ListenableSet)(),
     get children() {
-      return $b8hua$createComponent($6a439680ae7e9ba3$var$ActualTabs, $b8hua$mergeProps(props, {
+      return $b8hua$createComponent($6a439680ae7e9ba3$var$ActualTabs, $b8hua$mergeProps1(props, {
         get children() {
           return props.children;
         }
@@ -4630,7 +4830,7 @@ function $6a439680ae7e9ba3$var$ActualTabs(props) {
     },
     children: item => {
       const weSelected = $b8hua$createMemo(() => isSelected(item().id));
-      return $b8hua$createComponent((0, $b8hua$Dynamic), $b8hua$mergeProps({
+      return $b8hua$createComponent((0, $b8hua$Dynamic), $b8hua$mergeProps1({
         get component() {
           return props.AnchorComponent;
         },
@@ -4713,7 +4913,7 @@ function $6a439680ae7e9ba3$export$3e41faf802a29e71(props) {
   if (!currentTabs) throw new Error("Tab must be a child of Tabs");
   const id = $b8hua$createUniqueId();
   const ourSet = currentTabs;
-  const extendedProps = $b8hua$mergeProps1({
+  const extendedProps = $b8hua$mergeProps({
     id: id
   }, props);
   ourSet.add(extendedProps);
@@ -5149,7 +5349,7 @@ function $6b0fd8fd20df8ccf$var$ActualShopTheLookButton(props) {
   }, true);
   $b8hua$createEffect(() => button.style.display = displayStyleValue()); // Set our attributes like this, so we allow total control over the button from the outside via buttonAttributes
   $b8hua$createEffect(() => !hasAnythingToShow() && closeModal()); // close modal if we ever get into the state of having it open and not having anything to show
-  $6b0fd8fd20df8ccf$var$modalProps = $b8hua$mergeProps1(partForModal, {
+  $6b0fd8fd20df8ccf$var$modalProps = $b8hua$mergeProps(partForModal, {
     products_to_shop_: products_to_shop_
   });
   button.addEventListener("click", openModal);
@@ -5560,7 +5760,7 @@ const $19e828709c7723a0$export$48513f6b9f8ce62d = props => {
 };
 var $ff3225aef892a467$var$_tmpl$ = '<path d="M10.173 5.548H5.5V.875c0-.075-.027-.14-.081-.193S5.301.601 5.226.601s-.14.027-.193.081-.081.118-.081.193v4.673H.274c-.075 0-.14.027-.193.081A.27.27 0 0 0 0 5.827c0 .075.027.14.081.193s.118.081.193.081h4.678v4.673c0 .075.027.14.081.193s.118.081.193.081.14-.027.193-.081.081-.118.081-.193V6.101h4.673a.27.27 0 0 0 .199-.081c.054-.054.08-.118.08-.193a.27.27 0 0 0-.279-.279z" fill="#000"></path>';
 function $ff3225aef892a467$export$f21ab0717a89c77f(props) {
-  return $b8hua$ssrElement("svg", $b8hua$mergeProps(props, {
+  return $b8hua$ssrElement("svg", $b8hua$mergeProps1(props, {
     xmlns: "http://www.w3.org/2000/svg",
     width: "11",
     height: "12"
@@ -6801,7 +7001,7 @@ const $830ea8efda59884e$export$414f6a19d38e655c = _ref => {
           const MakeButton = attributes => {
             const label = $b8hua$createMemo(() => value().name_ || value().value_ + "");
             const count_zero = $b8hua$createMemo(() => value().count_ === 0);
-            return $b8hua$ssrElement("button", $b8hua$mergeProps(attributes, {
+            return $b8hua$ssrElement("button", $b8hua$mergeProps1(attributes, {
               get disabled() {
                 return count_zero() && !is_selected();
               },
@@ -7113,7 +7313,7 @@ var $d2988f745661df9c$export$2e2bcd8739ae039 = {
 var $905f44be08b7378e$var$_tmpl$ = '<path d="M4.617 12.738a.48.48 0 0 1-.164-.027c-.051-.023-.094-.055-.129-.098L.125 8.414A.39.39 0 0 1 0 8.117c0-.113.039-.211.125-.293s.18-.125.293-.125.215.043.297.125l3.902 3.902L16.086.262c.082-.082.18-.125.297-.125s.211.043.293.125.125.184.125.301-.043.215-.125.297L4.914 12.613c-.039.043-.086.078-.141.098s-.102.027-.156.027zm0 0"></path>';
 function $905f44be08b7378e$export$f2ca6fc699ca1fb4() {
   let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return $b8hua$ssrElement("svg", $b8hua$mergeProps({
+  return $b8hua$ssrElement("svg", $b8hua$mergeProps1({
     xmlns: "http://www.w3.org/2000/svg",
     width: "16.8",
     height: "14"
@@ -8189,7 +8389,8 @@ class $284849364a6ef73a$export$e015ed2f2950f2e3 {
         breadcrumbs: [],
         quick_links: [],
         image_urls: [],
-        failed: true
+        failed: true,
+        content_blocks: []
       }),
       method_: "GET"
     });
@@ -8270,7 +8471,7 @@ async function $284849364a6ef73a$var$_run_url_creator_for_suggest2(merchant, mar
   // Filter out our transformed ancestors
   const transformedAncestors = Object.fromEntries(transformerResult.filter(item => item.is_suggestion === false).map(item => [item.listing_id, item]));
   // Add the now transformed ancestors into the ancestors of the listing suggestions
-  const transformedSuggestions = transformerResult.filter(item => item.is_suggestion !== false).map(item => $b8hua$mergeProps1(item, {
+  const transformedSuggestions = transformerResult.filter(item => item.is_suggestion !== false).map(item => $b8hua$mergeProps(item, {
     // Use mergeProps instead of spread since page_url and other properties could be a getter that solid components should call
     ancestors: item.ancestors.map(ancestor => {
       const newAncestor = transformedAncestors[ancestor.listing_id];
@@ -8778,7 +8979,7 @@ function $8ef6232475d44150$export$7de92c4c2205ebf3(_ref) {
     return (0, $981356a8bf29ad72$export$6c9030e511152266) + get_showing_recommendation_rows() * Math.max(...possible_num_columns);
   });
   // Don't tear down elements every time one updates the page - don't put them within <Show>
-  const elements = $b8hua$ssr($8ef6232475d44150$var$_tmpl$, $b8hua$ssrHydrationKey(), $b8hua$escape(i18n_.search_recs_title_()), $b8hua$escape($ca55612a53dbbdd2$export$a2cc176055f8f08()), $b8hua$escape($b8hua$createComponent((0, $63f1f8dbcd07d3b0$export$d21e32dfedac04be), $b8hua$mergeProps({
+  const elements = $b8hua$ssr($8ef6232475d44150$var$_tmpl$, $b8hua$ssrHydrationKey(), $b8hua$escape(i18n_.search_recs_title_()), $b8hua$escape($ca55612a53dbbdd2$export$a2cc176055f8f08()), $b8hua$escape($b8hua$createComponent((0, $63f1f8dbcd07d3b0$export$d21e32dfedac04be), $b8hua$mergeProps1({
     rows: rows_object,
     layout: "grid",
     element_attributes: {
@@ -9629,7 +9830,7 @@ var $64d94dcaa058dc7b$var$_tmpl$ = ["<style", ' type="text/css">', "</style>"];
 const $64d94dcaa058dc7b$export$c500183c31c2b22e = "--spans-columns";
 function $64d94dcaa058dc7b$export$ab6b147eec64fea5(props) {
   const container_class = "x" + $b8hua$createUniqueId();
-  const container_element_ = $b8hua$ssrElement("div", $b8hua$mergeProps(() => props.element_attributes, {
+  const container_element_ = $b8hua$ssrElement("div", $b8hua$mergeProps1(() => props.element_attributes, {
     classList: {
       [container_class]: true
     }
@@ -9736,209 +9937,6 @@ function $b2dbaafb23d00c7f$export$cb5808ba002cdeed(_ref) {
     }) : when_filters_closed_cols;
   });
 }
-function $40e2fa435715a1a0$export$a79e666719b3647c(cols_at_size_) {
-  const size_active = $b8hua$createMemo(() => cols_at_size_().map(_ref => {
-    let [n_cols, min_width, max_width] = _ref;
-    const media_query = $b8hua$layout_media_query_header(min_width, max_width).replaceAll("@media", "");
-    const matches = $00a5b94f0c11efbb$export$d9f36cf74e24d595(media_query);
-    return [matches, n_cols];
-  }));
-  const n_cols_currently_showing = $b8hua$createMemo(() => {
-    try {
-      const [, n_cols_currently_showing] = size_active().find(_ref2 => {
-        let [media_query] = _ref2;
-        return media_query();
-      });
-      return n_cols_currently_showing;
-    } catch (e) {
-      $b8hua$dwarn("No active size found in columnsAtSize - can't render content blocks or looks");
-      return null;
-    }
-  });
-  return n_cols_currently_showing;
-}
-var $ff7feae4dddd6073$var$_tmpl$ = ["<div", ' class="content-block-wrapper" style="', '">', "</div>"];
-function $ff7feae4dddd6073$export$791ef57e62e21c3f(_ref) {
-  let {
-    content_blocks_: incoming_content_blocks,
-    cols_at_size_: cols_at_size_,
-    set_top_row_shortened_by_: set_top_row_shortened_by_
-  } = _ref;
-  // these are by row
-  const [content_blocks, set_content_blocks] = $b8hua$createStore([]);
-  const n_cols_currently_showing_ = $40e2fa435715a1a0$export$a79e666719b3647c(cols_at_size_);
-  $b8hua$createEffect(() => {
-    const incoming_value = incoming_content_blocks();
-    if (!incoming_value) {
-      set_content_blocks([]);
-      return;
-    }
-    set_content_blocks($b8hua$reconcile(incoming_value, {
-      key: "content"
-    })); // key: Make moving blocks faster, see https://github.com/solidjs/solid/issues/1925#issuecomment-1769671596
-  });
-
-  const get_wrapped_blocks_ = $ff7feae4dddd6073$var$wrap_blocks_in_div(content_blocks, n_cols_currently_showing_);
-  $b8hua$createComputed(() => {
-    // Update our styling if a content block forces some items that should be in the top row into a lower one, so we can generate margin-top declarations for them
-    const top_row_block = get_wrapped_blocks_()[0];
-    const blocks_in_top_row_taken = top_row_block === null || top_row_block === void 0 ? void 0 : top_row_block.span_columns;
-    if (blocks_in_top_row_taken == undefined) {
-      // Fall back to zero if no content block in top row, since then no blocks in top row are taken
-      set_top_row_shortened_by_(0);
-      return;
-    }
-    set_top_row_shortened_by_(blocks_in_top_row_taken - 1); // minus one because the content block wrapper also is an element
-  });
-
-  return $ff7feae4dddd6073$var$remap_blocks_to_index({
-    get_wrapped_blocks_: get_wrapped_blocks_,
-    n_cols_currently_showing_: n_cols_currently_showing_
-  });
-}
-/**
- * Calculate where to put each of the finished wrapped content blocks. Also limit blocks' max width.
- * @returns an array where index is index of the blocks in the "displays array" and value is the content block (elements) to show at that index
- */
-function $ff7feae4dddd6073$var$remap_blocks_to_index(_ref2) {
-  let {
-    get_wrapped_blocks_: get_wrapped_blocks_,
-    n_cols_currently_showing_: n_cols_currently_showing_
-  } = _ref2;
-  return $b8hua$createMemo(() => {
-    // This computation should be quite cheap since it just moves around things into an array
-    const content_blocks_by_index = [];
-    const constructed_block_arrays = new WeakSet();
-    const wrapped_blocks = get_wrapped_blocks_();
-    const cols_showing = n_cols_currently_showing_();
-    // Need to keep track of products displaced by blocks above when mapping rows to indexes in the actual grid
-    const displaced_products = []; // undefined = is product, true = is content block if number instead of tuple number indicates content blocks in that row. Index in first array is row, index in second array is column
-    if (!cols_showing)
-      // Nope out of here if we don't know how many columns are showing
-      return content_blocks_by_index;
-    for (let i = 0; i < wrapped_blocks.length; i++) {
-      // i = row to show at
-      const block = wrapped_blocks[i];
-      if (!block) continue; // Array can have holes/not defined places
-      const index_of_first_item_in_row = i * cols_showing;
-      const index_of_last_item_in_row = index_of_first_item_in_row + cols_showing;
-      const {
-        span_rows: span_rows,
-        position: position,
-        span_columns: span_columns
-      } = block; // span columns is already capped in the block wrapping step (wrap_blocks_in_div)
-      let target_index;
-      if (position === "left") target_index = index_of_first_item_in_row;else if (position === "right") target_index = index_of_last_item_in_row - span_columns;else if (position === "center") target_index = index_of_first_item_in_row + Math.floor((cols_showing - span_columns) / 2);else throw new Error("Invalid position for content block - must be left, right or center: " + JSON.stringify(position));
-      // Calculate displacement of us by content blocks above us
-      let displacement_by_added_blocks = 0;
-      for (let j = 0; j < i; j++) {
-        const row = displaced_products[j];
-        if (row === undefined) continue; // there were no blocks in this row
-        let displaced_items_in_row;
-        if (typeof row === "number") displaced_items_in_row = row;else {
-          displaced_items_in_row = row.filter(item => item).length;
-          displaced_products[j] = displaced_items_in_row;
-        }
-        displacement_by_added_blocks += displaced_items_in_row;
-      }
-      const index_of_us_in_row = target_index - index_of_first_item_in_row;
-      for (let j = 0; j < index_of_us_in_row; j++) {
-        var _displaced_products$i;
-        if ((_displaced_products$i = displaced_products[i]) !== null && _displaced_products$i !== void 0 && _displaced_products$i[j])
-          // Add blocks in our *current* row to the displacement, but only the ones to our left
-          displacement_by_added_blocks++;
-      }
-      // Add block to output array at the correct index
-      const final_target_index = target_index - displacement_by_added_blocks;
-      const existing_block = content_blocks_by_index[final_target_index];
-      const block_content = block.content;
-      // If two blocks want to exist at the same location (can happen, for example if one block wants to be at the end of a row and the other one at the start of the next row) add an array with both
-      if (existing_block) {
-        if (constructed_block_arrays.has(existing_block))
-          // Only push to arrays we have created to not create funky bugs when there's an array in JSX.Element
-          existing_block.push(block_content);else {
-          const array = [existing_block, block_content];
-          constructed_block_arrays.add(array);
-          content_blocks_by_index[final_target_index] = array;
-        }
-      } else content_blocks_by_index[final_target_index] = block_content;
-      // Update displacement
-      for (let j = 0; j < span_rows; j++) {
-        var _ref3;
-        const row = displaced_products[_ref3 = i + j] || (displaced_products[_ref3] = []);
-        for (let k = index_of_us_in_row; k < index_of_us_in_row + span_columns; k++) row[k] = true;
-      }
-    }
-    return content_blocks_by_index;
-  });
-}
-/**
- * Takes a store that contains an array from where index is number of row and value is the result of executing the content block rendering function.
- * Then renders the content and wraps it into a div with the correct styling.
- * Also caps span_columns to max available columns
- */
-function $ff7feae4dddd6073$var$wrap_blocks_in_div(rendered_content_blocks, max_span_columns) {
-  const get_wrapped_blocks = $b8hua$mapArray(() => rendered_content_blocks, block => {
-    if (!block) return;
-    const final_span_columns = $b8hua$createMemo(() => {
-      var _max_span_columns;
-      return Math.min(block.span_columns, (_max_span_columns = max_span_columns()) !== null && _max_span_columns !== void 0 ? _max_span_columns : Infinity);
-    });
-    // If the item spans an entire row, limit the height to 1 row since there's no concept of "rows" if there are no products beside the block
-    const final_span_rows = $b8hua$createMemo(() => final_span_columns() === max_span_columns() ? 1 : block.span_rows);
-    const [rendering_delayed, set_rendering_delayed_] = $b8hua$createSignal(true);
-    const content = $b8hua$createComponent((0, $b8hua$Show), {
-      get when() {
-        return !rendering_delayed();
-      },
-      get children() {
-        return $b8hua$ssr($ff7feae4dddd6073$var$_tmpl$, $b8hua$ssrHydrationKey(), "grid-column:" + "span ".concat($b8hua$escape(final_span_columns(), true)) + (";grid-row:" + "span ".concat($b8hua$escape(final_span_rows(), true))) + (";spans_columns_variable_name:" + $b8hua$escape(final_span_columns(), true)), $b8hua$escape($b8hua$createComponent($ff7feae4dddd6073$var$RenderContent, {
-          get content() {
-            return block.content;
-          }
-        })));
-      }
-    });
-    return $b8hua$mergeProps1(block, {
-      // Create content divs for the blocks with as much fine-grained diffing as possible?
-      content: () => {
-        // Sneaky on-demand rendering, so we don't render more blocks than we can show: we have the rendered value here and don't return a function that renders because if our block would be moved around we'd be guaranteed to re-render
-        // However, no need to count products to know if we should render: the <For> loops in Placeholders and render_displays will only call this function if there's actually a product here that wants to display this block
-        set_rendering_delayed_(false);
-        return content;
-      },
-      get span_columns() {
-        // Cap max width of block to the number of columns available, for everyone downstream
-        return final_span_columns();
-      },
-      get span_rows() {
-        return final_span_rows();
-      }
-    });
-  });
-  return get_wrapped_blocks;
-}
-/**
- * Basically adds support for async content block functions and shows a rudimentary placeholder if rendering is delayed. Required due to react having a rendering delay.
- */
-function $ff7feae4dddd6073$var$RenderContent(props) {
-  const [resource] = $b8hua$createResource(() => props.content,
-  // Could be reactive
-  fn => fn());
-  $b8hua$createEffect(() => {
-    if (resource.error) console.error("Error in content block rendering", resource.error);
-  });
-  // The suspense is for when there's an async content block (which we have to support due to react having a rendering delay) so that we can show some height while it's loading (should kinda never be visible)
-  return $b8hua$createComponent((0, $b8hua$Suspense), {
-    get fallback() {
-      return $b8hua$createComponent((0, $3ab4aa97880fb88d$export$3f37af283f8fb843), {
-        width: "100%",
-        height: "max(100%, 400px)"
-      });
-    },
-    children: resource
-  });
-}
 var $7faea0096f14b59b$var$_tmpl$ = ["<div", ' class="', '"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"];
 function $7faea0096f14b59b$export$3925f87b1545cfc6(_ref) {
   let {
@@ -10143,7 +10141,7 @@ function $7faea0096f14b59b$export$3925f87b1545cfc6(_ref) {
                       } = slider;
                       const Layout = props => $63f1f8dbcd07d3b0$export$445d8d3f5f706a40(props, insert_here, true);
                       // Do like this, so we don't have to call mergeProps ourselves
-                      $b8hua$createComponent(Layout, $b8hua$mergeProps(layout_options_, {
+                      $b8hua$createComponent(Layout, $b8hua$mergeProps1(layout_options_, {
                         rows: "all",
                         get cols_at_size() {
                           return modified_cols_at_size();
@@ -10304,7 +10302,7 @@ var $79af35736fe8e5c8$var$_tmpl$ = '<path d="M6.199 10.254a.35.35 0 0 0-.496 0L3
   $79af35736fe8e5c8$var$_tmpl$2 = '<path d="M10.852 6.301H8.051a.35.35 0 0 1-.352-.352V4.551a.35.35 0 0 1 .352-.352h2.801a.35.35 0 0 1 .348.352v1.398a.35.35 0 0 1-.348.352zm-2.453-.699H10.5v-.703H8.398zm3.851 3.5H8.051c-.195 0-.352-.16-.352-.352V7.352A.35.35 0 0 1 8.051 7h4.199c.191 0 .352.156.352.352V8.75c0 .191-.16.352-.352.352zm-3.852-.703h3.5V7.7h-3.5zm5.25 3.499H8.051a.35.35 0 0 1-.352-.348v-1.402a.35.35 0 0 1 .352-.348h5.598a.35.35 0 0 1 .352.348v1.402a.35.35 0 0 1-.352.348zm-5.25-.699H13.3V10.5H8.398zm0 0"></path>';
 function $79af35736fe8e5c8$export$da32f7add8a22e86() {
   let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return $b8hua$ssrElement("svg", $b8hua$mergeProps({
+  return $b8hua$ssrElement("svg", $b8hua$mergeProps1({
     xmlns: "http://www.w3.org/2000/svg",
     width: "14",
     height: "14",
@@ -10314,7 +10312,7 @@ function $79af35736fe8e5c8$export$da32f7add8a22e86() {
 var $73e3c96bc365e0e9$var$_tmpl$ = '<path d="M6.199 10.254a.35.35 0 0 0-.496 0L3.5 12.453V.348a.35.35 0 0 0-.7 0v12.105L.598 10.254c-.137-.137-.359-.137-.492 0a.35.35 0 0 0 0 .492l2.797 2.801a.35.35 0 0 0 .496 0L6.2 10.746c.137-.137.137-.355 0-.492zm3.25 1.644H8.051a.35.35 0 0 1-.352-.348v-1.402a.35.35 0 0 1 .352-.348h1.398a.35.35 0 0 1 .352.348v1.402a.35.35 0 0 1-.352.348zm-1.051-.699h.703V10.5h-.703zm2.454-2.097H8.051c-.195 0-.352-.16-.352-.352V7.352A.35.35 0 0 1 8.051 7h2.801a.35.35 0 0 1 .348.352V8.75c0 .191-.156.352-.348.352zm-2.453-.703H10.5V7.7H8.398zm3.851-2.098H8.051a.35.35 0 0 1-.352-.352V4.551a.35.35 0 0 1 .352-.352h4.199c.191 0 .352.156.352.352v1.398c0 .195-.16.352-.352.352zm-3.852-.699h3.5v-.703h-3.5zm5.25-2.102H8.051a.35.35 0 0 1-.352-.352V1.75c0-.191.156-.352.352-.352h5.598c.195 0 .352.16.352.352v1.398a.35.35 0 0 1-.352.352zm-5.25-.699H13.3v-.699H8.398zm0 0"></path>';
 function $73e3c96bc365e0e9$export$d10e63059ddb9fd4() {
   let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return $b8hua$ssrElement("svg", $b8hua$mergeProps({
+  return $b8hua$ssrElement("svg", $b8hua$mergeProps1({
     xmlns: "http://www.w3.org/2000/svg",
     width: "14",
     height: "14",
@@ -10430,7 +10428,7 @@ function $082c4ed3e22f8d71$export$9bf11afa910f536e(_ref) {
           })));
         },
         get children() {
-          return $b8hua$ssr($082c4ed3e22f8d71$var$_tmpl$5, $b8hua$ssrHydrationKey(), $b8hua$escape($b8hua$createComponent((0, $f6b0500577e1b210$export$3f1a388cc0d8fed7), $b8hua$mergeProps(args_for_filtering_, {
+          return $b8hua$ssr($082c4ed3e22f8d71$var$_tmpl$5, $b8hua$ssrHydrationKey(), $b8hua$escape($b8hua$createComponent((0, $f6b0500577e1b210$export$3f1a388cc0d8fed7), $b8hua$mergeProps1(args_for_filtering_, {
             are_in_modal_: true
           }))));
         }
@@ -11026,7 +11024,7 @@ function $22470de5f42cc35d$export$f631859cab12b342(_ref) {
     if (content_result_) return $b8hua$ssrElement("a", attributes, () => $b8hua$escape(children), true);
     return $b8hua$ssrElement("div", attributes, () => $b8hua$escape(children), true);
   };
-  return $b8hua$ssr($22470de5f42cc35d$var$_tmpl$2, $b8hua$ssrHydrationKey(), $b8hua$escape($b8hua$createComponent(LinkIfPossible, $b8hua$mergeProps(make_link_attributes, {
+  return $b8hua$ssr($22470de5f42cc35d$var$_tmpl$2, $b8hua$ssrHydrationKey(), $b8hua$escape($b8hua$createComponent(LinkIfPossible, $b8hua$mergeProps1(make_link_attributes, {
     tabIndex: "-1",
     get children() {
       return $b8hua$createComponent((0, $3c5e15c6ee4227a9$export$605674723bcc715c), {
@@ -11034,7 +11032,7 @@ function $22470de5f42cc35d$export$f631859cab12b342(_ref) {
         height: "28"
       });
     }
-  }))), $b8hua$escape($b8hua$createComponent(LinkIfPossible, $b8hua$mergeProps({
+  }))), $b8hua$escape($b8hua$createComponent(LinkIfPossible, $b8hua$mergeProps1({
     "class": "content-title line-clamp"
   }, make_link_attributes, {
     get title() {
@@ -11192,7 +11190,7 @@ function $d53ebed6f63304e4$export$6d0c9c22f6652669(_ref) {
       return (0, $69602b3d8fd54c38$export$2452208c79fe93ea).content;
     },
     number_of_results_: num_results
-  })), $b8hua$escape($b8hua$createComponent((0, $63f1f8dbcd07d3b0$export$d21e32dfedac04be), $b8hua$mergeProps({
+  })), $b8hua$escape($b8hua$createComponent((0, $63f1f8dbcd07d3b0$export$d21e32dfedac04be), $b8hua$mergeProps1({
     layout: "grid",
     element_attributes: {
       class: "cards"
@@ -11592,7 +11590,7 @@ function $da279c5a540c6846$export$a54ec244c8863715(_ref) {
     var _search_results_4, _search_results_4$con;
     return ((_search_results_4 = search_results_()) !== null && _search_results_4 !== void 0 && (_search_results_4$con = _search_results_4.content_search_links) !== null && _search_results_4$con !== void 0 && _search_results_4$con.length ? i18n_.no_products_ : i18n_.no_results_text_)();
   });
-  const results_for = $b8hua$createComponent((0, $69602b3d8fd54c38$export$9dd50d35b9d94fdf), $b8hua$mergeProps({
+  const results_for = $b8hua$createComponent((0, $69602b3d8fd54c38$export$9dd50d35b9d94fdf), $b8hua$mergeProps1({
     get type() {
       return (0, $69602b3d8fd54c38$export$2452208c79fe93ea).products;
     },
@@ -13197,6 +13195,16 @@ function $a4777acaffa35a82$var$clear_if_opened_new_tab_with_sideways_url_params_
   });
   tracking_function_for_plp_results(plp_results_);
 }
+var $3b772ef9a35560fe$var$_tmpl$ = ["<a", "><img", ' style="', '"></a>'],
+  $3b772ef9a35560fe$var$_tmpl$2 = ["<a", "><video", ' muted="" autoplay="" playsinline="" loop style="', '"></video></a>'];
+function $3b772ef9a35560fe$export$780a853d15174484(_ref) {
+  let {
+    contentBlock: contentBlock,
+    router_: router_
+  } = _ref;
+  if (contentBlock.content.type === "image") return () => $b8hua$ssr($3b772ef9a35560fe$var$_tmpl$, $b8hua$ssrHydrationKey() + $b8hua$ssrAttribute("href", $b8hua$escape(contentBlock.content.link, true), false), $b8hua$ssrAttribute("src", $b8hua$escape(contentBlock.content.url, true), false), "width:100%;height:100%;object-fit:cover;position:absolute;inset:0");
+  if (contentBlock.content.type === "video") return () => $b8hua$ssr($3b772ef9a35560fe$var$_tmpl$2, $b8hua$ssrHydrationKey() + $b8hua$ssrAttribute("href", $b8hua$escape(contentBlock.content.link, true), false), $b8hua$ssrAttribute("src", $b8hua$escape(contentBlock.content.url, true), false), "width:100%;height:100%;object-fit:cover;position:absolute;inset:0");
+}
 var $4b4b262708b516ee$var$_tmpl$ = ["<div", ' class="product-count"><!--$-->', "<!--/--> <!--$-->", "<!--/--></div>"],
   $4b4b262708b516ee$var$_tmpl$2 = ["<div", "></div>"],
   $4b4b262708b516ee$var$_tmpl$3 = ["<div", ' class="filter-results-for-one-row"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"],
@@ -13293,6 +13301,24 @@ function $4b4b262708b516ee$export$f7d2f673fc2f091d(_ref) {
   }));
   // Make "Get Listing" request to get quicklinks, breadcrumbs, title, etc
   const [plp_meta] = $b8hua$createResource(meta_query_base, $b8hua$catchify(query => depict_api_.get_listing(query)));
+  const contentBlocksByRow = $b8hua$createMemo(() => {
+    var _plp_meta, _plp_meta$content_blo;
+    if (content_blocks_by_row_()) return content_blocks_by_row_();
+    const content = [];
+    (_plp_meta = plp_meta()) === null || _plp_meta === void 0 || (_plp_meta$content_blo = _plp_meta.content_blocks) === null || _plp_meta$content_blo === void 0 || _plp_meta$content_blo.forEach(row => {
+      const contentBlock = {
+        span_columns: row.span_columns,
+        span_rows: row.span_rows,
+        position: row.position,
+        content: $3b772ef9a35560fe$export$780a853d15174484({
+          contentBlock: row,
+          router_: router_
+        })
+      };
+      content[row.row] = contentBlock;
+    });
+    return content;
+  });
   const available_sortings_ = $b8hua$createMemo(() => {
     var _plp_products_, _plp_products_$sorts;
     return (_plp_products_ = plp_products_()) === null || _plp_products_ === void 0 ? void 0 : (_plp_products_$sorts = _plp_products_.sorts) === null || _plp_products_$sorts === void 0 ? void 0 : _plp_products_$sorts.map(sort => {
@@ -13308,13 +13334,13 @@ function $4b4b262708b516ee$export$f7d2f673fc2f091d(_ref) {
     return (_plp_products_2 = plp_products_()) === null || _plp_products_2 === void 0 ? void 0 : _plp_products_2.filters;
   });
   const title = $b8hua$createMemo(() => {
-    var _plp_meta;
-    return (_plp_meta = plp_meta()) === null || _plp_meta === void 0 ? void 0 : _plp_meta.title;
+    var _plp_meta2;
+    return (_plp_meta2 = plp_meta()) === null || _plp_meta2 === void 0 ? void 0 : _plp_meta2.title;
   });
   const crumb_data_ = $4b4b262708b516ee$var$add_us_to_crumbs(plp_meta);
   const quicklinks_data_ = $b8hua$createMemo(() => {
-    var _plp_meta2;
-    return (_plp_meta2 = plp_meta()) === null || _plp_meta2 === void 0 ? void 0 : _plp_meta2.quick_links;
+    var _plp_meta3;
+    return (_plp_meta3 = plp_meta()) === null || _plp_meta3 === void 0 ? void 0 : _plp_meta3.quick_links;
   });
   const [sort_or_filter_open_, set_sort_or_filter_open_] = $b8hua$createSignal(false);
   const [desktop_filter_elements_, set_desktop_filter_elements] = $b8hua$createSignal();
@@ -13539,7 +13565,7 @@ function $4b4b262708b516ee$export$f7d2f673fc2f091d(_ref) {
             product_card_template_: product_card_template_,
             sort_or_filter_open_: sort_or_filter_open_,
             desktop_filter_elements_: desktop_filter_elements_,
-            content_blocks_by_row_: content_blocks_by_row_,
+            content_blocks_by_row_: contentBlocksByRow,
             ConfiguredScrollStatus_: ConfiguredScrollStatus_,
             id_currently_querying_for_: id_to_query_for_,
             no_results_options_: {
@@ -13580,10 +13606,10 @@ function $4b4b262708b516ee$export$f7d2f673fc2f091d(_ref) {
 function $4b4b262708b516ee$var$add_us_to_crumbs(plp_meta) {
   const href_accessor = $b8hua$use_href_accessor1();
   return $b8hua$createMemo(() => {
-    var _plp_meta3;
-    const api_value = (_plp_meta3 = plp_meta()) === null || _plp_meta3 === void 0 ? void 0 : _plp_meta3.breadcrumbs;
+    var _plp_meta4;
+    const api_value = (_plp_meta4 = plp_meta()) === null || _plp_meta4 === void 0 ? void 0 : _plp_meta4.breadcrumbs;
     if (!api_value) return api_value;
-    return [...api_value, $b8hua$mergeProps1(plp_meta(), {
+    return [...api_value, $b8hua$mergeProps(plp_meta(), {
       get page_url() {
         return href_accessor();
       }
@@ -13695,4 +13721,4 @@ function $8821a19349c36651$export$e2bf8ce7779e827e(props) {
   }, "Entire CategoryPage failed");
 }
 $b8hua$add_to_version_info("ui", (0, $8db9a15135765c11$export$83d89fbfd8236492));
-export { $715f7f2e53146662$export$d4d96868197be50e as useMobileHover, $a35e6f680c5bbc60$export$54299a3c81f5425 as useVisibilityState, $002f09d00aac50b2$export$eaa625fb39439e37 as useSlidableInformation, $618bd53ea0a41cd4$export$80bb7300ce6a8be3 as useProductCardIsVisible, $618bd53ea0a41cd4$export$f223d69ed12f5fb7 as CurrentlyIntersectingContext, $8e8b179489080711$export$5bad61ecde080b1f as useExpandingContainerReactive, $bb34cd283e904784$export$2c9f9bf2092486aa as LooksSliderOrGrid, $22dd375b476673e2$export$44809a8a3e867e30 as LookCard, $ac571292d606f30b$export$7e1297a3a19f10d8 as PseudoRouter, $6d75ec14f537c37f$export$83bb9af5671e1dbe as promiseSafeStructuredClone, $68e6625c8d51f847$export$5162a71f252e6122 as preserve_items_in_history_dot_state, $68e6625c8d51f847$export$3064e1e8c6513da3 as prefixes_to_preserve_in_history_dot_state, $9b35d1384e31813a$export$29d28dadc2d6b631 as allowNativeNavigation, $b026fa9c9c904a98$export$1ea76ea778b880dd as modalVersionSymbol, $a604a8ffa4e4c03f$export$e417c49320921907 as createDeparallelizedNoDropResource, $01c33966d9ddb108$export$f50b88e2a00918b5 as throw_globally, $40411f2ec772c376$export$9265e66f26f8e383 as ClassicSearchModal, $06fcd2a345efd24d$export$b0c55aa2e87c4be7 as SearchModalV2, $98688279b9059f50$export$9d4a4b669b1929ab as ModernResponsiveContainedImage, $6a439680ae7e9ba3$export$3e41faf802a29e71 as Tab, $6a439680ae7e9ba3$export$b2539bed5023c21c as Tabs, $6b0fd8fd20df8ccf$export$d4973c31938cbfd1 as ShopTheLookButton, $972f6bce0f9d61be$export$e183a13865960371 as history_dot_state_to_state, $2855bffe06ef7a03$export$916e6850778505f6 as strip_encoded_filter_and_sort, $2855bffe06ef7a03$export$58aa3f171519b6d7 as encode_filters, $2855bffe06ef7a03$export$f934fa24c3a86811 as decode_filters, $2855bffe06ef7a03$export$62acb285a7579555 as encode_sorting, $2855bffe06ef7a03$export$766e9676e74997d3 as decode_sorting, $4df489344a0f97c7$export$d7b7ab832c20e2f4 as shopifyContainedImageContextSymbol, $5441862cd2f5e111$export$e68cff63f76bd15b as ListingProvider, $5441862cd2f5e111$export$8d0c4fdbb05a2f2e as useListing, $1e69163caedaab4e$export$11354f017ddc9790 as ProductCardIndexProvider, $1e69163caedaab4e$export$e3faf4d95300054f as useProductCardIndex, $4df489344a0f97c7$export$e4b984597b71e989 as ShopifyContainedImage, $002f09d00aac50b2$export$6649caad96ef8870 as SlidableItems, $fc830a7ee59416ef$export$ebdc3711f7e02ccd as make_accurate_width_accessor, $d5d7e58c5c9d8db0$export$9574e176201e5e8d as RecommendationSlider, $b432b11321ad4c97$export$9756467d34d91cdb as RecommendationGrid, $56047603f9d212b6$export$6e5611bc7e57e477 as ShopifyResponsiveImg, $56047603f9d212b6$export$e6fffe67d4cdd848 as makeSizeAccessor, $801e8845d3fa3653$export$94026ee33dbabc26 as ImageContainer, $74777e8fe65b3dcb$export$b69d0d92862de18b as SentryErrorBoundary, $74777e8fe65b3dcb$export$240ecf5363d76c0f as ExtraSentryContextProvider, $ad371564683947ab$export$6c6d7a51fa9aa15d as ExpandingDetails, $e18ab2868df26f40$export$f091cbac892643a4 as accessor_of_object_to_object_with_accessor_values, $4711a82d08d2021b$export$fecbb157621501bd as SelectedFilters, $f6b0500577e1b210$export$3f1a388cc0d8fed7 as FilterBody, $44aa24b1bb793549$export$b288c38ae3fddb56 as create_modified_filters, $63f1f8dbcd07d3b0$export$d21e32dfedac04be as SolidLayout, $63f1f8dbcd07d3b0$export$445d8d3f5f706a40 as SolidLayoutWithProvidedElement, $d5f1e6a0f9117286$export$79b1565500412d9b as general_modal_abstraction, $9783d437ad61594c$export$3b621d86b1566b2 as CrossIcon, $ca6ab5f08bd28bca$export$8be2714ec7f169ee as GenericSliderArrowButton, $50aebf5b445518eb$export$58e808b1db15d3bc as fetchDepictRecommendations, $fa332ea03168857c$export$b91cec6bdc6b32a1 as CategoryTitle, $702d7656a373973e$export$824dde41348efed1 as embedded_num_products, $160ea2b55d8772d2$export$c1a6b039e689a58e as get_listings, $f5f54892fd0c7d9f$export$f34314aa9505732e as DepictCategory, $eb064bc3350276c1$export$ac6237957a15b3f0 as DepictSearch, $eb064bc3350276c1$export$bde3eb976dfded9 as get_search_query_updating_blocked_signal, $eb064bc3350276c1$export$f2dc7e4e4aa11abb as SearchPage, $f3b7124b76123e44$export$aa14a9f43128f61f as ProductCardError, $169c13c0531d91d2$export$d86a33413558014e as open_modal_with_alignment, $5eaa00b951637e96$export$ee1733d9a8495996 as DefaultInstantCardPlaceholder, $1308a7816c3d4f2d$export$b3ad617e9036868 as align_field, $1308a7816c3d4f2d$export$3f238c96c45e6cc6 as ALIGN_TOP, $1308a7816c3d4f2d$export$902f8b4a7dae5d78 as ALIGN_WIDTH_ON_MODAL, $1308a7816c3d4f2d$export$7895aadd1956b1c7 as ALIGN_LEFT, $1308a7816c3d4f2d$export$6060bc6bee850eb6 as SET_CENTERED_LEFT, $a9c7ba6087881ac2$export$6daf8749b65a1b77 as convert_sdk_cols_at_size_to_layout, $cc64aabf2c7a1f1a$export$1233ca167bf71f9a as styles_to_valid_css_string, $e56d241d0f33d459$export$fe334901e8bebd57 as disable_scrolling, $573c007c697a1831$export$d0596b5cae35ad4 as open_search_with_shift_slash, $284849364a6ef73a$export$e015ed2f2950f2e3 as DepictAPI, $00a5b94f0c11efbb$export$d9f36cf74e24d595 as media_query_to_accessor, $e60a76195ac6d408$export$689e204eadb33baf as setup_fast_leave, $a61a2051e15c8d7a$export$5196e4c01fa56fcb as show_toast, $60ec7a29849d81db$export$a71e92cfbb498adc as SolidFormatPrice, $37e8c97bb6876197$export$828dcdd425fd3231 as connect_search_field_height_to_aligner_height, $bc2337c9a05ecd18$export$acb3eaade4b23afd as BasePlaceholder, $ceafb6fb91c6f394$export$89c6019e4baa40b1 as TextPlaceholder, $3ab4aa97880fb88d$export$3f37af283f8fb843 as ImagePlaceholder, $f9fd3017c20b774a$export$3ccaa27d81dd8556 as PageReplacer, $d399250dfa491636$export$864d304a0bc46829 as defaultGridSpacing, $d399250dfa491636$export$c3834fa86c616831 as defaultColsAtSize, $d399250dfa491636$export$7bf543b9d9be2c22 as defaultCategoryTitlePlugin, $8db9a15135765c11$export$83d89fbfd8236492 as version, $a3026fb727bc7550$export$316f6f283ae64765 as SearchField, $62a8813a51fbd22f$export$5b7c3ce0ebe51f86 as BreadCrumbs, $62a8813a51fbd22f$export$de035477d6fef996 as QuickLinks, $8821a19349c36651$export$e2bf8ce7779e827e as CategoryPage };
+export { $ff7feae4dddd6073$export$92aa5d691d588f3f as remap_blocks_to_index, $715f7f2e53146662$export$d4d96868197be50e as useMobileHover, $a35e6f680c5bbc60$export$54299a3c81f5425 as useVisibilityState, $002f09d00aac50b2$export$eaa625fb39439e37 as useSlidableInformation, $618bd53ea0a41cd4$export$80bb7300ce6a8be3 as useProductCardIsVisible, $618bd53ea0a41cd4$export$f223d69ed12f5fb7 as CurrentlyIntersectingContext, $8e8b179489080711$export$5bad61ecde080b1f as useExpandingContainerReactive, $bb34cd283e904784$export$2c9f9bf2092486aa as LooksSliderOrGrid, $22dd375b476673e2$export$44809a8a3e867e30 as LookCard, $ac571292d606f30b$export$7e1297a3a19f10d8 as PseudoRouter, $6d75ec14f537c37f$export$83bb9af5671e1dbe as promiseSafeStructuredClone, $68e6625c8d51f847$export$5162a71f252e6122 as preserve_items_in_history_dot_state, $68e6625c8d51f847$export$3064e1e8c6513da3 as prefixes_to_preserve_in_history_dot_state, $9b35d1384e31813a$export$29d28dadc2d6b631 as allowNativeNavigation, $b026fa9c9c904a98$export$1ea76ea778b880dd as modalVersionSymbol, $a604a8ffa4e4c03f$export$e417c49320921907 as createDeparallelizedNoDropResource, $01c33966d9ddb108$export$f50b88e2a00918b5 as throw_globally, $40411f2ec772c376$export$9265e66f26f8e383 as ClassicSearchModal, $06fcd2a345efd24d$export$b0c55aa2e87c4be7 as SearchModalV2, $98688279b9059f50$export$9d4a4b669b1929ab as ModernResponsiveContainedImage, $6a439680ae7e9ba3$export$3e41faf802a29e71 as Tab, $6a439680ae7e9ba3$export$b2539bed5023c21c as Tabs, $6b0fd8fd20df8ccf$export$d4973c31938cbfd1 as ShopTheLookButton, $972f6bce0f9d61be$export$e183a13865960371 as history_dot_state_to_state, $2855bffe06ef7a03$export$916e6850778505f6 as strip_encoded_filter_and_sort, $2855bffe06ef7a03$export$58aa3f171519b6d7 as encode_filters, $2855bffe06ef7a03$export$f934fa24c3a86811 as decode_filters, $2855bffe06ef7a03$export$62acb285a7579555 as encode_sorting, $2855bffe06ef7a03$export$766e9676e74997d3 as decode_sorting, $4df489344a0f97c7$export$d7b7ab832c20e2f4 as shopifyContainedImageContextSymbol, $5441862cd2f5e111$export$e68cff63f76bd15b as ListingProvider, $5441862cd2f5e111$export$8d0c4fdbb05a2f2e as useListing, $1e69163caedaab4e$export$11354f017ddc9790 as ProductCardIndexProvider, $1e69163caedaab4e$export$e3faf4d95300054f as useProductCardIndex, $4df489344a0f97c7$export$e4b984597b71e989 as ShopifyContainedImage, $002f09d00aac50b2$export$6649caad96ef8870 as SlidableItems, $fc830a7ee59416ef$export$ebdc3711f7e02ccd as make_accurate_width_accessor, $d5d7e58c5c9d8db0$export$9574e176201e5e8d as RecommendationSlider, $b432b11321ad4c97$export$9756467d34d91cdb as RecommendationGrid, $56047603f9d212b6$export$6e5611bc7e57e477 as ShopifyResponsiveImg, $56047603f9d212b6$export$e6fffe67d4cdd848 as makeSizeAccessor, $801e8845d3fa3653$export$94026ee33dbabc26 as ImageContainer, $74777e8fe65b3dcb$export$b69d0d92862de18b as SentryErrorBoundary, $74777e8fe65b3dcb$export$240ecf5363d76c0f as ExtraSentryContextProvider, $ad371564683947ab$export$6c6d7a51fa9aa15d as ExpandingDetails, $e18ab2868df26f40$export$f091cbac892643a4 as accessor_of_object_to_object_with_accessor_values, $4711a82d08d2021b$export$fecbb157621501bd as SelectedFilters, $f6b0500577e1b210$export$3f1a388cc0d8fed7 as FilterBody, $44aa24b1bb793549$export$b288c38ae3fddb56 as create_modified_filters, $63f1f8dbcd07d3b0$export$d21e32dfedac04be as SolidLayout, $63f1f8dbcd07d3b0$export$445d8d3f5f706a40 as SolidLayoutWithProvidedElement, $d5f1e6a0f9117286$export$79b1565500412d9b as general_modal_abstraction, $9783d437ad61594c$export$3b621d86b1566b2 as CrossIcon, $ca6ab5f08bd28bca$export$8be2714ec7f169ee as GenericSliderArrowButton, $50aebf5b445518eb$export$58e808b1db15d3bc as fetchDepictRecommendations, $fa332ea03168857c$export$b91cec6bdc6b32a1 as CategoryTitle, $702d7656a373973e$export$824dde41348efed1 as embedded_num_products, $160ea2b55d8772d2$export$c1a6b039e689a58e as get_listings, $f5f54892fd0c7d9f$export$f34314aa9505732e as DepictCategory, $eb064bc3350276c1$export$ac6237957a15b3f0 as DepictSearch, $eb064bc3350276c1$export$bde3eb976dfded9 as get_search_query_updating_blocked_signal, $eb064bc3350276c1$export$f2dc7e4e4aa11abb as SearchPage, $f3b7124b76123e44$export$aa14a9f43128f61f as ProductCardError, $169c13c0531d91d2$export$d86a33413558014e as open_modal_with_alignment, $5eaa00b951637e96$export$ee1733d9a8495996 as DefaultInstantCardPlaceholder, $1308a7816c3d4f2d$export$b3ad617e9036868 as align_field, $1308a7816c3d4f2d$export$3f238c96c45e6cc6 as ALIGN_TOP, $1308a7816c3d4f2d$export$902f8b4a7dae5d78 as ALIGN_WIDTH_ON_MODAL, $1308a7816c3d4f2d$export$7895aadd1956b1c7 as ALIGN_LEFT, $1308a7816c3d4f2d$export$6060bc6bee850eb6 as SET_CENTERED_LEFT, $a9c7ba6087881ac2$export$6daf8749b65a1b77 as convert_sdk_cols_at_size_to_layout, $cc64aabf2c7a1f1a$export$1233ca167bf71f9a as styles_to_valid_css_string, $e56d241d0f33d459$export$fe334901e8bebd57 as disable_scrolling, $573c007c697a1831$export$d0596b5cae35ad4 as open_search_with_shift_slash, $284849364a6ef73a$export$e015ed2f2950f2e3 as DepictAPI, $00a5b94f0c11efbb$export$d9f36cf74e24d595 as media_query_to_accessor, $e60a76195ac6d408$export$689e204eadb33baf as setup_fast_leave, $a61a2051e15c8d7a$export$5196e4c01fa56fcb as show_toast, $60ec7a29849d81db$export$a71e92cfbb498adc as SolidFormatPrice, $37e8c97bb6876197$export$828dcdd425fd3231 as connect_search_field_height_to_aligner_height, $bc2337c9a05ecd18$export$acb3eaade4b23afd as BasePlaceholder, $ceafb6fb91c6f394$export$89c6019e4baa40b1 as TextPlaceholder, $3ab4aa97880fb88d$export$3f37af283f8fb843 as ImagePlaceholder, $f9fd3017c20b774a$export$3ccaa27d81dd8556 as PageReplacer, $d399250dfa491636$export$864d304a0bc46829 as defaultGridSpacing, $d399250dfa491636$export$c3834fa86c616831 as defaultColsAtSize, $d399250dfa491636$export$7bf543b9d9be2c22 as defaultCategoryTitlePlugin, $8db9a15135765c11$export$83d89fbfd8236492 as version, $a3026fb727bc7550$export$316f6f283ae64765 as SearchField, $62a8813a51fbd22f$export$5b7c3ce0ebe51f86 as BreadCrumbs, $62a8813a51fbd22f$export$de035477d6fef996 as QuickLinks, $8821a19349c36651$export$e2bf8ce7779e827e as CategoryPage };