npm - @depict-ai/ui - Versions diffs - 2.1.0 → 2.1.2 - Mend

@depict-ai/ui 2.1.0 → 2.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (13) hide show

package/ES10/index.cjs +252 -257
package/ES10/index.d.ts +4 -4
package/ES10/index.js +253 -258
package/latest/index.cjs +252 -257
package/latest/index.d.ts +4 -4
package/latest/index.js +253 -258
package/package.json +2 -2
package/server/ES10/index.cjs +164 -173
package/server/ES10/index.d.ts +4 -4
package/server/ES10/index.js +165 -174
package/server/latest/index.cjs +164 -173
package/server/latest/index.d.ts +4 -4
package/server/latest/index.js +165 -174

package/ES10/index.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { add_to_version_info as $8tj43$add_to_version_info, base64_encode_unicode as $8tj43$base64_encode_unicode, base64_decode_unicode as $8tj43$base64_decode_unicode, dlog as $8tj43$dlog, queueMacroTask as $8tj43$queueMacroTask, catchify as $8tj43$catchify, is_safari as $8tj43$is_safari, observer as $8tj43$observer, Amazing_Slider as $8tj43$Amazing_Slider, slider_snap_css as $8tj43$slider_snap_css, slider_fading_factory as $8tj43$slider_fading_factory, slider_fractional_factory as $8tj43$slider_fractional_factory, camelCasifyObject as $8tj43$camelCasifyObject, make_random_classname as $8tj43$make_random_classname, n_col_styling_with_dist as $8tj43$n_col_styling_with_dist, layout_get_visible_recs_without_partial_rows as $8tj43$layout_get_visible_recs_without_partial_rows, layout_get_total_rec_amount_for_row as $8tj43$layout_get_total_rec_amount_for_row, layout_media_query_header as $8tj43$layout_media_query_header, report as $8tj43$report, useExpandingContainer as $8tj43$useExpandingContainer, standard_price_format as $8tj43$standard_price_format, hex_to_rgb as $8tj43$hex_to_rgb, relative_luminance_from_rgb as $8tj43$relative_luminance_from_rgb, fetch_recs as $8tj43$fetch_recs, snakeCasifyObject as $8tj43$snakeCasifyObject, instant_exec_on_suspect_history_change as $8tj43$instant_exec_on_suspect_history_change, base_url as $8tj43$base_url, get_depict_id as $8tj43$get_depict_id, get_user_id as $8tj43$get_user_id, get_session_id as $8tj43$get_session_id, make_url_with_query_params as $8tj43$make_url_with_query_params, fetch_retry as $8tj43$fetch_retry, add_version_query_params as $8tj43$add_version_query_params, dwarn as $8tj43$dwarn, sort_obj as $8tj43$sort_obj, edit_current_page_meta_tags as $8tj43$edit_current_page_meta_tags, javascript_media_query as $8tj43$javascript_media_query, use_href_accessor as $8tj43$use_href_accessor, is_debug as $8tj43$is_debug, make_asyncIterable_exiter as $8tj43$make_asyncIterable_exiter, href_change_ipns as $8tj43$href_change_ipns, ContainedImage as $8tj43$ContainedImage, buildThresholdList as $8tj43$buildThresholdList, deparallelize_no_drop as $8tj43$deparallelize_no_drop, ListenableSet as $8tj43$ListenableSet, insert_surfaces as $8tj43$insert_surfaces } from "@depict-ai/utilishared/ES10";
-import { createComponent as $8tj43$createComponent, template as $8tj43$template, getNextElement as $8tj43$getNextElement, effect as $8tj43$effect, style as $8tj43$style, spread as $8tj43$spread, mergeProps as $8tj43$mergeProps, runHydrationEvents as $8tj43$runHydrationEvents, insert as $8tj43$insert, setAttribute as $8tj43$setAttribute, isServer as $8tj43$isServer, addEventListener as $8tj43$addEventListener, className as $8tj43$className, memo as $8tj43$memo, delegateEvents as $8tj43$delegateEvents, classList as $8tj43$classList, getNextMarker as $8tj43$getNextMarker, Dynamic as $8tj43$Dynamic, use as $8tj43$use } from "solid-js/web";
+import { createComponent as $8tj43$createComponent, template as $8tj43$template, getNextElement as $8tj43$getNextElement, effect as $8tj43$effect, style as $8tj43$style, spread as $8tj43$spread, mergeProps as $8tj43$mergeProps, runHydrationEvents as $8tj43$runHydrationEvents, insert as $8tj43$insert, setAttribute as $8tj43$setAttribute, isServer as $8tj43$isServer, addEventListener as $8tj43$addEventListener, className as $8tj43$className, memo as $8tj43$memo, delegateEvents as $8tj43$delegateEvents, classList as $8tj43$classList, getNextMarker as $8tj43$getNextMarker, Dynamic as $8tj43$Dynamic, use as $8tj43$use, setProperty as $8tj43$setProperty } from "solid-js/web";
 import { createSignal as $8tj43$createSignal, getOwner as $8tj43$getOwner, createEffect as $8tj43$createEffect, runWithOwner as $8tj43$runWithOwner, onCleanup as $8tj43$onCleanup, createMemo as $8tj43$createMemo, createContext as $8tj43$createContext, useContext as $8tj43$useContext, createResource as $8tj43$createResource, Suspense as $8tj43$Suspense, Show as $8tj43$Show, untrack as $8tj43$untrack, createRenderEffect as $8tj43$createRenderEffect, Index as $8tj43$Index, createRoot as $8tj43$createRoot, For as $8tj43$For, createUniqueId as $8tj43$createUniqueId, createComputed as $8tj43$createComputed, ErrorBoundary as $8tj43$ErrorBoundary, on as $8tj43$on, batch as $8tj43$batch, createReaction as $8tj43$createReaction, mapArray as $8tj43$mapArray, mergeProps as $8tj43$mergeProps1 } from "solid-js";
 import $8tj43$babelruntimehelpersclassPrivateFieldSet from "@babel/runtime/helpers/classPrivateFieldSet";
 import $8tj43$babelruntimehelpersclassPrivateFieldGet from "@babel/runtime/helpers/classPrivateFieldGet";
@@ -9,7 +9,7 @@ import { createStore as $8tj43$createStore, reconcile as $8tj43$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.2";
 const $2855bffe06ef7a03$var$fallback_operator = "in";
 const $2855bffe06ef7a03$var$fallback_token = "";
 const $2855bffe06ef7a03$var$legacy_filter_prefix = "filter_";
@@ -201,7 +201,7 @@ function $5441862cd2f5e111$export$e68cff63f76bd15b(props) {
 function $5441862cd2f5e111$export$8d0c4fdbb05a2f2e() {
   return $8tj43$useContext($5441862cd2f5e111$var$ListingContext);
 }
-const $801e8845d3fa3653$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div></div>`, 2);
+const $801e8845d3fa3653$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div>`);
 function $801e8845d3fa3653$export$94026ee33dbabc26(props) {
   return (() => {
     const _el$ = $8tj43$getNextElement($801e8845d3fa3653$var$_tmpl$);
@@ -209,7 +209,7 @@ function $801e8845d3fa3653$export$94026ee33dbabc26(props) {
     return _el$;
   })();
 }
-const $56047603f9d212b6$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<img>`, 1);
+const $56047603f9d212b6$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<img>`);
 function $56047603f9d212b6$export$e6fffe67d4cdd848(whatToWatch) {
   const [size, setSize] = $8tj43$createSignal(0);
   const resizeObserver = new ResizeObserver($8tj43$catchify(records => {
@@ -320,7 +320,7 @@ function $4df489344a0f97c7$export$e4b984597b71e989(props) {
   }));
   return container;
 }
-const $ca6ab5f08bd28bca$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 26"><path d="M2 24.656c-.078 0-.156-.016-.234-.047s-.133-.066-.187-.129c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422l10.371-10.371L1.578 2.883c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422.258-.176.422-.176.305.059.422.176l10.805 10.793a.59.59 0 0 1 .176.434c0 .172-.059.305-.176.422L2.422 24.48a.42.42 0 0 1-.199.129.54.54 0 0 1-.223.047zm0 0" fill="#0f0f0f"></path></svg>`, 4);
+const $ca6ab5f08bd28bca$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 14 26"><path d="M2 24.656c-.078 0-.156-.016-.234-.047s-.133-.066-.187-.129c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422l10.371-10.371L1.578 2.883c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422.258-.176.422-.176.305.059.422.176l10.805 10.793a.59.59 0 0 1 .176.434c0 .172-.059.305-.176.422L2.422 24.48a.42.42 0 0 1-.199.129.54.54 0 0 1-.223.047zm0 0"fill=#0f0f0f>`);
 function $ca6ab5f08bd28bca$export$8be2714ec7f169ee() {
   let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return (() => {
@@ -339,7 +339,7 @@ function $ca6ab5f08bd28bca$export$8be2714ec7f169ee() {
     return _el$;
   })();
 }
-const $002f09d00aac50b2$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div></div>`, 2);
+const $002f09d00aac50b2$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div>`);
 function $002f09d00aac50b2$export$6649caad96ef8870(_ref) {
   let {
     children: children,
@@ -705,7 +705,7 @@ class $f3b7124b76123e44$export$aa14a9f43128f61f extends $f3b7124b76123e44$export
     });
   }
 }
