@depict-ai/ui 2.1.0 → 2.1.1

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.
@@ -70,7 +70,7 @@ $parcel$export(module.exports, "defaultColsAtSize", () => $a3280f0aad997933$expo
70
70
  $parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $a3280f0aad997933$export$7bf543b9d9be2c22);
71
71
  $parcel$export(module.exports, "version", () => $b757f75811f3261f$export$83d89fbfd8236492);
72
72
  /*! Depict.ai search and product listing SDK */
73
- const $b757f75811f3261f$export$83d89fbfd8236492 = "2.1.0";
73
+ const $b757f75811f3261f$export$83d89fbfd8236492 = "2.1.1";
74
74
  const $1ab22f2cd39b3061$var$fallback_operator = "in";
75
75
  const $1ab22f2cd39b3061$var$fallback_token = "";
76
76
  const $1ab22f2cd39b3061$var$legacy_filter_prefix = "filter_";
@@ -307,10 +307,10 @@ function $19950faaac026e09$export$6e5611bc7e57e477(props) {
307
307
  srcset: srcset
308
308
  };
309
309
  });
310
- return $5vyXB$solidjsweb.ssrElement("img", () => ({
311
- ...otherOptions,
312
- ...src_options(),
313
- "sizes": props.size() + "px"
310
+ return $5vyXB$solidjsweb.ssrElement("img", $5vyXB$solidjsweb.mergeProps(otherOptions, src_options, {
311
+ get sizes() {
312
+ return props.size() + "px";
313
+ }
314
314
  }), undefined, true);
315
315
  }
316
316
  function $19950faaac026e09$var$make_srcset(url, resolutions) {
@@ -724,9 +724,8 @@ const $f48d0fbb00835aaa$var$_tmpl$ = ["<div", ' class="', '">', "</div>"],
724
724
  $f48d0fbb00835aaa$var$_tmpl$2 = ["<style", ' type="text/css">', "</style>"];
725
725
  function $f48d0fbb00835aaa$export$d21e32dfedac04be(props) {
726
726
  const container_class = "x" + $5vyXB$solidjs.createUniqueId();
727
- const container_element_ = $5vyXB$solidjsweb.ssrElement("div", () => ({
728
- ...props.element_attributes,
729
- "classList": {
727
+ const container_element_ = $5vyXB$solidjsweb.ssrElement("div", $5vyXB$solidjsweb.mergeProps(() => props.element_attributes, {
728
+ classList: {
730
729
  [container_class]: true
731
730
  }
732
731
  }), () => $5vyXB$solidjsweb.escape(props.children), true); // Don't want this in the error boundary below, it should only be for the actual layouting
@@ -954,7 +953,7 @@ function $72f96c4782db0b1b$export$9574e176201e5e8d(props) {
954
953
  })));
955
954
  }, "RecommendationSlider failed");
956
955
  }
957
- const $b8e79813f4f7ebe4$var$_tmpl$ = ["<div", ' class="recommendation-grid"><!--#-->', "<!--/--><!--#-->", "<!--/--></div>"];
956
+ const $b8e79813f4f7ebe4$var$_tmpl$ = ["<div", ' class="recommendation-grid"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"];
958
957
  function $b8e79813f4f7ebe4$export$7da560f849543dff({
959
958
  recommendations_resource_: recommendations_resource_,
960
959
  product_card_template_: product_card_template_,
@@ -1175,12 +1174,11 @@ function $d659702496cb72ea$export$a71e92cfbb498adc(props) {
1175
1174
  }
1176
1175
  const $c77c68e559a1506c$var$_tmpl$ = '<path d="M11.669 10.531l9.156-9.156a.78.78 0 0 0 .237-.569c0-.221-.079-.412-.237-.569A.8.8 0 0 0 20.24 0a.77.77 0 0 0-.569.237l-9.14 9.14-9.14-9.14A.79.79 0 0 0 .807 0a.77.77 0 0 0-.569.237A.78.78 0 0 0 0 .807a.77.77 0 0 0 .237.569l9.156 9.156-9.156 9.14c-.159.157-.237.349-.237.569s.079.412.237.569c.085.085.174.148.268.19a1.095 1.095 0 0 0 .316.048.894.894 0 0 0 .285-.048.84.84 0 0 0 .285-.19l9.139-9.14 9.14 9.14a.894.894 0 0 0 .268.19 1.049 1.049 0 0 0 .301.048.941.941 0 0 0 .301-.048.84.84 0 0 0 .285-.19.78.78 0 0 0 .237-.569c0-.221-.079-.412-.237-.569z"></path>';
1177
1176
  function $c77c68e559a1506c$export$3b621d86b1566b2(props = {}) {
1178
- return $5vyXB$solidjsweb.ssrElement("svg", () => ({
1179
- ...props,
1180
- "xmlns": "http://www.w3.org/2000/svg",
1181
- "width": "21.064",
1182
- "height": "21.047",
1183
- "viewBox": "0 0 21.064 21.064"
1177
+ return $5vyXB$solidjsweb.ssrElement("svg", $5vyXB$solidjsweb.mergeProps(props, {
1178
+ xmlns: "http://www.w3.org/2000/svg",
1179
+ width: "21.064",
1180
+ height: "21.047",
1181
+ viewBox: "0 0 21.064 21.064"
1184
1182
  }), () => $5vyXB$solidjsweb.ssr($c77c68e559a1506c$var$_tmpl$), true);
1185
1183
  }
1186
1184
 
@@ -1192,9 +1190,9 @@ function $daa394359b026187$export$325f75597868c4f0(stuff) {
1192
1190
  return stuff.toLowerCase();
1193
1191
  }
1194
1192
  const $235a2771a44e28e9$var$_tmpl$ = ["<button", ' class="clear-all-filters minor">', "</button>"],
1195
- $235a2771a44e28e9$var$_tmpl$2 = ["<div", ' class="inner"><span class="title"><!--#-->', "<!--/-->: </span><!--#-->", "<!--/--></div>"],
1196
- $235a2771a44e28e9$var$_tmpl$3 = ["<button", ' class="clear-filter major"><!--#-->', "<!--/--><span><!--#-->", "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--> – <!--#-->", "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--></span></button>"],
1197
- $235a2771a44e28e9$var$_tmpl$4 = ["<button", ' class="clear-filter major"><!--#-->', "<!--/--><span>", "</span></button>"];
1193
+ $235a2771a44e28e9$var$_tmpl$2 = ["<div", ' class="inner"><span class="title"><!--$-->', "<!--/-->: </span><!--$-->", "<!--/--></div>"],
1194
+ $235a2771a44e28e9$var$_tmpl$3 = ["<button", ' class="clear-filter major"><!--$-->', "<!--/--><span><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--> – <!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></span></button>"],
1195
+ $235a2771a44e28e9$var$_tmpl$4 = ["<button", ' class="clear-filter major"><!--$-->', "<!--/--><span>", "</span></button>"];
1198
1196
  function $235a2771a44e28e9$export$fecbb157621501bd({
1199
1197
  number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
1200
1198
  i18n_: i18n_,
@@ -1296,25 +1294,23 @@ function $235a2771a44e28e9$export$fecbb157621501bd({
1296
1294
  return matching_filter()?.op !== "inrange";
1297
1295
  },
1298
1296
  get fallback() {
1299
- return (() => {
1300
- number_of_rendered_selected_filters_items_[1](prev => prev + 1);
1301
- $5vyXB$solidjs.onCleanup(() => number_of_rendered_selected_filters_items_[1](prev => prev - 1));
1302
- return $5vyXB$solidjsweb.ssr($235a2771a44e28e9$var$_tmpl$3, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $c77c68e559a1506c$export$3b621d86b1566b2), {})), $5vyXB$solidjsweb.escape(price_formatting_().pre_), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $d659702496cb72ea$export$a71e92cfbb498adc), {
1303
- get price_() {
1304
- return filter().data[0];
1305
- },
1306
- get price_formatting_() {
1307
- return price_formatting_();
1308
- }
1309
- })), $5vyXB$solidjsweb.escape(price_formatting_().post_), $5vyXB$solidjsweb.escape(price_formatting_().pre_), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $d659702496cb72ea$export$a71e92cfbb498adc), {
1310
- get price_() {
1311
- return filter().data[1];
1312
- },
1313
- get price_formatting_() {
1314
- return price_formatting_();
1315
- }
1316
- })), $5vyXB$solidjsweb.escape(price_formatting_().post_));
1317
- })();
1297
+ number_of_rendered_selected_filters_items_[1](prev => prev + 1);
1298
+ $5vyXB$solidjs.onCleanup(() => number_of_rendered_selected_filters_items_[1](prev => prev - 1));
1299
+ return $5vyXB$solidjsweb.ssr($235a2771a44e28e9$var$_tmpl$3, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $c77c68e559a1506c$export$3b621d86b1566b2), {})), $5vyXB$solidjsweb.escape(price_formatting_().pre_), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $d659702496cb72ea$export$a71e92cfbb498adc), {
1300
+ get price_() {
1301
+ return filter().data[0];
1302
+ },
1303
+ get price_formatting_() {
1304
+ return price_formatting_();
1305
+ }
1306
+ })), $5vyXB$solidjsweb.escape(price_formatting_().post_), $5vyXB$solidjsweb.escape(price_formatting_().pre_), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $d659702496cb72ea$export$a71e92cfbb498adc), {
1307
+ get price_() {
1308
+ return filter().data[1];
1309
+ },
1310
+ get price_formatting_() {
1311
+ return price_formatting_();
1312
+ }
1313
+ })), $5vyXB$solidjsweb.escape(price_formatting_().post_));
1318
1314
  },
