@depict-ai/ui 2.1.0 → 2.1.1

package/server/ES10/index.js

@@ -1,5 +1,5 @@
 import { add_to_version_info as $b8hua$add_to_version_info, base64_encode_unicode as $b8hua$base64_encode_unicode, base64_decode_unicode as $b8hua$base64_decode_unicode, dlog as $b8hua$dlog, queueMacroTask as $b8hua$queueMacroTask, catchify as $b8hua$catchify, is_safari as $b8hua$is_safari, observer as $b8hua$observer, Amazing_Slider as $b8hua$Amazing_Slider, slider_snap_css as $b8hua$slider_snap_css, slider_fading_factory as $b8hua$slider_fading_factory, slider_fractional_factory as $b8hua$slider_fractional_factory, camelCasifyObject as $b8hua$camelCasifyObject, 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, useExpandingContainer as $b8hua$useExpandingContainer, standard_price_format as $b8hua$standard_price_format, hex_to_rgb as $b8hua$hex_to_rgb, relative_luminance_from_rgb as $b8hua$relative_luminance_from_rgb, fetch_recs as $b8hua$fetch_recs, snakeCasifyObject as $b8hua$snakeCasifyObject, instant_exec_on_suspect_history_change as $b8hua$instant_exec_on_suspect_history_change, base_url as $b8hua$base_url, get_depict_id as $b8hua$get_depict_id, get_user_id as $b8hua$get_user_id, get_session_id as $b8hua$get_session_id, make_url_with_query_params as $b8hua$make_url_with_query_params, fetch_retry as $b8hua$fetch_retry, add_version_query_params as $b8hua$add_version_query_params, dwarn as $b8hua$dwarn, sort_obj as $b8hua$sort_obj, edit_current_page_meta_tags as $b8hua$edit_current_page_meta_tags, javascript_media_query as $b8hua$javascript_media_query, use_href_accessor as $b8hua$use_href_accessor, make_asyncIterable_exiter as $b8hua$make_asyncIterable_exiter, href_change_ipns as $b8hua$href_change_ipns, ContainedImage as $b8hua$ContainedImage, deparallelize_no_drop as $b8hua$deparallelize_no_drop, ListenableSet as $b8hua$ListenableSet, insert_surfaces as $b8hua$insert_surfaces } from "@depict-ai/utilishared/ES10";
-import { createComponent as $b8hua$createComponent, ssr as $b8hua$ssr, ssrHydrationKey as $b8hua$ssrHydrationKey, ssrStyle as $b8hua$ssrStyle, ssrElement as $b8hua$ssrElement, escape as $b8hua$escape, insert as $b8hua$insert, ssrAttribute as $b8hua$ssrAttribute, mergeProps as $b8hua$mergeProps, isServer as $b8hua$isServer, ssrClassList as $b8hua$ssrClassList, Dynamic as $b8hua$Dynamic } from "solid-js/web";
+import { createComponent as $b8hua$createComponent, ssr as $b8hua$ssr, ssrHydrationKey as $b8hua$ssrHydrationKey, ssrStyle as $b8hua$ssrStyle, ssrElement as $b8hua$ssrElement, mergeProps as $b8hua$mergeProps, escape as $b8hua$escape, insert as $b8hua$insert, ssrAttribute as $b8hua$ssrAttribute, isServer as $b8hua$isServer, ssrClassList as $b8hua$ssrClassList, Dynamic as $b8hua$Dynamic } from "solid-js/web";
 import { createSignal as $b8hua$createSignal, getOwner as $b8hua$getOwner, createEffect as $b8hua$createEffect, runWithOwner as $b8hua$runWithOwner, onCleanup as $b8hua$onCleanup, createMemo as $b8hua$createMemo, createContext as $b8hua$createContext, useContext as $b8hua$useContext, createResource as $b8hua$createResource, Suspense as $b8hua$Suspense, Show as $b8hua$Show, untrack as $b8hua$untrack, createRenderEffect as $b8hua$createRenderEffect, Index as $b8hua$Index, createRoot as $b8hua$createRoot, For as $b8hua$For, createUniqueId as $b8hua$createUniqueId, createComputed as $b8hua$createComputed, ErrorBoundary as $b8hua$ErrorBoundary, on as $b8hua$on, batch as $b8hua$batch, createReaction as $b8hua$createReaction, mapArray as $b8hua$mapArray, mergeProps as $b8hua$mergeProps1 } from "solid-js";
 import $b8hua$babelruntimehelpersclassPrivateFieldSet from "@babel/runtime/helpers/classPrivateFieldSet";
 import $b8hua$babelruntimehelpersclassPrivateFieldGet from "@babel/runtime/helpers/classPrivateFieldGet";