-const $74777e8fe65b3dcb$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div></div>`, 2);
+const $74777e8fe65b3dcb$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div>`);
 function $74777e8fe65b3dcb$export$b69d0d92862de18b(props) {
   return $8tj43$ErrorBoundary({
     fallback(err, retry) {
@@ -735,8 +735,8 @@ function $74777e8fe65b3dcb$export$b69d0d92862de18b(props) {
     }
   });
 }
-const $63f1f8dbcd07d3b0$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div></div>`, 2),
-  $63f1f8dbcd07d3b0$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<style type="text/css"></style>`, 2);
+const $63f1f8dbcd07d3b0$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div>`),
+  $63f1f8dbcd07d3b0$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<style type=text/css>`);
 function $63f1f8dbcd07d3b0$export$d21e32dfedac04be(props) {
   const container_class = "x" + $8tj43$createUniqueId();
   const container_element_ = (() => {
@@ -978,7 +978,7 @@ function $83e8cf2c0b87a58a$export$23fca46f3143581f(component, error_message) {
     // we're already in a root so cleanups are handled
     return component_in_error_boundary();
 }
-const $d5d7e58c5c9d8db0$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class="depict recommendations"></div>`, 2);
+const $d5d7e58c5c9d8db0$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class="depict recommendations">`);
 function $d5d7e58c5c9d8db0$export$9574e176201e5e8d(props) {
   return $83e8cf2c0b87a58a$export$23fca46f3143581f(() => {
     const grid_spacing_override = $8tj43$createMemo(() => {
@@ -1015,7 +1015,7 @@ function $d5d7e58c5c9d8db0$export$9574e176201e5e8d(props) {
     })();
   }, "RecommendationSlider failed");
 }
-const $e3efeb558d952696$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class="recommendation-grid"><!#><!/><!#><!/></div>`, 6);
+const $e3efeb558d952696$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class=recommendation-grid><!$><!/><!$><!/>`);
 function $e3efeb558d952696$export$7da560f849543dff(_ref) {
   let {
     recommendations_resource_: recommendations_resource_,
@@ -1078,8 +1078,8 @@ function $e3efeb558d952696$export$7da560f849543dff(_ref) {
     children: elements
   });
 }
-const $b432b11321ad4c97$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<button class="show-more major" type="button"></button>`, 2),
-  $b432b11321ad4c97$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<div class="depict plp recommendations"></div>`, 2);
+const $b432b11321ad4c97$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<button class="show-more major"type=button>`),
+  $b432b11321ad4c97$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<div class="depict plp recommendations">`);
 function $b432b11321ad4c97$export$9756467d34d91cdb(props) {
   return $83e8cf2c0b87a58a$export$23fca46f3143581f(() => {
     const rows_object_ = $8tj43$createMemo(() => {
@@ -1259,7 +1259,7 @@ function $60ec7a29849d81db$export$a71e92cfbb498adc(props) {
     return $8tj43$standard_price_format(props.price_, price_formatting.places_after_comma_, price_formatting.decimal_places_delimiter_, price_formatting.thousands_delimiter_);
   });
 }
-const $a61a2051e15c8d7a$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div></div>`, 2);
+const $a61a2051e15c8d7a$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div>`);
 const $a61a2051e15c8d7a$var$closing_functions = /*@__PURE__*/new Set();
 const $a61a2051e15c8d7a$export$22970a0140fc759c = /*@__PURE__*/$8tj43$createSignal(false);
 function $a61a2051e15c8d7a$export$5196e4c01fa56fcb(_ref) {
@@ -1352,8 +1352,8 @@ function $a61a2051e15c8d7a$export$5196e4c01fa56fcb(_ref) {
     close_toast_: close_toast_
   };
 }
-const $b4465d8d605f61e9$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class="statement"></div>`, 2),
-  $b4465d8d605f61e9$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<div class="buttons"><button class="restore minor"></button><button class="ok major"></button></div>`, 6);
+const $b4465d8d605f61e9$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class=statement>`),
+  $b4465d8d605f61e9$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<div class=buttons><button class="restore minor"></button><button class="ok major">`);
 function $b4465d8d605f61e9$export$8895d39404bd2bb1(props) {
   let previous_sorting;
   let on_toast_hidden;
@@ -1436,7 +1436,7 @@ function $b4465d8d605f61e9$export$8895d39404bd2bb1(props) {
   if (delay_toast_) return show_configured_toast;else show_configured_toast();
 }
 $8tj43$delegateEvents(["click"]);
-const $9783d437ad61594c$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<svg><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></svg>`, 4);
+const $9783d437ad61594c$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<svg><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">`);
 function $9783d437ad61594c$export$3b621d86b1566b2() {
   let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return (() => {
@@ -1459,10 +1459,10 @@ function $af5d8e0b7d97a7f6$export$325f75597868c4f0(stuff) {
   if (typeof stuff !== "string") return stuff;
   return stuff.toLowerCase();
 }
-const $4711a82d08d2021b$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<button class="clear-all-filters minor"></button>`, 2),
-  $4711a82d08d2021b$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<div class="inner"><span class="title"><!#><!/>: </span><!#><!/></div>`, 8),
-  $4711a82d08d2021b$var$_tmpl$3 = /*#__PURE__*/$8tj43$template(`<button class="clear-filter major"><!#><!/><span><!#><!/><!#><!/><!#><!/> – <!#><!/><!#><!/><!#><!/></span></button>`, 18),
-  $4711a82d08d2021b$var$_tmpl$4 = /*#__PURE__*/$8tj43$template(`<button class="clear-filter major"><!#><!/><span></span></button>`, 6);
+const $4711a82d08d2021b$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<button class="clear-all-filters minor">`),
+  $4711a82d08d2021b$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<div class=inner><span class=title><!$><!/>: </span><!$><!/>`),
+  $4711a82d08d2021b$var$_tmpl$3 = /*#__PURE__*/$8tj43$template(`<button class="clear-filter major"><!$><!/><span><!$><!/><!$><!/><!$><!/> – <!$><!/><!$><!/><!$><!/>`),
+  $4711a82d08d2021b$var$_tmpl$4 = /*#__PURE__*/$8tj43$template(`<button class="clear-filter major"><!$><!/><span>`);
 function $4711a82d08d2021b$export$fecbb157621501bd(_ref) {
   let {
     number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
@@ -1593,56 +1593,54 @@ function $4711a82d08d2021b$export$fecbb157621501bd(_ref) {
                           return ((_matching_filter2 = matching_filter()) === null || _matching_filter2 === void 0 ? void 0 : _matching_filter2.op) !== "inrange";
                         },
                         get fallback() {
+                          number_of_rendered_selected_filters_items_[1](prev => prev + 1);
+                          $8tj43$onCleanup(() => number_of_rendered_selected_filters_items_[1](prev => prev - 1));
                           return (() => {
-                            number_of_rendered_selected_filters_items_[1](prev => prev + 1);
-                            $8tj43$onCleanup(() => number_of_rendered_selected_filters_items_[1](prev => prev - 1));
-                            return (() => {
-                              const _el$9 = $8tj43$getNextElement($4711a82d08d2021b$var$_tmpl$3),
-                                _el$24 = _el$9.firstChild,
-                                [_el$25, _co$9] = $8tj43$getNextMarker(_el$24.nextSibling),
-                                _el$10 = _el$25.nextSibling,
-                                _el$12 = _el$10.firstChild,
-                                [_el$13, _co$3] = $8tj43$getNextMarker(_el$12.nextSibling),
-                                _el$14 = _el$13.nextSibling,
-                                [_el$15, _co$4] = $8tj43$getNextMarker(_el$14.nextSibling),
-                                _el$16 = _el$15.nextSibling,
-                                [_el$17, _co$5] = $8tj43$getNextMarker(_el$16.nextSibling),
-                                _el$11 = _el$17.nextSibling,
-                                _el$18 = _el$11.nextSibling,
-                                [_el$19, _co$6] = $8tj43$getNextMarker(_el$18.nextSibling),
-                                _el$20 = _el$19.nextSibling,
-                                [_el$21, _co$7] = $8tj43$getNextMarker(_el$20.nextSibling),
-                                _el$22 = _el$21.nextSibling,
-                                [_el$23, _co$8] = $8tj43$getNextMarker(_el$22.nextSibling);
-                              _el$9.$$click = () => {
-                                const cloned_selected_filters = [...read_selected_filters()];
-                                cloned_selected_filters.splice(index_in_selected_filters, 1);
-                                write_selected_filters(cloned_selected_filters);
-                              };
-                              $8tj43$insert(_el$9, $8tj43$createComponent((0, $9783d437ad61594c$export$3b621d86b1566b2), {}), _el$25, _co$9);
-                              $8tj43$insert(_el$10, () => price_formatting_().pre_, _el$13, _co$3);
-                              $8tj43$insert(_el$10, $8tj43$createComponent((0, $60ec7a29849d81db$export$a71e92cfbb498adc), {
-                                get price_() {
-                                  return filter().data[0];
-                                },
-                                get price_formatting_() {
-                                  return price_formatting_();
-                                }
-                              }), _el$15, _co$4);
-                              $8tj43$insert(_el$10, () => price_formatting_().post_, _el$17, _co$5);
-                              $8tj43$insert(_el$10, () => price_formatting_().pre_, _el$19, _co$6);
-                              $8tj43$insert(_el$10, $8tj43$createComponent((0, $60ec7a29849d81db$export$a71e92cfbb498adc), {
-                                get price_() {
-                                  return filter().data[1];
-                                },
-                                get price_formatting_() {
-                                  return price_formatting_();
-                                }
-                              }), _el$21, _co$7);
-                              $8tj43$insert(_el$10, () => price_formatting_().post_, _el$23, _co$8);
-                              $8tj43$runHydrationEvents();
-                              return _el$9;
-                            })();
+                            const _el$9 = $8tj43$getNextElement($4711a82d08d2021b$var$_tmpl$3),
+                              _el$24 = _el$9.firstChild,
+                              [_el$25, _co$9] = $8tj43$getNextMarker(_el$24.nextSibling),
+                              _el$10 = _el$25.nextSibling,
+                              _el$12 = _el$10.firstChild,
+                              [_el$13, _co$3] = $8tj43$getNextMarker(_el$12.nextSibling),
+                              _el$14 = _el$13.nextSibling,
+                              [_el$15, _co$4] = $8tj43$getNextMarker(_el$14.nextSibling),
+                              _el$16 = _el$15.nextSibling,
+                              [_el$17, _co$5] = $8tj43$getNextMarker(_el$16.nextSibling),
+                              _el$11 = _el$17.nextSibling,
+                              _el$18 = _el$11.nextSibling,
+                              [_el$19, _co$6] = $8tj43$getNextMarker(_el$18.nextSibling),
+                              _el$20 = _el$19.nextSibling,
+                              [_el$21, _co$7] = $8tj43$getNextMarker(_el$20.nextSibling),
+                              _el$22 = _el$21.nextSibling,
+                              [_el$23, _co$8] = $8tj43$getNextMarker(_el$22.nextSibling);
+                            _el$9.$$click = () => {
+                              const cloned_selected_filters = [...read_selected_filters()];
+                              cloned_selected_filters.splice(index_in_selected_filters, 1);
+                              write_selected_filters(cloned_selected_filters);
+                            };
+                            $8tj43$insert(_el$9, $8tj43$createComponent((0, $9783d437ad61594c$export$3b621d86b1566b2), {}), _el$25, _co$9);
+                            $8tj43$insert(_el$10, () => price_formatting_().pre_, _el$13, _co$3);
+                            $8tj43$insert(_el$10, $8tj43$createComponent((0, $60ec7a29849d81db$export$a71e92cfbb498adc), {
+                              get price_() {
+                                return filter().data[0];
+                              },
+                              get price_formatting_() {
+                                return price_formatting_();
+                              }
+                            }), _el$15, _co$4);
+                            $8tj43$insert(_el$10, () => price_formatting_().post_, _el$17, _co$5);
+                            $8tj43$insert(_el$10, () => price_formatting_().pre_, _el$19, _co$6);
+                            $8tj43$insert(_el$10, $8tj43$createComponent((0, $60ec7a29849d81db$export$a71e92cfbb498adc), {
+                              get price_() {
+                                return filter().data[1];
+                              },
+                              get price_formatting_() {
+                                return price_formatting_();
+                              }
+                            }), _el$21, _co$7);
+                            $8tj43$insert(_el$10, () => price_formatting_().post_, _el$23, _co$8);
+                            $8tj43$runHydrationEvents();
+                            return _el$9;
                           })();
                         },
                         get children() {
@@ -1773,8 +1771,8 @@ function $4711a82d08d2021b$export$fecbb157621501bd(_ref) {
   return outmost_element;
 }
 $8tj43$delegateEvents(["click"]);
-const $19e828709c7723a0$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<span class="count"></span>`, 2),
-  $19e828709c7723a0$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<label class="input-row"><div class="left"><input type="checkbox"><span class="custom-indicator"></span><span class="text line-clamp"></span></div><!#><!/></label>`, 11);
+const $19e828709c7723a0$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<span class=count>`),
+  $19e828709c7723a0$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<label class=input-row><div class=left><input type=checkbox><span class=custom-indicator></span><span class="text line-clamp"></span></div><!$><!/>`);
 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 = $8tj43$createMemo(() => props.count_);
@@ -1826,19 +1824,19 @@ const $19e828709c7723a0$export$48513f6b9f8ce62d = props => {
           _v$3 = !checked() && is_count_zero();
         _v$ !== _p$._v$ && _el$.classList.toggle("count-0", _p$._v$ = _v$);
         _v$2 !== _p$._v$2 && $8tj43$setAttribute(_el$3, "name", _p$._v$2 = _v$2);
-        _v$3 !== _p$._v$3 && (_el$3.disabled = _p$._v$3 = _v$3);
+        _v$3 !== _p$._v$3 && $8tj43$setProperty(_el$3, "disabled", _p$._v$3 = _v$3);
         return _p$;
       }, {
         _v$: undefined,
         _v$2: undefined,
         _v$3: undefined
       });
-      $8tj43$effect(() => _el$3.checked = checked());
+      $8tj43$effect(() => $8tj43$setProperty(_el$3, "checked", checked()));
       return _el$;
     })()
   );
 };