1319
1315
  get children() {
1320
1316
  return $5vyXB$solidjsweb.createComponent((0, $5vyXB$solidjs.Index), {
@@ -1395,7 +1391,7 @@ function $235a2771a44e28e9$export$fecbb157621501bd({
1395
1391
  return outmost_element;
1396
1392
  }
1397
1393
  const $1c63082b2da848ad$var$_tmpl$ = ["<span", ' class="count">', "</span>"],
1398
- $1c63082b2da848ad$var$_tmpl$2 = ["<label", ' class="', '"', '><div class="left"><input type="checkbox"', "", "", '><span class="custom-indicator"></span><span class="text line-clamp">', "</span></div><!--#-->", "<!--/--></label>"];
1394
+ $1c63082b2da848ad$var$_tmpl$2 = ["<label", ' class="', '"', '><div class="left"><input type="checkbox"', "", "", '><span class="custom-indicator"></span><span class="text line-clamp">', "</span></div><!--$-->", "<!--/--></label>"];
1399
1395
  const $1c63082b2da848ad$export$48513f6b9f8ce62d = props => {
1400
1396
  // 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
1401
1397
  const count = $5vyXB$solidjs.createMemo(() => props.count_);
@@ -1416,21 +1412,20 @@ const $1c63082b2da848ad$export$48513f6b9f8ce62d = props => {
1416
1412
  };
1417
1413
  const $cc43b6428000c4bf$var$_tmpl$ = '<path d="M10.173 5.548H5.5V.875c0-.075-.027-.14-.081-.193S5.301.601 5.226.601s-.14.027-.193.081-.081.118-.081.193v4.673H.274c-.075 0-.14.027-.193.081A.27.27 0 0 0 0 5.827c0 .075.027.14.081.193s.118.081.193.081h4.678v4.673c0 .075.027.14.081.193s.118.081.193.081.14-.027.193-.081.081-.118.081-.193V6.101h4.673a.27.27 0 0 0 .199-.081c.054-.054.08-.118.08-.193a.27.27 0 0 0-.279-.279z" fill="#000"></path>';
1418
1414
  function $cc43b6428000c4bf$export$f21ab0717a89c77f(props) {
1419
- return $5vyXB$solidjsweb.ssrElement("svg", () => ({
1420
- ...props,
1421
- "xmlns": "http://www.w3.org/2000/svg",
1422
- "width": "11",
1423
- "height": "12"
1415
+ return $5vyXB$solidjsweb.ssrElement("svg", $5vyXB$solidjsweb.mergeProps(props, {
1416
+ xmlns: "http://www.w3.org/2000/svg",
1417
+ width: "11",
1418
+ height: "12"
1424
1419
  }), () => $5vyXB$solidjsweb.ssr($cc43b6428000c4bf$var$_tmpl$), true);
1425
1420
  }
1426
- const $0fe1e7efdf4200d6$var$_tmpl$ = ["<button", ' type="button" class="', '"><!--#-->', "<!--/--><span>", "</span></button>"];
1421
+ const $0fe1e7efdf4200d6$var$_tmpl$ = ["<button", ' type="button" class="', '"><!--$-->', "<!--/--><span>", "</span></button>"];
1427
1422
  function $0fe1e7efdf4200d6$export$ca21a16d65b3dd8({
1428
1423
  show_extras_: [get_show_extras, set_show_extras],
1429
1424
  i18n_: i18n_
1430
1425
  }) {
1431
1426
  return $5vyXB$solidjsweb.ssr($0fe1e7efdf4200d6$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), `expand-filter ${get_show_extras() ? "expanded" : ""}`, $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $cc43b6428000c4bf$export$f21ab0717a89c77f), {})), get_show_extras() ? $5vyXB$solidjsweb.escape(i18n_.view_less_()) : $5vyXB$solidjsweb.escape(i18n_.view_more_()));
1432
1427
  }
1433
- const $d94869c80e337a3d$var$_tmpl$ = ["<form", ' class="checkboxes"><!--#-->', "<!--/--><!--#-->", "<!--/--></form>"];
1428
+ const $d94869c80e337a3d$var$_tmpl$ = ["<form", ' class="checkboxes"><!--$-->', "<!--/--><!--$-->", "<!--/--></form>"];
1434
1429
  const $d94869c80e337a3d$var$max_visible_without_collapsing = 15;
1435
1430
  const $d94869c80e337a3d$var$show_non_collapsible_when_collapsed = 4;
1436
1431
  function $d94869c80e337a3d$export$dd948f91abc3a1c4({
@@ -1529,7 +1524,7 @@ function $d94869c80e337a3d$export$dd948f91abc3a1c4({
1529
1524
  }
1530
1525
  const $c1dc1554c1b94233$var$_tmpl$ = ["<form", ' class="radios">', "</form>"],
1531
1526
  $c1dc1554c1b94233$var$_tmpl$2 = ["<span", ' class="count">', "</span>"],
1532
- $c1dc1554c1b94233$var$_tmpl$3 = ["<label", ' class="', '"', '><div class="left"><input type="radio"', "", '><span class="custom-indicator"></span><!--#-->', "<!--/--></div><!--#-->", "<!--/--></label>"];
1527
+ $c1dc1554c1b94233$var$_tmpl$3 = ["<label", ' class="', '"', '><div class="left"><input type="radio"', "", '><span class="custom-indicator"></span><!--$-->', "<!--/--></div><!--$-->", "<!--/--></label>"];
1533
1528
  function $c1dc1554c1b94233$export$430444115f70a734({
1534
1529
  selected_filters_: selected_filters_,
1535
1530
  filter_: filter_
@@ -1573,7 +1568,7 @@ function $c1dc1554c1b94233$export$430444115f70a734({
1573
1568
  }
1574
1569
  })));
1575
1570
  }
1576
- const $0b7222ba8a8bb72f$var$_tmpl$ = ["<div", ' class="', '"><div class="input-group"><div class="field"><input', ' type="number"', '></div><div class="separator">-</div><div class="field"><input', ' type="number"', "></div></div><!--#-->", '<!--/--><div class="value-text"><span class="min"><!--#-->', "<!--/--><!--#-->", "<!--/--><!--#-->", '<!--/--></span><span class="max"><!--#-->', "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--></span></div></div>"],
1571
+ const $0b7222ba8a8bb72f$var$_tmpl$ = ["<div", ' class="', '"><div class="input-group"><div class="field"><input', ' type="number"', '></div><div class="separator">-</div><div class="field"><input', ' type="number"', "></div></div><!--$-->", '<!--/--><div class="value-text"><span class="min"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", '<!--/--></span><span class="max"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></span></div></div>"],
1577
1572
  $0b7222ba8a8bb72f$var$_tmpl$2 = ["<div", ' class="slider"><div class="progress" style="', '"></div></div>'],
1578
1573
  $0b7222ba8a8bb72f$var$_tmpl$3 = ["<div", ' class="range-group"><input', ' type="range"', ' step="any"><input', ' type="range"', ' step="any"></div>'];
1579
1574
  function $0b7222ba8a8bb72f$export$e0d834a0ad870cda({
@@ -1798,10 +1793,10 @@ function $7567511a7c3e4bd7$export$e5c2828934226505({
1798
1793
  });
1799
1794
  return outer_div;
1800
1795
  }
1801
- const $3bdc00a1353c1150$var$_tmpl$ = ["<form", ' class="', '"><!--#-->', "<!--/--><!--#-->", "<!--/--></form>"],
1802
- $3bdc00a1353c1150$var$_tmpl$2 = ["<div", ' class="', '"><!--#-->', "<!--/--><!--#-->", "<!--/--></div>"],
1796
+ const $3bdc00a1353c1150$var$_tmpl$ = ["<form", ' class="', '"><!--$-->', "<!--/--><!--$-->", "<!--/--></form>"],
1797
+ $3bdc00a1353c1150$var$_tmpl$2 = ["<div", ' class="', '"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"],
1803
1798
  $3bdc00a1353c1150$var$_tmpl$3 = ["<details", "></details>"],
1804
- $3bdc00a1353c1150$var$_tmpl$4 = ["<summary", ' class="category-parent"><div class="summary"><span class="', '">', "</span><!--#-->", "<!--/--></div></summary>"];
1799
+ $3bdc00a1353c1150$var$_tmpl$4 = ["<summary", ' class="category-parent"><div class="summary"><span class="', '">', "</span><!--$-->", "<!--/--></div></summary>"];
1805
1800
  const $3bdc00a1353c1150$var$max_visible_without_collapsing = 15;
1806
1801
  const $3bdc00a1353c1150$var$show_non_collapsible_when_collapsed = 4;
1807
1802
  function $3bdc00a1353c1150$export$a32086fa6616eafd({
@@ -2264,15 +2259,18 @@ const $0ef1681699140f1a$export$414f6a19d38e655c = ({
2264
2259
  const current_value = $daa394359b026187$export$325f75597868c4f0(value().value_);
2265
2260
  return !!data?.some(item => $daa394359b026187$export$325f75597868c4f0(item) === current_value);
2266
2261
  });
2267
- const MakeButton = attributes => $5vyXB$solidjsweb.ssrElement("button", () => ({
2268
- ...attributes,
2269
- "disabled": value().count_ === 0 && !is_selected(),
2270
- "classList": {
2271
- minor: !is_selected(),
2272
- major: is_selected(),
2273
- "major-minor-transition": true
2262
+ const MakeButton = attributes => $5vyXB$solidjsweb.ssrElement("button", $5vyXB$solidjsweb.mergeProps(attributes, {
2263
+ get disabled() {
2264
+ return value().count_ === 0 && !is_selected();
2265
+ },
2266
+ get classList() {
2267
+ return {
2268
+ minor: !is_selected(),
2269
+ major: is_selected(),
2270
+ "major-minor-transition": true
2271
+ };
2274
2272
  }
2275
- }), () => ["<!--#-->", $5vyXB$solidjsweb.escape(value().value_), "<!--/-->", "<!--#-->", $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $5vyXB$solidjs.Show), {
2273
+ }), () => ["<!--$-->", $5vyXB$solidjsweb.escape(value().value_), "<!--/-->", "<!--$-->", $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $5vyXB$solidjs.Show), {
2276
2274
  get when() {
2277
2275
  return value().count_ != undefined;
2278
2276
  },
@@ -2360,7 +2358,7 @@ function $0ef1681699140f1a$var$adjust_sizes(container_width, sizes, set_cols_at_
2360
2358
  overrides: column_to_row_result
2361
2359
  }]]);
2362
2360
  }
2363
- const $b51a2b8b9355e66c$var$_tmpl$ = ["<form", ' class="checkbox-color"><!--#-->', "<!--/--><!--#-->", "<!--/--></form>"];
2361
+ const $b51a2b8b9355e66c$var$_tmpl$ = ["<form", ' class="checkbox-color"><!--$-->', "<!--/--><!--$-->", "<!--/--></form>"];
2364
2362
  const $b51a2b8b9355e66c$var$max_visible_without_collapsing = 30;
2365
2363
  const $b51a2b8b9355e66c$var$show_non_collapsible_when_collapsed = 8;
2366
2364
  function $b51a2b8b9355e66c$export$82ed4b28ecb67608({
@@ -2511,14 +2509,13 @@ var $a636ca15e3d3570d$export$2e2bcd8739ae039 = {
2511
2509
  };
2512
2510
  const $0f4656eaf6c22d1d$var$_tmpl$ = '<path d="M4.617 12.738a.48.48 0 0 1-.164-.027c-.051-.023-.094-.055-.129-.098L.125 8.414A.39.39 0 0 1 0 8.117c0-.113.039-.211.125-.293s.18-.125.293-.125.215.043.297.125l3.902 3.902L16.086.262c.082-.082.18-.125.297-.125s.211.043.293.125.125.184.125.301-.043.215-.125.297L4.914 12.613c-.039.043-.086.078-.141.098s-.102.027-.156.027zm0 0"></path>';
2513
2511
  function $0f4656eaf6c22d1d$export$f2ca6fc699ca1fb4(props = {}) {
2514
- return $5vyXB$solidjsweb.ssrElement("svg", () => ({
2515
- "xmlns": "http://www.w3.org/2000/svg",
2516
- "width": "16.8",
2517
- "height": "14",
2518
- ...props
2519
- }), () => $5vyXB$solidjsweb.ssr($0f4656eaf6c22d1d$var$_tmpl$), true);
2520
- }
2521
- const $b064919833b3e80b$var$_tmpl$ = ["<span", ' class="show-selected" aria-hidden="true"><span>', "</span><!--#-->", "<!--/--></span>"];
2512
+ return $5vyXB$solidjsweb.ssrElement("svg", $5vyXB$solidjsweb.mergeProps({
2513
+ xmlns: "http://www.w3.org/2000/svg",
2514
+ width: "16.8",
2515
+ height: "14"
2516
+ }, props), () => $5vyXB$solidjsweb.ssr($0f4656eaf6c22d1d$var$_tmpl$), true);
2517
+ }
2518
+ const $b064919833b3e80b$var$_tmpl$ = ["<span", ' class="show-selected" aria-hidden="true"><span>', "</span><!--$-->", "<!--/--></span>"];
2522
2519
  function $b064919833b3e80b$export$53c59af873b303c9({
2523
2520
  selected_filters_in_group_: selected_filters_in_group_,
2524
2521
  i18n_: {
@@ -2659,11 +2656,11 @@ function $061ff5b4c3d36171$export$89c6019e4baa40b1(props) {
2659
2656
  });
2660
2657
  }
2661
2658
  const $aff9a96d30ed3563$var$_tmpl$ = ["<div", ' class="filter-collapsible">', "</div>"],
2662
- $aff9a96d30ed3563$var$_tmpl$2 = ["<button", ' class="clear-group"><!--#-->', "<!--/--><span>", "</span></button>"],
2663
- $aff9a96d30ed3563$var$_tmpl$3 = ["<div", ' class="view-more-clear"><!--#-->', "<!--/--><!--#-->", "<!--/--></div>"],
2664
- $aff9a96d30ed3563$var$_tmpl$4 = ["<div", ' class="filter-collapsible-body"><div class="filter-part">', "</div><!--#-->", "<!--/--></div>"],
2659
+ $aff9a96d30ed3563$var$_tmpl$2 = ["<button", ' class="clear-group"><!--$-->', "<!--/--><span>", "</span></button>"],
2660
+ $aff9a96d30ed3563$var$_tmpl$3 = ["<div", ' class="view-more-clear"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"],
2661
+ $aff9a96d30ed3563$var$_tmpl$4 = ["<div", ' class="filter-collapsible-body"><div class="filter-part">', "</div><!--$-->", "<!--/--></div>"],
2665
2662
  $aff9a96d30ed3563$var$_tmpl$5 = ["<details", ' class="filter-collapsible"', "></details>"],
2666
- $aff9a96d30ed3563$var$_tmpl$6 = ["<summary", ' class="filter-group-summary"><div class="summary"><span>', '</span><div class="selected-w-sign"><!--#-->', "<!--/--><!--#-->", "<!--/--></div></div></summary>"],
2663
+ $aff9a96d30ed3563$var$_tmpl$6 = ["<summary", ' class="filter-group-summary"><div class="summary"><span>', '</span><div class="selected-w-sign"><!--$-->', "<!--/--><!--$-->", "<!--/--></div></div></summary>"],
2667
2664
  $aff9a96d30ed3563$var$_tmpl$7 = ["<div", ' class="ungrouped">', "</div>"],
2668
2665
  $aff9a96d30ed3563$var$_tmpl$8 = ["<button", ' class="clear-all-filters major">', "</button>"];
2669
2666
  function $aff9a96d30ed3563$export$3f1a388cc0d8fed7(props) {
@@ -3504,7 +3501,7 @@ function $76b6ac05693f5c71$export$205efb947c7ffd78(handler, passive = true) {
3504
3501
  $5vyXB$solidjs.onCleanup(() => removeEventListener(event, catchified_handler));
3505
3502
  }
3506
3503
  }
3507
- const $401aee5f33dca9e2$var$_tmpl$ = ["<div", ' class="scroll-status" style="display:none"><span class="text"><b>', "</b> – <b>", "</b> <!--#-->", "<!--/--> <b>", "</b></span></div>"];
3504
+ const $401aee5f33dca9e2$var$_tmpl$ = ["<div", ' class="scroll-status" style="display:none"><span class="text"><b>', "</b> – <b>", "</b> <!--$-->", "<!--/--> <b>", "</b></span></div>"];
3508
3505
  function $401aee5f33dca9e2$export$83fd5de5504a7a67({
3509
3506
  formatted_number_of_results_: formatted_number_of_results_,
3510
3507
  first_result_in_viewport_: [get_first_result_in_viewport],
@@ -3624,7 +3621,7 @@ function $401aee5f33dca9e2$export$83fd5de5504a7a67({
3624
3621
  })), $5vyXB$solidjsweb.escape(of_()), $5vyXB$solidjsweb.escape(count_to_show()));
3625
3622
  }
3626
3623
  const $0d0b172488865048$var$_tmpl$ = ["<a", ' class="hint" href="javascript:void(0)">', "</a>"],
3627
- $0d0b172488865048$var$_tmpl$2 = ["<div", ' class="no-results"><div class="text">', "</div><!--#-->", "<!--/--></div>"];
3624
+ $0d0b172488865048$var$_tmpl$2 = ["<div", ' class="no-results"><div class="text">', "</div><!--$-->", "<!--/--></div>"];
3628
3625
  function $0d0b172488865048$export$ef6006467f04ee41({
3629
3626
  i18n_: i18n_,
3630
3627
  expanded_hierarchical_filters_: expanded_hierarchical_filters_,
@@ -3835,9 +3832,8 @@ const $75777da1687ba3f6$var$_tmpl$ = ["<style", ' type="text/css">', "</style>"]
3835
3832
  const $75777da1687ba3f6$export$c500183c31c2b22e = "--spans-columns";
3836
3833
  function $75777da1687ba3f6$export$ab6b147eec64fea5(props) {
3837
3834
  const container_class = "x" + $5vyXB$solidjs.createUniqueId();
3838
- const container_element_ = $5vyXB$solidjsweb.ssrElement("div", () => ({
3839
- ...props.element_attributes,
3840
- "classList": {
3835
+ const container_element_ = $5vyXB$solidjsweb.ssrElement("div", $5vyXB$solidjsweb.mergeProps(() => props.element_attributes, {
3836
+ classList: {
3841
3837
  [container_class]: true
3842
3838
  }
3843
3839
  }), () => $5vyXB$solidjsweb.escape(props.children), true); // Don't want this in the error boundary below, it should only be for the actual layouting
@@ -4006,8 +4002,11 @@ function $d92f338ba8f9da9b$export$791ef57e62e21c3f({
4006
4002
  return;
4007
4003
  }
4008
4004
  const capped_value = incoming_value.slice(0, showing_rows()); // Don't show more content blocks than we have rows
4009
- set_content_blocks($5vyXB$solidjsstore.reconcile(capped_value));
4005
+ set_content_blocks($5vyXB$solidjsstore.reconcile(capped_value, {
4006
+ key: "content"
4007
+ })); // key: Make moving blocks faster, see https://github.com/solidjs/solid/issues/1925#issuecomment-1769671596
4010
4008
  });
4009
+
4011
4010
  const get_wrapped_blocks_ = $d92f338ba8f9da9b$var$wrap_blocks_in_div(content_blocks, n_cols_currently_showing_);
4012
4011
  $5vyXB$solidjs.createComputed(() => {
4013
4012
  // 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
@@ -4139,7 +4138,7 @@ function $d92f338ba8f9da9b$var$RenderContent(props) {
4139
4138
  children: resource
4140
4139
  });
4141
4140
  }
4142
- const $fe76fb463cc60b89$var$_tmpl$ = ["<div", ' class="', '"><!--#-->', "<!--/--><!--#-->", "<!--/--></div>"];
4141
+ const $fe76fb463cc60b89$var$_tmpl$ = ["<div", ' class="', '"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"];
4143
4142
  function $fe76fb463cc60b89$export$3925f87b1545cfc6({
4144
4143
  plp_results_: plp_results_,
4145
4144
  depict_api_: depict_api_,
@@ -4252,20 +4251,18 @@ function $fe76fb463cc60b89$export$3925f87b1545cfc6({
4252
4251
  */
4253
4252
  const product_cards_when_data = $5vyXB$solidjsweb.createComponent((0, $5vyXB$solidjs.Suspense), {
4254
4253
  get fallback() {
4255
- return (() => {
4256
- fallback_is_alive = true;
4257
- $5vyXB$solidjs.onCleanup(block_suspense_if_needed); // Block suspense after initial run every time after we fetch
4258
- set_product_card_suspense_is_in_fallback(true); // Here for the content block code that needs to know how many items we're displaying
4259
- $5vyXB$solidjs.onCleanup(() => set_product_card_suspense_is_in_fallback(false));
4260
- return $5vyXB$solidjs.createMemo(() => {
4261
- // 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
4262
- // In future we could have individual suspense's for each product card, but that's too much for now
4263
- if (get_suspense_is_blocked()) return suspense_contents;
4264
- set_should_have_placeholders_rendered(true); // just in case
4265
- $5vyXB$solidjs.onCleanup(() => set_should_have_placeholders_rendered(false));
4266
- 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>
4267
- });
4268
- })();
4254
+ fallback_is_alive = true;
4255
+ $5vyXB$solidjs.onCleanup(block_suspense_if_needed); // Block suspense after initial run every time after we fetch
4256
+ set_product_card_suspense_is_in_fallback(true); // Here for the content block code that needs to know how many items we're displaying
4257
+ $5vyXB$solidjs.onCleanup(() => set_product_card_suspense_is_in_fallback(false));
4258
+ return $5vyXB$solidjs.createMemo(() => {
4259
+ // 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
4260
+ // In future we could have individual suspense's for each product card, but that's too much for now
4261
+ if (get_suspense_is_blocked()) return suspense_contents;
4262
+ set_should_have_placeholders_rendered(true); // just in case
4263
+ $5vyXB$solidjs.onCleanup(() => set_should_have_placeholders_rendered(false));
4264
+ 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>
4265
+ });
4269
4266
  },
4270
4267
 
4271
4268
  get children() {
@@ -4349,8 +4346,8 @@ function $fe76fb463cc60b89$export$3925f87b1545cfc6({
4349
4346
  }
4350
4347
  const $be89be42ce9ea60f$var$_tmpl$ = ["<div", ' class="sorting-attributes">', "</div>"],
4351
4348
  $be89be42ce9ea60f$var$_tmpl$2 = ["<div", ' class="sorting-direction">', "</div>"],
4352
- $be89be42ce9ea60f$var$_tmpl$3 = ["<div", '><div class="input-row"><input type="radio"', '><span class="custom-indicator"></span><!--#-->', "<!--/--></div></div>"],
4353
- $be89be42ce9ea60f$var$_tmpl$4 = ["<div", '><label class="input-row"><input type="radio"', "", '><span class="custom-indicator"></span><!--#-->', "<!--/--></label></div>"];
4349
+ $be89be42ce9ea60f$var$_tmpl$3 = ["<div", '><div class="input-row"><input type="radio"', '><span class="custom-indicator"></span><!--$-->', "<!--/--></div></div>"],
4350
+ $be89be42ce9ea60f$var$_tmpl$4 = ["<div", '><label class="input-row"><input type="radio"', "", '><span class="custom-indicator"></span><!--$-->', "<!--/--></label></div>"];
4354
4351
  function $be89be42ce9ea60f$export$1f1775a58da589b5({
4355
4352
  available_sortings_: available_sortings_,
4356
4353
  current_sorting_: [get_current_sorting, set_current_sorting],
@@ -4444,23 +4441,21 @@ function $ca1176b694a6ee2e$export$fe334901e8bebd57() {
4444
4441
  const $f958b5ac0e4a78da$var$_tmpl$ = '<path d="M6.199 10.254a.35.35 0 0 0-.496 0L3.5 12.453V.348a.35.35 0 0 0-.7 0v12.105L.598 10.254c-.137-.137-.359-.137-.492 0a.35.35 0 0 0 0 .492l2.797 2.801a.35.35 0 0 0 .496 0L6.2 10.746c.137-.137.137-.355 0-.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>',
4445
4442
  $f958b5ac0e4a78da$var$_tmpl$2 = '<path d="M10.852 6.301H8.051a.35.35 0 0 1-.352-.352V4.551a.35.35 0 0 1 .352-.352h2.801a.35.35 0 0 1 .348.352v1.398a.35.35 0 0 1-.348.352zm-2.453-.699H10.5v-.703H8.398zm3.851 3.5H8.051c-.195 0-.352-.16-.352-.352V7.352A.35.35 0 0 1 8.051 7h4.199c.191 0 .352.156.352.352V8.75c0 .191-.16.352-.352.352zm-3.852-.703h3.5V7.7h-3.5zm5.25 3.499H8.051a.35.35 0 0 1-.352-.348v-1.402a.35.35 0 0 1 .352-.348h5.598a.35.35 0 0 1 .352.348v1.402a.35.35 0 0 1-.352.348zm-5.25-.699H13.3V10.5H8.398zm0 0"></path>';
4446
4443
  function $f958b5ac0e4a78da$export$da32f7add8a22e86(props = {}) {
4447
- return $5vyXB$solidjsweb.ssrElement("svg", () => ({
4448
- "xmlns": "http://www.w3.org/2000/svg",
4449
- "width": "14",
4450
- "height": "14",
4451
- "class": "sort-icon",
4452
- ...props
4453
- }), () => [$5vyXB$solidjsweb.ssr($f958b5ac0e4a78da$var$_tmpl$), $5vyXB$solidjsweb.ssr($f958b5ac0e4a78da$var$_tmpl$2)], true);
4444
+ return $5vyXB$solidjsweb.ssrElement("svg", $5vyXB$solidjsweb.mergeProps({
4445
+ xmlns: "http://www.w3.org/2000/svg",
4446
+ width: "14",
4447
+ height: "14",
4448
+ "class": "sort-icon"
4449
+ }, props), () => [$5vyXB$solidjsweb.ssr($f958b5ac0e4a78da$var$_tmpl$), $5vyXB$solidjsweb.ssr($f958b5ac0e4a78da$var$_tmpl$2)], true);
4454
4450
  }
4455
4451
  const $046db47e0326c715$var$_tmpl$ = '<path d="M6.199 10.254a.35.35 0 0 0-.496 0L3.5 12.453V.348a.35.35 0 0 0-.7 0v12.105L.598 10.254c-.137-.137-.359-.137-.492 0a.35.35 0 0 0 0 .492l2.797 2.801a.35.35 0 0 0 .496 0L6.2 10.746c.137-.137.137-.355 0-.492zm3.25 1.644H8.051a.35.35 0 0 1-.352-.348v-1.402a.35.35 0 0 1 .352-.348h1.398a.35.35 0 0 1 .352.348v1.402a.35.35 0 0 1-.352.348zm-1.051-.699h.703V10.5h-.703zm2.454-2.097H8.051c-.195 0-.352-.16-.352-.352V7.352A.35.35 0 0 1 8.051 7h2.801a.35.35 0 0 1 .348.352V8.75c0 .191-.156.352-.348.352zm-2.453-.703H10.5V7.7H8.398zm3.851-2.098H8.051a.35.35 0 0 1-.352-.352V4.551a.35.35 0 0 1 .352-.352h4.199c.191 0 .352.156.352.352v1.398c0 .195-.16.352-.352.352zm-3.852-.699h3.5v-.703h-3.5zm5.25-2.102H8.051a.35.35 0 0 1-.352-.352V1.75c0-.191.156-.352.352-.352h5.598c.195 0 .352.16.352.352v1.398a.35.35 0 0 1-.352.352zm-5.25-.699H13.3v-.699H8.398zm0 0"></path>';
4456
4452
  function $046db47e0326c715$export$d10e63059ddb9fd4(props = {}) {
4457
- return $5vyXB$solidjsweb.ssrElement("svg", () => ({
4458
- "xmlns": "http://www.w3.org/2000/svg",
4459
- "width": "14",
4460
- "height": "14",
4461
- "class": "sort-icon",
4462
- ...props
4463
- }), () => $5vyXB$solidjsweb.ssr($046db47e0326c715$var$_tmpl$), true);
4453
+ return $5vyXB$solidjsweb.ssrElement("svg", $5vyXB$solidjsweb.mergeProps({
4454
+ xmlns: "http://www.w3.org/2000/svg",
4455
+ width: "14",
4456
+ height: "14",
4457
+ "class": "sort-icon"
4458
+ }, props), () => $5vyXB$solidjsweb.ssr($046db47e0326c715$var$_tmpl$), true);
4464
4459
  }
4465
4460
  const $02215fefc955d01e$var$_tmpl$ = ["<svg", ' xmlns="http://www.w3.org/2000/svg" width="14" height="15" class="filter-icon"><path d="M1.75 14.697c-.096 0-.178-.034-.246-.103s-.103-.15-.103-.246V8.75c0-.096.034-.178.103-.246s.15-.103.246-.103.178.034.246.103.103.15.103.246v5.599c0 .096-.034.178-.103.246s-.15.103-.246.103zm0-9.796c-.096 0-.178-.034-.246-.103s-.103-.15-.103-.246v-3.5c0-.1.034-.185.103-.253s.15-.103.246-.103.178.034.246.103.103.153.103.253v3.5c0 .096-.034.178-.103.246s-.15.103-.246.103zm.697 2.796H1.053c-.292 0-.54-.103-.745-.308S0 6.938 0 6.651s.103-.54.308-.745.453-.308.745-.308h1.395c.292 0 .54.103.745.308s.308.453.308.745-.103.533-.308.738-.453.308-.745.308zM1.053 6.303c-.1 0-.185.034-.253.103s-.103.15-.103.246.034.178.103.246S.952 7 1.053 7h1.395c.1 0 .185-.034.253-.103s.103-.15.103-.246-.034-.178-.103-.246-.153-.103-.253-.103H1.053zm5.599 8.395c-.096 0-.178-.034-.246-.103s-.103-.15-.103-.246v-2.796c0-.1.034-.184.103-.253s.15-.102.246-.102.178.034.246.102.103.153.103.253v2.796c0 .096-.034.178-.103.246s-.15.103-.246.103zm0-7c-.096 0-.178-.034-.246-.103s-.103-.15-.103-.246V1.053c0-.1.034-.185.103-.253s.15-.103.246-.103.178.034.246.103S7 .952 7 1.053v6.296c0 .096-.034.178-.103.246s-.15.103-.246.103zm.697 2.803H5.947c-.287 0-.533-.102-.738-.308s-.308-.453-.308-.745.103-.533.308-.738.451-.308.738-.308h1.401c.292 0 .54.103.745.308s.308.451.308.738-.103.54-.308.745-.453.308-.745.308zM5.947 9.099c-.096 0-.178.034-.246.103s-.103.15-.103.246.034.185.103.253.15.103.246.103h1.401c.096 0 .178-.034.246-.103s.103-.153.103-.253-.034-.178-.103-.246-.15-.103-.246-.103H5.947zm5.605 5.599c-.1 0-.184-.034-.253-.103s-.102-.15-.102-.246v-7c0-.096.034-.178.102-.246S11.453 7 11.553 7s.178.034.246.103.103.15.103.246v7c0 .096-.034.178-.103.246s-.15.103-.246.103zm0-11.197c-.1 0-.184-.034-.253-.103s-.102-.15-.102-.246V1.053c0-.1.034-.185.102-.253s.153-.103.253-.103.178.034.246.103.103.153.103.253v2.099c0 .096-.034.178-.103.246s-.15.103-.246.103zm.697 2.803h-1.401c-.287 0-.533-.103-.738-.308s-.308-.453-.308-.745.103-.54.308-.745.451-.308.738-.308h1.401c.292 0 .54.103.745.308s.308.453.308.745-.102.54-.308.745-.453.308-.745.308zm-1.401-1.401c-.096 0-.178.034-.246.103s-.102.15-.102.246.034.178.102.246.15.103.246.103h1.401c.096 0 .178-.034.246-.103s.102-.15.102-.246-.034-.178-.102-.246-.15-.103-.246-.103h-1.401z"></path></svg>'];
4466
4461
  function $02215fefc955d01e$export$28f6150e232898de() {
@@ -4475,9 +4470,9 @@ function $7e91f9b0c6d56424$export$50f68cc9882e36a4(args_for_filtering) {
4475
4470
  return args_for_filtering.available_filters_()?.length === 0 && !args_for_filtering.selected_filters_[0]()?.length;
4476
4471
  }
4477
4472
  const $1872ceb56ede7a52$var$_tmpl$ = ["<button", ' class="clear minor">', "</button>"],
4478
- $1872ceb56ede7a52$var$_tmpl$2 = ["<div", ' class="depict plp" id="depict-filter-sort-mobile-modal-container"><div class="depict-filter-sort-modal-backdrop"></div><button class="dismiss-modal"', ">", '</button><div class="filter-sort-modal"><div class="body" style="', '"><!--#-->', "<!--/--><!--#-->", '<!--/--></div><div class="bottom-row"><!--#-->', '<!--/--><button class="show-results major">', "</button></div></div></div>"],
4473
+ $1872ceb56ede7a52$var$_tmpl$2 = ["<div", ' class="depict plp" id="depict-filter-sort-mobile-modal-container"><div class="depict-filter-sort-modal-backdrop"></div><button class="dismiss-modal"', ">", '</button><div class="filter-sort-modal"><div class="body" style="', '"><!--$-->', "<!--/--><!--$-->", '<!--/--></div><div class="bottom-row"><!--$-->', '<!--/--><button class="show-results major">', "</button></div></div></div>"],
4479
4474
  $1872ceb56ede7a52$var$_tmpl$3 = ["<details", ' class="sorting"></details>'],
4480
- $1872ceb56ede7a52$var$_tmpl$4 = ["<summary", ' class="sort-filter-summary"><div class="summary"><div class="left-els"><!--#-->', "<!--/--><span>", "</span></div><!--#-->", "<!--/--></div></summary>"],
4475
+ $1872ceb56ede7a52$var$_tmpl$4 = ["<summary", ' class="sort-filter-summary"><div class="summary"><div class="left-els"><!--$-->', "<!--/--><span>", "</span></div><!--$-->", "<!--/--></div></summary>"],
4481
4476
  $1872ceb56ede7a52$var$_tmpl$5 = ["<div", ' class="body">', "</div>"],
4482
4477
  $1872ceb56ede7a52$var$_tmpl$6 = ["<details", ' class="filters"></details>'],
4483
4478
  $1872ceb56ede7a52$var$_tmpl$7 = ["<b", ">", "</b>"];
@@ -4589,10 +4584,10 @@ function $f49857214f7675b1$export$cb808a3c41736d8e() {
4589
4584
  }
4590
4585
  const $f8f64d05c525825b$var$_tmpl$ = ["<div", ' class="filters"><div class="body">', "</div></div>"],
4591
4586
  $f8f64d05c525825b$var$_tmpl$2 = ["<div", ' class="sorting"><div class="body">', "</div></div>"],
4592
- $f8f64d05c525825b$var$_tmpl$3 = ["<div", ' class="sort-and-filter-buttons"><div class="outer"><div class="inner"><!--#-->', "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--></div></div></div>"],
4587
+ $f8f64d05c525825b$var$_tmpl$3 = ["<div", ' class="sort-and-filter-buttons"><div class="outer"><div class="inner"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></div></div></div>"],
4593
4588
  $f8f64d05c525825b$var$_tmpl$4 = ["<span", ' class="num-filters" style="', '">', "</span>"],
4594
- $f8f64d05c525825b$var$_tmpl$5 = ["<div", ' class="open-filters-button-container" style="', '"><!--#-->', "<!--/--><button", ' class="', '" type="button"', ' style="', '"><!--#-->', "<!--/--><span>", "</span></button></div>"],
4595
- $f8f64d05c525825b$var$_tmpl$6 = ["<button", ' class="', '"', ' style="', '"><span>', "</span><!--#-->", "<!--/--></button>"];
4589
+ $f8f64d05c525825b$var$_tmpl$5 = ["<div", ' class="open-filters-button-container" style="', '"><!--$-->', "<!--/--><button", ' class="', '" type="button"', ' style="', '"><!--$-->', "<!--/--><span>", "</span></button></div>"],
4590
+ $f8f64d05c525825b$var$_tmpl$6 = ["<button", ' class="', '"', ' style="', '"><span>', "</span><!--$-->", "<!--/--></button>"];
4596
4591
  function $f8f64d05c525825b$export$d7841e452f2e59a8({
4597
4592
  current_sorting_: current_sorting_,
4598
4593
  set_extra_els_in_results_container_: set_extra_els_in_results_container_,
@@ -5503,10 +5498,10 @@ function $6a8e766e914723d8$export$d31a1a1a83ad9413(plp_results_, [get_selected_f
5503
5498
  set_selected_filters(new_filters);
5504
5499
  });
5505
5500
  }
5506
- const $840d88a04b2d22a7$var$_tmpl$ = ["<div", ' class="product-count"><!--#-->', "<!--/--> <!--#-->", "<!--/--></div>"],
5501
+ const $840d88a04b2d22a7$var$_tmpl$ = ["<div", ' class="product-count"><!--$-->', "<!--/--> <!--$-->", "<!--/--></div>"],
5507
5502
  $840d88a04b2d22a7$var$_tmpl$2 = ["<div", "></div>"],
5508
- $840d88a04b2d22a7$var$_tmpl$3 = ["<div", ' class="filter-results-for-one-row"><!--#-->', "<!--/--><!--#-->", "<!--/--></div>"],
5509
- $840d88a04b2d22a7$var$_tmpl$4 = ["<div", ' class="depict plp category"><div class="listing-page"><!--#-->', "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--></div><!--#-->", "<!--/--><!--#-->", "<!--/--></div>"];
5503
+ $840d88a04b2d22a7$var$_tmpl$3 = ["<div", ' class="filter-results-for-one-row"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"],
5504
+ $840d88a04b2d22a7$var$_tmpl$4 = ["<div", ' class="depict plp category"><div class="listing-page"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></div><!--$-->", "<!--/--><!--$-->", "<!--/--></div>"];
5510
5505
  function $840d88a04b2d22a7$export$f7d2f673fc2f091d({
5511
5506
  depict_api_: depict_api_,
5512
5507
  query_id_: query_id_,
@@ -6347,7 +6342,7 @@ function $48567ac5b39bac56$var$get_shared_properties(depict_category) {
6347
6342
  if (!shared_properties) throw new Error("Can't connect to provided DepictCategory instance");
6348
6343
  return shared_properties;
6349
6344
  }
6350
- const $0b23bfd073d9a4e8$var$_tmpl$ = ["<div", ' class="category-title"><h1 class="title">', '</h1><span class="explanation"> — <!--#-->', "<!--/--></span></div>"];
6345
+ const $0b23bfd073d9a4e8$var$_tmpl$ = ["<div", ' class="category-title"><h1 class="title">', '</h1><span class="explanation"> — <!--$-->', "<!--/--></span></div>"];
6351
6346
  const $0b23bfd073d9a4e8$export$b91cec6bdc6b32a1 = /*@__PURE__*/(() => {
6352
6347
  const actual_function = ({
6353
6348
  category_title_: category_title_,
@@ -6362,7 +6357,7 @@ const $0b23bfd073d9a4e8$export$b91cec6bdc6b32a1 = /*@__PURE__*/(() => {
6362
6357
  actual_function[(0, $6b502b1b2155a0bc$export$5c28802497c8a83c)] = "simple";
6363
6358
  return actual_function;
6364
6359
  })();
6365
- const $85b747260aa175c9$var$_tmpl$ = ["<div", ' class="sort-and-filter-buttons fake" aria-hidden="true" style="position:absolute;z-index:-1;pointer-events:none;opacity:0"><div class="outer"><div class="inner"><!--#-->', "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--></div></div></div>"];
6360
+ const $85b747260aa175c9$var$_tmpl$ = ["<div", ' class="sort-and-filter-buttons fake" aria-hidden="true" style="position:absolute;z-index:-1;pointer-events:none;opacity:0"><div class="outer"><div class="inner"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></div></div></div>"];
6366
6361
  const $85b747260aa175c9$export$824dde41348efed1 = /*@__PURE__*/(() => {
6367
6362
  const actual_function = ({
6368
6363
  make_product_count_: make_product_count_,
@@ -6520,7 +6515,7 @@ function $6f604560873e4f69$export$ee1733d9a8495996() {
6520
6515
  })));
6521
6516
  }
6522
6517
  const $dae23104ba8bb78c$var$_tmpl$ = ["<span", ' class="parent-title">', "</span>"],
6523
- $dae23104ba8bb78c$var$_tmpl$2 = ["<a", ' class="category-suggestion"', '><span class="title">', "</span><!--#-->", "<!--/--></a>"];
6518
+ $dae23104ba8bb78c$var$_tmpl$2 = ["<a", ' class="category-suggestion"', '><span class="title">', "</span><!--$-->", "<!--/--></a>"];
6524
6519
  function $dae23104ba8bb78c$export$d757d54550ebfb3d({
6525
6520
  category_suggestion_: category_suggestion_,
6526
6521
  router_: router_
@@ -6540,15 +6535,14 @@ function $3df11fc61432d1fd$export$1c641004b5485fed() {
6540
6535
  }
6541
6536
  const $87d7574e1d89d69b$var$_tmpl$ = '<path d="M19.811 20.174l-6.234-6.809a7.96 7.96 0 0 0 .923-1.179c.274-.424.502-.865.687-1.323a8.04 8.04 0 0 0 .42-1.436 7.88 7.88 0 0 0 .144-1.507c0-.526-.051-1.042-.154-1.548-.096-.506-.243-.995-.441-1.466s-.441-.919-.728-1.343a8.28 8.28 0 0 0-.984-1.21 7.86 7.86 0 0 0-1.2-.984A7.56 7.56 0 0 0 10.89.651C10.418.453 9.929.302 9.423.2S8.401.046 7.875.046 6.833.097 6.327.2 5.332.453 4.86.651a7.56 7.56 0 0 0-1.354.718c-.431.287-.831.615-1.2.984a8.28 8.28 0 0 0-.984 1.21 7.73 7.73 0 0 0-.728 1.343c-.198.472-.349.96-.451 1.466A8.31 8.31 0 0 0 0 7.921a8.31 8.31 0 0 0 .144 1.548c.103.506.253.995.451 1.466a8.08 8.08 0 0 0 .728 1.354 7.86 7.86 0 0 0 .984 1.2 7.54 7.54 0 0 0 1.2.995c.431.287.882.53 1.354.728.472.191.96.338 1.466.441a8.31 8.31 0 0 0 1.548.144c.451 0 .896-.038 1.333-.113a7.83 7.83 0 0 0 1.282-.328 7.55 7.55 0 0 0 1.2-.533 8.08 8.08 0 0 0 1.107-.749l6.245 6.809a.45.45 0 0 0 .174.123.55.55 0 0 0 .205.041.61.61 0 0 0 .195-.031c.061-.021.116-.055.164-.102.109-.096.164-.219.164-.369.007-.144-.038-.267-.133-.369zM1.046 7.921c0-.937.178-1.818.533-2.646.362-.834.851-1.559 1.466-2.174.622-.615 1.347-1.101 2.174-1.456.827-.362 1.712-.543 2.656-.543s1.829.181 2.656.543c.827.355 1.548.841 2.164 1.456.622.615 1.111 1.34 1.466 2.174a6.52 6.52 0 0 1 .543 2.646c0 .943-.181 1.829-.543 2.656a6.89 6.89 0 0 1-1.466 2.174c-.615.615-1.336 1.104-2.164 1.466-.827.356-1.712.533-2.656.533s-1.829-.178-2.656-.533c-.827-.362-1.552-.851-2.174-1.466-.615-.622-1.104-1.347-1.466-2.174-.355-.827-.533-1.712-.533-2.656z"></path>';
6542
6537
  function $87d7574e1d89d69b$export$82eafebb825fc23f(props = {}) {
6543
- return $5vyXB$solidjsweb.ssrElement("svg", () => ({
6544
- ...props,
6545
- "xmlns": "http://www.w3.org/2000/svg",
6546
- "width": "20",
6547
- "height": "22"
6538
+ return $5vyXB$solidjsweb.ssrElement("svg", $5vyXB$solidjsweb.mergeProps(props, {
6539
+ xmlns: "http://www.w3.org/2000/svg",
6540
+ width: "20",
6541
+ height: "22"
6548
6542
  }), () => $5vyXB$solidjsweb.ssr($87d7574e1d89d69b$var$_tmpl$), true);
6549
6543
  }
6550
6544
  const $66b8b9a9613c141d$var$_tmpl$ = ["<button", ' class="back" type="button"', ">", "</button>"],
6551
- $66b8b9a9613c141d$var$_tmpl$2 = ["<div", ' class="search-field"><!--#-->', '<!--/--><div class="field"><input class="', '" tabindex="0"', '><button type="button" class="clear"', ' style="', '">', '</button></div><button class="submit major" type="button"', ">", "</button></div>"];
6545
+ $66b8b9a9613c141d$var$_tmpl$2 = ["<div", ' class="search-field"><!--$-->', '<!--/--><div class="field"><input class="', '" tabindex="0"', '><button type="button" class="clear"', ' style="', '">', '</button></div><button class="submit major" type="button"', ">", "</button></div>"];
6552
6546
  function $66b8b9a9613c141d$export$b94867ecbd698f21({
6553
6547
  search_field_value_: search_field_value_,
6554
6548
  input_field_ref_: input_field_ref_,
@@ -6579,7 +6573,7 @@ function $66b8b9a9613c141d$export$b94867ecbd698f21({
6579
6573
  }
6580
6574
  })), `query ${!!on_back_ ? "has-adjacent-back-button" : ""}`, $5vyXB$solidjsweb.ssrAttribute("aria-label", $5vyXB$solidjsweb.escape(i18n_.search_field_field_aria_label_(), true), false) + $5vyXB$solidjsweb.ssrAttribute("value", $5vyXB$solidjsweb.escape(search_field_value_[0](), true), false) + $5vyXB$solidjsweb.ssrAttribute("placeholder", $5vyXB$solidjsweb.escape(i18n_.placeholder_text_(), true), false), $5vyXB$solidjsweb.ssrAttribute("title", $5vyXB$solidjsweb.escape(i18n_.clear_filters_query_sorting_after_submit_(), true), false), $5vyXB$solidjsweb.ssrStyle($5vyXB$solidjs.createMemo(() => search_field_value_[0]() ? "" : "display: none")()), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $c77c68e559a1506c$export$3b621d86b1566b2), {})), $5vyXB$solidjsweb.ssrAttribute("aria-label", $5vyXB$solidjsweb.escape(i18n_.search_submit_button_aria_label_(), true), false), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $87d7574e1d89d69b$export$82eafebb825fc23f), {})));
6581
6575
  }
6582
- const $fb29c6201c369e39$var$_tmpl$ = ["<div", ' class="search-recs"><h3 class="search-recs-title">', "</h3><!--#-->", "<!--/--><!--#-->", "<!--/--></div>"],
6576
+ const $fb29c6201c369e39$var$_tmpl$ = ["<div", ' class="search-recs"><h3 class="search-recs-title">', "</h3><!--$-->", "<!--/--><!--$-->", "<!--/--></div>"],
6583
6577
  $fb29c6201c369e39$var$_tmpl$2 = ["<button", ' class="show-more major" type="button">', "</button>"];
6584
6578
  const $fb29c6201c369e39$export$1c8c715550dc689d = 2;
6585
6579
  function $fb29c6201c369e39$export$7de92c4c2205ebf3({
@@ -6806,8 +6800,8 @@ async function $f328bd45f8ede33c$export$e16630ecb9644a1c({
6806
6800
  const $639c124c22b6cbaa$export$27b710c08412a7ad = obj => {
6807
6801
  return Object.fromEntries(Object.keys(obj).map(key => [key, obj[key]()]));
6808
6802
  };
6809
- const $6ae613870d3380fc$var$_tmpl$ = ["<span", ' class="orig price"><!--#-->', "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--></span>"],
6810
- $6ae613870d3380fc$var$_tmpl$2 = ["<a", ' class="instant-card"', '><div class="img-part">', '</div><div class="right-part"><div class="title-brand-tagline"><span class="brand">', '</span><span class="title line-clamp">', "</span><!--#-->", '<!--/--></div><div class="price-container"><!--#-->', '<!--/--><span class="', '"><!--#-->', "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--></span></div></div></a>"],
6803
+ const $6ae613870d3380fc$var$_tmpl$ = ["<span", ' class="orig price"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></span>"],
6804
+ $6ae613870d3380fc$var$_tmpl$2 = ["<a", ' class="instant-card"', '><div class="img-part">', '</div><div class="right-part"><div class="title-brand-tagline"><span class="brand">', '</span><span class="title line-clamp">', "</span><!--$-->", '<!--/--></div><div class="price-container"><!--$-->', '<!--/--><span class="', '"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></span></div></div></a>"],
6811
6805
  $6ae613870d3380fc$var$_tmpl$3 = ["<div", ' class="tagline">', "</div>"];
6812
6806
  const $6ae613870d3380fc$export$b05c0ae390cf3e06 = (display_or_variant_container, {
6813
6807
  i18n: i18n
@@ -6980,7 +6974,7 @@ function $9e30168c4b1661d2$export$5d2caaa6b530761c() {
6980
6974
  return $5vyXB$solidjsweb.ssr($9e30168c4b1661d2$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey());
6981
6975
  }
6982
6976
  const $9a268bf73b31a717$var$_tmpl$ = ["<div", ' class="previous-searches"><h2 class="text">', '</h2><div class="list">', "</div></div>"],
6983
- $9a268bf73b31a717$var$_tmpl$2 = ["<a", ' class="', '"', '><div class="left"><!--#-->', '<!--/--><span class="line-clamp"', ">", '</span></div><button class="delete"', ">", "</button></a>"];
6977
+ $9a268bf73b31a717$var$_tmpl$2 = ["<a", ' class="', '"', '><div class="left"><!--$-->', '<!--/--><span class="line-clamp"', ">", '</span></div><button class="delete"', ">", "</button></a>"];
6984
6978
  function $9a268bf73b31a717$export$a146ac6fa8346a25({
6985
6979
  text_: text_,
6986
6980
  previous_searches_: previous_searches_,
@@ -7081,23 +7075,22 @@ function $d023ed916c84e75d$export$ba17c5b7e6dda39f({
7081
7075
  }
7082
7076
  const $c0125412b4ea0c93$var$_tmpl$ = '<path d="M56 26.455a13.71 13.71 0 0 0-9.578 3.967A13.71 13.71 0 0 0 42.455 40v176a13.71 13.71 0 0 0 3.967 9.578A13.71 13.71 0 0 0 56 229.545h144A13.71 13.71 0 0 0 213.545 216V88a2.456 2.456 0 0 1 0-.002c.001-1.452-.597-2.895-1.623-3.922l-55.998-55.998a5.61 5.61 0 0 0-3.922-1.623 2.456 2.456 0 0 1-.002 0zm0 11.09h88A2.456 2.456 0 0 1 146.455 40v48c0 2.903 2.642 5.545 5.545 5.545h48A2.456 2.456 0 0 1 202.455 96v120a2.456 2.456 0 0 1-2.455 2.455H56A2.456 2.456 0 0 1 53.545 216V40A2.456 2.456 0 0 1 56 37.545zm103.061 11.498a2.456 2.456 0 0 1 2.676.531l28.689 28.689a2.456 2.456 0 0 1-1.736 4.191H160A2.456 2.456 0 0 1 157.545 80V51.311a2.456 2.456 0 0 1 1.516-2.268zM96 130.455c-2.903 0-5.545 2.642-5.545 5.545s2.642 5.545 5.545 5.545h64c2.903 0 5.545-2.642 5.545-5.545s-2.642-5.545-5.545-5.545zm0 32c-2.903 0-5.545 2.642-5.545 5.545s2.642 5.545 5.545 5.545h64c2.903 0 5.545-2.642 5.545-5.545s-2.642-5.545-5.545-5.545z"></path>';
7083
7077
  function $c0125412b4ea0c93$export$605674723bcc715c(props = {}) {
7084
- return $5vyXB$solidjsweb.ssrElement("svg", () => ({
7085
- "xmlns": "http://www.w3.org/2000/svg",
7086
- "width": "32",
7087
- "height": "32",
7088
- "viewBox": "0 0 256 256",
7089
- ...props
7090
- }), () => $5vyXB$solidjsweb.ssr($c0125412b4ea0c93$var$_tmpl$), true);
7078
+ return $5vyXB$solidjsweb.ssrElement("svg", $5vyXB$solidjsweb.mergeProps({
7079
+ xmlns: "http://www.w3.org/2000/svg",
7080
+ width: "32",
7081
+ height: "32",
7082
+ viewBox: "0 0 256 256"
7083
+ }, props), () => $5vyXB$solidjsweb.ssr($c0125412b4ea0c93$var$_tmpl$), true);
7091
7084
  }
7092
7085
  const $6b65ba8af12c5a26$var$_tmpl$ = ["<a", ' class="', '"', ">", "</a>"],
7093
7086
  $6b65ba8af12c5a26$var$_tmpl$2 = ["<div", ' class="search-icon">', "</div>"],
7094
7087
  $6b65ba8af12c5a26$var$_tmpl$3 = ["<span", ' class="type">', "</span>"],
7095
- $6b65ba8af12c5a26$var$_tmpl$4 = ["<div", ' class="with-parent-title"><!--#-->', '<!--/--><span class="value line-clamp">', "</span></div>"],
7096
- $6b65ba8af12c5a26$var$_tmpl$5 = ["<div", ' class="with-icon"><!--#-->', "<!--/--><!--#-->", "<!--/--></div>"],
7088
+ $6b65ba8af12c5a26$var$_tmpl$4 = ["<div", ' class="with-parent-title"><!--$-->', '<!--/--><span class="value line-clamp">', "</span></div>"],
7089
+ $6b65ba8af12c5a26$var$_tmpl$5 = ["<div", ' class="with-icon"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"],
7097
7090
  $6b65ba8af12c5a26$var$_tmpl$6 = ["<h2", ' class="text">', "</h2>"],
7098
- $6b65ba8af12c5a26$var$_tmpl$7 = ["<div", ' class="suggestion-container query"><!--#-->', "<!--/--><!--#-->", "<!--/--></div>"],
7091
+ $6b65ba8af12c5a26$var$_tmpl$7 = ["<div", ' class="suggestion-container query"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"],
7099
7092
  $6b65ba8af12c5a26$var$_tmpl$8 = ["<div", ' class="suggestion-container page">', "</div>"],
7100
- $6b65ba8af12c5a26$var$_tmpl$9 = ["<div", ' class="', '"><!--#-->', "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--></div>"];
7093
+ $6b65ba8af12c5a26$var$_tmpl$9 = ["<div", ' class="', '"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></div>"];
7101
7094
  function $6b65ba8af12c5a26$export$e872e2339fb04a7f({
7102
7095
  suggestion_memo_: suggestion_memo_,
7103
7096
  search_query_url_param_name_: search_query_url_param_name_,
@@ -7650,8 +7643,8 @@ function $b776f25acdda22eb$export$f021bdedd3ec901a(props) {
7650
7643
  }
7651
7644
  const $f40a47a30a358305$var$_tmpl$ = ["<div", ' class="discover-more"><button class="major" type="button">', "</button></div>"],
7652
7645
  $f40a47a30a358305$var$_tmpl$2 = ["<b", ">", "</b>"],
7653
- $f40a47a30a358305$var$_tmpl$3 = ["<div", ' class="', '"><div class="', '"><!--#-->', '<!--/--><div class="padded"><!--#-->', "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--></div><!--#-->", "<!--/--></div><!--#-->", "<!--/--></div>"],
7654
- $f40a47a30a358305$var$_tmpl$4 = ["<div", ' class="', '"><div class="depict-search-modal-backdrop"></div><!--#-->', "<!--/--></div>"];
7646
+ $f40a47a30a358305$var$_tmpl$3 = ["<div", ' class="', '"><div class="', '"><!--$-->', '<!--/--><div class="padded"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></div><!--$-->", "<!--/--></div><!--$-->", "<!--/--></div>"],
7647
+ $f40a47a30a358305$var$_tmpl$4 = ["<div", ' class="', '"><div class="depict-search-modal-backdrop"></div><!--$-->', "<!--/--></div>"];
7655
7648
  function $f40a47a30a358305$export$1c593cbd6f1e10bc({
7656
7649
  search_field_value_: props_search_field_value,
7657
7650
  get_search_query_: get_search_query_,
@@ -8132,7 +8125,7 @@ function $5ea5a82e398f6f44$var$segment_text(text, matched_strings) {
8132
8125
  return output;
8133
8126
  }
8134
8127
  const $76227de40be817e5$var$_tmpl$ = ["<div", ' class="description line-clamp">', "</div>"],
8135
- $76227de40be817e5$var$_tmpl$2 = ["<div", ' class="content-card"><div class="image">', '</div><div class="info"><!--#-->', "<!--/--><!--#-->", "<!--/--></div></div>"];
8128
+ $76227de40be817e5$var$_tmpl$2 = ["<div", ' class="content-card"><div class="image">', '</div><div class="info"><!--$-->', "<!--/--><!--$-->", "<!--/--></div></div>"];
8136
8129
  function $76227de40be817e5$export$f631859cab12b342({
8137
8130
  router_: router_,
8138
8131
  content_result_: content_result_
@@ -8259,7 +8252,7 @@ function $c2f92eb265a14529$export$4405d077f0a20494({
8259
8252
  children: () => $5vyXB$solidjsweb.createComponent((0, $76227de40be817e5$export$f631859cab12b342), {})
8260
8253
  });
8261
8254
  }
8262
- const $3716b8caf7f959e2$var$_tmpl$ = ["<div", ' class="content-results" style="', '"><!--#-->', "<!--/--><!--#-->", "<!--/--></div>"],
8255
+ const $3716b8caf7f959e2$var$_tmpl$ = ["<div", ' class="content-results" style="', '"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"],
8263
8256
  $3716b8caf7f959e2$var$_tmpl$2 = ["<button", ' class="view-more">', "</button>"],
8264
8257
  $3716b8caf7f959e2$var$_tmpl$3 = ["<button", ' class="view-less">', "</button>"];
8265
8258
  const $3716b8caf7f959e2$export$70ceae36059a1036 = 1;
@@ -8345,8 +8338,8 @@ function $3716b8caf7f959e2$var$make_state_saved_rows(
8345
8338
  }));
8346
8339
  return rows;
8347
8340
  }
8348
- const $f1d7cb69f839a526$var$_tmpl$ = ["<div", ' class="filter-results-for-one-row"><!--#-->', "<!--/--><!--#-->", "<!--/--></div>"],
8349
- $f1d7cb69f839a526$var$_tmpl$2 = ["<div", ' class="depict plp search"><div class="listing-page"><!--#-->', "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--></div><!--#-->", "<!--/--><!--#-->", "<!--/--></div>"];
8341
+ const $f1d7cb69f839a526$var$_tmpl$ = ["<div", ' class="filter-results-for-one-row"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"],
8342
+ $f1d7cb69f839a526$var$_tmpl$2 = ["<div", ' class="depict plp search"><div class="listing-page"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></div><!--$-->", "<!--/--><!--$-->", "<!--/--></div>"];
8350
8343
  function $f1d7cb69f839a526$export$a54ec244c8863715({
8351
8344
  depict_api_: depict_api_,
8352
8345
  search_field_value_: search_field_value_,