@@ -9,7 +9,7 @@ import { createStore as $b8hua$createStore, reconcile as $b8hua$reconcile } from
 /*! 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 = "2.1.0";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "2.1.1";
 const $2855bffe06ef7a03$var$fallback_operator = "in";
 const $2855bffe06ef7a03$var$fallback_token = "";
 const $2855bffe06ef7a03$var$legacy_filter_prefix = "filter_";
@@ -254,10 +254,10 @@ function $56047603f9d212b6$export$6e5611bc7e57e477(props) {
       srcset: srcset
     };
   });
-  return $b8hua$ssrElement("img", () => ({
-    ...otherOptions,
-    ...src_options(),
-    "sizes": props.size() + "px"
+  return $b8hua$ssrElement("img", $b8hua$mergeProps(otherOptions, src_options, {
+    get sizes() {
+      return props.size() + "px";
+    }
   }), undefined, true);
 }
 function $56047603f9d212b6$var$make_srcset(url, resolutions) {
@@ -700,9 +700,8 @@ const $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", () => ({
-    ...props.element_attributes,
-    "classList": {
+  const container_element_ = $b8hua$ssrElement("div", $b8hua$mergeProps(() => props.element_attributes, {
+    classList: {
       [container_class]: true
     }
   }), () => $b8hua$escape(props.children), true); // Don't want this in the error boundary below, it should only be for the actual layouting
@@ -942,7 +941,7 @@ function $d5d7e58c5c9d8db0$export$9574e176201e5e8d(props) {
     })));
   }, "RecommendationSlider failed");
 }
-const $e3efeb558d952696$var$_tmpl$ = ["<div", ' class="recommendation-grid"><!--#-->', "<!--/--><!--#-->", "<!--/--></div>"];
+const $e3efeb558d952696$var$_tmpl$ = ["<div", ' class="recommendation-grid"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"];
 function $e3efeb558d952696$export$7da560f849543dff(_ref) {
   let {
     recommendations_resource_: recommendations_resource_,
@@ -1172,12 +1171,11 @@ function $60ec7a29849d81db$export$a71e92cfbb498adc(props) {
 const $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", () => ({
-    ...props,
-    "xmlns": "http://www.w3.org/2000/svg",
-    "width": "21.064",
-    "height": "21.047",
-    "viewBox": "0 0 21.064 21.064"
+  return $b8hua$ssrElement("svg", $b8hua$mergeProps(props, {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "21.064",
+    height: "21.047",
+    viewBox: "0 0 21.064 21.064"
   }), () => $b8hua$ssr($9783d437ad61594c$var$_tmpl$), true);
 }
 
@@ -1189,9 +1187,9 @@ function $af5d8e0b7d97a7f6$export$325f75597868c4f0(stuff) {
   return stuff.toLowerCase();
 }
 const $4711a82d08d2021b$var$_tmpl$ = ["<button", ' class="clear-all-filters minor">', "</button>"],
-  $4711a82d08d2021b$var$_tmpl$2 = ["<div", ' class="inner"><span class="title"><!--#-->', "<!--/-->: </span><!--#-->", "<!--/--></div>"],
-  $4711a82d08d2021b$var$_tmpl$3 = ["<button", ' class="clear-filter major"><!--#-->', "<!--/--><span><!--#-->", "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--> – <!--#-->", "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--></span></button>"],
-  $4711a82d08d2021b$var$_tmpl$4 = ["<button", ' class="clear-filter major"><!--#-->', "<!--/--><span>", "</span></button>"];
+  $4711a82d08d2021b$var$_tmpl$2 = ["<div", ' class="inner"><span class="title"><!--$-->', "<!--/-->: </span><!--$-->", "<!--/--></div>"],
+  $4711a82d08d2021b$var$_tmpl$3 = ["<button", ' class="clear-filter major"><!--$-->', "<!--/--><span><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--> – <!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></span></button>"],
+  $4711a82d08d2021b$var$_tmpl$4 = ["<button", ' class="clear-filter major"><!--$-->', "<!--/--><span>", "</span></button>"];
 function $4711a82d08d2021b$export$fecbb157621501bd(_ref) {
   let {
     number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
@@ -1299,25 +1297,23 @@ function $4711a82d08d2021b$export$fecbb157621501bd(_ref) {
                           return ((_matching_filter2 = matching_filter()) === null || _matching_filter2 === void 0 ? void 0 : _matching_filter2.op) !== "inrange";
                         },
                         get fallback() {
-                          return (() => {
-                            number_of_rendered_selected_filters_items_[1](prev => prev + 1);
-                            $b8hua$onCleanup(() => number_of_rendered_selected_filters_items_[1](prev => prev - 1));
-                            return $b8hua$ssr($4711a82d08d2021b$var$_tmpl$3, $b8hua$ssrHydrationKey(), $b8hua$escape($b8hua$createComponent((0, $9783d437ad61594c$export$3b621d86b1566b2), {})), $b8hua$escape(price_formatting_().pre_), $b8hua$escape($b8hua$createComponent((0, $60ec7a29849d81db$export$a71e92cfbb498adc), {
-                              get price_() {
-                                return filter().data[0];
-                              },
-                              get price_formatting_() {
-                                return price_formatting_();
-                              }
-                            })), $b8hua$escape(price_formatting_().post_), $b8hua$escape(price_formatting_().pre_), $b8hua$escape($b8hua$createComponent((0, $60ec7a29849d81db$export$a71e92cfbb498adc), {
-                              get price_() {
-                                return filter().data[1];
-                              },
-                              get price_formatting_() {
-                                return price_formatting_();
-                              }
-                            })), $b8hua$escape(price_formatting_().post_));
-                          })();
+                          number_of_rendered_selected_filters_items_[1](prev => prev + 1);
+                          $b8hua$onCleanup(() => number_of_rendered_selected_filters_items_[1](prev => prev - 1));
+                          return $b8hua$ssr($4711a82d08d2021b$var$_tmpl$3, $b8hua$ssrHydrationKey(), $b8hua$escape($b8hua$createComponent((0, $9783d437ad61594c$export$3b621d86b1566b2), {})), $b8hua$escape(price_formatting_().pre_), $b8hua$escape($b8hua$createComponent((0, $60ec7a29849d81db$export$a71e92cfbb498adc), {
+                            get price_() {
+                              return filter().data[0];
+                            },
+                            get price_formatting_() {
+                              return price_formatting_();
+                            }
+                          })), $b8hua$escape(price_formatting_().post_), $b8hua$escape(price_formatting_().pre_), $b8hua$escape($b8hua$createComponent((0, $60ec7a29849d81db$export$a71e92cfbb498adc), {
+                            get price_() {
+                              return filter().data[1];
+                            },
+                            get price_formatting_() {
+                              return price_formatting_();
+                            }
+                          })), $b8hua$escape(price_formatting_().post_));
                         },
                         get children() {
                           return $b8hua$createComponent((0, $b8hua$Index), {
@@ -1406,7 +1402,7 @@ function $4711a82d08d2021b$export$fecbb157621501bd(_ref) {
   return outmost_element;
 }
 const $19e828709c7723a0$var$_tmpl$ = ["<span", ' class="count">', "</span>"],
-  $19e828709c7723a0$var$_tmpl$2 = ["<label", ' class="', '"', '><div class="left"><input type="checkbox"', "", "", '><span class="custom-indicator"></span><span class="text line-clamp">', "</span></div><!--#-->", "<!--/--></label>"];
+  $19e828709c7723a0$var$_tmpl$2 = ["<label", ' class="', '"', '><div class="left"><input type="checkbox"', "", "", '><span class="custom-indicator"></span><span class="text line-clamp">', "</span></div><!--$-->", "<!--/--></label>"];
 const $19e828709c7723a0$export$48513f6b9f8ce62d = props => {
   // It seems like there's no diffing without memos here (since we often just have computations in the getters above that update to the same result often because their dependencies change with unrelated changes often), so put memos here to avoid unneeded DOM changes
   const count = $b8hua$createMemo(() => props.count_);
@@ -1427,14 +1423,13 @@ const $19e828709c7723a0$export$48513f6b9f8ce62d = props => {
 };
 const $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", () => ({
-    ...props,
-    "xmlns": "http://www.w3.org/2000/svg",
-    "width": "11",
-    "height": "12"
+  return $b8hua$ssrElement("svg", $b8hua$mergeProps(props, {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "11",
+    height: "12"
   }), () => $b8hua$ssr($ff3225aef892a467$var$_tmpl$), true);
 }
-const $3e850b2f2cca761f$var$_tmpl$ = ["<button", ' type="button" class="', '"><!--#-->', "<!--/--><span>", "</span></button>"];
+const $3e850b2f2cca761f$var$_tmpl$ = ["<button", ' type="button" class="', '"><!--$-->', "<!--/--><span>", "</span></button>"];
 function $3e850b2f2cca761f$export$ca21a16d65b3dd8(_ref) {
   let {
     show_extras_: [get_show_extras, set_show_extras],
@@ -1442,7 +1437,7 @@ function $3e850b2f2cca761f$export$ca21a16d65b3dd8(_ref) {
   } = _ref;
   return $b8hua$ssr($3e850b2f2cca761f$var$_tmpl$, $b8hua$ssrHydrationKey(), "expand-filter ".concat(get_show_extras() ? "expanded" : ""), $b8hua$escape($b8hua$createComponent((0, $ff3225aef892a467$export$f21ab0717a89c77f), {})), get_show_extras() ? $b8hua$escape(i18n_.view_less_()) : $b8hua$escape(i18n_.view_more_()));
 }
-const $133484ef10e4e954$var$_tmpl$ = ["<form", ' class="checkboxes"><!--#-->', "<!--/--><!--#-->", "<!--/--></form>"];
+const $133484ef10e4e954$var$_tmpl$ = ["<form", ' class="checkboxes"><!--$-->', "<!--/--><!--$-->", "<!--/--></form>"];
 const $133484ef10e4e954$var$max_visible_without_collapsing = 15;
 const $133484ef10e4e954$var$show_non_collapsible_when_collapsed = 4;
 function $133484ef10e4e954$export$dd948f91abc3a1c4(_ref) {
@@ -1549,7 +1544,7 @@ function $133484ef10e4e954$export$dd948f91abc3a1c4(_ref) {
 }
 const $b54fc842e721c9eb$var$_tmpl$ = ["<form", ' class="radios">', "</form>"],
   $b54fc842e721c9eb$var$_tmpl$2 = ["<span", ' class="count">', "</span>"],
-  $b54fc842e721c9eb$var$_tmpl$3 = ["<label", ' class="', '"', '><div class="left"><input type="radio"', "", '><span class="custom-indicator"></span><!--#-->', "<!--/--></div><!--#-->", "<!--/--></label>"];
+  $b54fc842e721c9eb$var$_tmpl$3 = ["<label", ' class="', '"', '><div class="left"><input type="radio"', "", '><span class="custom-indicator"></span><!--$-->', "<!--/--></div><!--$-->", "<!--/--></label>"];
 function $b54fc842e721c9eb$export$430444115f70a734(_ref) {
   let {
     selected_filters_: selected_filters_,
@@ -1602,7 +1597,7 @@ function $b54fc842e721c9eb$export$430444115f70a734(_ref) {
     }
   })));
 }
-const $1e7465a8ffa97f6c$var$_tmpl$ = ["<div", ' class="', '"><div class="input-group"><div class="field"><input', ' type="number"', '></div><div class="separator">-</div><div class="field"><input', ' type="number"', "></div></div><!--#-->", '<!--/--><div class="value-text"><span class="min"><!--#-->', "<!--/--><!--#-->", "<!--/--><!--#-->", '<!--/--></span><span class="max"><!--#-->', "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--></span></div></div>"],
+const $1e7465a8ffa97f6c$var$_tmpl$ = ["<div", ' class="', '"><div class="input-group"><div class="field"><input', ' type="number"', '></div><div class="separator">-</div><div class="field"><input', ' type="number"', "></div></div><!--$-->", '<!--/--><div class="value-text"><span class="min"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", '<!--/--></span><span class="max"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></span></div></div>"],
   $1e7465a8ffa97f6c$var$_tmpl$2 = ["<div", ' class="slider"><div class="progress" style="', '"></div></div>'],
   $1e7465a8ffa97f6c$var$_tmpl$3 = ["<div", ' class="range-group"><input', ' type="range"', ' step="any"><input', ' type="range"', ' step="any"></div>'];
 function $1e7465a8ffa97f6c$export$e0d834a0ad870cda(_ref) {
@@ -1840,10 +1835,10 @@ function $457279ff15864cb9$export$e5c2828934226505(_ref) {
   });
   return outer_div;
 }
-const $0ae614c5c7babb43$var$_tmpl$ = ["<form", ' class="', '"><!--#-->', "<!--/--><!--#-->", "<!--/--></form>"],
-  $0ae614c5c7babb43$var$_tmpl$2 = ["<div", ' class="', '"><!--#-->', "<!--/--><!--#-->", "<!--/--></div>"],
+const $0ae614c5c7babb43$var$_tmpl$ = ["<form", ' class="', '"><!--$-->', "<!--/--><!--$-->", "<!--/--></form>"],
+  $0ae614c5c7babb43$var$_tmpl$2 = ["<div", ' class="', '"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"],
   $0ae614c5c7babb43$var$_tmpl$3 = ["<details", "></details>"],
-  $0ae614c5c7babb43$var$_tmpl$4 = ["<summary", ' class="category-parent"><div class="summary"><span class="', '">', "</span><!--#-->", "<!--/--></div></summary>"];
+  $0ae614c5c7babb43$var$_tmpl$4 = ["<summary", ' class="category-parent"><div class="summary"><span class="', '">', "</span><!--$-->", "<!--/--></div></summary>"];
 const $0ae614c5c7babb43$var$max_visible_without_collapsing = 15;
 const $0ae614c5c7babb43$var$show_non_collapsible_when_collapsed = 4;
 function $0ae614c5c7babb43$export$a32086fa6616eafd(_ref) {
@@ -2354,15 +2349,18 @@ const $830ea8efda59884e$export$414f6a19d38e655c = _ref => {
             const current_value = $af5d8e0b7d97a7f6$export$325f75597868c4f0(value().value_);
             return !!(data !== null && data !== void 0 && data.some(item => $af5d8e0b7d97a7f6$export$325f75597868c4f0(item) === current_value));
           });
-          const MakeButton = attributes => $b8hua$ssrElement("button", () => ({
-            ...attributes,
-            "disabled": value().count_ === 0 && !is_selected(),
-            "classList": {
-              minor: !is_selected(),
-              major: is_selected(),
-              "major-minor-transition": true
+          const MakeButton = attributes => $b8hua$ssrElement("button", $b8hua$mergeProps(attributes, {
+            get disabled() {
+              return value().count_ === 0 && !is_selected();
+            },
+            get classList() {
+              return {
+                minor: !is_selected(),
+                major: is_selected(),
+                "major-minor-transition": true
+              };
             }
-          }), () => ["<!--#-->", $b8hua$escape(value().value_), "<!--/-->", "<!--#-->", $b8hua$escape($b8hua$createComponent((0, $b8hua$Show), {
+          }), () => ["<!--$-->", $b8hua$escape(value().value_), "<!--/-->", "<!--$-->", $b8hua$escape($b8hua$createComponent((0, $b8hua$Show), {
             get when() {
               return value().count_ != undefined;
             },
@@ -2451,7 +2449,7 @@ function $830ea8efda59884e$var$adjust_sizes(container_width, sizes, set_cols_at_
     overrides: column_to_row_result
   }]]);
 }
-const $2cb856c297c53e6c$var$_tmpl$ = ["<form", ' class="checkbox-color"><!--#-->', "<!--/--><!--#-->", "<!--/--></form>"];
+const $2cb856c297c53e6c$var$_tmpl$ = ["<form", ' class="checkbox-color"><!--$-->', "<!--/--><!--$-->", "<!--/--></form>"];
 const $2cb856c297c53e6c$var$max_visible_without_collapsing = 30;
 const $2cb856c297c53e6c$var$show_non_collapsible_when_collapsed = 8;
 function $2cb856c297c53e6c$export$82ed4b28ecb67608(_ref) {
@@ -2615,14 +2613,13 @@ var $d2988f745661df9c$export$2e2bcd8739ae039 = {
 const $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", () => ({
-    "xmlns": "http://www.w3.org/2000/svg",
-    "width": "16.8",
-    "height": "14",
-    ...props
-  }), () => $b8hua$ssr($905f44be08b7378e$var$_tmpl$), true);
-}
-const $d0ff304c14f50521$var$_tmpl$ = ["<span", ' class="show-selected" aria-hidden="true"><span>', "</span><!--#-->", "<!--/--></span>"];
+  return $b8hua$ssrElement("svg", $b8hua$mergeProps({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16.8",
+    height: "14"
+  }, props), () => $b8hua$ssr($905f44be08b7378e$var$_tmpl$), true);
+}
+const $d0ff304c14f50521$var$_tmpl$ = ["<span", ' class="show-selected" aria-hidden="true"><span>', "</span><!--$-->", "<!--/--></span>"];
 function $d0ff304c14f50521$export$53c59af873b303c9(_ref) {
   let {
     selected_filters_in_group_: selected_filters_in_group_,
@@ -2769,11 +2766,11 @@ function $ceafb6fb91c6f394$export$89c6019e4baa40b1(props) {
   });
 }
 const $f6b0500577e1b210$var$_tmpl$ = ["<div", ' class="filter-collapsible">', "</div>"],
-  $f6b0500577e1b210$var$_tmpl$2 = ["<button", ' class="clear-group"><!--#-->', "<!--/--><span>", "</span></button>"],
-  $f6b0500577e1b210$var$_tmpl$3 = ["<div", ' class="view-more-clear"><!--#-->', "<!--/--><!--#-->", "<!--/--></div>"],
-  $f6b0500577e1b210$var$_tmpl$4 = ["<div", ' class="filter-collapsible-body"><div class="filter-part">', "</div><!--#-->", "<!--/--></div>"],
+  $f6b0500577e1b210$var$_tmpl$2 = ["<button", ' class="clear-group"><!--$-->', "<!--/--><span>", "</span></button>"],
+  $f6b0500577e1b210$var$_tmpl$3 = ["<div", ' class="view-more-clear"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"],
+  $f6b0500577e1b210$var$_tmpl$4 = ["<div", ' class="filter-collapsible-body"><div class="filter-part">', "</div><!--$-->", "<!--/--></div>"],
   $f6b0500577e1b210$var$_tmpl$5 = ["<details", ' class="filter-collapsible"', "></details>"],
-  $f6b0500577e1b210$var$_tmpl$6 = ["<summary", ' class="filter-group-summary"><div class="summary"><span>', '</span><div class="selected-w-sign"><!--#-->', "<!--/--><!--#-->", "<!--/--></div></div></summary>"],
+  $f6b0500577e1b210$var$_tmpl$6 = ["<summary", ' class="filter-group-summary"><div class="summary"><span>', '</span><div class="selected-w-sign"><!--$-->', "<!--/--><!--$-->", "<!--/--></div></div></summary>"],
   $f6b0500577e1b210$var$_tmpl$7 = ["<div", ' class="ungrouped">', "</div>"],
   $f6b0500577e1b210$var$_tmpl$8 = ["<button", ' class="clear-all-filters major">', "</button>"];
 function $f6b0500577e1b210$export$3f1a388cc0d8fed7(props) {
@@ -3732,7 +3729,7 @@ function $33e7d1906c93db7d$export$205efb947c7ffd78(handler) {
     $b8hua$onCleanup(() => removeEventListener(event, catchified_handler));
   }
 }
-const $b69740fc6de9f17e$var$_tmpl$ = ["<div", ' class="scroll-status" style="display:none"><span class="text"><b>', "</b> – <b>", "</b> <!--#-->", "<!--/--> <b>", "</b></span></div>"];
+const $b69740fc6de9f17e$var$_tmpl$ = ["<div", ' class="scroll-status" style="display:none"><span class="text"><b>', "</b> – <b>", "</b> <!--$-->", "<!--/--> <b>", "</b></span></div>"];
 function $b69740fc6de9f17e$export$83fd5de5504a7a67(_ref) {
   let {
     formatted_number_of_results_: formatted_number_of_results_,
@@ -3853,7 +3850,7 @@ function $b69740fc6de9f17e$export$83fd5de5504a7a67(_ref) {
   })), $b8hua$escape(of_()), $b8hua$escape(count_to_show()));
 }
 const $94af29837186eb21$var$_tmpl$ = ["<a", ' class="hint" href="javascript:void(0)">', "</a>"],
-  $94af29837186eb21$var$_tmpl$2 = ["<div", ' class="no-results"><div class="text">', "</div><!--#-->", "<!--/--></div>"];
+  $94af29837186eb21$var$_tmpl$2 = ["<div", ' class="no-results"><div class="text">', "</div><!--$-->", "<!--/--></div>"];
 function $94af29837186eb21$export$ef6006467f04ee41(_ref) {
   let {
     i18n_: i18n_,
@@ -4072,9 +4069,8 @@ const $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", () => ({
-    ...props.element_attributes,
-    "classList": {
+  const container_element_ = $b8hua$ssrElement("div", $b8hua$mergeProps(() => props.element_attributes, {
+    classList: {
       [container_class]: true
     }
   }), () => $b8hua$escape(props.children), true); // Don't want this in the error boundary below, it should only be for the actual layouting
@@ -4255,8 +4251,11 @@ function $ff7feae4dddd6073$export$791ef57e62e21c3f(_ref) {
       return;
     }
     const capped_value = incoming_value.slice(0, showing_rows()); // Don't show more content blocks than we have rows
-    set_content_blocks($b8hua$reconcile(capped_value));
+    set_content_blocks($b8hua$reconcile(capped_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
@@ -4396,7 +4395,7 @@ function $ff7feae4dddd6073$var$RenderContent(props) {
     children: resource
   });
 }
-const $7faea0096f14b59b$var$_tmpl$ = ["<div", ' class="', '"><!--#-->', "<!--/--><!--#-->", "<!--/--></div>"];
+const $7faea0096f14b59b$var$_tmpl$ = ["<div", ' class="', '"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"];
 function $7faea0096f14b59b$export$3925f87b1545cfc6(_ref) {
   let {
     plp_results_: plp_results_,
@@ -4516,20 +4515,18 @@ function $7faea0096f14b59b$export$3925f87b1545cfc6(_ref) {
           */
           const product_cards_when_data = $b8hua$createComponent((0, $b8hua$Suspense), {
             get fallback() {
-              return (() => {
-                fallback_is_alive = true;
-                $b8hua$onCleanup(block_suspense_if_needed); // Block suspense after initial run every time after we fetch
-                set_product_card_suspense_is_in_fallback(true); // Here for the content block code that needs to know how many items we're displaying
-                $b8hua$onCleanup(() => set_product_card_suspense_is_in_fallback(false));
-                return $b8hua$createMemo(() => {
-                  // We need to be able to block the suspense since when async product cards are *rendering* we want to show the placeholders on initial load but not when loading more
-                  // In future we could have individual suspense's for each product card, but that's too much for now
-                  if (get_suspense_is_blocked()) return suspense_contents;
-                  set_should_have_placeholders_rendered(true); // just in case
-                  $b8hua$onCleanup(() => set_should_have_placeholders_rendered(false));
-                  return rendered_placeholders; // I lifted the placeholders into the memo since we don't want to re-render them when switching from <Show> to <Suspense>
-                });
-              })();
+              fallback_is_alive = true;
+              $b8hua$onCleanup(block_suspense_if_needed); // Block suspense after initial run every time after we fetch
+              set_product_card_suspense_is_in_fallback(true); // Here for the content block code that needs to know how many items we're displaying
+              $b8hua$onCleanup(() => set_product_card_suspense_is_in_fallback(false));
+              return $b8hua$createMemo(() => {
+                // We need to be able to block the suspense since when async product cards are *rendering* we want to show the placeholders on initial load but not when loading more
+                // In future we could have individual suspense's for each product card, but that's too much for now
+                if (get_suspense_is_blocked()) return suspense_contents;
+                set_should_have_placeholders_rendered(true); // just in case
+                $b8hua$onCleanup(() => set_should_have_placeholders_rendered(false));
+                return rendered_placeholders; // I lifted the placeholders into the memo since we don't want to re-render them when switching from <Show> to <Suspense>
+              });
             },
 
             get children() {
@@ -4613,8 +4610,8 @@ function $7faea0096f14b59b$export$3925f87b1545cfc6(_ref) {
 }
 const $cfdbd124dd09d713$var$_tmpl$ = ["<div", ' class="sorting-attributes">', "</div>"],
   $cfdbd124dd09d713$var$_tmpl$2 = ["<div", ' class="sorting-direction">', "</div>"],
-  $cfdbd124dd09d713$var$_tmpl$3 = ["<div", '><div class="input-row"><input type="radio"', '><span class="custom-indicator"></span><!--#-->', "<!--/--></div></div>"],
-  $cfdbd124dd09d713$var$_tmpl$4 = ["<div", '><label class="input-row"><input type="radio"', "", '><span class="custom-indicator"></span><!--#-->', "<!--/--></label></div>"];
+  $cfdbd124dd09d713$var$_tmpl$3 = ["<div", '><div class="input-row"><input type="radio"', '><span class="custom-indicator"></span><!--$-->', "<!--/--></div></div>"],
+  $cfdbd124dd09d713$var$_tmpl$4 = ["<div", '><label class="input-row"><input type="radio"', "", '><span class="custom-indicator"></span><!--$-->', "<!--/--></label></div>"];
 function $cfdbd124dd09d713$export$1f1775a58da589b5(_ref) {
   let {
     available_sortings_: available_sortings_,
@@ -4722,24 +4719,22 @@ const $79af35736fe8e5c8$var$_tmpl$ = '<path d="M6.199 10.254a.35.35 0 0 0-.496 0
   $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", () => ({
-    "xmlns": "http://www.w3.org/2000/svg",
-    "width": "14",
-    "height": "14",
-    "class": "sort-icon",
-    ...props
-  }), () => [$b8hua$ssr($79af35736fe8e5c8$var$_tmpl$), $b8hua$ssr($79af35736fe8e5c8$var$_tmpl$2)], true);
+  return $b8hua$ssrElement("svg", $b8hua$mergeProps({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "14",
+    height: "14",
+    "class": "sort-icon"
+  }, props), () => [$b8hua$ssr($79af35736fe8e5c8$var$_tmpl$), $b8hua$ssr($79af35736fe8e5c8$var$_tmpl$2)], true);
 }
 const $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", () => ({
-    "xmlns": "http://www.w3.org/2000/svg",
-    "width": "14",
-    "height": "14",
-    "class": "sort-icon",
-    ...props
-  }), () => $b8hua$ssr($73e3c96bc365e0e9$var$_tmpl$), true);
+  return $b8hua$ssrElement("svg", $b8hua$mergeProps({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "14",
+    height: "14",
+    "class": "sort-icon"
+  }, props), () => $b8hua$ssr($73e3c96bc365e0e9$var$_tmpl$), true);
 }
 const $05f67356defcdd65$var$_tmpl$ = ["<svg", ' xmlns="http://www.w3.org/2000/svg" width="14" height="15" class="filter-icon"><path d="M1.75 14.697c-.096 0-.178-.034-.246-.103s-.103-.15-.103-.246V8.75c0-.096.034-.178.103-.246s.15-.103.246-.103.178.034.246.103.103.15.103.246v5.599c0 .096-.034.178-.103.246s-.15.103-.246.103zm0-9.796c-.096 0-.178-.034-.246-.103s-.103-.15-.103-.246v-3.5c0-.1.034-.185.103-.253s.15-.103.246-.103.178.034.246.103.103.153.103.253v3.5c0 .096-.034.178-.103.246s-.15.103-.246.103zm.697 2.796H1.053c-.292 0-.54-.103-.745-.308S0 6.938 0 6.651s.103-.54.308-.745.453-.308.745-.308h1.395c.292 0 .54.103.745.308s.308.453.308.745-.103.533-.308.738-.453.308-.745.308zM1.053 6.303c-.1 0-.185.034-.253.103s-.103.15-.103.246.034.178.103.246S.952 7 1.053 7h1.395c.1 0 .185-.034.253-.103s.103-.15.103-.246-.034-.178-.103-.246-.153-.103-.253-.103H1.053zm5.599 8.395c-.096 0-.178-.034-.246-.103s-.103-.15-.103-.246v-2.796c0-.1.034-.184.103-.253s.15-.102.246-.102.178.034.246.102.103.153.103.253v2.796c0 .096-.034.178-.103.246s-.15.103-.246.103zm0-7c-.096 0-.178-.034-.246-.103s-.103-.15-.103-.246V1.053c0-.1.034-.185.103-.253s.15-.103.246-.103.178.034.246.103S7 .952 7 1.053v6.296c0 .096-.034.178-.103.246s-.15.103-.246.103zm.697 2.803H5.947c-.287 0-.533-.102-.738-.308s-.308-.453-.308-.745.103-.533.308-.738.451-.308.738-.308h1.401c.292 0 .54.103.745.308s.308.451.308.738-.103.54-.308.745-.453.308-.745.308zM5.947 9.099c-.096 0-.178.034-.246.103s-.103.15-.103.246.034.185.103.253.15.103.246.103h1.401c.096 0 .178-.034.246-.103s.103-.153.103-.253-.034-.178-.103-.246-.15-.103-.246-.103H5.947zm5.605 5.599c-.1 0-.184-.034-.253-.103s-.102-.15-.102-.246v-7c0-.096.034-.178.102-.246S11.453 7 11.553 7s.178.034.246.103.103.15.103.246v7c0 .096-.034.178-.103.246s-.15.103-.246.103zm0-11.197c-.1 0-.184-.034-.253-.103s-.102-.15-.102-.246V1.053c0-.1.034-.185.102-.253s.153-.103.253-.103.178.034.246.103.103.153.103.253v2.099c0 .096-.034.178-.103.246s-.15.103-.246.103zm.697 2.803h-1.401c-.287 0-.533-.103-.738-.308s-.308-.453-.308-.745.103-.54.308-.745.451-.308.738-.308h1.401c.292 0 .54.103.745.308s.308.453.308.745-.102.54-.308.745-.453.308-.745.308zm-1.401-1.401c-.096 0-.178.034-.246.103s-.102.15-.102.246.034.178.102.246.15.103.246.103h1.401c.096 0 .178-.034.246-.103s.102-.15.102-.246-.034-.178-.102-.246-.15-.103-.246-.103h-1.401z"></path></svg>'];
 function $05f67356defcdd65$export$28f6150e232898de() {
@@ -4755,9 +4750,9 @@ function $6fcb97029a69ec44$export$50f68cc9882e36a4(args_for_filtering) {
   return ((_args_for_filtering$a = args_for_filtering.available_filters_()) === null || _args_for_filtering$a === void 0 ? void 0 : _args_for_filtering$a.length) === 0 && !((_args_for_filtering$s = args_for_filtering.selected_filters_[0]()) !== null && _args_for_filtering$s !== void 0 && _args_for_filtering$s.length);
 }
 const $082c4ed3e22f8d71$var$_tmpl$ = ["<button", ' class="clear minor">', "</button>"],
-  $082c4ed3e22f8d71$var$_tmpl$2 = ["<div", ' class="depict plp" id="depict-filter-sort-mobile-modal-container"><div class="depict-filter-sort-modal-backdrop"></div><button class="dismiss-modal"', ">", '</button><div class="filter-sort-modal"><div class="body" style="', '"><!--#-->', "<!--/--><!--#-->", '<!--/--></div><div class="bottom-row"><!--#-->', '<!--/--><button class="show-results major">', "</button></div></div></div>"],
+  $082c4ed3e22f8d71$var$_tmpl$2 = ["<div", ' class="depict plp" id="depict-filter-sort-mobile-modal-container"><div class="depict-filter-sort-modal-backdrop"></div><button class="dismiss-modal"', ">", '</button><div class="filter-sort-modal"><div class="body" style="', '"><!--$-->', "<!--/--><!--$-->", '<!--/--></div><div class="bottom-row"><!--$-->', '<!--/--><button class="show-results major">', "</button></div></div></div>"],
   $082c4ed3e22f8d71$var$_tmpl$3 = ["<details", ' class="sorting"></details>'],
-  $082c4ed3e22f8d71$var$_tmpl$4 = ["<summary", ' class="sort-filter-summary"><div class="summary"><div class="left-els"><!--#-->', "<!--/--><span>", "</span></div><!--#-->", "<!--/--></div></summary>"],
+  $082c4ed3e22f8d71$var$_tmpl$4 = ["<summary", ' class="sort-filter-summary"><div class="summary"><div class="left-els"><!--$-->', "<!--/--><span>", "</span></div><!--$-->", "<!--/--></div></summary>"],
   $082c4ed3e22f8d71$var$_tmpl$5 = ["<div", ' class="body">', "</div>"],
   $082c4ed3e22f8d71$var$_tmpl$6 = ["<details", ' class="filters"></details>'],
   $082c4ed3e22f8d71$var$_tmpl$7 = ["<b", ">", "</b>"];
@@ -4872,10 +4867,10 @@ function $bce10e104a1dd893$export$cb808a3c41736d8e() {
 }
 const $7396052a1484264f$var$_tmpl$ = ["<div", ' class="filters"><div class="body">', "</div></div>"],
   $7396052a1484264f$var$_tmpl$2 = ["<div", ' class="sorting"><div class="body">', "</div></div>"],
-  $7396052a1484264f$var$_tmpl$3 = ["<div", ' class="sort-and-filter-buttons"><div class="outer"><div class="inner"><!--#-->', "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--></div></div></div>"],
+  $7396052a1484264f$var$_tmpl$3 = ["<div", ' class="sort-and-filter-buttons"><div class="outer"><div class="inner"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></div></div></div>"],
   $7396052a1484264f$var$_tmpl$4 = ["<span", ' class="num-filters" style="', '">', "</span>"],
-  $7396052a1484264f$var$_tmpl$5 = ["<div", ' class="open-filters-button-container" style="', '"><!--#-->', "<!--/--><button", ' class="', '" type="button"', ' style="', '"><!--#-->', "<!--/--><span>", "</span></button></div>"],
-  $7396052a1484264f$var$_tmpl$6 = ["<button", ' class="', '"', ' style="', '"><span>', "</span><!--#-->", "<!--/--></button>"];
+  $7396052a1484264f$var$_tmpl$5 = ["<div", ' class="open-filters-button-container" style="', '"><!--$-->', "<!--/--><button", ' class="', '" type="button"', ' style="', '"><!--$-->', "<!--/--><span>", "</span></button></div>"],
+  $7396052a1484264f$var$_tmpl$6 = ["<button", ' class="', '"', ' style="', '"><span>', "</span><!--$-->", "<!--/--></button>"];
 function $7396052a1484264f$export$d7841e452f2e59a8(_ref) {
   let {
     current_sorting_: current_sorting_,
@@ -5855,10 +5850,10 @@ function $3a2bed57c9a57e21$export$d31a1a1a83ad9413(plp_results_, _ref) {
       set_selected_filters(new_filters);
   });
 }
-const $4b4b262708b516ee$var$_tmpl$ = ["<div", ' class="product-count"><!--#-->', "<!--/--> <!--#-->", "<!--/--></div>"],
+const $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>"],
-  $4b4b262708b516ee$var$_tmpl$4 = ["<div", ' class="depict plp category"><div class="listing-page"><!--#-->', "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--></div><!--#-->", "<!--/--><!--#-->", "<!--/--></div>"];
+  $4b4b262708b516ee$var$_tmpl$3 = ["<div", ' class="filter-results-for-one-row"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"],
+  $4b4b262708b516ee$var$_tmpl$4 = ["<div", ' class="depict plp category"><div class="listing-page"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></div><!--$-->", "<!--/--><!--$-->", "<!--/--></div>"];
 function $4b4b262708b516ee$export$f7d2f673fc2f091d(_ref) {
   var _on_filters_construct;
   let {
@@ -6838,7 +6833,7 @@ function $f5f54892fd0c7d9f$var$get_shared_properties(depict_category) {
   if (!shared_properties) throw new Error("Can't connect to provided DepictCategory instance");
   return shared_properties;
 }
-const $fa332ea03168857c$var$_tmpl$ = ["<div", ' class="category-title"><h1 class="title">', '</h1><span class="explanation"> — <!--#-->', "<!--/--></span></div>"];
+const $fa332ea03168857c$var$_tmpl$ = ["<div", ' class="category-title"><h1 class="title">', '</h1><span class="explanation"> — <!--$-->', "<!--/--></span></div>"];
 const $fa332ea03168857c$export$b91cec6bdc6b32a1 = /*@__PURE__*/(() => {
   const actual_function = _ref => {
     let {
@@ -6854,7 +6849,7 @@ const $fa332ea03168857c$export$b91cec6bdc6b32a1 = /*@__PURE__*/(() => {
   actual_function[(0, $ec8a6e10026dcff9$export$5c28802497c8a83c)] = "simple";
   return actual_function;
 })();
-const $702d7656a373973e$var$_tmpl$ = ["<div", ' class="sort-and-filter-buttons fake" aria-hidden="true" style="position:absolute;z-index:-1;pointer-events:none;opacity:0"><div class="outer"><div class="inner"><!--#-->', "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--></div></div></div>"];
+const $702d7656a373973e$var$_tmpl$ = ["<div", ' class="sort-and-filter-buttons fake" aria-hidden="true" style="position:absolute;z-index:-1;pointer-events:none;opacity:0"><div class="outer"><div class="inner"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></div></div></div>"];
 const $702d7656a373973e$export$824dde41348efed1 = /*@__PURE__*/(() => {
   const actual_function = _ref => {
     let {
@@ -7015,7 +7010,7 @@ function $5eaa00b951637e96$export$ee1733d9a8495996() {
   })));
 }
 const $dea31647b99a443b$var$_tmpl$ = ["<span", ' class="parent-title">', "</span>"],
-  $dea31647b99a443b$var$_tmpl$2 = ["<a", ' class="category-suggestion"', '><span class="title">', "</span><!--#-->", "<!--/--></a>"];
+  $dea31647b99a443b$var$_tmpl$2 = ["<a", ' class="category-suggestion"', '><span class="title">', "</span><!--$-->", "<!--/--></a>"];
 function $dea31647b99a443b$export$d757d54550ebfb3d(_ref) {
   let {
     category_suggestion_: category_suggestion_,
@@ -7037,15 +7032,14 @@ function $ecc323d9c29305ee$export$1c641004b5485fed() {
 const $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", () => ({
-    ...props,
-    "xmlns": "http://www.w3.org/2000/svg",
-    "width": "20",
-    "height": "22"
+  return $b8hua$ssrElement("svg", $b8hua$mergeProps(props, {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "20",
+    height: "22"
   }), () => $b8hua$ssr($ef0f18a578b32578$var$_tmpl$), true);
 }
 const $584c06c09cf4609d$var$_tmpl$ = ["<button", ' class="back" type="button"', ">", "</button>"],
-  $584c06c09cf4609d$var$_tmpl$2 = ["<div", ' class="search-field"><!--#-->', '<!--/--><div class="field"><input class="', '" tabindex="0"', '><button type="button" class="clear"', ' style="', '">', '</button></div><button class="submit major" type="button"', ">", "</button></div>"];
+  $584c06c09cf4609d$var$_tmpl$2 = ["<div", ' class="search-field"><!--$-->', '<!--/--><div class="field"><input class="', '" tabindex="0"', '><button type="button" class="clear"', ' style="', '">', '</button></div><button class="submit major" type="button"', ">", "</button></div>"];
 function $584c06c09cf4609d$export$b94867ecbd698f21(_ref) {
   let {
     search_field_value_: search_field_value_,
@@ -7077,7 +7071,7 @@ function $584c06c09cf4609d$export$b94867ecbd698f21(_ref) {
     }
   })), "query ".concat(!!on_back_ ? "has-adjacent-back-button" : ""), $b8hua$ssrAttribute("aria-label", $b8hua$escape(i18n_.search_field_field_aria_label_(), true), false) + $b8hua$ssrAttribute("value", $b8hua$escape(search_field_value_[0](), true), false) + $b8hua$ssrAttribute("placeholder", $b8hua$escape(i18n_.placeholder_text_(), true), false), $b8hua$ssrAttribute("title", $b8hua$escape(i18n_.clear_filters_query_sorting_after_submit_(), true), false), $b8hua$ssrStyle($b8hua$createMemo(() => search_field_value_[0]() ? "" : "display: none")()), $b8hua$escape($b8hua$createComponent((0, $9783d437ad61594c$export$3b621d86b1566b2), {})), $b8hua$ssrAttribute("aria-label", $b8hua$escape(i18n_.search_submit_button_aria_label_(), true), false), $b8hua$escape($b8hua$createComponent((0, $ef0f18a578b32578$export$82eafebb825fc23f), {})));
 }
-const $8ef6232475d44150$var$_tmpl$ = ["<div", ' class="search-recs"><h3 class="search-recs-title">', "</h3><!--#-->", "<!--/--><!--#-->", "<!--/--></div>"],
+const $8ef6232475d44150$var$_tmpl$ = ["<div", ' class="search-recs"><h3 class="search-recs-title">', "</h3><!--$-->", "<!--/--><!--$-->", "<!--/--></div>"],
   $8ef6232475d44150$var$_tmpl$2 = ["<button", ' class="show-more major" type="button">', "</button>"];
 const $8ef6232475d44150$export$1c8c715550dc689d = 2;
 function $8ef6232475d44150$export$7de92c4c2205ebf3(_ref) {
@@ -7319,8 +7313,8 @@ async function $86b0ff0c85e5fc6c$export$e16630ecb9644a1c(_ref) {
 const $b65f93acbf91da56$export$27b710c08412a7ad = obj => {
   return Object.fromEntries(Object.keys(obj).map(key => [key, obj[key]()]));
 };
-const $9a693c7e832d3f18$var$_tmpl$ = ["<span", ' class="orig price"><!--#-->', "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--></span>"],
-  $9a693c7e832d3f18$var$_tmpl$2 = ["<a", ' class="instant-card"', '><div class="img-part">', '</div><div class="right-part"><div class="title-brand-tagline"><span class="brand">', '</span><span class="title line-clamp">', "</span><!--#-->", '<!--/--></div><div class="price-container"><!--#-->', '<!--/--><span class="', '"><!--#-->', "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--></span></div></div></a>"],
+const $9a693c7e832d3f18$var$_tmpl$ = ["<span", ' class="orig price"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></span>"],
+  $9a693c7e832d3f18$var$_tmpl$2 = ["<a", ' class="instant-card"', '><div class="img-part">', '</div><div class="right-part"><div class="title-brand-tagline"><span class="brand">', '</span><span class="title line-clamp">', "</span><!--$-->", '<!--/--></div><div class="price-container"><!--$-->', '<!--/--><span class="', '"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></span></div></div></a>"],
   $9a693c7e832d3f18$var$_tmpl$3 = ["<div", ' class="tagline">', "</div>"];
 const $9a693c7e832d3f18$export$b05c0ae390cf3e06 = (display_or_variant_container, _ref, router_) => {
   let {
@@ -7504,7 +7498,7 @@ function $6d95ef50ee01d5a1$export$5d2caaa6b530761c() {
   return $b8hua$ssr($6d95ef50ee01d5a1$var$_tmpl$, $b8hua$ssrHydrationKey());
 }
 const $494c9ad553139dbc$var$_tmpl$ = ["<div", ' class="previous-searches"><h2 class="text">', '</h2><div class="list">', "</div></div>"],
-  $494c9ad553139dbc$var$_tmpl$2 = ["<a", ' class="', '"', '><div class="left"><!--#-->', '<!--/--><span class="line-clamp"', ">", '</span></div><button class="delete"', ">", "</button></a>"];
+  $494c9ad553139dbc$var$_tmpl$2 = ["<a", ' class="', '"', '><div class="left"><!--$-->', '<!--/--><span class="line-clamp"', ">", '</span></div><button class="delete"', ">", "</button></a>"];
 function $494c9ad553139dbc$export$a146ac6fa8346a25(_ref) {
   let {
     text_: text_,
@@ -7611,23 +7605,22 @@ function $02b6641aa50ce528$export$ba17c5b7e6dda39f(_ref) {
 const $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", () => ({
-    "xmlns": "http://www.w3.org/2000/svg",
-    "width": "32",
-    "height": "32",
-    "viewBox": "0 0 256 256",
-    ...props
-  }), () => $b8hua$ssr($3c5e15c6ee4227a9$var$_tmpl$), true);
+  return $b8hua$ssrElement("svg", $b8hua$mergeProps({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "32",
+    height: "32",
+    viewBox: "0 0 256 256"
+  }, props), () => $b8hua$ssr($3c5e15c6ee4227a9$var$_tmpl$), true);
 }
 const $40dd3f46f55d62ba$var$_tmpl$ = ["<a", ' class="', '"', ">", "</a>"],
   $40dd3f46f55d62ba$var$_tmpl$2 = ["<div", ' class="search-icon">', "</div>"],
   $40dd3f46f55d62ba$var$_tmpl$3 = ["<span", ' class="type">', "</span>"],
-  $40dd3f46f55d62ba$var$_tmpl$4 = ["<div", ' class="with-parent-title"><!--#-->', '<!--/--><span class="value line-clamp">', "</span></div>"],
-  $40dd3f46f55d62ba$var$_tmpl$5 = ["<div", ' class="with-icon"><!--#-->', "<!--/--><!--#-->", "<!--/--></div>"],
+  $40dd3f46f55d62ba$var$_tmpl$4 = ["<div", ' class="with-parent-title"><!--$-->', '<!--/--><span class="value line-clamp">', "</span></div>"],
+  $40dd3f46f55d62ba$var$_tmpl$5 = ["<div", ' class="with-icon"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"],
   $40dd3f46f55d62ba$var$_tmpl$6 = ["<h2", ' class="text">', "</h2>"],
-  $40dd3f46f55d62ba$var$_tmpl$7 = ["<div", ' class="suggestion-container query"><!--#-->', "<!--/--><!--#-->", "<!--/--></div>"],
+  $40dd3f46f55d62ba$var$_tmpl$7 = ["<div", ' class="suggestion-container query"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"],
   $40dd3f46f55d62ba$var$_tmpl$8 = ["<div", ' class="suggestion-container page">', "</div>"],
-  $40dd3f46f55d62ba$var$_tmpl$9 = ["<div", ' class="', '"><!--#-->', "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--></div>"];
+  $40dd3f46f55d62ba$var$_tmpl$9 = ["<div", ' class="', '"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></div>"];
 function $40dd3f46f55d62ba$export$e872e2339fb04a7f(_ref) {
   let {
     suggestion_memo_: suggestion_memo_,
@@ -8218,8 +8211,8 @@ function $a86e71c0015bd8ab$export$f021bdedd3ec901a(props) {
 }
 const $e82132ed97521828$var$_tmpl$ = ["<div", ' class="discover-more"><button class="major" type="button">', "</button></div>"],
   $e82132ed97521828$var$_tmpl$2 = ["<b", ">", "</b>"],
-  $e82132ed97521828$var$_tmpl$3 = ["<div", ' class="', '"><div class="', '"><!--#-->', '<!--/--><div class="padded"><!--#-->', "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--></div><!--#-->", "<!--/--></div><!--#-->", "<!--/--></div>"],
-  $e82132ed97521828$var$_tmpl$4 = ["<div", ' class="', '"><div class="depict-search-modal-backdrop"></div><!--#-->', "<!--/--></div>"];
+  $e82132ed97521828$var$_tmpl$3 = ["<div", ' class="', '"><div class="', '"><!--$-->', '<!--/--><div class="padded"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></div><!--$-->", "<!--/--></div><!--$-->", "<!--/--></div>"],
+  $e82132ed97521828$var$_tmpl$4 = ["<div", ' class="', '"><div class="depict-search-modal-backdrop"></div><!--$-->', "<!--/--></div>"];
 function $e82132ed97521828$export$1c593cbd6f1e10bc(_ref) {
   let {
     search_field_value_: props_search_field_value,
@@ -8724,7 +8717,7 @@ function $f3a159279dc1a8fb$var$segment_text(text, matched_strings) {
   return output;
 }
 const $22470de5f42cc35d$var$_tmpl$ = ["<div", ' class="description line-clamp">', "</div>"],
-  $22470de5f42cc35d$var$_tmpl$2 = ["<div", ' class="content-card"><div class="image">', '</div><div class="info"><!--#-->', "<!--/--><!--#-->", "<!--/--></div></div>"];
+  $22470de5f42cc35d$var$_tmpl$2 = ["<div", ' class="content-card"><div class="image">', '</div><div class="info"><!--$-->', "<!--/--><!--$-->", "<!--/--></div></div>"];
 function $22470de5f42cc35d$export$f631859cab12b342(_ref) {
   let {
     router_: router_,
@@ -8864,7 +8857,7 @@ function $ad4f3c9872fbeb48$export$4405d077f0a20494(_ref) {
     children: () => $b8hua$createComponent((0, $22470de5f42cc35d$export$f631859cab12b342), {})
   });
 }
-const $d53ebed6f63304e4$var$_tmpl$ = ["<div", ' class="content-results" style="', '"><!--#-->', "<!--/--><!--#-->", "<!--/--></div>"],
+const $d53ebed6f63304e4$var$_tmpl$ = ["<div", ' class="content-results" style="', '"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"],
   $d53ebed6f63304e4$var$_tmpl$2 = ["<button", ' class="view-more">', "</button>"],
   $d53ebed6f63304e4$var$_tmpl$3 = ["<button", ' class="view-less">', "</button>"];
 const $d53ebed6f63304e4$export$70ceae36059a1036 = 1;
@@ -8960,8 +8953,8 @@ function $d53ebed6f63304e4$var$make_state_saved_rows(_ref2, i18n_) {
   }));
   return rows;
 }
-const $da279c5a540c6846$var$_tmpl$ = ["<div", ' class="filter-results-for-one-row"><!--#-->', "<!--/--><!--#-->", "<!--/--></div>"],
-  $da279c5a540c6846$var$_tmpl$2 = ["<div", ' class="depict plp search"><div class="listing-page"><!--#-->', "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--></div><!--#-->", "<!--/--><!--#-->", "<!--/--></div>"];
+const $da279c5a540c6846$var$_tmpl$ = ["<div", ' class="filter-results-for-one-row"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"],
+  $da279c5a540c6846$var$_tmpl$2 = ["<div", ' class="depict plp search"><div class="listing-page"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></div><!--$-->", "<!--/--><!--$-->", "<!--/--></div>"];
 function $da279c5a540c6846$export$a54ec244c8863715(_ref) {
   let {
     depict_api_: depict_api_,