-const $ff3225aef892a467$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<svg><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></svg>`, 4);
+const $ff3225aef892a467$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<svg><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>`);
 function $ff3225aef892a467$export$f21ab0717a89c77f(props) {
   return (() => {
     const _el$ = $8tj43$getNextElement($ff3225aef892a467$var$_tmpl$);
@@ -1851,7 +1849,7 @@ function $ff3225aef892a467$export$f21ab0717a89c77f(props) {
     return _el$;
   })();
 }
-const $3e850b2f2cca761f$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<button type="button" class="expand-filter"><!#><!/><span></span></button>`, 6);
+const $3e850b2f2cca761f$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<button type=button class=expand-filter><!$><!/><span>`);
 function $3e850b2f2cca761f$export$ca21a16d65b3dd8(_ref) {
   let {
     show_extras_: [get_show_extras, set_show_extras],
@@ -1874,7 +1872,7 @@ function $3e850b2f2cca761f$export$ca21a16d65b3dd8(_ref) {
   })();
 }
 $8tj43$delegateEvents(["click"]);
-const $133484ef10e4e954$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<form class="checkboxes"><!#><!/><!#><!/></form>`, 6);
+const $133484ef10e4e954$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<form class=checkboxes><!$><!/><!$><!/>`);
 const $133484ef10e4e954$var$max_visible_without_collapsing = 15;
 const $133484ef10e4e954$var$show_non_collapsible_when_collapsed = 4;
 function $133484ef10e4e954$export$dd948f91abc3a1c4(_ref) {
@@ -2015,9 +2013,9 @@ function $133484ef10e4e954$export$dd948f91abc3a1c4(_ref) {
     return _el$;
   })();
 }
-const $b54fc842e721c9eb$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<form class="radios"></form>`, 2),
-  $b54fc842e721c9eb$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<span class="count"></span>`, 2),
-  $b54fc842e721c9eb$var$_tmpl$3 = /*#__PURE__*/$8tj43$template(`<label class="input-row"><div class="left"><input type="radio"><span class="custom-indicator"></span><!#><!/></div><!#><!/></label>`, 11);
+const $b54fc842e721c9eb$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<form class=radios>`),
+  $b54fc842e721c9eb$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<span class=count>`),
+  $b54fc842e721c9eb$var$_tmpl$3 = /*#__PURE__*/$8tj43$template(`<label class=input-row><div class=left><input type=radio><span class=custom-indicator></span><!$><!/></div><!$><!/>`);
 function $b54fc842e721c9eb$export$430444115f70a734(_ref) {
   let {
     selected_filters_: selected_filters_,
@@ -2091,13 +2089,13 @@ function $b54fc842e721c9eb$export$430444115f70a734(_ref) {
             }
           }), _el$10, _co$2);
           $8tj43$effect(() => _el$2.classList.toggle("count-0", !!(count() === 0)));
-          $8tj43$effect(() => _el$4.checked = $8tj43$createMemo(() => {
+          $8tj43$effect(() => $8tj43$setProperty(_el$4, "checked", $8tj43$createMemo(() => {
             var _existing_filter;
             const v = value();
             const data = (_existing_filter = existing_filter()) === null || _existing_filter === void 0 ? void 0 : _existing_filter.data;
             if ($af5d8e0b7d97a7f6$export$325f75597868c4f0(data) === $af5d8e0b7d97a7f6$export$325f75597868c4f0(v)) return true;
             return Array.isArray(data) && data.every((item, index) => item === v[index]);
-          })());
+          })()));
           return _el$2;
         })();
       }
@@ -2105,9 +2103,9 @@ function $b54fc842e721c9eb$export$430444115f70a734(_ref) {
     return _el$;
   })();
 }
-const $1e7465a8ffa97f6c$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class="range"><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>`, 32),
-  $1e7465a8ffa97f6c$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<div class="slider"><div class="progress"></div></div>`, 4),
-  $1e7465a8ffa97f6c$var$_tmpl$3 = /*#__PURE__*/$8tj43$template(`<div class="range-group"><input type="range" step="any"><input type="range" step="any"></div>`, 4);
+const $1e7465a8ffa97f6c$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class=range><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><!$><!/><!$><!/><!$><!/>`),
+  $1e7465a8ffa97f6c$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<div class=slider><div class=progress>`),
+  $1e7465a8ffa97f6c$var$_tmpl$3 = /*#__PURE__*/$8tj43$template(`<div class=range-group><input type=range step=any><input type=range step=any>`);
 function $1e7465a8ffa97f6c$export$e0d834a0ad870cda(_ref) {
   let {
     filter_: filter_,
@@ -2268,11 +2266,11 @@ function $1e7465a8ffa97f6c$var$RangeSelector(_ref3) {
         _v$8 = min_(),
         _v$9 = max_();
       _v$ !== _p$._v$ && _el$.classList.toggle("disabled", _p$._v$ = _v$);
-      _v$2 !== _p$._v$2 && (_el$4.disabled = _p$._v$2 = _v$2);
+      _v$2 !== _p$._v$2 && $8tj43$setProperty(_el$4, "disabled", _p$._v$2 = _v$2);
       _v$3 !== _p$._v$3 && $8tj43$setAttribute(_el$4, "aria-label", _p$._v$3 = _v$3);
       _v$4 !== _p$._v$4 && $8tj43$setAttribute(_el$4, "min", _p$._v$4 = _v$4);
       _v$5 !== _p$._v$5 && $8tj43$setAttribute(_el$4, "max", _p$._v$5 = _v$5);
-      _v$6 !== _p$._v$6 && (_el$7.disabled = _p$._v$6 = _v$6);
+      _v$6 !== _p$._v$6 && $8tj43$setProperty(_el$7, "disabled", _p$._v$6 = _v$6);
       _v$7 !== _p$._v$7 && $8tj43$setAttribute(_el$7, "aria-label", _p$._v$7 = _v$7);
       _v$8 !== _p$._v$8 && $8tj43$setAttribute(_el$7, "min", _p$._v$8 = _v$8);
       _v$9 !== _p$._v$9 && $8tj43$setAttribute(_el$7, "max", _p$._v$9 = _v$9);
@@ -2288,8 +2286,8 @@ function $1e7465a8ffa97f6c$var$RangeSelector(_ref3) {
       _v$8: undefined,
       _v$9: undefined
     });
-    $8tj43$effect(() => _el$4.value = get_current_range()[0]);
-    $8tj43$effect(() => _el$7.value = get_current_range()[1]);
+    $8tj43$effect(() => $8tj43$setProperty(_el$4, "value", get_current_range()[0]));
+    $8tj43$effect(() => $8tj43$setProperty(_el$7, "value", get_current_range()[1]));
     $8tj43$runHydrationEvents();
     return _el$;
   })();
@@ -2415,11 +2413,11 @@ function $1e7465a8ffa97f6c$var$LinearSlider(_ref8) {
         _v$15 = i18n_.range_filter_high_point_aria_label_(),
         _v$16 = min_(),
         _v$17 = max_();
-      _v$10 !== _p$._v$10 && (_el$28.disabled = _p$._v$10 = _v$10);
+      _v$10 !== _p$._v$10 && $8tj43$setProperty(_el$28, "disabled", _p$._v$10 = _v$10);
       _v$11 !== _p$._v$11 && $8tj43$setAttribute(_el$28, "aria-label", _p$._v$11 = _v$11);
       _v$12 !== _p$._v$12 && $8tj43$setAttribute(_el$28, "min", _p$._v$12 = _v$12);
       _v$13 !== _p$._v$13 && $8tj43$setAttribute(_el$28, "max", _p$._v$13 = _v$13);
-      _v$14 !== _p$._v$14 && (_el$29.disabled = _p$._v$14 = _v$14);
+      _v$14 !== _p$._v$14 && $8tj43$setProperty(_el$29, "disabled", _p$._v$14 = _v$14);
       _v$15 !== _p$._v$15 && $8tj43$setAttribute(_el$29, "aria-label", _p$._v$15 = _v$15);
       _v$16 !== _p$._v$16 && $8tj43$setAttribute(_el$29, "min", _p$._v$16 = _v$16);
       _v$17 !== _p$._v$17 && $8tj43$setAttribute(_el$29, "max", _p$._v$17 = _v$17);
@@ -2434,13 +2432,13 @@ function $1e7465a8ffa97f6c$var$LinearSlider(_ref8) {
       _v$16: undefined,
       _v$17: undefined
     });
-    $8tj43$effect(() => _el$28.value = $8tj43$createMemo(() => {
+    $8tj43$effect(() => $8tj43$setProperty(_el$28, "value", $8tj43$createMemo(() => {
       min_();
       max_();
       return get_current_range()[0];
     }, undefined, {
       equals: false
-    })());
+    })()));
     $8tj43$runHydrationEvents();
     return _el$27;
   })()];
@@ -2460,7 +2458,7 @@ function $1e7465a8ffa97f6c$var$set_range_with_sanitation(min_, max_, current_ran
   current_range_signal[1](new_value);
 }
 $8tj43$delegateEvents(["keydown", "click", "input"]);
-const $457279ff15864cb9$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class="morphing-sign" role="img"><span></span><span></span></div>`, 6);
+const $457279ff15864cb9$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class=morphing-sign role=img><span></span><span>`);
 function $457279ff15864cb9$export$e5c2828934226505(_ref) {
   let {
     expanded_: expanded_,
@@ -2505,10 +2503,10 @@ function $457279ff15864cb9$export$e5c2828934226505(_ref) {
   });
   return outer_div;
 }
-const $0ae614c5c7babb43$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<form class="checkboxes hierarchical"><!#><!/><!#><!/></form>`, 6),
-  $0ae614c5c7babb43$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<div class="checkbox-details"><!#><!/><!#><!/></div>`, 6),
-  $0ae614c5c7babb43$var$_tmpl$3 = /*#__PURE__*/$8tj43$template(`<details></details>`, 2),
-  $0ae614c5c7babb43$var$_tmpl$4 = /*#__PURE__*/$8tj43$template(`<summary class="category-parent"><div class="summary"><span class="count"></span><!#><!/></div></summary>`, 8);
+const $0ae614c5c7babb43$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<form class="checkboxes hierarchical"><!$><!/><!$><!/>`),
+  $0ae614c5c7babb43$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<div class=checkbox-details><!$><!/><!$><!/>`),
+  $0ae614c5c7babb43$var$_tmpl$3 = /*#__PURE__*/$8tj43$template(`<details>`),
+  $0ae614c5c7babb43$var$_tmpl$4 = /*#__PURE__*/$8tj43$template(`<summary class=category-parent><div class=summary><span class=count></span><!$><!/>`);
 const $0ae614c5c7babb43$var$max_visible_without_collapsing = 15;
 const $0ae614c5c7babb43$var$show_non_collapsible_when_collapsed = 4;
 function $0ae614c5c7babb43$export$a32086fa6616eafd(_ref) {
@@ -2980,9 +2978,9 @@ function $0ae614c5c7babb43$var$expand_until_choice(data_structure) {
     }
   });
 }
-const $830ea8efda59884e$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class="checkbox-grid" style="position:absolute;z-index:-1;pointer-events:none;opacity:0"></div>`, 2),
-  $830ea8efda59884e$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<span class="count-wrapper"><span class="count"></span></span>`, 4),
-  $830ea8efda59884e$var$_tmpl$3 = /*#__PURE__*/$8tj43$template(`<button><!#><!/><!#><!/></button>`, 6);
+const $830ea8efda59884e$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class=checkbox-grid style=position:absolute;z-index:-1;pointer-events:none;opacity:0>`),
+  $830ea8efda59884e$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<span class=count-wrapper><span class=count>`),
+  $830ea8efda59884e$var$_tmpl$3 = /*#__PURE__*/$8tj43$template(`<button><!$><!/><!$><!/>`);
 const $830ea8efda59884e$var$gap_px = 5;
 const $830ea8efda59884e$var$max_columns = 3;
 const $830ea8efda59884e$export$414f6a19d38e655c = _ref => {
@@ -3200,7 +3198,7 @@ function $830ea8efda59884e$var$adjust_sizes(container_width, sizes, set_cols_at_
     overrides: column_to_row_result
   }]]);
 }
