@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.
@@ -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.2";
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_,
@@ -3758,8 +3755,7 @@ function $ac167f6af6a48fc3$export$a1fd619a4743ca08({
3758
3755
  query_base_: query_base_,
3759
3756
  depict_api_: depict_api_,
3760
3757
  is_loading_: is_loading_,
3761
- content_blocks_: content_blocks_,
3762
- set_number_loaded_displays_: set_number_loaded_displays_
3758
+ content_blocks_: content_blocks_
3763
3759
  }) {
3764
3760
  // 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
3765
3761
  const target_to_index_map = new Map();
@@ -3803,7 +3799,6 @@ function $ac167f6af6a48fc3$export$a1fd619a4743ca08({
3803
3799
  query_base_: query_base_,
3804
3800
  depict_api_: depict_api_
3805
3801
  });
3806
- $5vyXB$solidjs.createComputed(() => set_number_loaded_displays_(displays_by_key_().size));
3807
3802
  return $a73063cc642f3e5f$export$43f0fb951fcb0c54({
3808
3803
  displays_by_key_: displays_by_key_,
3809
3804
  merchant_: merchant_,
@@ -3835,9 +3830,8 @@ const $75777da1687ba3f6$var$_tmpl$ = ["<style", ' type="text/css">', "</style>"]
3835
3830
  const $75777da1687ba3f6$export$c500183c31c2b22e = "--spans-columns";
3836
3831
  function $75777da1687ba3f6$export$ab6b147eec64fea5(props) {
3837
3832
  const container_class = "x" + $5vyXB$solidjs.createUniqueId();
3838
- const container_element_ = $5vyXB$solidjsweb.ssrElement("div", () => ({
3839
- ...props.element_attributes,
3840
- "classList": {
3833
+ const container_element_ = $5vyXB$solidjsweb.ssrElement("div", $5vyXB$solidjsweb.mergeProps(() => props.element_attributes, {
3834
+ classList: {
3841
3835
  [container_class]: true
3842
3836
  }
3843
3837
  }), () => $5vyXB$solidjsweb.escape(props.children), true); // Don't want this in the error boundary below, it should only be for the actual layouting
@@ -3987,27 +3981,22 @@ const $d92f338ba8f9da9b$var$_tmpl$ = ["<div", ' class="content-block-wrapper" st
3987
3981
  function $d92f338ba8f9da9b$export$791ef57e62e21c3f({
3988
3982
  content_blocks_: incoming_content_blocks,
3989
3983
  cols_at_size_: cols_at_size_,
3990
- number_of_items_shown_: number_of_items_shown_,
3991
3984
  set_top_row_shortened_by_: set_top_row_shortened_by_
3992
3985
  }) {
3993
3986
  // these are by row
3994
3987
  const [content_blocks, set_content_blocks] = $5vyXB$solidjsstore.createStore([]);
3995
3988
  const n_cols_currently_showing_ = $055384b985678603$export$a79e666719b3647c(cols_at_size_);
3996
- const products_to_rows = products => {
3997
- const cols_currently_showing = n_cols_currently_showing_();
3998
- if (cols_currently_showing === null) return 0;
3999
- return Math.ceil(products / cols_currently_showing);
4000
- };
4001
- const showing_rows = $5vyXB$solidjs.createMemo(() => products_to_rows(number_of_items_shown_()));
4002
3989
  $5vyXB$solidjs.createEffect(() => {
4003
3990
  const incoming_value = incoming_content_blocks();
4004
3991
  if (!incoming_value) {
4005
3992
  set_content_blocks([]);
4006
3993
  return;
4007
3994
  }
4008
- 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));
3995
+ set_content_blocks($5vyXB$solidjsstore.reconcile(incoming_value, {
3996
+ key: "content"
3997
+ })); // key: Make moving blocks faster, see https://github.com/solidjs/solid/issues/1925#issuecomment-1769671596
4010
3998
  });
3999
+
4011
4000
  const get_wrapped_blocks_ = $d92f338ba8f9da9b$var$wrap_blocks_in_div(content_blocks, n_cols_currently_showing_);
4012
4001
  $5vyXB$solidjs.createComputed(() => {
4013
4002
  // 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
@@ -4060,12 +4049,12 @@ function $d92f338ba8f9da9b$var$remap_blocks_to_index({
4060
4049
  for (let j = 0; j < i; j++) {
4061
4050
  const row = displaced_products[j];
4062
4051
  if (row === undefined) continue; // there were no blocks in this row
4063
- let items_in_row;
4064
- if (typeof row === "number") items_in_row = row;else {
4065
- items_in_row = row.filter(item => item).length;
4066
- displaced_products[j] = items_in_row;
4052
+ let displaced_items_in_row;
4053
+ if (typeof row === "number") displaced_items_in_row = row;else {
4054
+ displaced_items_in_row = row.filter(item => item).length;
4055
+ displaced_products[j] = displaced_items_in_row;
4067
4056
  }
4068
- displacement_by_added_blocks += items_in_row;
4057
+ displacement_by_added_blocks += displaced_items_in_row;
4069
4058
  }
4070
4059
  const index_of_us_in_row = target_index - index_of_first_item_in_row;
4071
4060
  for (let j = 0; j < index_of_us_in_row; j++) if (displaced_products[i]?.[j])
@@ -4103,13 +4092,27 @@ function $d92f338ba8f9da9b$var$wrap_blocks_in_div(rendered_content_blocks, max_s
4103
4092
  const get_wrapped_blocks = $5vyXB$solidjs.mapArray(() => rendered_content_blocks, block => {
4104
4093
  if (!block) return;
4105
4094
  const get_span_columns = () => Math.min(block.span_columns, max_span_columns() ?? Infinity);
4095
+ const [rendering_delayed, set_rendering_delayed_] = $5vyXB$solidjs.createSignal(true);
4096
+ const content = $5vyXB$solidjsweb.createComponent((0, $5vyXB$solidjs.Show), {
4097
+ get when() {
4098
+ return !rendering_delayed();
4099
+ },
4100
+ get children() {
4101
+ return $5vyXB$solidjsweb.ssr($d92f338ba8f9da9b$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), "grid-column:" + `span ${$5vyXB$solidjsweb.escape(get_span_columns(), true)}` + (";grid-row:" + `span ${$5vyXB$solidjsweb.escape(block.span_rows, true)}`) + (";spans_columns_variable_name:" + $5vyXB$solidjsweb.escape(get_span_columns(), true)), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent($d92f338ba8f9da9b$var$RenderContent, {
4102
+ get content() {
4103
+ return block.content;
4104
+ }
4105
+ })));
4106
+ }
4107
+ });
4106
4108
  return $5vyXB$solidjs.mergeProps(block, {
4107
4109
  // Create content divs for the blocks with as much fine-grained diffing as possible?
4108
- content: $5vyXB$solidjsweb.ssr($d92f338ba8f9da9b$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), "grid-column:" + `span ${$5vyXB$solidjsweb.escape(get_span_columns(), true)}` + (";grid-row:" + `span ${$5vyXB$solidjsweb.escape(block.span_rows, true)}`) + (";spans_columns_variable_name:" + $5vyXB$solidjsweb.escape(get_span_columns(), true)), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent($d92f338ba8f9da9b$var$RenderContent, {
4109
- get content() {
4110
- return block.content;
4111
- }
4112
- }))),
4110
+ content: () => {
4111
+ // 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
4112
+ // 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
4113
+ set_rendering_delayed_(false);
4114
+ return content;
4115
+ },
4113
4116
  get span_columns() {
4114
4117
  // Cap max width of block to the number of columns available, for everyone downstream
4115
4118
  return get_span_columns();
@@ -4139,7 +4142,7 @@ function $d92f338ba8f9da9b$var$RenderContent(props) {
4139
4142
  children: resource
4140
4143
  });
4141
4144
  }
4142
- const $fe76fb463cc60b89$var$_tmpl$ = ["<div", ' class="', '"><!--#-->', "<!--/--><!--#-->", "<!--/--></div>"];
4145
+ const $fe76fb463cc60b89$var$_tmpl$ = ["<div", ' class="', '"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"];
4143
4146
  function $fe76fb463cc60b89$export$3925f87b1545cfc6({
4144
4147
  plp_results_: plp_results_,
4145
4148
  depict_api_: depict_api_,
@@ -4197,8 +4200,7 @@ function $fe76fb463cc60b89$export$3925f87b1545cfc6({
4197
4200
  let fallback_is_alive = false;
4198
4201
  const [get_should_have_placeholders_rendered, set_should_have_placeholders_rendered] = $5vyXB$solidjs.createSignal(true);
4199
4202
  const [top_row_shortened_by_, set_top_row_shortened_by_] = $5vyXB$solidjs.createSignal(0);
4200
- const [product_card_suspense_is_in_fallback, set_product_card_suspense_is_in_fallback] = $5vyXB$solidjs.createSignal(false);
4201
- const [number_loaded_displays, set_number_loaded_displays_] = $5vyXB$solidjs.createSignal(0);
4203
+ $5vyXB$solidjs.createSignal(false);
4202
4204
  const modified_cols_at_size = $738c3a81fc46a340$export$cb5808ba002cdeed({
4203
4205
  layout_options_: layout_options_,
4204
4206
  sort_or_filter_open_: sort_or_filter_open_
@@ -4209,12 +4211,10 @@ function $fe76fb463cc60b89$export$3925f87b1545cfc6({
4209
4211
  for_id: for_id
4210
4212
  }) => for_id === id_currently_querying_for_())?.min_results_loaded ?? min_products_to_fetch_);
4211
4213
  });
4212
- const number_of_items_shown_ = $5vyXB$solidjs.createMemo(() => is_loading_() || product_card_suspense_is_in_fallback() ? num_placeholders_() : number_loaded_displays());
4213
4214
  const doesnt_have_content_blocks = $5vyXB$solidjs.createMemo(() => !content_blocks_by_row_());
4214
4215
  const content_blocks_ = $5vyXB$solidjs.createMemo(() => doesnt_have_content_blocks() ? () => [] : $d92f338ba8f9da9b$export$791ef57e62e21c3f({
4215
4216
  content_blocks_: content_blocks_by_row_,
4216
4217
  cols_at_size_: modified_cols_at_size,
4217
- number_of_items_shown_: number_of_items_shown_,
4218
4218
  set_top_row_shortened_by_: set_top_row_shortened_by_
4219
4219
  }));
4220
4220
  const rendered_placeholders = $5vyXB$solidjs.createMemo(() => get_should_have_placeholders_rendered() ? $0caf87eaa19079da$export$f33414a4df0afd3f({
@@ -4252,20 +4252,16 @@ function $fe76fb463cc60b89$export$3925f87b1545cfc6({
4252
4252
  */
4253
4253
  const product_cards_when_data = $5vyXB$solidjsweb.createComponent((0, $5vyXB$solidjs.Suspense), {
4254
4254
  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
- })();
4255
+ fallback_is_alive = true;
4256
+ $5vyXB$solidjs.onCleanup(block_suspense_if_needed); // Block suspense after initial run every time after we fetch
4257
+ return $5vyXB$solidjs.createMemo(() => {
4258
+ // 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
4259
+ // In future we could have individual suspense's for each product card, but that's too much for now
4260
+ if (get_suspense_is_blocked()) return suspense_contents;
4261
+ set_should_have_placeholders_rendered(true); // just in case
4262
+ $5vyXB$solidjs.onCleanup(() => set_should_have_placeholders_rendered(false));
4263
+ 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>
4264
+ });
4269
4265
  },
4270
4266
 
4271
4267
  get children() {
@@ -4282,8 +4278,7 @@ function $fe76fb463cc60b89$export$3925f87b1545cfc6({
4282
4278
  query_base_: query_base_,
4283
4279
  depict_api_: depict_api_,
4284
4280
  is_loading_: is_loading_,
4285
- content_blocks_: content_blocks_,
4286
- set_number_loaded_displays_: set_number_loaded_displays_
4281
+ content_blocks_: content_blocks_
4287
4282
  });
4288
4283
  $5vyXB$solidjs.onCleanup(() => suspense_contents = undefined);
4289
4284
  return suspense_contents;
@@ -4349,8 +4344,8 @@ function $fe76fb463cc60b89$export$3925f87b1545cfc6({
4349
4344
  }
4350
4345
  const $be89be42ce9ea60f$var$_tmpl$ = ["<div", ' class="sorting-attributes">', "</div>"],
4351
4346
  $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>"];
4347
+ $be89be42ce9ea60f$var$_tmpl$3 = ["<div", '><div class="input-row"><input type="radio"', '><span class="custom-indicator"></span><!--$-->', "<!--/--></div></div>"],
4348
+ $be89be42ce9ea60f$var$_tmpl$4 = ["<div", '><label class="input-row"><input type="radio"', "", '><span class="custom-indicator"></span><!--$-->', "<!--/--></label></div>"];
4354
4349
  function $be89be42ce9ea60f$export$1f1775a58da589b5({
4355
4350
  available_sortings_: available_sortings_,
4356
4351
  current_sorting_: [get_current_sorting, set_current_sorting],
@@ -4444,23 +4439,21 @@ function $ca1176b694a6ee2e$export$fe334901e8bebd57() {
4444
4439
  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
4440
  $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
4441
  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);
4442
+ return $5vyXB$solidjsweb.ssrElement("svg", $5vyXB$solidjsweb.mergeProps({
4443
+ xmlns: "http://www.w3.org/2000/svg",
4444
+ width: "14",
4445
+ height: "14",
4446
+ "class": "sort-icon"
4447
+ }, props), () => [$5vyXB$solidjsweb.ssr($f958b5ac0e4a78da$var$_tmpl$), $5vyXB$solidjsweb.ssr($f958b5ac0e4a78da$var$_tmpl$2)], true);
4454
4448
  }
4455
4449
  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
4450
  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);
4451
+ return $5vyXB$solidjsweb.ssrElement("svg", $5vyXB$solidjsweb.mergeProps({
4452
+ xmlns: "http://www.w3.org/2000/svg",
4453
+ width: "14",
4454
+ height: "14",
4455
+ "class": "sort-icon"
4456
+ }, props), () => $5vyXB$solidjsweb.ssr($046db47e0326c715$var$_tmpl$), true);
4464
4457
  }
4465
4458
  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
4459
  function $02215fefc955d01e$export$28f6150e232898de() {
@@ -4475,9 +4468,9 @@ function $7e91f9b0c6d56424$export$50f68cc9882e36a4(args_for_filtering) {
4475
4468
  return args_for_filtering.available_filters_()?.length === 0 && !args_for_filtering.selected_filters_[0]()?.length;
4476
4469
  }
4477
4470
  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>"],
4471
+ $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
4472
  $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>"],
4473
+ $1872ceb56ede7a52$var$_tmpl$4 = ["<summary", ' class="sort-filter-summary"><div class="summary"><div class="left-els"><!--$-->', "<!--/--><span>", "</span></div><!--$-->", "<!--/--></div></summary>"],
4481
4474
  $1872ceb56ede7a52$var$_tmpl$5 = ["<div", ' class="body">', "</div>"],
4482
4475
  $1872ceb56ede7a52$var$_tmpl$6 = ["<details", ' class="filters"></details>'],
4483
4476
  $1872ceb56ede7a52$var$_tmpl$7 = ["<b", ">", "</b>"];
@@ -4589,10 +4582,10 @@ function $f49857214f7675b1$export$cb808a3c41736d8e() {
4589
4582
  }
4590
4583
  const $f8f64d05c525825b$var$_tmpl$ = ["<div", ' class="filters"><div class="body">', "</div></div>"],
4591
4584
  $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>"],
4585
+ $f8f64d05c525825b$var$_tmpl$3 = ["<div", ' class="sort-and-filter-buttons"><div class="outer"><div class="inner"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></div></div></div>"],
4593
4586
  $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>"];
4587
+ $f8f64d05c525825b$var$_tmpl$5 = ["<div", ' class="open-filters-button-container" style="', '"><!--$-->', "<!--/--><button", ' class="', '" type="button"', ' style="', '"><!--$-->', "<!--/--><span>", "</span></button></div>"],
4588
+ $f8f64d05c525825b$var$_tmpl$6 = ["<button", ' class="', '"', ' style="', '"><span>', "</span><!--$-->", "<!--/--></button>"];
4596
4589
  function $f8f64d05c525825b$export$d7841e452f2e59a8({
4597
4590
  current_sorting_: current_sorting_,
4598
4591
  set_extra_els_in_results_container_: set_extra_els_in_results_container_,
@@ -5503,10 +5496,10 @@ function $6a8e766e914723d8$export$d31a1a1a83ad9413(plp_results_, [get_selected_f
5503
5496
  set_selected_filters(new_filters);
5504
5497
  });
5505
5498
  }
5506
- const $840d88a04b2d22a7$var$_tmpl$ = ["<div", ' class="product-count"><!--#-->', "<!--/--> <!--#-->", "<!--/--></div>"],
5499
+ const $840d88a04b2d22a7$var$_tmpl$ = ["<div", ' class="product-count"><!--$-->', "<!--/--> <!--$-->", "<!--/--></div>"],
5507
5500
  $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>"];
5501
+ $840d88a04b2d22a7$var$_tmpl$3 = ["<div", ' class="filter-results-for-one-row"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"],
5502
+ $840d88a04b2d22a7$var$_tmpl$4 = ["<div", ' class="depict plp category"><div class="listing-page"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></div><!--$-->", "<!--/--><!--$-->", "<!--/--></div>"];
5510
5503
  function $840d88a04b2d22a7$export$f7d2f673fc2f091d({
5511
5504
  depict_api_: depict_api_,
5512
5505
  query_id_: query_id_,
@@ -6347,7 +6340,7 @@ function $48567ac5b39bac56$var$get_shared_properties(depict_category) {
6347
6340
  if (!shared_properties) throw new Error("Can't connect to provided DepictCategory instance");
6348
6341
  return shared_properties;
6349
6342
  }
6350
- const $0b23bfd073d9a4e8$var$_tmpl$ = ["<div", ' class="category-title"><h1 class="title">', '</h1><span class="explanation"> — <!--#-->', "<!--/--></span></div>"];
6343
+ const $0b23bfd073d9a4e8$var$_tmpl$ = ["<div", ' class="category-title"><h1 class="title">', '</h1><span class="explanation"> — <!--$-->', "<!--/--></span></div>"];
6351
6344
  const $0b23bfd073d9a4e8$export$b91cec6bdc6b32a1 = /*@__PURE__*/(() => {
6352
6345
  const actual_function = ({
6353
6346
  category_title_: category_title_,
@@ -6362,7 +6355,7 @@ const $0b23bfd073d9a4e8$export$b91cec6bdc6b32a1 = /*@__PURE__*/(() => {
6362
6355
  actual_function[(0, $6b502b1b2155a0bc$export$5c28802497c8a83c)] = "simple";
6363
6356
  return actual_function;
6364
6357
  })();
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>"];
6358
+ 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
6359
  const $85b747260aa175c9$export$824dde41348efed1 = /*@__PURE__*/(() => {
6367
6360
  const actual_function = ({
6368
6361
  make_product_count_: make_product_count_,
@@ -6520,7 +6513,7 @@ function $6f604560873e4f69$export$ee1733d9a8495996() {
6520
6513
  })));
6521
6514
  }
6522
6515
  const $dae23104ba8bb78c$var$_tmpl$ = ["<span", ' class="parent-title">', "</span>"],
6523
- $dae23104ba8bb78c$var$_tmpl$2 = ["<a", ' class="category-suggestion"', '><span class="title">', "</span><!--#-->", "<!--/--></a>"];
6516
+ $dae23104ba8bb78c$var$_tmpl$2 = ["<a", ' class="category-suggestion"', '><span class="title">', "</span><!--$-->", "<!--/--></a>"];
6524
6517
  function $dae23104ba8bb78c$export$d757d54550ebfb3d({
6525
6518
  category_suggestion_: category_suggestion_,
6526
6519
  router_: router_
@@ -6540,15 +6533,14 @@ function $3df11fc61432d1fd$export$1c641004b5485fed() {
6540
6533
  }
6541
6534
  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
6535
  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"
6536
+ return $5vyXB$solidjsweb.ssrElement("svg", $5vyXB$solidjsweb.mergeProps(props, {
6537
+ xmlns: "http://www.w3.org/2000/svg",
6538
+ width: "20",
6539
+ height: "22"
6548
6540
  }), () => $5vyXB$solidjsweb.ssr($87d7574e1d89d69b$var$_tmpl$), true);
6549
6541
  }
6550
6542
  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>"];
6543
+ $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
6544
  function $66b8b9a9613c141d$export$b94867ecbd698f21({
6553
6545
  search_field_value_: search_field_value_,
6554
6546
  input_field_ref_: input_field_ref_,
@@ -6579,7 +6571,7 @@ function $66b8b9a9613c141d$export$b94867ecbd698f21({
6579
6571
  }
6580
6572
  })), `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
6573
  }
6582
- const $fb29c6201c369e39$var$_tmpl$ = ["<div", ' class="search-recs"><h3 class="search-recs-title">', "</h3><!--#-->", "<!--/--><!--#-->", "<!--/--></div>"],
6574
+ const $fb29c6201c369e39$var$_tmpl$ = ["<div", ' class="search-recs"><h3 class="search-recs-title">', "</h3><!--$-->", "<!--/--><!--$-->", "<!--/--></div>"],
6583
6575
  $fb29c6201c369e39$var$_tmpl$2 = ["<button", ' class="show-more major" type="button">', "</button>"];
6584
6576
  const $fb29c6201c369e39$export$1c8c715550dc689d = 2;
6585
6577
  function $fb29c6201c369e39$export$7de92c4c2205ebf3({
@@ -6806,8 +6798,8 @@ async function $f328bd45f8ede33c$export$e16630ecb9644a1c({
6806
6798
  const $639c124c22b6cbaa$export$27b710c08412a7ad = obj => {
6807
6799
  return Object.fromEntries(Object.keys(obj).map(key => [key, obj[key]()]));
6808
6800
  };
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>"],
6801
+ const $6ae613870d3380fc$var$_tmpl$ = ["<span", ' class="orig price"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></span>"],
6802
+ $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
6803
  $6ae613870d3380fc$var$_tmpl$3 = ["<div", ' class="tagline">', "</div>"];
6812
6804
  const $6ae613870d3380fc$export$b05c0ae390cf3e06 = (display_or_variant_container, {
6813
6805
  i18n: i18n
@@ -6980,7 +6972,7 @@ function $9e30168c4b1661d2$export$5d2caaa6b530761c() {
6980
6972
  return $5vyXB$solidjsweb.ssr($9e30168c4b1661d2$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey());
6981
6973
  }
6982
6974
  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>"];
6975
+ $9a268bf73b31a717$var$_tmpl$2 = ["<a", ' class="', '"', '><div class="left"><!--$-->', '<!--/--><span class="line-clamp"', ">", '</span></div><button class="delete"', ">", "</button></a>"];
6984
6976
  function $9a268bf73b31a717$export$a146ac6fa8346a25({
6985
6977
  text_: text_,
6986
6978
  previous_searches_: previous_searches_,
@@ -7081,23 +7073,22 @@ function $d023ed916c84e75d$export$ba17c5b7e6dda39f({
7081
7073
  }
7082
7074
  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
7075
  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);
7076
+ return $5vyXB$solidjsweb.ssrElement("svg", $5vyXB$solidjsweb.mergeProps({
7077
+ xmlns: "http://www.w3.org/2000/svg",
7078
+ width: "32",
7079
+ height: "32",
7080
+ viewBox: "0 0 256 256"
7081
+ }, props), () => $5vyXB$solidjsweb.ssr($c0125412b4ea0c93$var$_tmpl$), true);
7091
7082
  }
7092
7083
  const $6b65ba8af12c5a26$var$_tmpl$ = ["<a", ' class="', '"', ">", "</a>"],
7093
7084
  $6b65ba8af12c5a26$var$_tmpl$2 = ["<div", ' class="search-icon">', "</div>"],
7094
7085
  $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>"],
7086
+ $6b65ba8af12c5a26$var$_tmpl$4 = ["<div", ' class="with-parent-title"><!--$-->', '<!--/--><span class="value line-clamp">', "</span></div>"],
7087
+ $6b65ba8af12c5a26$var$_tmpl$5 = ["<div", ' class="with-icon"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"],
7097
7088
  $6b65ba8af12c5a26$var$_tmpl$6 = ["<h2", ' class="text">', "</h2>"],
7098
- $6b65ba8af12c5a26$var$_tmpl$7 = ["<div", ' class="suggestion-container query"><!--#-->', "<!--/--><!--#-->", "<!--/--></div>"],
7089
+ $6b65ba8af12c5a26$var$_tmpl$7 = ["<div", ' class="suggestion-container query"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"],
7099
7090
  $6b65ba8af12c5a26$var$_tmpl$8 = ["<div", ' class="suggestion-container page">', "</div>"],
7100
- $6b65ba8af12c5a26$var$_tmpl$9 = ["<div", ' class="', '"><!--#-->', "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--></div>"];
7091
+ $6b65ba8af12c5a26$var$_tmpl$9 = ["<div", ' class="', '"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></div>"];
7101
7092
  function $6b65ba8af12c5a26$export$e872e2339fb04a7f({
7102
7093
  suggestion_memo_: suggestion_memo_,
7103
7094
  search_query_url_param_name_: search_query_url_param_name_,
@@ -7650,8 +7641,8 @@ function $b776f25acdda22eb$export$f021bdedd3ec901a(props) {
7650
7641
  }
7651
7642
  const $f40a47a30a358305$var$_tmpl$ = ["<div", ' class="discover-more"><button class="major" type="button">', "</button></div>"],
7652
7643
  $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>"];
7644
+ $f40a47a30a358305$var$_tmpl$3 = ["<div", ' class="', '"><div class="', '"><!--$-->', '<!--/--><div class="padded"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></div><!--$-->", "<!--/--></div><!--$-->", "<!--/--></div>"],
7645
+ $f40a47a30a358305$var$_tmpl$4 = ["<div", ' class="', '"><div class="depict-search-modal-backdrop"></div><!--$-->', "<!--/--></div>"];
7655
7646
  function $f40a47a30a358305$export$1c593cbd6f1e10bc({
7656
7647
  search_field_value_: props_search_field_value,
7657
7648
  get_search_query_: get_search_query_,
@@ -8132,7 +8123,7 @@ function $5ea5a82e398f6f44$var$segment_text(text, matched_strings) {
8132
8123
  return output;
8133
8124
  }
8134
8125
  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>"];
8126
+ $76227de40be817e5$var$_tmpl$2 = ["<div", ' class="content-card"><div class="image">', '</div><div class="info"><!--$-->', "<!--/--><!--$-->", "<!--/--></div></div>"];
8136
8127
  function $76227de40be817e5$export$f631859cab12b342({
8137
8128
  router_: router_,
8138
8129
  content_result_: content_result_
@@ -8259,7 +8250,7 @@ function $c2f92eb265a14529$export$4405d077f0a20494({
8259
8250
  children: () => $5vyXB$solidjsweb.createComponent((0, $76227de40be817e5$export$f631859cab12b342), {})
8260
8251
  });
8261
8252
  }
8262
- const $3716b8caf7f959e2$var$_tmpl$ = ["<div", ' class="content-results" style="', '"><!--#-->', "<!--/--><!--#-->", "<!--/--></div>"],
8253
+ const $3716b8caf7f959e2$var$_tmpl$ = ["<div", ' class="content-results" style="', '"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"],
8263
8254
  $3716b8caf7f959e2$var$_tmpl$2 = ["<button", ' class="view-more">', "</button>"],
8264
8255
  $3716b8caf7f959e2$var$_tmpl$3 = ["<button", ' class="view-less">', "</button>"];
8265
8256
  const $3716b8caf7f959e2$export$70ceae36059a1036 = 1;
@@ -8345,8 +8336,8 @@ function $3716b8caf7f959e2$var$make_state_saved_rows(
8345
8336
  }));
8346
8337
  return rows;
8347
8338
  }
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>"];
8339
+ const $f1d7cb69f839a526$var$_tmpl$ = ["<div", ' class="filter-results-for-one-row"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"],
8340
+ $f1d7cb69f839a526$var$_tmpl$2 = ["<div", ' class="depict plp search"><div class="listing-page"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></div><!--$-->", "<!--/--><!--$-->", "<!--/--></div>"];
8350
8341
  function $f1d7cb69f839a526$export$a54ec244c8863715({
8351
8342
  depict_api_: depict_api_,
8352
8343
  search_field_value_: search_field_value_,