-const $2cb856c297c53e6c$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<form class="checkbox-color"><!#><!/><!#><!/></form>`, 6);
+const $2cb856c297c53e6c$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<form class=checkbox-color><!$><!/><!$><!/>`);
 const $2cb856c297c53e6c$var$max_visible_without_collapsing = 30;
 const $2cb856c297c53e6c$var$show_non_collapsible_when_collapsed = 8;
 function $2cb856c297c53e6c$export$82ed4b28ecb67608(_ref) {
@@ -3397,7 +3395,7 @@ var $d2988f745661df9c$export$2e2bcd8739ae039 = {
   "checkbox-grid": (0, $830ea8efda59884e$export$414f6a19d38e655c),
   "checkbox-color": (0, $2cb856c297c53e6c$export$82ed4b28ecb67608)
 };
-const $905f44be08b7378e$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<svg xmlns="http://www.w3.org/2000/svg" width="16.8" height="14"><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></svg>`, 4);
+const $905f44be08b7378e$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<svg xmlns=http://www.w3.org/2000/svg width=16.8 height=14><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">`);
 function $905f44be08b7378e$export$f2ca6fc699ca1fb4() {
   let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return (() => {
@@ -3407,7 +3405,7 @@ function $905f44be08b7378e$export$f2ca6fc699ca1fb4() {
     return _el$;
   })();
 }
-const $d0ff304c14f50521$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<span class="show-selected" aria-hidden="true"><span></span><!#><!/></span>`, 6);
+const $d0ff304c14f50521$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<span class=show-selected aria-hidden=true><span></span><!$><!/>`);
 function $d0ff304c14f50521$export$53c59af873b303c9(_ref) {
   let {
     selected_filters_in_group_: selected_filters_in_group_,
@@ -3533,7 +3531,7 @@ function $f1e63746f76ce012$export$ab34afce88557c0e(props) {
   }));
   return is_open;
 }
-const $bc2337c9a05ecd18$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<span></span>`, 2);
+const $bc2337c9a05ecd18$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<span>`);
 function $bc2337c9a05ecd18$export$acb3eaade4b23afd(props) {
   return (() => {
     const _el$ = $8tj43$getNextElement($bc2337c9a05ecd18$var$_tmpl$);
@@ -3574,14 +3572,14 @@ function $ceafb6fb91c6f394$export$89c6019e4baa40b1(props) {
     }
   });
 }
-const $f6b0500577e1b210$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class="filter-collapsible"></div>`, 2),
-  $f6b0500577e1b210$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<button class="clear-group"><!#><!/><span></span></button>`, 6),
-  $f6b0500577e1b210$var$_tmpl$3 = /*#__PURE__*/$8tj43$template(`<div class="view-more-clear"><!#><!/><!#><!/></div>`, 6),
-  $f6b0500577e1b210$var$_tmpl$4 = /*#__PURE__*/$8tj43$template(`<div class="filter-collapsible-body"><div class="filter-part"></div><!#><!/></div>`, 6),
-  $f6b0500577e1b210$var$_tmpl$5 = /*#__PURE__*/$8tj43$template(`<details class="filter-collapsible"></details>`, 2),
-  $f6b0500577e1b210$var$_tmpl$6 = /*#__PURE__*/$8tj43$template(`<summary class="filter-group-summary"><div class="summary"><span></span><div class="selected-w-sign"><!#><!/><!#><!/></div></div></summary>`, 12),
-  $f6b0500577e1b210$var$_tmpl$7 = /*#__PURE__*/$8tj43$template(`<div class="ungrouped"></div>`, 2),
-  $f6b0500577e1b210$var$_tmpl$8 = /*#__PURE__*/$8tj43$template(`<button class="clear-all-filters major"></button>`, 2);
+const $f6b0500577e1b210$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class=filter-collapsible>`),
+  $f6b0500577e1b210$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<button class=clear-group><!$><!/><span>`),
+  $f6b0500577e1b210$var$_tmpl$3 = /*#__PURE__*/$8tj43$template(`<div class=view-more-clear><!$><!/><!$><!/>`),
+  $f6b0500577e1b210$var$_tmpl$4 = /*#__PURE__*/$8tj43$template(`<div class=filter-collapsible-body><div class=filter-part></div><!$><!/>`),
+  $f6b0500577e1b210$var$_tmpl$5 = /*#__PURE__*/$8tj43$template(`<details class=filter-collapsible>`),
+  $f6b0500577e1b210$var$_tmpl$6 = /*#__PURE__*/$8tj43$template(`<summary class=filter-group-summary><div class=summary><span></span><div class=selected-w-sign><!$><!/><!$><!/>`),
+  $f6b0500577e1b210$var$_tmpl$7 = /*#__PURE__*/$8tj43$template(`<div class=ungrouped>`),
+  $f6b0500577e1b210$var$_tmpl$8 = /*#__PURE__*/$8tj43$template(`<button class="clear-all-filters major">`);
 function $f6b0500577e1b210$export$3f1a388cc0d8fed7(props) {
   // Split like this to make placeholder wrapping more visible & this component is exported and used in MobileModal
   return $8tj43$createComponent((0, $8tj43$Show), {
@@ -4607,7 +4605,7 @@ function $33e7d1906c93db7d$export$205efb947c7ffd78(handler) {
     $8tj43$onCleanup(() => removeEventListener(event, catchified_handler));
   }
 }
-const $b69740fc6de9f17e$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class="scroll-status" style="display:none"><span class="text"><b></b> – <b></b> <!#><!/> <b></b></span></div>`, 12);
+const $b69740fc6de9f17e$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class=scroll-status style=display:none><span class=text><b></b> – <b></b> <!$><!/> <b>`);
 function $b69740fc6de9f17e$export$83fd5de5504a7a67(_ref) {
   let {
     formatted_number_of_results_: formatted_number_of_results_,
@@ -4745,8 +4743,8 @@ function $b69740fc6de9f17e$export$83fd5de5504a7a67(_ref) {
     return _el$;
   })();
 }
-const $94af29837186eb21$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<a class="hint" href="javascript:void(0)"></a>`, 2),
-  $94af29837186eb21$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<div class="no-results"><div class="text"></div><!#><!/></div>`, 6);
+const $94af29837186eb21$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<a class=hint href=javascript:void(0)>`),
+  $94af29837186eb21$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<div class=no-results><div class=text></div><!$><!/>`);
 function $94af29837186eb21$export$ef6006467f04ee41(_ref) {
   let {
     i18n_: i18n_,
@@ -4905,8 +4903,7 @@ function $45a8953d760b5e58$export$a1fd619a4743ca08(_ref) {
     query_base_: query_base_,
     depict_api_: depict_api_,
     is_loading_: is_loading_,
-    content_blocks_: content_blocks_,
-    set_number_loaded_displays_: set_number_loaded_displays_
+    content_blocks_: content_blocks_
   } = _ref;
   // The following sets up an intersection observer to determine which results are in the viewport, used for the ScrollStatus indicator and knowing when to load more
   const target_to_index_map = new Map();
@@ -4953,7 +4950,6 @@ function $45a8953d760b5e58$export$a1fd619a4743ca08(_ref) {
     query_base_: query_base_,
     depict_api_: depict_api_
   });
-  $8tj43$createComputed(() => set_number_loaded_displays_(displays_by_key_().size));
   return $2d7bad8684bc7f44$export$43f0fb951fcb0c54({
     displays_by_key_: displays_by_key_,
     merchant_: merchant_,
@@ -4981,8 +4977,8 @@ function $45a8953d760b5e58$export$a1fd619a4743ca08(_ref) {
     })
   });
 }
-const $64d94dcaa058dc7b$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div></div>`, 2),
-  $64d94dcaa058dc7b$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<style type="text/css"></style>`, 2);
+const $64d94dcaa058dc7b$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div>`),
+  $64d94dcaa058dc7b$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<style type=text/css>`);
 const $64d94dcaa058dc7b$export$c500183c31c2b22e = "--spans-columns";
 function $64d94dcaa058dc7b$export$ab6b147eec64fea5(props) {
   const container_class = "x" + $8tj43$createUniqueId();
@@ -5154,32 +5150,27 @@ function $3ab4aa97880fb88d$export$3f37af283f8fb843(props) {
     }
   });
 }
-const $ff7feae4dddd6073$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class="content-block-wrapper"></div>`, 2);
+const $ff7feae4dddd6073$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class=content-block-wrapper>`);
 function $ff7feae4dddd6073$export$791ef57e62e21c3f(_ref) {
   let {
     content_blocks_: incoming_content_blocks,
     cols_at_size_: cols_at_size_,
-    number_of_items_shown_: number_of_items_shown_,
     set_top_row_shortened_by_: set_top_row_shortened_by_
   } = _ref;
   // these are by row
   const [content_blocks, set_content_blocks] = $8tj43$createStore([]);
   const n_cols_currently_showing_ = $8244fdad249f8d5f$export$a79e666719b3647c(cols_at_size_);
-  const products_to_rows = products => {
-    const cols_currently_showing = n_cols_currently_showing_();
-    if (cols_currently_showing === null) return 0;
-    return Math.ceil(products / cols_currently_showing);
-  };
-  const showing_rows = $8tj43$createMemo(() => products_to_rows(number_of_items_shown_()));
   $8tj43$createEffect(() => {
     const incoming_value = incoming_content_blocks();
     if (!incoming_value) {
       set_content_blocks([]);
       return;
     }
-    const capped_value = incoming_value.slice(0, showing_rows()); // Don't show more content blocks than we have rows
-    set_content_blocks($8tj43$reconcile(capped_value));
+    set_content_blocks($8tj43$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_);
   $8tj43$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
@@ -5233,12 +5224,12 @@ function $ff7feae4dddd6073$var$remap_blocks_to_index(_ref2) {
       for (let j = 0; j < i; j++) {
         const row = displaced_products[j];
         if (row === undefined) continue; // there were no blocks in this row
-        let items_in_row;
-        if (typeof row === "number") items_in_row = row;else {
-          items_in_row = row.filter(item => item).length;
-          displaced_products[j] = items_in_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 += 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++) {
@@ -5283,9 +5274,12 @@ function $ff7feae4dddd6073$var$wrap_blocks_in_div(rendered_content_blocks, max_s
       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);
     };
-    return $8tj43$mergeProps1(block, {
-      // Create content divs for the blocks with as much fine-grained diffing as possible?
-      content: (() => {
+    const [rendering_delayed, set_rendering_delayed_] = $8tj43$createSignal(true);
+    const content = $8tj43$createComponent((0, $8tj43$Show), {
+      get when() {
+        return !rendering_delayed();
+      },
+      get children() {
         const _el$ = $8tj43$getNextElement($ff7feae4dddd6073$var$_tmpl$);
         $8tj43$insert(_el$, $8tj43$createComponent($ff7feae4dddd6073$var$RenderContent, {
           get content() {
@@ -5299,8 +5293,8 @@ function $ff7feae4dddd6073$var$wrap_blocks_in_div(rendered_content_blocks, max_s
             _v$2 = "span ".concat(get_span_columns()),
             _v$3 = "span ".concat(block.span_rows);
           _p$._v$ = $8tj43$style(_el$, _v$, _p$._v$);
-          _v$2 !== _p$._v$2 && _el$.style.setProperty("grid-column", _p$._v$2 = _v$2);
-          _v$3 !== _p$._v$3 && _el$.style.setProperty("grid-row", _p$._v$3 = _v$3);
+          _v$2 !== _p$._v$2 && ((_p$._v$2 = _v$2) != null ? _el$.style.setProperty("grid-column", _v$2) : _el$.style.removeProperty("grid-column"));
+          _v$3 !== _p$._v$3 && ((_p$._v$3 = _v$3) != null ? _el$.style.setProperty("grid-row", _v$3) : _el$.style.removeProperty("grid-row"));
           return _p$;
         }, {
           _v$: undefined,
@@ -5308,7 +5302,16 @@ function $ff7feae4dddd6073$var$wrap_blocks_in_div(rendered_content_blocks, max_s
           _v$3: undefined
         });
         return _el$;
-      })(),
+      }
+    });
+    return $8tj43$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 get_span_columns();
@@ -5338,7 +5341,7 @@ function $ff7feae4dddd6073$var$RenderContent(props) {
     children: resource
   });
 }
-const $7faea0096f14b59b$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class="PLP-results"><!#><!/><!#><!/></div>`, 6);
+const $7faea0096f14b59b$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class=PLP-results><!$><!/><!$><!/>`);
 function $7faea0096f14b59b$export$3925f87b1545cfc6(_ref) {
   let {
     plp_results_: plp_results_,
@@ -5405,8 +5408,7 @@ function $7faea0096f14b59b$export$3925f87b1545cfc6(_ref) {
             let fallback_is_alive = false;
             const [get_should_have_placeholders_rendered, set_should_have_placeholders_rendered] = $8tj43$createSignal(true);
             const [top_row_shortened_by_, set_top_row_shortened_by_] = $8tj43$createSignal(0);
-            const [product_card_suspense_is_in_fallback, set_product_card_suspense_is_in_fallback] = $8tj43$createSignal(false);
-            const [number_loaded_displays, set_number_loaded_displays_] = $8tj43$createSignal(0);
+            $8tj43$createSignal(false);
             const modified_cols_at_size = $b2dbaafb23d00c7f$export$cb5808ba002cdeed({
               layout_options_: layout_options_,
               sort_or_filter_open_: sort_or_filter_open_
@@ -5421,12 +5423,10 @@ function $7faea0096f14b59b$export$3925f87b1545cfc6(_ref) {
                 return for_id === id_currently_querying_for_();
               })) === null || _get_scroll_restorati2 === void 0 ? void 0 : _get_scroll_restorati2.min_results_loaded) !== null && _get_scroll_restorati !== void 0 ? _get_scroll_restorati : min_products_to_fetch_);
             });
-            const number_of_items_shown_ = $8tj43$createMemo(() => is_loading_() || product_card_suspense_is_in_fallback() ? num_placeholders_() : number_loaded_displays());
             const doesnt_have_content_blocks = $8tj43$createMemo(() => !content_blocks_by_row_());
             const content_blocks_ = $8tj43$createMemo(() => doesnt_have_content_blocks() ? () => [] : $ff7feae4dddd6073$export$791ef57e62e21c3f({
               content_blocks_: content_blocks_by_row_,
               cols_at_size_: modified_cols_at_size,
-              number_of_items_shown_: number_of_items_shown_,
               set_top_row_shortened_by_: set_top_row_shortened_by_
             }));
             const rendered_placeholders = $8tj43$createMemo(() => get_should_have_placeholders_rendered() ? $bdd80c7862246dc2$export$f33414a4df0afd3f({
@@ -5464,20 +5464,16 @@ function $7faea0096f14b59b$export$3925f87b1545cfc6(_ref) {
             */
             const product_cards_when_data = $8tj43$createComponent((0, $8tj43$Suspense), {
               get fallback() {
-                return (() => {
-                  fallback_is_alive = true;
-                  $8tj43$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
-                  $8tj43$onCleanup(() => set_product_card_suspense_is_in_fallback(false));
-                  return $8tj43$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
-                    $8tj43$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;
+                $8tj43$onCleanup(block_suspense_if_needed); // Block suspense after initial run every time after we fetch
+                return $8tj43$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
+                  $8tj43$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() {
@@ -5494,8 +5490,7 @@ function $7faea0096f14b59b$export$3925f87b1545cfc6(_ref) {
                     query_base_: query_base_,
                     depict_api_: depict_api_,
                     is_loading_: is_loading_,
-                    content_blocks_: content_blocks_,
-                    set_number_loaded_displays_: set_number_loaded_displays_
+                    content_blocks_: content_blocks_
                   });
                   $8tj43$onCleanup(() => suspense_contents = undefined);
                   return suspense_contents;
@@ -5563,10 +5558,10 @@ function $7faea0096f14b59b$export$3925f87b1545cfc6(_ref) {
     return _el$;
   })();
 }
-const $cfdbd124dd09d713$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class="sorting-attributes"></div>`, 2),
-  $cfdbd124dd09d713$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<div class="sorting-direction"></div>`, 2),
-  $cfdbd124dd09d713$var$_tmpl$3 = /*#__PURE__*/$8tj43$template(`<div><div class="input-row"><input type="radio"><span class="custom-indicator"></span><!#><!/></div></div>`, 9),
-  $cfdbd124dd09d713$var$_tmpl$4 = /*#__PURE__*/$8tj43$template(`<div><label class="input-row"><input type="radio"><span class="custom-indicator"></span><!#><!/></label></div>`, 9);
+const $cfdbd124dd09d713$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class=sorting-attributes>`),
+  $cfdbd124dd09d713$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<div class=sorting-direction>`),
+  $cfdbd124dd09d713$var$_tmpl$3 = /*#__PURE__*/$8tj43$template(`<div><div class=input-row><input type=radio><span class=custom-indicator></span><!$><!/>`),
+  $cfdbd124dd09d713$var$_tmpl$4 = /*#__PURE__*/$8tj43$template(`<div><label class=input-row><input type=radio><span class=custom-indicator></span><!$><!/>`);
 function $cfdbd124dd09d713$export$1f1775a58da589b5(_ref) {
   let {
     available_sortings_: available_sortings_,
@@ -5592,7 +5587,7 @@ function $cfdbd124dd09d713$export$1f1775a58da589b5(_ref) {
             _el$7 = _el$6.nextSibling,
             _el$8 = _el$7.nextSibling,
             [_el$9, _co$] = $8tj43$getNextMarker(_el$8.nextSibling);
-          _el$6.disabled = true;
+          $8tj43$setProperty(_el$6, "disabled", true);
           $8tj43$insert(_el$5, $8tj43$createComponent((0, $ceafb6fb91c6f394$export$89c6019e4baa40b1), {
             height: "1.2em",
             width: "100%"
@@ -5632,7 +5627,7 @@ function $cfdbd124dd09d713$export$1f1775a58da589b5(_ref) {
                 $8tj43$addEventListener(_el$12, "change", $8tj43$catchify(() => set_current_sorting(item())));
                 $8tj43$setAttribute(_el$12, "name", title_radio_name);
                 $8tj43$insert(_el$11, () => item().meta.title, _el$15, _co$2);
-                $8tj43$effect(() => _el$12.checked = is_checked());
+                $8tj43$effect(() => $8tj43$setProperty(_el$12, "checked", is_checked()));
                 return _el$10;
               })()
             );
@@ -5672,7 +5667,7 @@ function $cfdbd124dd09d713$export$1f1775a58da589b5(_ref) {
                   var _meta_of_currently_se4, _meta_of_currently_se5;
                   return (_meta_of_currently_se4 = meta_of_currently_selected_sorting_()) === null || _meta_of_currently_se4 === void 0 ? void 0 : (_meta_of_currently_se5 = _meta_of_currently_se4.names) === null || _meta_of_currently_se5 === void 0 ? void 0 : _meta_of_currently_se5[index];
                 }, _el$21, _co$3);
-                $8tj43$effect(() => _el$18.checked = is_checked());
+                $8tj43$effect(() => $8tj43$setProperty(_el$18, "checked", is_checked()));
                 return _el$16;
               })();
             }
@@ -5719,7 +5714,7 @@ function $e56d241d0f33d459$export$fe334901e8bebd57() {
 // document.body.style.top = `-${from_top}px`;
 // document.body.style.overflowY = "scroll";
-const $79af35736fe8e5c8$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" class="sort-icon"><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-.492zM9.449 3.5H8.051a.35.35 0 0 1-.352-.352V1.75c0-.191.156-.352.352-.352h1.398c.195 0 .352.16.352.352v1.398a.35.35 0 0 1-.352.352zm-1.051-.699h.703v-.699h-.703zm0 0"></path><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></svg>`, 6);
+const $79af35736fe8e5c8$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<svg xmlns=http://www.w3.org/2000/svg width=14 height=14 class=sort-icon><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-.492zM9.449 3.5H8.051a.35.35 0 0 1-.352-.352V1.75c0-.191.156-.352.352-.352h1.398c.195 0 .352.16.352.352v1.398a.35.35 0 0 1-.352.352zm-1.051-.699h.703v-.699h-.703zm0 0"></path><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">`);
 function $79af35736fe8e5c8$export$da32f7add8a22e86() {
   let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return (() => {
@@ -5729,7 +5724,7 @@ function $79af35736fe8e5c8$export$da32f7add8a22e86() {
     return _el$;
   })();
 }
-const $73e3c96bc365e0e9$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" class="sort-icon"><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></svg>`, 4);
+const $73e3c96bc365e0e9$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<svg xmlns=http://www.w3.org/2000/svg width=14 height=14 class=sort-icon><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">`);
 function $73e3c96bc365e0e9$export$d10e63059ddb9fd4() {
   let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return (() => {
@@ -5739,7 +5734,7 @@ function $73e3c96bc365e0e9$export$d10e63059ddb9fd4() {
     return _el$;
   })();
 }
-const $05f67356defcdd65$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<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>`, 4);
+const $05f67356defcdd65$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<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">`);
 function $05f67356defcdd65$export$28f6150e232898de() {
   return $8tj43$getNextElement($05f67356defcdd65$var$_tmpl$);
 }
@@ -5752,13 +5747,13 @@ function $6fcb97029a69ec44$export$50f68cc9882e36a4(args_for_filtering) {
   var _args_for_filtering$a, _args_for_filtering$s;
   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$ = /*#__PURE__*/$8tj43$template(`<button class="clear minor"></button>`, 2),
-  $082c4ed3e22f8d71$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<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"><!#><!/><!#><!/></div><div class="bottom-row"><!#><!/><button class="show-results major"></button></div></div></div>`, 20),
-  $082c4ed3e22f8d71$var$_tmpl$3 = /*#__PURE__*/$8tj43$template(`<details class="sorting"></details>`, 2),
-  $082c4ed3e22f8d71$var$_tmpl$4 = /*#__PURE__*/$8tj43$template(`<summary class="sort-filter-summary"><div class="summary"><div class="left-els"><!#><!/><span></span></div><!#><!/></div></summary>`, 12),
-  $082c4ed3e22f8d71$var$_tmpl$5 = /*#__PURE__*/$8tj43$template(`<div class="body"></div>`, 2),
-  $082c4ed3e22f8d71$var$_tmpl$6 = /*#__PURE__*/$8tj43$template(`<details class="filters"></details>`, 2),
-  $082c4ed3e22f8d71$var$_tmpl$7 = /*#__PURE__*/$8tj43$template(`<b></b>`, 2);
+const $082c4ed3e22f8d71$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<button class="clear minor">`),
+  $082c4ed3e22f8d71$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<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><!$><!/><!$><!/></div><div class=bottom-row><!$><!/><button class="show-results major">`),
+  $082c4ed3e22f8d71$var$_tmpl$3 = /*#__PURE__*/$8tj43$template(`<details class=sorting>`),
+  $082c4ed3e22f8d71$var$_tmpl$4 = /*#__PURE__*/$8tj43$template(`<summary class=sort-filter-summary><div class=summary><div class=left-els><!$><!/><span></span></div><!$><!/>`),
+  $082c4ed3e22f8d71$var$_tmpl$5 = /*#__PURE__*/$8tj43$template(`<div class=body>`),
+  $082c4ed3e22f8d71$var$_tmpl$6 = /*#__PURE__*/$8tj43$template(`<details class=filters>`),
+  $082c4ed3e22f8d71$var$_tmpl$7 = /*#__PURE__*/$8tj43$template(`<b>`);
 const $082c4ed3e22f8d71$var$no_go_selector = ".range .range-group";
 function $082c4ed3e22f8d71$export$9bf11afa910f536e(_ref) {
   let {
@@ -6079,16 +6074,16 @@ function $082c4ed3e22f8d71$export$9bf11afa910f536e(_ref) {
   })()];
 }
 $8tj43$delegateEvents(["click", "touchstart"]);
-const $bce10e104a1dd893$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"><path d="M12.949 7.699H.352A.35.35 0 0 1 0 7.352.35.35 0 0 1 .352 7h12.598a.35.35 0 0 1 .352.352.35.35 0 0 1-.352.348zm0 0"></path></svg>`, 4);
+const $bce10e104a1dd893$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<svg xmlns=http://www.w3.org/2000/svg width=14 height=14><path d="M12.949 7.699H.352A.35.35 0 0 1 0 7.352.35.35 0 0 1 .352 7h12.598a.35.35 0 0 1 .352.352.35.35 0 0 1-.352.348zm0 0">`);
 function $bce10e104a1dd893$export$cb808a3c41736d8e() {
   return $8tj43$getNextElement($bce10e104a1dd893$var$_tmpl$);
 }
-const $7396052a1484264f$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class="filters"><div class="body"></div></div>`, 4),
-  $7396052a1484264f$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<div class="sorting"><div class="body"></div></div>`, 4),
-  $7396052a1484264f$var$_tmpl$3 = /*#__PURE__*/$8tj43$template(`<div class="sort-and-filter-buttons"><div class="outer"><div class="inner"><!#><!/><!#><!/><!#><!/></div></div></div>`, 12),
-  $7396052a1484264f$var$_tmpl$4 = /*#__PURE__*/$8tj43$template(`<span class="num-filters"></span>`, 2),
-  $7396052a1484264f$var$_tmpl$5 = /*#__PURE__*/$8tj43$template(`<div class="open-filters-button-container"><!#><!/><button type="button"><!#><!/><span></span></button></div>`, 10),
-  $7396052a1484264f$var$_tmpl$6 = /*#__PURE__*/$8tj43$template(`<button class="toggle-button for-sorting major-minor-transition"><span></span><!#><!/></button>`, 6);
+const $7396052a1484264f$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class=filters><div class=body>`),
+  $7396052a1484264f$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<div class=sorting><div class=body>`),
+  $7396052a1484264f$var$_tmpl$3 = /*#__PURE__*/$8tj43$template(`<div class=sort-and-filter-buttons><div class=outer><div class=inner><!$><!/><!$><!/><!$><!/>`),
+  $7396052a1484264f$var$_tmpl$4 = /*#__PURE__*/$8tj43$template(`<span class=num-filters>`),
+  $7396052a1484264f$var$_tmpl$5 = /*#__PURE__*/$8tj43$template(`<div class=open-filters-button-container><!$><!/><button type=button><!$><!/><span>`),
+  $7396052a1484264f$var$_tmpl$6 = /*#__PURE__*/$8tj43$template(`<button class="toggle-button for-sorting major-minor-transition"><span></span><!$><!/>`);
 function $7396052a1484264f$export$d7841e452f2e59a8(_ref) {
   let {
     current_sorting_: current_sorting_,
@@ -6437,11 +6432,11 @@ function $7396052a1484264f$var$OpenSortingButton(_ref4) {
   })();
 }
 $8tj43$delegateEvents(["click"]);
-const $70f5ae4deea73eee$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"><path d="M6.402.453L2.203 4.652a.35.35 0 0 0 0 .496c.137.137.359.137.492 0l3.605-3.605v11.406a.35.35 0 0 0 .348.352.35.35 0 0 0 .352-.352V1.543l3.602 3.605a.35.35 0 0 0 .496 0c.066-.07.102-.16.102-.25a.35.35 0 0 0-.102-.246L6.895.453c-.133-.137-.355-.137-.492 0zm0 0"></path></svg>`, 4);
+const $70f5ae4deea73eee$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<svg xmlns=http://www.w3.org/2000/svg width=14 height=14><path d="M6.402.453L2.203 4.652a.35.35 0 0 0 0 .496c.137.137.359.137.492 0l3.605-3.605v11.406a.35.35 0 0 0 .348.352.35.35 0 0 0 .352-.352V1.543l3.602 3.605a.35.35 0 0 0 .496 0c.066-.07.102-.16.102-.25a.35.35 0 0 0-.102-.246L6.895.453c-.133-.137-.355-.137-.492 0zm0 0">`);
 function $70f5ae4deea73eee$export$2624c5890f1bbcf7() {
   return $8tj43$getNextElement($70f5ae4deea73eee$var$_tmpl$);
 }
-const $6a16b21155984cef$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class="floating-buttons"><button class="filter"><div></div></button><button class="sort"><div></div></button><button class="up"><div></div></button></div>`, 14);
+const $6a16b21155984cef$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class=floating-buttons><button class=filter><div></div></button><button class=sort><div></div></button><button class=up><div>`);
 function $6a16b21155984cef$export$b23abd26de154ede(props) {
   if (0, $8tj43$isServer) return; // won't show in initial render and need scroll position
   const [is_small, set_is_small] = $8tj43$createSignal(true);
@@ -6591,9 +6586,9 @@ function $6a16b21155984cef$var$ActualFloatingButtons(_ref2) {
   })();
 }
 $8tj43$delegateEvents(["click"]);
-const $52efc9ae4382e25a$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<nav class="crumbs"></nav>`, 2),
-  $52efc9ae4382e25a$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<a class="crumb"></a>`, 2),
-  $52efc9ae4382e25a$var$_tmpl$3 = /*#__PURE__*/$8tj43$template(`<span class="separator"></span>`, 2);
+const $52efc9ae4382e25a$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<nav class=crumbs>`),
+  $52efc9ae4382e25a$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<a class=crumb>`),
+  $52efc9ae4382e25a$var$_tmpl$3 = /*#__PURE__*/$8tj43$template(`<span class=separator>`);
 function $52efc9ae4382e25a$export$5646050d516e06bc(_ref) {
   let {
     crumb_data_: get_api_crumb_data,
@@ -6673,9 +6668,9 @@ function $52efc9ae4382e25a$export$5646050d516e06bc(_ref) {
   });
 }
 $8tj43$delegateEvents(["click"]);
-const $43fbb365ed0ac99e$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<nav class="quicklinks"></nav>`, 2),
-  $43fbb365ed0ac99e$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<div>QuickLinks failed</div>`, 2),
-  $43fbb365ed0ac99e$var$_tmpl$3 = /*#__PURE__*/$8tj43$template(`<a class="quicklink"></a>`, 2);
+const $43fbb365ed0ac99e$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<nav class=quicklinks>`),
+  $43fbb365ed0ac99e$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<div>QuickLinks failed`),
+  $43fbb365ed0ac99e$var$_tmpl$3 = /*#__PURE__*/$8tj43$template(`<a class=quicklink>`);
 function $43fbb365ed0ac99e$export$466cdc317043f6cb(_ref) {
   let {
     quicklinks_data_: quicklinks_data_,
@@ -7109,8 +7104,8 @@ function $a4777acaffa35a82$var$clear_if_opened_new_tab_with_sideways_url_params_
   });
   tracking_function_for_plp_results(plp_results_);
 }
-const $480c67545e51abfe$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class="statement" style="white-space:pre-wrap">No category ID specified, this is probably unintentional. Make sure to create (and insert) the CategoryPage *after* you have specified a category ID in your Depict Provider.</div>`, 2),
-  $480c67545e51abfe$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<div class="buttons"><button class="ok major"></button></div>`, 4);
+const $480c67545e51abfe$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class=statement style=white-space:pre-wrap>No category ID specified, this is probably unintentional. Make sure to create (and insert) the CategoryPage *after* you have specified a category ID in your Depict Provider.`),
+  $480c67545e51abfe$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<div class=buttons><button class="ok major">`);
 function $480c67545e51abfe$export$d4fc5c0e68a52116(el, query_id_, i18n_) {
   if (!(0, $8tj43$is_debug)) return; // Just to make sure we don't show this in production
   const owner = $8tj43$getOwner();
@@ -7174,10 +7169,10 @@ function $3a2bed57c9a57e21$export$d31a1a1a83ad9413(plp_results_, _ref) {
       set_selected_filters(new_filters);
   });
 }
-const $4b4b262708b516ee$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class="product-count"><!#><!/> <!#><!/></div>`, 6),
-  $4b4b262708b516ee$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<div></div>`, 2),
-  $4b4b262708b516ee$var$_tmpl$3 = /*#__PURE__*/$8tj43$template(`<div class="filter-results-for-one-row"><!#><!/><!#><!/></div>`, 6),
-  $4b4b262708b516ee$var$_tmpl$4 = /*#__PURE__*/$8tj43$template(`<div class="depict plp category"><div class="listing-page"><!#><!/><!#><!/><!#><!/><!#><!/><!#><!/><!#><!/></div><!#><!/><!#><!/></div>`, 20);
+const $4b4b262708b516ee$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class=product-count><!$><!/> <!$><!/>`),
+  $4b4b262708b516ee$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<div>`),
+  $4b4b262708b516ee$var$_tmpl$3 = /*#__PURE__*/$8tj43$template(`<div class=filter-results-for-one-row><!$><!/><!$><!/>`),
+  $4b4b262708b516ee$var$_tmpl$4 = /*#__PURE__*/$8tj43$template(`<div class="depict plp category"><div class=listing-page><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/></div><!$><!/><!$><!/>`);
 function $4b4b262708b516ee$export$f7d2f673fc2f091d(_ref) {
   var _on_filters_construct;
   let {
@@ -7855,7 +7850,7 @@ function $01c33966d9ddb108$export$f50b88e2a00918b5(fn) {
     }
   };
 }
-const $f5f54892fd0c7d9f$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class="depict plp category"></div>`, 2);
+const $f5f54892fd0c7d9f$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class="depict plp category">`);
 function $f5f54892fd0c7d9f$var$_classPrivateFieldInitSpec(obj, privateMap, value) {
   $f5f54892fd0c7d9f$var$_checkPrivateRedeclaration(obj, privateMap);
   privateMap.set(obj, value);
@@ -8211,7 +8206,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$ = /*#__PURE__*/$8tj43$template(`<div class="category-title"><h1 class="title"></h1><span class="explanation"> — <!#><!/></span></div>`, 8);
+const $fa332ea03168857c$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class=category-title><h1 class=title></h1><span class=explanation> — <!$><!/>`);
 const $fa332ea03168857c$export$b91cec6bdc6b32a1 = /*@__PURE__*/(() => {
   const actual_function = _ref => {
     let {
@@ -8237,7 +8232,7 @@ const $fa332ea03168857c$export$b91cec6bdc6b32a1 = /*@__PURE__*/(() => {
   actual_function[(0, $ec8a6e10026dcff9$export$5c28802497c8a83c)] = "simple";
   return actual_function;
 })();
-const $702d7656a373973e$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<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>`, 12);
+const $702d7656a373973e$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<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><!$><!/><!$><!/><!$><!/>`);
 const $702d7656a373973e$export$824dde41348efed1 = /*@__PURE__*/(() => {
   const actual_function = _ref => {
     let {
@@ -8402,7 +8397,7 @@ async function $96fd967c5b358ead$var$download_categories(tenant, market, type) {
     return [];
   }
 }
-const $5eaa00b951637e96$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class="instant-card"><div class="img-part"></div><div class="right-part"><div class="title-brand-tagline"><span class="title"></span></div></div></div>`, 10);
+const $5eaa00b951637e96$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class=instant-card><div class=img-part></div><div class=right-part><div class=title-brand-tagline><span class=title>`);
 function $5eaa00b951637e96$export$ee1733d9a8495996() {
   return (() => {
     const _el$ = $8tj43$getNextElement($5eaa00b951637e96$var$_tmpl$),
@@ -8420,8 +8415,8 @@ function $5eaa00b951637e96$export$ee1733d9a8495996() {
     return _el$;
   })();
 }
-const $dea31647b99a443b$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<span class="parent-title"></span>`, 2),
-  $dea31647b99a443b$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<a class="category-suggestion"><span class="title"></span><!#><!/></a>`, 6);
+const $dea31647b99a443b$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<span class=parent-title>`),
+  $dea31647b99a443b$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<a class=category-suggestion><span class=title></span><!$><!/>`);
 function $dea31647b99a443b$export$d757d54550ebfb3d(_ref) {
   let {
     category_suggestion_: category_suggestion_,
@@ -8456,11 +8451,11 @@ function $dea31647b99a443b$export$d757d54550ebfb3d(_ref) {
   })();
 }
 $8tj43$delegateEvents(["click"]);
-const $ecc323d9c29305ee$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="16"><path d="M.773 7.371L7.98.176C8.098.059 8.238 0 8.402 0s.305.059.422.176S9 .434 9 .598s-.059.305-.176.422L2.648 7.195h19.547a.59.59 0 0 1 .609.609c0 .172-.059.305-.176.422s-.262.176-.434.176H2.648l6.176 6.176a.59.59 0 0 1 .176.426c0 .16-.059.301-.176.422-.055.059-.121.109-.199.137s-.148.039-.223.039-.156-.012-.234-.039a.54.54 0 0 1-.187-.137L.773 8.227c-.117-.117-.176-.258-.176-.422a.6.6 0 0 1 .176-.434zm0 0"></path></svg>`, 4);
+const $ecc323d9c29305ee$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<svg xmlns=http://www.w3.org/2000/svg width=24 height=16><path d="M.773 7.371L7.98.176C8.098.059 8.238 0 8.402 0s.305.059.422.176S9 .434 9 .598s-.059.305-.176.422L2.648 7.195h19.547a.59.59 0 0 1 .609.609c0 .172-.059.305-.176.422s-.262.176-.434.176H2.648l6.176 6.176a.59.59 0 0 1 .176.426c0 .16-.059.301-.176.422-.055.059-.121.109-.199.137s-.148.039-.223.039-.156-.012-.234-.039a.54.54 0 0 1-.187-.137L.773 8.227c-.117-.117-.176-.258-.176-.422a.6.6 0 0 1 .176-.434zm0 0">`);
 function $ecc323d9c29305ee$export$1c641004b5485fed() {
   return $8tj43$getNextElement($ecc323d9c29305ee$var$_tmpl$);
 }
-const $ef0f18a578b32578$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<svg><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></svg>`, 4);
+const $ef0f18a578b32578$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<svg><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">`);
 function $ef0f18a578b32578$export$82eafebb825fc23f() {
   let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return (() => {
@@ -8474,8 +8469,8 @@ function $ef0f18a578b32578$export$82eafebb825fc23f() {
     return _el$;
   })();
 }
-const $584c06c09cf4609d$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<button class="back" type="button"></button>`, 2),
-  $584c06c09cf4609d$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<div class="search-field"><!#><!/><div class="field"><input class="query" tabindex="0"><button type="button" class="clear"></button></div><button class="submit major" type="button"></button></div>`, 11);
+const $584c06c09cf4609d$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<button class=back type=button>`),
+  $584c06c09cf4609d$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<div class=search-field><!$><!/><div class=field><input class=query tabindex=0><button type=button class=clear></button></div><button class="submit major"type=button>`);
 function $584c06c09cf4609d$export$b94867ecbd698f21(_ref) {
   let {
     search_field_value_: search_field_value_,
@@ -8577,7 +8572,7 @@ function $584c06c09cf4609d$export$b94867ecbd698f21(_ref) {
       input_field_ref_ === null || input_field_ref_ === void 0 || input_field_ref_(el);
     });
     typeof _ref$ === "function" && $8tj43$use(_ref$, _el$4);
-    _el$4.classList.toggle("has-adjacent-back-button", !!on_back_);
+    _el$4.classList.toggle("has-adjacent-back-button", !!!!on_back_);
     $8tj43$addEventListener(_el$5, "click", $8tj43$catchify(() => {
       search_field_value_[1]("");
       clear_filters_(true);
@@ -8605,14 +8600,14 @@ function $584c06c09cf4609d$export$b94867ecbd698f21(_ref) {
       _v$4: undefined,
       _v$5: undefined
     });
-    $8tj43$effect(() => _el$4.value = search_field_value_[0]());
+    $8tj43$effect(() => $8tj43$setProperty(_el$4, "value", search_field_value_[0]()));
     $8tj43$runHydrationEvents();
     return _el$;
   })();
 }
 $8tj43$delegateEvents(["click", "keydown", "input", "pointerdown"]);
-const $8ef6232475d44150$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class="search-recs"><h3 class="search-recs-title"></h3><!#><!/><!#><!/></div>`, 8),
-  $8ef6232475d44150$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<button class="show-more major" type="button"></button>`, 2);
+const $8ef6232475d44150$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class=search-recs><h3 class=search-recs-title></h3><!$><!/><!$><!/>`),
+  $8ef6232475d44150$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<button class="show-more major"type=button>`);
 const $8ef6232475d44150$export$1c8c715550dc689d = 2;
 function $8ef6232475d44150$export$7de92c4c2205ebf3(_ref) {
   let {
@@ -8868,9 +8863,9 @@ 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$ = /*#__PURE__*/$8tj43$template(`<span class="orig price"><!#><!/><!#><!/><!#><!/></span>`, 8),
-  $9a693c7e832d3f18$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<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="price"><!#><!/><!#><!/><!#><!/></span></div></div></a>`, 26),
-  $9a693c7e832d3f18$var$_tmpl$3 = /*#__PURE__*/$8tj43$template(`<div class="tagline"></div>`, 2);
+const $9a693c7e832d3f18$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<span class="orig price"><!$><!/><!$><!/><!$><!/>`),
+  $9a693c7e832d3f18$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<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=price><!$><!/><!$><!/><!$><!/>`),
+  $9a693c7e832d3f18$var$_tmpl$3 = /*#__PURE__*/$8tj43$template(`<div class=tagline>`);
 const $9a693c7e832d3f18$export$b05c0ae390cf3e06 = (display_or_variant_container, _ref, router_) => {
   let {
     i18n: i18n
@@ -8996,7 +8991,7 @@ const $9a693c7e832d3f18$export$b05c0ae390cf3e06 = (display_or_variant_container,
   })();
 };
 $8tj43$delegateEvents(["click"]);
-const $f7414b949aeabc90$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class="instant-results"></div>`, 2);
+const $f7414b949aeabc90$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class=instant-results>`);
 function $f7414b949aeabc90$export$62f101a8aa597bf8(_ref) {
   let {
     depict_api_: depict_api_,
@@ -9096,8 +9091,8 @@ function $f7414b949aeabc90$export$62f101a8aa597bf8(_ref) {
     return _el$;
   })();
 }
-const $558d0596fcf0e0b0$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div style="position:absolute;z-index:-1;pointer-events:none;width:100%;height:200%;top:-100%;"></div>`, 2),
-  $558d0596fcf0e0b0$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<div style="position:absolute;z-index:-1;pointer-events:none;width:100%;height:200%;"></div>`, 2);
+const $558d0596fcf0e0b0$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div style=position:absolute;z-index:-1;pointer-events:none;width:100%;height:200%;top:-100%;>`),
+  $558d0596fcf0e0b0$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<div style=position:absolute;z-index:-1;pointer-events:none;width:100%;height:200%;>`);
 function $558d0596fcf0e0b0$export$50b90be27d8502d9(el, _ref, bottom_distance) {
   let [get_style_props, set_style_props] = _ref;
   const overflow_style_beginning = "position:absolute;z-index:-1;pointer-events:none;width:100%;height:200%;";
@@ -9148,12 +9143,12 @@ function $e8776b492383c292$export$91c3b6774e8be0f5(_ref) {
     return u_o.href;
   });
 }
-const $6d95ef50ee01d5a1$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<svg xmlns="http://www.w3.org/2000/svg" width="12" height="13"><path d="M6 12.598a5.88 5.88 0 0 1-1.611-.223c-.52-.145-1.008-.352-1.465-.621s-.875-.605-1.254-.996-.693-.83-.955-1.318c-.039-.07-.047-.145-.023-.223s.072-.143.146-.182.145-.047.223-.023.143.072.182.146a5.54 5.54 0 0 0 .861 1.184c.34.352.715.65 1.125.897s.85.435 1.318.568A5.5 5.5 0 0 0 6 12a5.24 5.24 0 0 0 2.098-.422c.656-.285 1.229-.672 1.717-1.16s.879-1.061 1.16-1.717a5.22 5.22 0 0 0 .428-2.104c0-.742-.143-1.441-.428-2.098s-.668-1.229-1.16-1.717a5.42 5.42 0 0 0-1.717-1.154A5.18 5.18 0 0 0 6 1.201c-.496 0-.979.066-1.447.199s-.904.316-1.318.563-.785.539-1.125.891a5.31 5.31 0 0 0-.855 1.172.32.32 0 0 1-.164.141c-.066.023-.135.023-.205 0a.3.3 0 0 1-.158-.135C.691 3.965.682 3.895.697 3.82l.51-2.385c.016-.078.059-.141.129-.187a.28.28 0 0 1 .229-.041c.078.016.141.059.188.129a.28.28 0 0 1 .041.229l-.211.973a5.91 5.91 0 0 1 .926-.814 5.78 5.78 0 0 1 1.066-.609A5.79 5.79 0 0 1 4.746.732C5.156.643 5.574.598 6 .598c.402 0 .795.039 1.178.117s.76.191 1.119.34a5.95 5.95 0 0 1 1.031.551c.328.219.633.469.914.75s.535.592.75.92a5.77 5.77 0 0 1 .551 1.025 5.53 5.53 0 0 1 .34 1.119c.078.387.117.779.117 1.178s-.039.797-.117 1.184-.187.754-.34 1.113a5.96 5.96 0 0 1-.551 1.031 5.56 5.56 0 0 1-.75.914c-.281.285-.586.537-.914.756a5.95 5.95 0 0 1-1.031.551c-.359.148-.732.26-1.119.334s-.775.117-1.178.117zm0-5.695c-.023 0-.049-.004-.076-.012s-.047-.018-.07-.029l-2.701-1.5c-.07-.039-.117-.098-.141-.176a.29.29 0 0 1 .023-.229c.043-.074.104-.123.182-.146s.158-.014.229.029l2.543 1.412 3.152-2.004c.07-.047.145-.061.223-.041a.29.29 0 0 1 .188.135c.047.066.061.141.041.223a.27.27 0 0 1-.129.188L6.158 6.855a.27.27 0 0 1-.076.035c-.027.008-.055.012-.082.012z" fill="#0f0f0f"></path></svg>`, 4);
+const $6d95ef50ee01d5a1$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<svg xmlns=http://www.w3.org/2000/svg width=12 height=13><path d="M6 12.598a5.88 5.88 0 0 1-1.611-.223c-.52-.145-1.008-.352-1.465-.621s-.875-.605-1.254-.996-.693-.83-.955-1.318c-.039-.07-.047-.145-.023-.223s.072-.143.146-.182.145-.047.223-.023.143.072.182.146a5.54 5.54 0 0 0 .861 1.184c.34.352.715.65 1.125.897s.85.435 1.318.568A5.5 5.5 0 0 0 6 12a5.24 5.24 0 0 0 2.098-.422c.656-.285 1.229-.672 1.717-1.16s.879-1.061 1.16-1.717a5.22 5.22 0 0 0 .428-2.104c0-.742-.143-1.441-.428-2.098s-.668-1.229-1.16-1.717a5.42 5.42 0 0 0-1.717-1.154A5.18 5.18 0 0 0 6 1.201c-.496 0-.979.066-1.447.199s-.904.316-1.318.563-.785.539-1.125.891a5.31 5.31 0 0 0-.855 1.172.32.32 0 0 1-.164.141c-.066.023-.135.023-.205 0a.3.3 0 0 1-.158-.135C.691 3.965.682 3.895.697 3.82l.51-2.385c.016-.078.059-.141.129-.187a.28.28 0 0 1 .229-.041c.078.016.141.059.188.129a.28.28 0 0 1 .041.229l-.211.973a5.91 5.91 0 0 1 .926-.814 5.78 5.78 0 0 1 1.066-.609A5.79 5.79 0 0 1 4.746.732C5.156.643 5.574.598 6 .598c.402 0 .795.039 1.178.117s.76.191 1.119.34a5.95 5.95 0 0 1 1.031.551c.328.219.633.469.914.75s.535.592.75.92a5.77 5.77 0 0 1 .551 1.025 5.53 5.53 0 0 1 .34 1.119c.078.387.117.779.117 1.178s-.039.797-.117 1.184-.187.754-.34 1.113a5.96 5.96 0 0 1-.551 1.031 5.56 5.56 0 0 1-.75.914c-.281.285-.586.537-.914.756a5.95 5.95 0 0 1-1.031.551c-.359.148-.732.26-1.119.334s-.775.117-1.178.117zm0-5.695c-.023 0-.049-.004-.076-.012s-.047-.018-.07-.029l-2.701-1.5c-.07-.039-.117-.098-.141-.176a.29.29 0 0 1 .023-.229c.043-.074.104-.123.182-.146s.158-.014.229.029l2.543 1.412 3.152-2.004c.07-.047.145-.061.223-.041a.29.29 0 0 1 .188.135c.047.066.061.141.041.223a.27.27 0 0 1-.129.188L6.158 6.855a.27.27 0 0 1-.076.035c-.027.008-.055.012-.082.012z"fill=#0f0f0f>`);
 function $6d95ef50ee01d5a1$export$5d2caaa6b530761c() {
   return $8tj43$getNextElement($6d95ef50ee01d5a1$var$_tmpl$);
 }
-const $494c9ad553139dbc$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class="previous-searches"><h2 class="text"></h2><div class="list"></div></div>`, 6),
-  $494c9ad553139dbc$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<a class="item"><div class="left"><!#><!/><span class="line-clamp"></span></div><button class="delete"></button></a>`, 10);
+const $494c9ad553139dbc$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class=previous-searches><h2 class=text></h2><div class=list>`),
+  $494c9ad553139dbc$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<a class=item><div class=left><!$><!/><span class=line-clamp></span></div><button class=delete>`);
 function $494c9ad553139dbc$export$a146ac6fa8346a25(_ref) {
   let {
     text_: text_,
@@ -9260,8 +9255,8 @@ function $494c9ad553139dbc$export$a146ac6fa8346a25(_ref) {
     }
   });
 }
-const $02b6641aa50ce528$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<span class="highlighted-part"></span>`, 2),
-  $02b6641aa50ce528$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<span></span>`, 2);
+const $02b6641aa50ce528$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<span class=highlighted-part>`),
+  $02b6641aa50ce528$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<span>`);
 function $02b6641aa50ce528$export$ba17c5b7e6dda39f(_ref) {
   let {
     whole_text_to_display_: whole_text_to_display_memo,
@@ -9333,7 +9328,7 @@ function $02b6641aa50ce528$export$ba17c5b7e6dda39f(_ref) {
     return _el$2;
   })();
 }
-const $3c5e15c6ee4227a9$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 256 256"><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></svg>`, 4);
+const $3c5e15c6ee4227a9$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<svg xmlns=http://www.w3.org/2000/svg width=32 height=32 viewBox="0 0 256 256"><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">`);
 function $3c5e15c6ee4227a9$export$605674723bcc715c() {
   let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return (() => {
@@ -9343,15 +9338,15 @@ function $3c5e15c6ee4227a9$export$605674723bcc715c() {
     return _el$;
   })();
 }
-const $40dd3f46f55d62ba$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<a class="suggestion"></a>`, 2),
-  $40dd3f46f55d62ba$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<div class="search-icon"></div>`, 2),
-  $40dd3f46f55d62ba$var$_tmpl$3 = /*#__PURE__*/$8tj43$template(`<span class="type"></span>`, 2),
-  $40dd3f46f55d62ba$var$_tmpl$4 = /*#__PURE__*/$8tj43$template(`<div class="with-parent-title"><!#><!/><span class="value line-clamp"></span></div>`, 6),
-  $40dd3f46f55d62ba$var$_tmpl$5 = /*#__PURE__*/$8tj43$template(`<div class="with-icon"><!#><!/><!#><!/></div>`, 6),
-  $40dd3f46f55d62ba$var$_tmpl$6 = /*#__PURE__*/$8tj43$template(`<h2 class="text"></h2>`, 2),
-  $40dd3f46f55d62ba$var$_tmpl$7 = /*#__PURE__*/$8tj43$template(`<div class="suggestion-container query"><!#><!/><!#><!/></div>`, 6),
-  $40dd3f46f55d62ba$var$_tmpl$8 = /*#__PURE__*/$8tj43$template(`<div class="suggestion-container page"></div>`, 2),
-  $40dd3f46f55d62ba$var$_tmpl$9 = /*#__PURE__*/$8tj43$template(`<div class="suggestions"><!#><!/><!#><!/><!#><!/></div>`, 8);
+const $40dd3f46f55d62ba$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<a class=suggestion>`),
+  $40dd3f46f55d62ba$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<div class=search-icon>`),
+  $40dd3f46f55d62ba$var$_tmpl$3 = /*#__PURE__*/$8tj43$template(`<span class=type>`),
+  $40dd3f46f55d62ba$var$_tmpl$4 = /*#__PURE__*/$8tj43$template(`<div class=with-parent-title><!$><!/><span class="value line-clamp">`),
+  $40dd3f46f55d62ba$var$_tmpl$5 = /*#__PURE__*/$8tj43$template(`<div class=with-icon><!$><!/><!$><!/>`),
+  $40dd3f46f55d62ba$var$_tmpl$6 = /*#__PURE__*/$8tj43$template(`<h2 class=text>`),
+  $40dd3f46f55d62ba$var$_tmpl$7 = /*#__PURE__*/$8tj43$template(`<div class="suggestion-container query"><!$><!/><!$><!/>`),
+  $40dd3f46f55d62ba$var$_tmpl$8 = /*#__PURE__*/$8tj43$template(`<div class="suggestion-container page">`),
+  $40dd3f46f55d62ba$var$_tmpl$9 = /*#__PURE__*/$8tj43$template(`<div class=suggestions><!$><!/><!$><!/><!$><!/>`);
 function $40dd3f46f55d62ba$export$e872e2339fb04a7f(_ref) {
   let {
     suggestion_memo_: suggestion_memo_,
@@ -9623,7 +9618,7 @@ function $40dd3f46f55d62ba$export$e872e2339fb04a7f(_ref) {
     }
   });
 }
-const $76b6e14a50da4597$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<a target="_blank"></a>`, 2);
+const $76b6e14a50da4597$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<a target=_blank>`);
 function $76b6e14a50da4597$export$1efe1013da60d0e4(e, href) {
   if (e.metaKey || e.ctrlKey) {
     // Open link in a new tab with cmd/ctrl + enter.
@@ -10029,7 +10024,7 @@ const $cc64aabf2c7a1f1a$export$1233ca167bf71f9a = styles => {
     return "".concat(selector, " { ").concat($cc64aabf2c7a1f1a$export$af8311b651139246(css_properties), " }");
   }).join(" ");
 };
-const $a86e71c0015bd8ab$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<style></style>`, 2);
+const $a86e71c0015bd8ab$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<style>`);
 function $a86e71c0015bd8ab$export$f021bdedd3ec901a(props) {
   const valid_css_string = $8tj43$createMemo(() => {
     return $cc64aabf2c7a1f1a$export$1233ca167bf71f9a(props.styles());
@@ -10040,10 +10035,10 @@ function $a86e71c0015bd8ab$export$f021bdedd3ec901a(props) {
     return _el$;
   })();
 }
-const $e82132ed97521828$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class="discover-more"><button class="major" type="button"></button></div>`, 4),
-  $e82132ed97521828$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<b></b>`, 2),
-  $e82132ed97521828$var$_tmpl$3 = /*#__PURE__*/$8tj43$template(`<div class="depict-search-modal"><div class="body"><!#><!/><div class="padded"><!#><!/><!#><!/><!#><!/></div><!#><!/></div><!#><!/></div>`, 18),
-  $e82132ed97521828$var$_tmpl$4 = /*#__PURE__*/$8tj43$template(`<div class="depict plp search"><div class="depict-search-modal-backdrop"></div><!#><!/></div>`, 6);
+const $e82132ed97521828$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class=discover-more><button class=major type=button>`),
+  $e82132ed97521828$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<b>`),
+  $e82132ed97521828$var$_tmpl$3 = /*#__PURE__*/$8tj43$template(`<div class=depict-search-modal><div class=body><!$><!/><div class=padded><!$><!/><!$><!/><!$><!/></div><!$><!/></div><!$><!/>`),
+  $e82132ed97521828$var$_tmpl$4 = /*#__PURE__*/$8tj43$template(`<div class="depict plp search"><div class=depict-search-modal-backdrop></div><!$><!/>`);
 function $e82132ed97521828$export$1c593cbd6f1e10bc(_ref) {
   let {
     search_field_value_: props_search_field_value,
@@ -10301,8 +10296,8 @@ function $e82132ed97521828$var$close_modal_when_navigating_away(close_modal, sea
   })();
 }
 $8tj43$delegateEvents(["click"]);
-const $754f319a849bfdbc$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class="category-suggestions"></div>`, 2),
-  $754f319a849bfdbc$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<div class="category-suggestion"></div>`, 2);
+const $754f319a849bfdbc$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class=category-suggestions>`),
+  $754f319a849bfdbc$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<div class=category-suggestion>`);
 function $754f319a849bfdbc$export$c05a196222ba1302(_ref) {
   let {
     suggestions_: suggestions_,
@@ -10351,8 +10346,8 @@ function $754f319a849bfdbc$export$c05a196222ba1302(_ref) {
     }
   });
 }
-const $69602b3d8fd54c38$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<b></b>`, 2),
-  $69602b3d8fd54c38$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<div class="results-for"></div>`, 2);
+const $69602b3d8fd54c38$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<b>`),
+  $69602b3d8fd54c38$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<div class=results-for>`);
 function $69602b3d8fd54c38$export$9dd50d35b9d94fdf(_ref) {
   let {
     get_search_query_: get_search_query_,
@@ -10403,7 +10398,7 @@ function $8e8ce3f7a5eb11a6$export$41b4894022a3580f() {
   })));
   return style_props_;
 }
-const $f3a159279dc1a8fb$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<span class="highlighted-part"></span>`, 2);
+const $f3a159279dc1a8fb$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<span class=highlighted-part>`);
 const $f3a159279dc1a8fb$var$dont_cut_in_between_less_than_characters = 30;
 function $f3a159279dc1a8fb$export$e1a98a189fd2c0e7(_ref) {
   let {
@@ -10635,10 +10630,10 @@ function $f3a159279dc1a8fb$var$segment_text(text, matched_strings) {
   }
   return output;
 }
-const $22470de5f42cc35d$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<a></a>`, 2),
-  $22470de5f42cc35d$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<div></div>`, 2),
-  $22470de5f42cc35d$var$_tmpl$3 = /*#__PURE__*/$8tj43$template(`<div class="description line-clamp"></div>`, 2),
-  $22470de5f42cc35d$var$_tmpl$4 = /*#__PURE__*/$8tj43$template(`<div class="content-card"><div class="image"></div><div class="info"><!#><!/><!#><!/></div></div>`, 10);
+const $22470de5f42cc35d$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<a>`),
+  $22470de5f42cc35d$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<div>`),
+  $22470de5f42cc35d$var$_tmpl$3 = /*#__PURE__*/$8tj43$template(`<div class="description line-clamp">`),
+  $22470de5f42cc35d$var$_tmpl$4 = /*#__PURE__*/$8tj43$template(`<div class=content-card><div class=image></div><div class=info><!$><!/><!$><!/>`);
 function $22470de5f42cc35d$export$f631859cab12b342(_ref) {
   let {
     router_: router_,
@@ -10804,9 +10799,9 @@ function $ad4f3c9872fbeb48$export$4405d077f0a20494(_ref) {
     children: () => $8tj43$createComponent((0, $22470de5f42cc35d$export$f631859cab12b342), {})
   });
 }
-const $d53ebed6f63304e4$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class="content-results"><!#><!/><!#><!/></div>`, 6),
-  $d53ebed6f63304e4$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<button class="view-more"></button>`, 2),
-  $d53ebed6f63304e4$var$_tmpl$3 = /*#__PURE__*/$8tj43$template(`<button class="view-less"></button>`, 2);
+const $d53ebed6f63304e4$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class=content-results><!$><!/><!$><!/>`),
+  $d53ebed6f63304e4$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<button class=view-more>`),
+  $d53ebed6f63304e4$var$_tmpl$3 = /*#__PURE__*/$8tj43$template(`<button class=view-less>`);
 const $d53ebed6f63304e4$export$70ceae36059a1036 = 1;
 function $d53ebed6f63304e4$export$6d0c9c22f6652669(_ref) {
   let {
@@ -10885,7 +10880,7 @@ function $d53ebed6f63304e4$export$6d0c9c22f6652669(_ref) {
     })), _el$5, _co$2);
     $8tj43$effect(() => {
       var _content_results2;
-      return _el$.style.setProperty("display", is_loading_() && placeholders_enabled() || ((_content_results2 = content_results()) === null || _content_results2 === void 0 ? void 0 : _content_results2.length) > 0 ? "" : "none");
+      return is_loading_() && placeholders_enabled() || (_content_results2 = content_results()) === null || _content_results2 === void 0 || _content_results2.length, _el$.style.setProperty("display", is_loading_() && placeholders_enabled() || ((_content_results2 = content_results()) === null || _content_results2 === void 0 ? void 0 : _content_results2.length) > 0 ? "" : "none");
     });
     return _el$;
   })();
@@ -10920,8 +10915,8 @@ function $d53ebed6f63304e4$var$make_state_saved_rows(_ref2, i18n_) {
   }));
   return rows;
 }
-const $da279c5a540c6846$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class="filter-results-for-one-row"><!#><!/><!#><!/></div>`, 6),
-  $da279c5a540c6846$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<div class="depict plp search"><div class="listing-page"><!#><!/><!#><!/><!#><!/><!#><!/><!#><!/><!#><!/><!#><!/></div><!#><!/><!#><!/></div>`, 22);
+const $da279c5a540c6846$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class=filter-results-for-one-row><!$><!/><!$><!/>`),
+  $da279c5a540c6846$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<div class="depict plp search"><div class=listing-page><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/></div><!$><!/><!$><!/>`);
 function $da279c5a540c6846$export$a54ec244c8863715(_ref) {
   let {
     depict_api_: depict_api_,
@@ -11388,7 +11383,7 @@ function $3f7203368ad0d3ca$export$ff7109b9b2b206ba(sdk_cols_at_size) {
     return max_width == Infinity ? [cols] : [cols, max_width];
   });
 }
-const $eb064bc3350276c1$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class="depict plp search"></div>`, 2);
+const $eb064bc3350276c1$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class="depict plp search">`);
 function $eb064bc3350276c1$var$_classPrivateFieldInitSpec(obj, privateMap, value) {
   $eb064bc3350276c1$var$_checkPrivateRedeclaration(obj, privateMap);
   privateMap.set(obj, value);