@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.
@@ -76,7 +76,7 @@ $parcel$export(module.exports, "defaultColsAtSize", () => $33eed84f447aa0c0$expo
76
76
  $parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $33eed84f447aa0c0$export$7bf543b9d9be2c22);
77
77
  $parcel$export(module.exports, "version", () => $aa1938dec50d6c12$export$83d89fbfd8236492);
78
78
  /*! Depict.ai search and product listing SDK */
79
- const $aa1938dec50d6c12$export$83d89fbfd8236492 = "2.1.0";
79
+ const $aa1938dec50d6c12$export$83d89fbfd8236492 = "2.1.2";
80
80
  const $a68b73fd7ba0853f$var$fallback_operator = "in";
81
81
  const $a68b73fd7ba0853f$var$fallback_token = "";
82
82
  const $a68b73fd7ba0853f$var$legacy_filter_prefix = "filter_";
@@ -321,10 +321,10 @@ function $858fdcf73148519f$export$6e5611bc7e57e477(props) {
321
321
  srcset: srcset
322
322
  };
323
323
  });
324
- return $3hooq$solidjsweb.ssrElement("img", () => ({
325
- ...otherOptions,
326
- ...src_options(),
327
- "sizes": props.size() + "px"
324
+ return $3hooq$solidjsweb.ssrElement("img", $3hooq$solidjsweb.mergeProps(otherOptions, src_options, {
325
+ get sizes() {
326
+ return props.size() + "px";
327
+ }
328
328
  }), undefined, true);
329
329
  }
330
330
  function $858fdcf73148519f$var$make_srcset(url, resolutions) {
@@ -767,9 +767,8 @@ const $6c2c739b113a8ddf$var$_tmpl$ = ["<div", ' class="', '">', "</div>"],
767
767
  $6c2c739b113a8ddf$var$_tmpl$2 = ["<style", ' type="text/css">', "</style>"];
768
768
  function $6c2c739b113a8ddf$export$d21e32dfedac04be(props) {
769
769
  const container_class = "x" + $3hooq$solidjs.createUniqueId();
770
- const container_element_ = $3hooq$solidjsweb.ssrElement("div", () => ({
771
- ...props.element_attributes,
772
- "classList": {
770
+ const container_element_ = $3hooq$solidjsweb.ssrElement("div", $3hooq$solidjsweb.mergeProps(() => props.element_attributes, {
771
+ classList: {
773
772
  [container_class]: true
774
773
  }
775
774
  }), () => $3hooq$solidjsweb.escape(props.children), true); // Don't want this in the error boundary below, it should only be for the actual layouting
@@ -1009,7 +1008,7 @@ function $2badc30d7c6610e1$export$9574e176201e5e8d(props) {
1009
1008
  })));
1010
1009
  }, "RecommendationSlider failed");
1011
1010
  }
1012
- const $2c920813c92d6987$var$_tmpl$ = ["<div", ' class="recommendation-grid"><!--#-->', "<!--/--><!--#-->", "<!--/--></div>"];
1011
+ const $2c920813c92d6987$var$_tmpl$ = ["<div", ' class="recommendation-grid"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"];
1013
1012
  function $2c920813c92d6987$export$7da560f849543dff(_ref) {
1014
1013
  let {
1015
1014
  recommendations_resource_: recommendations_resource_,
@@ -1239,12 +1238,11 @@ function $f38f2e64ebe2da86$export$a71e92cfbb498adc(props) {
1239
1238
  const $083b2336093176cf$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>';
1240
1239
  function $083b2336093176cf$export$3b621d86b1566b2() {
1241
1240
  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
1242
- return $3hooq$solidjsweb.ssrElement("svg", () => ({
1243
- ...props,
1244
- "xmlns": "http://www.w3.org/2000/svg",
1245
- "width": "21.064",
1246
- "height": "21.047",
1247
- "viewBox": "0 0 21.064 21.064"
1241
+ return $3hooq$solidjsweb.ssrElement("svg", $3hooq$solidjsweb.mergeProps(props, {
1242
+ xmlns: "http://www.w3.org/2000/svg",
1243
+ width: "21.064",
1244
+ height: "21.047",
1245
+ viewBox: "0 0 21.064 21.064"
1248
1246
  }), () => $3hooq$solidjsweb.ssr($083b2336093176cf$var$_tmpl$), true);
1249
1247
  }
1250
1248
 
@@ -1256,9 +1254,9 @@ function $e2d74bb03cc5252e$export$325f75597868c4f0(stuff) {
1256
1254
  return stuff.toLowerCase();
1257
1255
  }
1258
1256
  const $c5842bdb10e57229$var$_tmpl$ = ["<button", ' class="clear-all-filters minor">', "</button>"],
1259
- $c5842bdb10e57229$var$_tmpl$2 = ["<div", ' class="inner"><span class="title"><!--#-->', "<!--/-->: </span><!--#-->", "<!--/--></div>"],
1260
- $c5842bdb10e57229$var$_tmpl$3 = ["<button", ' class="clear-filter major"><!--#-->', "<!--/--><span><!--#-->", "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--> – <!--#-->", "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--></span></button>"],
1261
- $c5842bdb10e57229$var$_tmpl$4 = ["<button", ' class="clear-filter major"><!--#-->', "<!--/--><span>", "</span></button>"];
1257
+ $c5842bdb10e57229$var$_tmpl$2 = ["<div", ' class="inner"><span class="title"><!--$-->', "<!--/-->: </span><!--$-->", "<!--/--></div>"],
1258
+ $c5842bdb10e57229$var$_tmpl$3 = ["<button", ' class="clear-filter major"><!--$-->', "<!--/--><span><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--> – <!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></span></button>"],
1259
+ $c5842bdb10e57229$var$_tmpl$4 = ["<button", ' class="clear-filter major"><!--$-->', "<!--/--><span>", "</span></button>"];
1262
1260
  function $c5842bdb10e57229$export$fecbb157621501bd(_ref) {
1263
1261
  let {
1264
1262
  number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
@@ -1366,25 +1364,23 @@ function $c5842bdb10e57229$export$fecbb157621501bd(_ref) {
1366
1364
  return ((_matching_filter2 = matching_filter()) === null || _matching_filter2 === void 0 ? void 0 : _matching_filter2.op) !== "inrange";
1367
1365
  },
1368
1366
  get fallback() {
1369
- return (() => {
1370
- number_of_rendered_selected_filters_items_[1](prev => prev + 1);
1371
- $3hooq$solidjs.onCleanup(() => number_of_rendered_selected_filters_items_[1](prev => prev - 1));
1372
- return $3hooq$solidjsweb.ssr($c5842bdb10e57229$var$_tmpl$3, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $083b2336093176cf$export$3b621d86b1566b2), {})), $3hooq$solidjsweb.escape(price_formatting_().pre_), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $f38f2e64ebe2da86$export$a71e92cfbb498adc), {
1373
- get price_() {
1374
- return filter().data[0];
1375
- },
1376
- get price_formatting_() {
1377
- return price_formatting_();
1378
- }
1379
- })), $3hooq$solidjsweb.escape(price_formatting_().post_), $3hooq$solidjsweb.escape(price_formatting_().pre_), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $f38f2e64ebe2da86$export$a71e92cfbb498adc), {
1380
- get price_() {
1381
- return filter().data[1];
1382
- },
1383
- get price_formatting_() {
1384
- return price_formatting_();
1385
- }
1386
- })), $3hooq$solidjsweb.escape(price_formatting_().post_));
1387
- })();
1367
+ number_of_rendered_selected_filters_items_[1](prev => prev + 1);
1368
+ $3hooq$solidjs.onCleanup(() => number_of_rendered_selected_filters_items_[1](prev => prev - 1));
1369
+ return $3hooq$solidjsweb.ssr($c5842bdb10e57229$var$_tmpl$3, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $083b2336093176cf$export$3b621d86b1566b2), {})), $3hooq$solidjsweb.escape(price_formatting_().pre_), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $f38f2e64ebe2da86$export$a71e92cfbb498adc), {
1370
+ get price_() {
1371
+ return filter().data[0];
1372
+ },
1373
+ get price_formatting_() {
1374
+ return price_formatting_();
1375
+ }
1376
+ })), $3hooq$solidjsweb.escape(price_formatting_().post_), $3hooq$solidjsweb.escape(price_formatting_().pre_), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $f38f2e64ebe2da86$export$a71e92cfbb498adc), {
1377
+ get price_() {
1378
+ return filter().data[1];
1379
+ },
1380
+ get price_formatting_() {
1381
+ return price_formatting_();
1382
+ }
1383
+ })), $3hooq$solidjsweb.escape(price_formatting_().post_));
1388
1384
  },
1389
1385
  get children() {
1390
1386
  return $3hooq$solidjsweb.createComponent((0, $3hooq$solidjs.Index), {
@@ -1473,7 +1469,7 @@ function $c5842bdb10e57229$export$fecbb157621501bd(_ref) {
1473
1469
  return outmost_element;
1474
1470
  }
1475
1471
  const $902a0ca2b52f3898$var$_tmpl$ = ["<span", ' class="count">', "</span>"],
1476
- $902a0ca2b52f3898$var$_tmpl$2 = ["<label", ' class="', '"', '><div class="left"><input type="checkbox"', "", "", '><span class="custom-indicator"></span><span class="text line-clamp">', "</span></div><!--#-->", "<!--/--></label>"];
1472
+ $902a0ca2b52f3898$var$_tmpl$2 = ["<label", ' class="', '"', '><div class="left"><input type="checkbox"', "", "", '><span class="custom-indicator"></span><span class="text line-clamp">', "</span></div><!--$-->", "<!--/--></label>"];
1477
1473
  const $902a0ca2b52f3898$export$48513f6b9f8ce62d = props => {
1478
1474
  // 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
1479
1475
  const count = $3hooq$solidjs.createMemo(() => props.count_);
@@ -1494,14 +1490,13 @@ const $902a0ca2b52f3898$export$48513f6b9f8ce62d = props => {
1494
1490
  };
1495
1491
  const $a904ccf883f60231$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>';
1496
1492
  function $a904ccf883f60231$export$f21ab0717a89c77f(props) {
1497
- return $3hooq$solidjsweb.ssrElement("svg", () => ({
1498
- ...props,
1499
- "xmlns": "http://www.w3.org/2000/svg",
1500
- "width": "11",
1501
- "height": "12"
1493
+ return $3hooq$solidjsweb.ssrElement("svg", $3hooq$solidjsweb.mergeProps(props, {
1494
+ xmlns: "http://www.w3.org/2000/svg",
1495
+ width: "11",
1496
+ height: "12"
1502
1497
  }), () => $3hooq$solidjsweb.ssr($a904ccf883f60231$var$_tmpl$), true);
1503
1498
  }
1504
- const $b0477e4d832f090e$var$_tmpl$ = ["<button", ' type="button" class="', '"><!--#-->', "<!--/--><span>", "</span></button>"];
1499
+ const $b0477e4d832f090e$var$_tmpl$ = ["<button", ' type="button" class="', '"><!--$-->', "<!--/--><span>", "</span></button>"];
1505
1500
  function $b0477e4d832f090e$export$ca21a16d65b3dd8(_ref) {
1506
1501
  let {
1507
1502
  show_extras_: [get_show_extras, set_show_extras],
@@ -1509,7 +1504,7 @@ function $b0477e4d832f090e$export$ca21a16d65b3dd8(_ref) {
1509
1504
  } = _ref;
1510
1505
  return $3hooq$solidjsweb.ssr($b0477e4d832f090e$var$_tmpl$, $3hooq$solidjsweb.ssrHydrationKey(), "expand-filter ".concat(get_show_extras() ? "expanded" : ""), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $a904ccf883f60231$export$f21ab0717a89c77f), {})), get_show_extras() ? $3hooq$solidjsweb.escape(i18n_.view_less_()) : $3hooq$solidjsweb.escape(i18n_.view_more_()));
1511
1506
  }
1512
- const $9b54b9c5381716eb$var$_tmpl$ = ["<form", ' class="checkboxes"><!--#-->', "<!--/--><!--#-->", "<!--/--></form>"];
1507
+ const $9b54b9c5381716eb$var$_tmpl$ = ["<form", ' class="checkboxes"><!--$-->', "<!--/--><!--$-->", "<!--/--></form>"];
1513
1508
  const $9b54b9c5381716eb$var$max_visible_without_collapsing = 15;
1514
1509
  const $9b54b9c5381716eb$var$show_non_collapsible_when_collapsed = 4;
1515
1510
  function $9b54b9c5381716eb$export$dd948f91abc3a1c4(_ref) {
@@ -1616,7 +1611,7 @@ function $9b54b9c5381716eb$export$dd948f91abc3a1c4(_ref) {
1616
1611
  }
1617
1612
  const $d9239dad9a9d899b$var$_tmpl$ = ["<form", ' class="radios">', "</form>"],
1618
1613
  $d9239dad9a9d899b$var$_tmpl$2 = ["<span", ' class="count">', "</span>"],
1619
- $d9239dad9a9d899b$var$_tmpl$3 = ["<label", ' class="', '"', '><div class="left"><input type="radio"', "", '><span class="custom-indicator"></span><!--#-->', "<!--/--></div><!--#-->", "<!--/--></label>"];
1614
+ $d9239dad9a9d899b$var$_tmpl$3 = ["<label", ' class="', '"', '><div class="left"><input type="radio"', "", '><span class="custom-indicator"></span><!--$-->', "<!--/--></div><!--$-->", "<!--/--></label>"];
1620
1615
  function $d9239dad9a9d899b$export$430444115f70a734(_ref) {
1621
1616
  let {
1622
1617
  selected_filters_: selected_filters_,
@@ -1669,7 +1664,7 @@ function $d9239dad9a9d899b$export$430444115f70a734(_ref) {
1669
1664
  }
1670
1665
  })));
1671
1666
  }
1672
- const $0257c760a99bfacb$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>"],
1667
+ const $0257c760a99bfacb$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>"],
1673
1668
  $0257c760a99bfacb$var$_tmpl$2 = ["<div", ' class="slider"><div class="progress" style="', '"></div></div>'],
1674
1669
  $0257c760a99bfacb$var$_tmpl$3 = ["<div", ' class="range-group"><input', ' type="range"', ' step="any"><input', ' type="range"', ' step="any"></div>'];
1675
1670
  function $0257c760a99bfacb$export$e0d834a0ad870cda(_ref) {
@@ -1907,10 +1902,10 @@ function $ac040bdfeed58ee4$export$e5c2828934226505(_ref) {
1907
1902
  });
1908
1903
  return outer_div;
1909
1904
  }
1910
- const $9c1d49181fb3002a$var$_tmpl$ = ["<form", ' class="', '"><!--#-->', "<!--/--><!--#-->", "<!--/--></form>"],
1911
- $9c1d49181fb3002a$var$_tmpl$2 = ["<div", ' class="', '"><!--#-->', "<!--/--><!--#-->", "<!--/--></div>"],
1905
+ const $9c1d49181fb3002a$var$_tmpl$ = ["<form", ' class="', '"><!--$-->', "<!--/--><!--$-->", "<!--/--></form>"],
1906
+ $9c1d49181fb3002a$var$_tmpl$2 = ["<div", ' class="', '"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"],
1912
1907
  $9c1d49181fb3002a$var$_tmpl$3 = ["<details", "></details>"],
1913
- $9c1d49181fb3002a$var$_tmpl$4 = ["<summary", ' class="category-parent"><div class="summary"><span class="', '">', "</span><!--#-->", "<!--/--></div></summary>"];
1908
+ $9c1d49181fb3002a$var$_tmpl$4 = ["<summary", ' class="category-parent"><div class="summary"><span class="', '">', "</span><!--$-->", "<!--/--></div></summary>"];
1914
1909
  const $9c1d49181fb3002a$var$max_visible_without_collapsing = 15;
1915
1910
  const $9c1d49181fb3002a$var$show_non_collapsible_when_collapsed = 4;
1916
1911
  function $9c1d49181fb3002a$export$a32086fa6616eafd(_ref) {
@@ -2421,15 +2416,18 @@ const $cd0e5524f9476f9b$export$414f6a19d38e655c = _ref => {
2421
2416
  const current_value = $e2d74bb03cc5252e$export$325f75597868c4f0(value().value_);
2422
2417
  return !!(data !== null && data !== void 0 && data.some(item => $e2d74bb03cc5252e$export$325f75597868c4f0(item) === current_value));
2423
2418
  });
2424
- const MakeButton = attributes => $3hooq$solidjsweb.ssrElement("button", () => ({
2425
- ...attributes,
2426
- "disabled": value().count_ === 0 && !is_selected(),
2427
- "classList": {
2428
- minor: !is_selected(),
2429
- major: is_selected(),
2430
- "major-minor-transition": true
2419
+ const MakeButton = attributes => $3hooq$solidjsweb.ssrElement("button", $3hooq$solidjsweb.mergeProps(attributes, {
2420
+ get disabled() {
2421
+ return value().count_ === 0 && !is_selected();
2422
+ },
2423
+ get classList() {
2424
+ return {
2425
+ minor: !is_selected(),
2426
+ major: is_selected(),
2427
+ "major-minor-transition": true
2428
+ };
2431
2429
  }
2432
- }), () => ["<!--#-->", $3hooq$solidjsweb.escape(value().value_), "<!--/-->", "<!--#-->", $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $3hooq$solidjs.Show), {
2430
+ }), () => ["<!--$-->", $3hooq$solidjsweb.escape(value().value_), "<!--/-->", "<!--$-->", $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $3hooq$solidjs.Show), {
2433
2431
  get when() {
2434
2432
  return value().count_ != undefined;
2435
2433
  },
@@ -2518,7 +2516,7 @@ function $cd0e5524f9476f9b$var$adjust_sizes(container_width, sizes, set_cols_at_
2518
2516
  overrides: column_to_row_result
2519
2517
  }]]);
2520
2518
  }
2521
- const $476a3dc36afc1938$var$_tmpl$ = ["<form", ' class="checkbox-color"><!--#-->', "<!--/--><!--#-->", "<!--/--></form>"];
2519
+ const $476a3dc36afc1938$var$_tmpl$ = ["<form", ' class="checkbox-color"><!--$-->', "<!--/--><!--$-->", "<!--/--></form>"];
2522
2520
  const $476a3dc36afc1938$var$max_visible_without_collapsing = 30;
2523
2521
  const $476a3dc36afc1938$var$show_non_collapsible_when_collapsed = 8;
2524
2522
  function $476a3dc36afc1938$export$82ed4b28ecb67608(_ref) {
@@ -2682,14 +2680,13 @@ var $f60633ac10c24308$export$2e2bcd8739ae039 = {
2682
2680
  const $44d50abe16a70c25$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>';
2683
2681
  function $44d50abe16a70c25$export$f2ca6fc699ca1fb4() {
2684
2682
  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
2685
- return $3hooq$solidjsweb.ssrElement("svg", () => ({
2686
- "xmlns": "http://www.w3.org/2000/svg",
2687
- "width": "16.8",
2688
- "height": "14",
2689
- ...props
2690
- }), () => $3hooq$solidjsweb.ssr($44d50abe16a70c25$var$_tmpl$), true);
2691
- }
2692
- const $958981128e559776$var$_tmpl$ = ["<span", ' class="show-selected" aria-hidden="true"><span>', "</span><!--#-->", "<!--/--></span>"];
2683
+ return $3hooq$solidjsweb.ssrElement("svg", $3hooq$solidjsweb.mergeProps({
2684
+ xmlns: "http://www.w3.org/2000/svg",
2685
+ width: "16.8",
2686
+ height: "14"
2687
+ }, props), () => $3hooq$solidjsweb.ssr($44d50abe16a70c25$var$_tmpl$), true);
2688
+ }
2689
+ const $958981128e559776$var$_tmpl$ = ["<span", ' class="show-selected" aria-hidden="true"><span>', "</span><!--$-->", "<!--/--></span>"];
2693
2690
  function $958981128e559776$export$53c59af873b303c9(_ref) {
2694
2691
  let {
2695
2692
  selected_filters_in_group_: selected_filters_in_group_,
@@ -2836,11 +2833,11 @@ function $a7f7d416e6f61504$export$89c6019e4baa40b1(props) {
2836
2833
  });
2837
2834
  }
2838
2835
  const $164d474fea221d77$var$_tmpl$ = ["<div", ' class="filter-collapsible">', "</div>"],
2839
- $164d474fea221d77$var$_tmpl$2 = ["<button", ' class="clear-group"><!--#-->', "<!--/--><span>", "</span></button>"],
2840
- $164d474fea221d77$var$_tmpl$3 = ["<div", ' class="view-more-clear"><!--#-->', "<!--/--><!--#-->", "<!--/--></div>"],
2841
- $164d474fea221d77$var$_tmpl$4 = ["<div", ' class="filter-collapsible-body"><div class="filter-part">', "</div><!--#-->", "<!--/--></div>"],
2836
+ $164d474fea221d77$var$_tmpl$2 = ["<button", ' class="clear-group"><!--$-->', "<!--/--><span>", "</span></button>"],
2837
+ $164d474fea221d77$var$_tmpl$3 = ["<div", ' class="view-more-clear"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"],
2838
+ $164d474fea221d77$var$_tmpl$4 = ["<div", ' class="filter-collapsible-body"><div class="filter-part">', "</div><!--$-->", "<!--/--></div>"],
2842
2839
  $164d474fea221d77$var$_tmpl$5 = ["<details", ' class="filter-collapsible"', "></details>"],
2843
- $164d474fea221d77$var$_tmpl$6 = ["<summary", ' class="filter-group-summary"><div class="summary"><span>', '</span><div class="selected-w-sign"><!--#-->', "<!--/--><!--#-->", "<!--/--></div></div></summary>"],
2840
+ $164d474fea221d77$var$_tmpl$6 = ["<summary", ' class="filter-group-summary"><div class="summary"><span>', '</span><div class="selected-w-sign"><!--$-->', "<!--/--><!--$-->", "<!--/--></div></div></summary>"],
2844
2841
  $164d474fea221d77$var$_tmpl$7 = ["<div", ' class="ungrouped">', "</div>"],
2845
2842
  $164d474fea221d77$var$_tmpl$8 = ["<button", ' class="clear-all-filters major">', "</button>"];
2846
2843
  function $164d474fea221d77$export$3f1a388cc0d8fed7(props) {
@@ -3799,7 +3796,7 @@ function $1689794f03ba2554$export$205efb947c7ffd78(handler) {
3799
3796
  $3hooq$solidjs.onCleanup(() => removeEventListener(event, catchified_handler));
3800
3797
  }
3801
3798
  }
3802
- const $e03dec587b6e91e3$var$_tmpl$ = ["<div", ' class="scroll-status" style="display:none"><span class="text"><b>', "</b> – <b>", "</b> <!--#-->", "<!--/--> <b>", "</b></span></div>"];
3799
+ const $e03dec587b6e91e3$var$_tmpl$ = ["<div", ' class="scroll-status" style="display:none"><span class="text"><b>', "</b> – <b>", "</b> <!--$-->", "<!--/--> <b>", "</b></span></div>"];
3803
3800
  function $e03dec587b6e91e3$export$83fd5de5504a7a67(_ref) {
3804
3801
  let {
3805
3802
  formatted_number_of_results_: formatted_number_of_results_,
@@ -3920,7 +3917,7 @@ function $e03dec587b6e91e3$export$83fd5de5504a7a67(_ref) {
3920
3917
  })), $3hooq$solidjsweb.escape(of_()), $3hooq$solidjsweb.escape(count_to_show()));
3921
3918
  }
3922
3919
  const $063a16c081021c3f$var$_tmpl$ = ["<a", ' class="hint" href="javascript:void(0)">', "</a>"],
3923
- $063a16c081021c3f$var$_tmpl$2 = ["<div", ' class="no-results"><div class="text">', "</div><!--#-->", "<!--/--></div>"];
3920
+ $063a16c081021c3f$var$_tmpl$2 = ["<div", ' class="no-results"><div class="text">', "</div><!--$-->", "<!--/--></div>"];
3924
3921
  function $063a16c081021c3f$export$ef6006467f04ee41(_ref) {
3925
3922
  let {
3926
3923
  i18n_: i18n_,
@@ -4059,8 +4056,7 @@ function $0d3ee7000f047e67$export$a1fd619a4743ca08(_ref) {
4059
4056
  query_base_: query_base_,
4060
4057
  depict_api_: depict_api_,
4061
4058
  is_loading_: is_loading_,
4062
- content_blocks_: content_blocks_,
4063
- set_number_loaded_displays_: set_number_loaded_displays_
4059
+ content_blocks_: content_blocks_
4064
4060
  } = _ref;
4065
4061
  // 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
4066
4062
  const target_to_index_map = new Map();
@@ -4107,7 +4103,6 @@ function $0d3ee7000f047e67$export$a1fd619a4743ca08(_ref) {
4107
4103
  query_base_: query_base_,
4108
4104
  depict_api_: depict_api_
4109
4105
  });
4110
- $3hooq$solidjs.createComputed(() => set_number_loaded_displays_(displays_by_key_().size));
4111
4106
  return $76012c4468a53d1f$export$43f0fb951fcb0c54({
4112
4107
  displays_by_key_: displays_by_key_,
4113
4108
  merchant_: merchant_,
@@ -4139,9 +4134,8 @@ const $830518481649feb1$var$_tmpl$ = ["<style", ' type="text/css">', "</style>"]
4139
4134
  const $830518481649feb1$export$c500183c31c2b22e = "--spans-columns";
4140
4135
  function $830518481649feb1$export$ab6b147eec64fea5(props) {
4141
4136
  const container_class = "x" + $3hooq$solidjs.createUniqueId();
4142
- const container_element_ = $3hooq$solidjsweb.ssrElement("div", () => ({
4143
- ...props.element_attributes,
4144
- "classList": {
4137
+ const container_element_ = $3hooq$solidjsweb.ssrElement("div", $3hooq$solidjsweb.mergeProps(() => props.element_attributes, {
4138
+ classList: {
4145
4139
  [container_class]: true
4146
4140
  }
4147
4141
  }), () => $3hooq$solidjsweb.escape(props.children), true); // Don't want this in the error boundary below, it should only be for the actual layouting
@@ -4303,27 +4297,22 @@ function $f8f375d6245ffff2$export$791ef57e62e21c3f(_ref) {
4303
4297
  let {
4304
4298
  content_blocks_: incoming_content_blocks,
4305
4299
  cols_at_size_: cols_at_size_,
4306
- number_of_items_shown_: number_of_items_shown_,
4307
4300
  set_top_row_shortened_by_: set_top_row_shortened_by_
4308
4301
  } = _ref;
4309
4302
  // these are by row
4310
4303
  const [content_blocks, set_content_blocks] = $3hooq$solidjsstore.createStore([]);
4311
4304
  const n_cols_currently_showing_ = $85fcdab554c24789$export$a79e666719b3647c(cols_at_size_);
4312
- const products_to_rows = products => {
4313
- const cols_currently_showing = n_cols_currently_showing_();
4314
- if (cols_currently_showing === null) return 0;
4315
- return Math.ceil(products / cols_currently_showing);
4316
- };
4317
- const showing_rows = $3hooq$solidjs.createMemo(() => products_to_rows(number_of_items_shown_()));
4318
4305
  $3hooq$solidjs.createEffect(() => {
4319
4306
  const incoming_value = incoming_content_blocks();
4320
4307
  if (!incoming_value) {
4321
4308
  set_content_blocks([]);
4322
4309
  return;
4323
4310
  }
4324
- const capped_value = incoming_value.slice(0, showing_rows()); // Don't show more content blocks than we have rows
4325
- set_content_blocks($3hooq$solidjsstore.reconcile(capped_value));
4311
+ set_content_blocks($3hooq$solidjsstore.reconcile(incoming_value, {
4312
+ key: "content"
4313
+ })); // key: Make moving blocks faster, see https://github.com/solidjs/solid/issues/1925#issuecomment-1769671596
4326
4314
  });
4315
+
4327
4316
  const get_wrapped_blocks_ = $f8f375d6245ffff2$var$wrap_blocks_in_div(content_blocks, n_cols_currently_showing_);
4328
4317
  $3hooq$solidjs.createComputed(() => {
4329
4318
  // 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
@@ -4377,12 +4366,12 @@ function $f8f375d6245ffff2$var$remap_blocks_to_index(_ref2) {
4377
4366
  for (let j = 0; j < i; j++) {
4378
4367
  const row = displaced_products[j];
4379
4368
  if (row === undefined) continue; // there were no blocks in this row
4380
- let items_in_row;
4381
- if (typeof row === "number") items_in_row = row;else {
4382
- items_in_row = row.filter(item => item).length;
4383
- displaced_products[j] = items_in_row;
4369
+ let displaced_items_in_row;
4370
+ if (typeof row === "number") displaced_items_in_row = row;else {
4371
+ displaced_items_in_row = row.filter(item => item).length;
4372
+ displaced_products[j] = displaced_items_in_row;
4384
4373
  }
4385
- displacement_by_added_blocks += items_in_row;
4374
+ displacement_by_added_blocks += displaced_items_in_row;
4386
4375
  }
4387
4376
  const index_of_us_in_row = target_index - index_of_first_item_in_row;
4388
4377
  for (let j = 0; j < index_of_us_in_row; j++) {
@@ -4427,13 +4416,27 @@ function $f8f375d6245ffff2$var$wrap_blocks_in_div(rendered_content_blocks, max_s
4427
4416
  var _max_span_columns;
4428
4417
  return Math.min(block.span_columns, (_max_span_columns = max_span_columns()) !== null && _max_span_columns !== void 0 ? _max_span_columns : Infinity);
4429
4418
  };
4419
+ const [rendering_delayed, set_rendering_delayed_] = $3hooq$solidjs.createSignal(true);
4420
+ const content = $3hooq$solidjsweb.createComponent((0, $3hooq$solidjs.Show), {
4421
+ get when() {
4422
+ return !rendering_delayed();
4423
+ },
4424
+ get children() {
4425
+ return $3hooq$solidjsweb.ssr($f8f375d6245ffff2$var$_tmpl$, $3hooq$solidjsweb.ssrHydrationKey(), "grid-column:" + "span ".concat($3hooq$solidjsweb.escape(get_span_columns(), true)) + (";grid-row:" + "span ".concat($3hooq$solidjsweb.escape(block.span_rows, true))) + (";spans_columns_variable_name:" + $3hooq$solidjsweb.escape(get_span_columns(), true)), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent($f8f375d6245ffff2$var$RenderContent, {
4426
+ get content() {
4427
+ return block.content;
4428
+ }
4429
+ })));
4430
+ }
4431
+ });
4430
4432
  return $3hooq$solidjs.mergeProps(block, {
4431
4433
  // Create content divs for the blocks with as much fine-grained diffing as possible?
4432
- content: $3hooq$solidjsweb.ssr($f8f375d6245ffff2$var$_tmpl$, $3hooq$solidjsweb.ssrHydrationKey(), "grid-column:" + "span ".concat($3hooq$solidjsweb.escape(get_span_columns(), true)) + (";grid-row:" + "span ".concat($3hooq$solidjsweb.escape(block.span_rows, true))) + (";spans_columns_variable_name:" + $3hooq$solidjsweb.escape(get_span_columns(), true)), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent($f8f375d6245ffff2$var$RenderContent, {
4433
- get content() {
4434
- return block.content;
4435
- }
4436
- }))),
4434
+ content: () => {
4435
+ // 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
4436
+ // 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
4437
+ set_rendering_delayed_(false);
4438
+ return content;
4439
+ },
4437
4440
  get span_columns() {
4438
4441
  // Cap max width of block to the number of columns available, for everyone downstream
4439
4442
  return get_span_columns();
@@ -4463,7 +4466,7 @@ function $f8f375d6245ffff2$var$RenderContent(props) {
4463
4466
  children: resource
4464
4467
  });
4465
4468
  }
4466
- const $484eec37514a982e$var$_tmpl$ = ["<div", ' class="', '"><!--#-->', "<!--/--><!--#-->", "<!--/--></div>"];
4469
+ const $484eec37514a982e$var$_tmpl$ = ["<div", ' class="', '"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"];
4467
4470
  function $484eec37514a982e$export$3925f87b1545cfc6(_ref) {
4468
4471
  let {
4469
4472
  plp_results_: plp_results_,
@@ -4524,8 +4527,7 @@ function $484eec37514a982e$export$3925f87b1545cfc6(_ref) {
4524
4527
  let fallback_is_alive = false;
4525
4528
  const [get_should_have_placeholders_rendered, set_should_have_placeholders_rendered] = $3hooq$solidjs.createSignal(true);
4526
4529
  const [top_row_shortened_by_, set_top_row_shortened_by_] = $3hooq$solidjs.createSignal(0);
4527
- const [product_card_suspense_is_in_fallback, set_product_card_suspense_is_in_fallback] = $3hooq$solidjs.createSignal(false);
4528
- const [number_loaded_displays, set_number_loaded_displays_] = $3hooq$solidjs.createSignal(0);
4530
+ $3hooq$solidjs.createSignal(false);
4529
4531
  const modified_cols_at_size = $c749e60bca5000cb$export$cb5808ba002cdeed({
4530
4532
  layout_options_: layout_options_,
4531
4533
  sort_or_filter_open_: sort_or_filter_open_
@@ -4540,12 +4542,10 @@ function $484eec37514a982e$export$3925f87b1545cfc6(_ref) {
4540
4542
  return for_id === id_currently_querying_for_();
4541
4543
  })) === null || _get_scroll_restorati2 === void 0 ? void 0 : _get_scroll_restorati2.min_results_loaded) !== null && _get_scroll_restorati !== void 0 ? _get_scroll_restorati : min_products_to_fetch_);
4542
4544
  });
4543
- const number_of_items_shown_ = $3hooq$solidjs.createMemo(() => is_loading_() || product_card_suspense_is_in_fallback() ? num_placeholders_() : number_loaded_displays());
4544
4545
  const doesnt_have_content_blocks = $3hooq$solidjs.createMemo(() => !content_blocks_by_row_());
4545
4546
  const content_blocks_ = $3hooq$solidjs.createMemo(() => doesnt_have_content_blocks() ? () => [] : $f8f375d6245ffff2$export$791ef57e62e21c3f({
4546
4547
  content_blocks_: content_blocks_by_row_,
4547
4548
  cols_at_size_: modified_cols_at_size,
4548
- number_of_items_shown_: number_of_items_shown_,
4549
4549
  set_top_row_shortened_by_: set_top_row_shortened_by_
4550
4550
  }));
4551
4551
  const rendered_placeholders = $3hooq$solidjs.createMemo(() => get_should_have_placeholders_rendered() ? $e3915574cfd3466c$export$f33414a4df0afd3f({
@@ -4583,20 +4583,16 @@ function $484eec37514a982e$export$3925f87b1545cfc6(_ref) {
4583
4583
  */
4584
4584
  const product_cards_when_data = $3hooq$solidjsweb.createComponent((0, $3hooq$solidjs.Suspense), {
4585
4585
  get fallback() {
4586
- return (() => {
4587
- fallback_is_alive = true;
4588
- $3hooq$solidjs.onCleanup(block_suspense_if_needed); // Block suspense after initial run every time after we fetch
4589
- set_product_card_suspense_is_in_fallback(true); // Here for the content block code that needs to know how many items we're displaying
4590
- $3hooq$solidjs.onCleanup(() => set_product_card_suspense_is_in_fallback(false));
4591
- return $3hooq$solidjs.createMemo(() => {
4592
- // 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
4593
- // In future we could have individual suspense's for each product card, but that's too much for now
4594
- if (get_suspense_is_blocked()) return suspense_contents;
4595
- set_should_have_placeholders_rendered(true); // just in case
4596
- $3hooq$solidjs.onCleanup(() => set_should_have_placeholders_rendered(false));
4597
- 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>
4598
- });
4599
- })();
4586
+ fallback_is_alive = true;
4587
+ $3hooq$solidjs.onCleanup(block_suspense_if_needed); // Block suspense after initial run every time after we fetch
4588
+ return $3hooq$solidjs.createMemo(() => {
4589
+ // 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
4590
+ // In future we could have individual suspense's for each product card, but that's too much for now
4591
+ if (get_suspense_is_blocked()) return suspense_contents;
4592
+ set_should_have_placeholders_rendered(true); // just in case
4593
+ $3hooq$solidjs.onCleanup(() => set_should_have_placeholders_rendered(false));
4594
+ 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>
4595
+ });
4600
4596
  },
4601
4597
 
4602
4598
  get children() {
@@ -4613,8 +4609,7 @@ function $484eec37514a982e$export$3925f87b1545cfc6(_ref) {
4613
4609
  query_base_: query_base_,
4614
4610
  depict_api_: depict_api_,
4615
4611
  is_loading_: is_loading_,
4616
- content_blocks_: content_blocks_,
4617
- set_number_loaded_displays_: set_number_loaded_displays_
4612
+ content_blocks_: content_blocks_
4618
4613
  });
4619
4614
  $3hooq$solidjs.onCleanup(() => suspense_contents = undefined);
4620
4615
  return suspense_contents;
@@ -4680,8 +4675,8 @@ function $484eec37514a982e$export$3925f87b1545cfc6(_ref) {
4680
4675
  }
4681
4676
  const $3bd211c857f81dfd$var$_tmpl$ = ["<div", ' class="sorting-attributes">', "</div>"],
4682
4677
  $3bd211c857f81dfd$var$_tmpl$2 = ["<div", ' class="sorting-direction">', "</div>"],
4683
- $3bd211c857f81dfd$var$_tmpl$3 = ["<div", '><div class="input-row"><input type="radio"', '><span class="custom-indicator"></span><!--#-->', "<!--/--></div></div>"],
4684
- $3bd211c857f81dfd$var$_tmpl$4 = ["<div", '><label class="input-row"><input type="radio"', "", '><span class="custom-indicator"></span><!--#-->', "<!--/--></label></div>"];
4678
+ $3bd211c857f81dfd$var$_tmpl$3 = ["<div", '><div class="input-row"><input type="radio"', '><span class="custom-indicator"></span><!--$-->', "<!--/--></div></div>"],
4679
+ $3bd211c857f81dfd$var$_tmpl$4 = ["<div", '><label class="input-row"><input type="radio"', "", '><span class="custom-indicator"></span><!--$-->', "<!--/--></label></div>"];
4685
4680
  function $3bd211c857f81dfd$export$1f1775a58da589b5(_ref) {
4686
4681
  let {
4687
4682
  available_sortings_: available_sortings_,
@@ -4789,24 +4784,22 @@ const $0b45ba458cbff67a$var$_tmpl$ = '<path d="M6.199 10.254a.35.35 0 0 0-.496 0
4789
4784
  $0b45ba458cbff67a$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>';
4790
4785
  function $0b45ba458cbff67a$export$da32f7add8a22e86() {
4791
4786
  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
4792
- return $3hooq$solidjsweb.ssrElement("svg", () => ({
4793
- "xmlns": "http://www.w3.org/2000/svg",
4794
- "width": "14",
4795
- "height": "14",
4796
- "class": "sort-icon",
4797
- ...props
4798
- }), () => [$3hooq$solidjsweb.ssr($0b45ba458cbff67a$var$_tmpl$), $3hooq$solidjsweb.ssr($0b45ba458cbff67a$var$_tmpl$2)], true);
4787
+ return $3hooq$solidjsweb.ssrElement("svg", $3hooq$solidjsweb.mergeProps({
4788
+ xmlns: "http://www.w3.org/2000/svg",
4789
+ width: "14",
4790
+ height: "14",
4791
+ "class": "sort-icon"
4792
+ }, props), () => [$3hooq$solidjsweb.ssr($0b45ba458cbff67a$var$_tmpl$), $3hooq$solidjsweb.ssr($0b45ba458cbff67a$var$_tmpl$2)], true);
4799
4793
  }
4800
4794
  const $549632402b57d811$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>';
4801
4795
  function $549632402b57d811$export$d10e63059ddb9fd4() {
4802
4796
  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
4803
- return $3hooq$solidjsweb.ssrElement("svg", () => ({
4804
- "xmlns": "http://www.w3.org/2000/svg",
4805
- "width": "14",
4806
- "height": "14",
4807
- "class": "sort-icon",
4808
- ...props
4809
- }), () => $3hooq$solidjsweb.ssr($549632402b57d811$var$_tmpl$), true);
4797
+ return $3hooq$solidjsweb.ssrElement("svg", $3hooq$solidjsweb.mergeProps({
4798
+ xmlns: "http://www.w3.org/2000/svg",
4799
+ width: "14",
4800
+ height: "14",
4801
+ "class": "sort-icon"
4802
+ }, props), () => $3hooq$solidjsweb.ssr($549632402b57d811$var$_tmpl$), true);
4810
4803
  }
4811
4804
  const $9bde34303b3e9ace$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>'];
4812
4805
  function $9bde34303b3e9ace$export$28f6150e232898de() {
@@ -4822,9 +4815,9 @@ function $8b9c2fa4593b29df$export$50f68cc9882e36a4(args_for_filtering) {
4822
4815
  return ((_args_for_filtering$a = args_for_filtering.available_filters_()) === null || _args_for_filtering$a === void 0 ? void 0 : _args_for_filtering$a.length) === 0 && !((_args_for_filtering$s = args_for_filtering.selected_filters_[0]()) !== null && _args_for_filtering$s !== void 0 && _args_for_filtering$s.length);
4823
4816
  }
4824
4817
  const $685149df41127abd$var$_tmpl$ = ["<button", ' class="clear minor">', "</button>"],
4825
- $685149df41127abd$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>"],
4818
+ $685149df41127abd$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>"],
4826
4819
  $685149df41127abd$var$_tmpl$3 = ["<details", ' class="sorting"></details>'],
4827
- $685149df41127abd$var$_tmpl$4 = ["<summary", ' class="sort-filter-summary"><div class="summary"><div class="left-els"><!--#-->', "<!--/--><span>", "</span></div><!--#-->", "<!--/--></div></summary>"],
4820
+ $685149df41127abd$var$_tmpl$4 = ["<summary", ' class="sort-filter-summary"><div class="summary"><div class="left-els"><!--$-->', "<!--/--><span>", "</span></div><!--$-->", "<!--/--></div></summary>"],
4828
4821
  $685149df41127abd$var$_tmpl$5 = ["<div", ' class="body">', "</div>"],
4829
4822
  $685149df41127abd$var$_tmpl$6 = ["<details", ' class="filters"></details>'],
4830
4823
  $685149df41127abd$var$_tmpl$7 = ["<b", ">", "</b>"];
@@ -4939,10 +4932,10 @@ function $ae261a5687fe84f4$export$cb808a3c41736d8e() {
4939
4932
  }
4940
4933
  const $f70cc6dfcadf0fd5$var$_tmpl$ = ["<div", ' class="filters"><div class="body">', "</div></div>"],
4941
4934
  $f70cc6dfcadf0fd5$var$_tmpl$2 = ["<div", ' class="sorting"><div class="body">', "</div></div>"],
4942
- $f70cc6dfcadf0fd5$var$_tmpl$3 = ["<div", ' class="sort-and-filter-buttons"><div class="outer"><div class="inner"><!--#-->', "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--></div></div></div>"],
4935
+ $f70cc6dfcadf0fd5$var$_tmpl$3 = ["<div", ' class="sort-and-filter-buttons"><div class="outer"><div class="inner"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></div></div></div>"],
4943
4936
  $f70cc6dfcadf0fd5$var$_tmpl$4 = ["<span", ' class="num-filters" style="', '">', "</span>"],
4944
- $f70cc6dfcadf0fd5$var$_tmpl$5 = ["<div", ' class="open-filters-button-container" style="', '"><!--#-->', "<!--/--><button", ' class="', '" type="button"', ' style="', '"><!--#-->', "<!--/--><span>", "</span></button></div>"],
4945
- $f70cc6dfcadf0fd5$var$_tmpl$6 = ["<button", ' class="', '"', ' style="', '"><span>', "</span><!--#-->", "<!--/--></button>"];
4937
+ $f70cc6dfcadf0fd5$var$_tmpl$5 = ["<div", ' class="open-filters-button-container" style="', '"><!--$-->', "<!--/--><button", ' class="', '" type="button"', ' style="', '"><!--$-->', "<!--/--><span>", "</span></button></div>"],
4938
+ $f70cc6dfcadf0fd5$var$_tmpl$6 = ["<button", ' class="', '"', ' style="', '"><span>', "</span><!--$-->", "<!--/--></button>"];
4946
4939
  function $f70cc6dfcadf0fd5$export$d7841e452f2e59a8(_ref) {
4947
4940
  let {
4948
4941
  current_sorting_: current_sorting_,
@@ -5922,10 +5915,10 @@ function $eef41d50f07bf19a$export$d31a1a1a83ad9413(plp_results_, _ref) {
5922
5915
  set_selected_filters(new_filters);
5923
5916
  });
5924
5917
  }
5925
- const $ede6c70ecdca46fe$var$_tmpl$ = ["<div", ' class="product-count"><!--#-->', "<!--/--> <!--#-->", "<!--/--></div>"],
5918
+ const $ede6c70ecdca46fe$var$_tmpl$ = ["<div", ' class="product-count"><!--$-->', "<!--/--> <!--$-->", "<!--/--></div>"],
5926
5919
  $ede6c70ecdca46fe$var$_tmpl$2 = ["<div", "></div>"],
5927
- $ede6c70ecdca46fe$var$_tmpl$3 = ["<div", ' class="filter-results-for-one-row"><!--#-->', "<!--/--><!--#-->", "<!--/--></div>"],
5928
- $ede6c70ecdca46fe$var$_tmpl$4 = ["<div", ' class="depict plp category"><div class="listing-page"><!--#-->', "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--></div><!--#-->", "<!--/--><!--#-->", "<!--/--></div>"];
5920
+ $ede6c70ecdca46fe$var$_tmpl$3 = ["<div", ' class="filter-results-for-one-row"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"],
5921
+ $ede6c70ecdca46fe$var$_tmpl$4 = ["<div", ' class="depict plp category"><div class="listing-page"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></div><!--$-->", "<!--/--><!--$-->", "<!--/--></div>"];
5929
5922
  function $ede6c70ecdca46fe$export$f7d2f673fc2f091d(_ref) {
5930
5923
  var _on_filters_construct;
5931
5924
  let {
@@ -6905,7 +6898,7 @@ function $9cbefc32b9dab36d$var$get_shared_properties(depict_category) {
6905
6898
  if (!shared_properties) throw new Error("Can't connect to provided DepictCategory instance");
6906
6899
  return shared_properties;
6907
6900
  }
6908
- const $dc0bcefcc3486ebd$var$_tmpl$ = ["<div", ' class="category-title"><h1 class="title">', '</h1><span class="explanation"> — <!--#-->', "<!--/--></span></div>"];
6901
+ const $dc0bcefcc3486ebd$var$_tmpl$ = ["<div", ' class="category-title"><h1 class="title">', '</h1><span class="explanation"> — <!--$-->', "<!--/--></span></div>"];
6909
6902
  const $dc0bcefcc3486ebd$export$b91cec6bdc6b32a1 = /*@__PURE__*/(() => {
6910
6903
  const actual_function = _ref => {
6911
6904
  let {
@@ -6921,7 +6914,7 @@ const $dc0bcefcc3486ebd$export$b91cec6bdc6b32a1 = /*@__PURE__*/(() => {
6921
6914
  actual_function[(0, $905241549bde5bff$export$5c28802497c8a83c)] = "simple";
6922
6915
  return actual_function;
6923
6916
  })();
6924
- const $0c91ea7c14692db9$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>"];
6917
+ const $0c91ea7c14692db9$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>"];
6925
6918
  const $0c91ea7c14692db9$export$824dde41348efed1 = /*@__PURE__*/(() => {
6926
6919
  const actual_function = _ref => {
6927
6920
  let {
@@ -7082,7 +7075,7 @@ function $c0cf6af094336798$export$ee1733d9a8495996() {
7082
7075
  })));
7083
7076
  }
7084
7077
  const $3001ad378baf39dc$var$_tmpl$ = ["<span", ' class="parent-title">', "</span>"],
7085
- $3001ad378baf39dc$var$_tmpl$2 = ["<a", ' class="category-suggestion"', '><span class="title">', "</span><!--#-->", "<!--/--></a>"];
7078
+ $3001ad378baf39dc$var$_tmpl$2 = ["<a", ' class="category-suggestion"', '><span class="title">', "</span><!--$-->", "<!--/--></a>"];
7086
7079
  function $3001ad378baf39dc$export$d757d54550ebfb3d(_ref) {
7087
7080
  let {
7088
7081
  category_suggestion_: category_suggestion_,
@@ -7104,15 +7097,14 @@ function $dd98275d380b2cfd$export$1c641004b5485fed() {
7104
7097
  const $5b88b077e48a4451$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>';
7105
7098
  function $5b88b077e48a4451$export$82eafebb825fc23f() {
7106
7099
  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
7107
- return $3hooq$solidjsweb.ssrElement("svg", () => ({
7108
- ...props,
7109
- "xmlns": "http://www.w3.org/2000/svg",
7110
- "width": "20",
7111
- "height": "22"
7100
+ return $3hooq$solidjsweb.ssrElement("svg", $3hooq$solidjsweb.mergeProps(props, {
7101
+ xmlns: "http://www.w3.org/2000/svg",
7102
+ width: "20",
7103
+ height: "22"
7112
7104
  }), () => $3hooq$solidjsweb.ssr($5b88b077e48a4451$var$_tmpl$), true);
7113
7105
  }
7114
7106
  const $29e5dbeb69da7a36$var$_tmpl$ = ["<button", ' class="back" type="button"', ">", "</button>"],
7115
- $29e5dbeb69da7a36$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>"];
7107
+ $29e5dbeb69da7a36$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>"];
7116
7108
  function $29e5dbeb69da7a36$export$b94867ecbd698f21(_ref) {
7117
7109
  let {
7118
7110
  search_field_value_: search_field_value_,
@@ -7144,7 +7136,7 @@ function $29e5dbeb69da7a36$export$b94867ecbd698f21(_ref) {
7144
7136
  }
7145
7137
  })), "query ".concat(!!on_back_ ? "has-adjacent-back-button" : ""), $3hooq$solidjsweb.ssrAttribute("aria-label", $3hooq$solidjsweb.escape(i18n_.search_field_field_aria_label_(), true), false) + $3hooq$solidjsweb.ssrAttribute("value", $3hooq$solidjsweb.escape(search_field_value_[0](), true), false) + $3hooq$solidjsweb.ssrAttribute("placeholder", $3hooq$solidjsweb.escape(i18n_.placeholder_text_(), true), false), $3hooq$solidjsweb.ssrAttribute("title", $3hooq$solidjsweb.escape(i18n_.clear_filters_query_sorting_after_submit_(), true), false), $3hooq$solidjsweb.ssrStyle($3hooq$solidjs.createMemo(() => search_field_value_[0]() ? "" : "display: none")()), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $083b2336093176cf$export$3b621d86b1566b2), {})), $3hooq$solidjsweb.ssrAttribute("aria-label", $3hooq$solidjsweb.escape(i18n_.search_submit_button_aria_label_(), true), false), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $5b88b077e48a4451$export$82eafebb825fc23f), {})));
7146
7138
  }
7147
- const $c77adcdf5346b187$var$_tmpl$ = ["<div", ' class="search-recs"><h3 class="search-recs-title">', "</h3><!--#-->", "<!--/--><!--#-->", "<!--/--></div>"],
7139
+ const $c77adcdf5346b187$var$_tmpl$ = ["<div", ' class="search-recs"><h3 class="search-recs-title">', "</h3><!--$-->", "<!--/--><!--$-->", "<!--/--></div>"],
7148
7140
  $c77adcdf5346b187$var$_tmpl$2 = ["<button", ' class="show-more major" type="button">', "</button>"];
7149
7141
  const $c77adcdf5346b187$export$1c8c715550dc689d = 2;
7150
7142
  function $c77adcdf5346b187$export$7de92c4c2205ebf3(_ref) {
@@ -7386,8 +7378,8 @@ async function $7f680455a2aa1079$export$e16630ecb9644a1c(_ref) {
7386
7378
  const $65353359a9fbdacd$export$27b710c08412a7ad = obj => {
7387
7379
  return Object.fromEntries(Object.keys(obj).map(key => [key, obj[key]()]));
7388
7380
  };
7389
- const $82d079b68975fbf7$var$_tmpl$ = ["<span", ' class="orig price"><!--#-->', "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--></span>"],
7390
- $82d079b68975fbf7$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>"],
7381
+ const $82d079b68975fbf7$var$_tmpl$ = ["<span", ' class="orig price"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></span>"],
7382
+ $82d079b68975fbf7$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>"],
7391
7383
  $82d079b68975fbf7$var$_tmpl$3 = ["<div", ' class="tagline">', "</div>"];
7392
7384
  const $82d079b68975fbf7$export$b05c0ae390cf3e06 = (display_or_variant_container, _ref, router_) => {
7393
7385
  let {
@@ -7571,7 +7563,7 @@ function $8767e7eba5066d2b$export$5d2caaa6b530761c() {
7571
7563
  return $3hooq$solidjsweb.ssr($8767e7eba5066d2b$var$_tmpl$, $3hooq$solidjsweb.ssrHydrationKey());
7572
7564
  }
7573
7565
  const $4edbc04f5c5a1843$var$_tmpl$ = ["<div", ' class="previous-searches"><h2 class="text">', '</h2><div class="list">', "</div></div>"],
7574
- $4edbc04f5c5a1843$var$_tmpl$2 = ["<a", ' class="', '"', '><div class="left"><!--#-->', '<!--/--><span class="line-clamp"', ">", '</span></div><button class="delete"', ">", "</button></a>"];
7566
+ $4edbc04f5c5a1843$var$_tmpl$2 = ["<a", ' class="', '"', '><div class="left"><!--$-->', '<!--/--><span class="line-clamp"', ">", '</span></div><button class="delete"', ">", "</button></a>"];
7575
7567
  function $4edbc04f5c5a1843$export$a146ac6fa8346a25(_ref) {
7576
7568
  let {
7577
7569
  text_: text_,
@@ -7678,23 +7670,22 @@ function $23c3f390dee33ff8$export$ba17c5b7e6dda39f(_ref) {
7678
7670
  const $3cf7b4db1e203c93$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>';
7679
7671
  function $3cf7b4db1e203c93$export$605674723bcc715c() {
7680
7672
  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
7681
- return $3hooq$solidjsweb.ssrElement("svg", () => ({
7682
- "xmlns": "http://www.w3.org/2000/svg",
7683
- "width": "32",
7684
- "height": "32",
7685
- "viewBox": "0 0 256 256",
7686
- ...props
7687
- }), () => $3hooq$solidjsweb.ssr($3cf7b4db1e203c93$var$_tmpl$), true);
7673
+ return $3hooq$solidjsweb.ssrElement("svg", $3hooq$solidjsweb.mergeProps({
7674
+ xmlns: "http://www.w3.org/2000/svg",
7675
+ width: "32",
7676
+ height: "32",
7677
+ viewBox: "0 0 256 256"
7678
+ }, props), () => $3hooq$solidjsweb.ssr($3cf7b4db1e203c93$var$_tmpl$), true);
7688
7679
  }
7689
7680
  const $0677d509ad208e22$var$_tmpl$ = ["<a", ' class="', '"', ">", "</a>"],
7690
7681
  $0677d509ad208e22$var$_tmpl$2 = ["<div", ' class="search-icon">', "</div>"],
7691
7682
  $0677d509ad208e22$var$_tmpl$3 = ["<span", ' class="type">', "</span>"],
7692
- $0677d509ad208e22$var$_tmpl$4 = ["<div", ' class="with-parent-title"><!--#-->', '<!--/--><span class="value line-clamp">', "</span></div>"],
7693
- $0677d509ad208e22$var$_tmpl$5 = ["<div", ' class="with-icon"><!--#-->', "<!--/--><!--#-->", "<!--/--></div>"],
7683
+ $0677d509ad208e22$var$_tmpl$4 = ["<div", ' class="with-parent-title"><!--$-->', '<!--/--><span class="value line-clamp">', "</span></div>"],
7684
+ $0677d509ad208e22$var$_tmpl$5 = ["<div", ' class="with-icon"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"],
7694
7685
  $0677d509ad208e22$var$_tmpl$6 = ["<h2", ' class="text">', "</h2>"],
7695
- $0677d509ad208e22$var$_tmpl$7 = ["<div", ' class="suggestion-container query"><!--#-->', "<!--/--><!--#-->", "<!--/--></div>"],
7686
+ $0677d509ad208e22$var$_tmpl$7 = ["<div", ' class="suggestion-container query"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"],
7696
7687
  $0677d509ad208e22$var$_tmpl$8 = ["<div", ' class="suggestion-container page">', "</div>"],
7697
- $0677d509ad208e22$var$_tmpl$9 = ["<div", ' class="', '"><!--#-->', "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--></div>"];
7688
+ $0677d509ad208e22$var$_tmpl$9 = ["<div", ' class="', '"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></div>"];
7698
7689
  function $0677d509ad208e22$export$e872e2339fb04a7f(_ref) {
7699
7690
  let {
7700
7691
  suggestion_memo_: suggestion_memo_,
@@ -8285,8 +8276,8 @@ function $cc66bbf6e783bb58$export$f021bdedd3ec901a(props) {
8285
8276
  }
8286
8277
  const $24419668d5fcfcd5$var$_tmpl$ = ["<div", ' class="discover-more"><button class="major" type="button">', "</button></div>"],
8287
8278
  $24419668d5fcfcd5$var$_tmpl$2 = ["<b", ">", "</b>"],
8288
- $24419668d5fcfcd5$var$_tmpl$3 = ["<div", ' class="', '"><div class="', '"><!--#-->', '<!--/--><div class="padded"><!--#-->', "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--></div><!--#-->", "<!--/--></div><!--#-->", "<!--/--></div>"],
8289
- $24419668d5fcfcd5$var$_tmpl$4 = ["<div", ' class="', '"><div class="depict-search-modal-backdrop"></div><!--#-->', "<!--/--></div>"];
8279
+ $24419668d5fcfcd5$var$_tmpl$3 = ["<div", ' class="', '"><div class="', '"><!--$-->', '<!--/--><div class="padded"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></div><!--$-->", "<!--/--></div><!--$-->", "<!--/--></div>"],
8280
+ $24419668d5fcfcd5$var$_tmpl$4 = ["<div", ' class="', '"><div class="depict-search-modal-backdrop"></div><!--$-->', "<!--/--></div>"];
8290
8281
  function $24419668d5fcfcd5$export$1c593cbd6f1e10bc(_ref) {
8291
8282
  let {
8292
8283
  search_field_value_: props_search_field_value,
@@ -8791,7 +8782,7 @@ function $99472afa7112c427$var$segment_text(text, matched_strings) {
8791
8782
  return output;
8792
8783
  }
8793
8784
  const $f1fc9ea3e7632eba$var$_tmpl$ = ["<div", ' class="description line-clamp">', "</div>"],
8794
- $f1fc9ea3e7632eba$var$_tmpl$2 = ["<div", ' class="content-card"><div class="image">', '</div><div class="info"><!--#-->', "<!--/--><!--#-->", "<!--/--></div></div>"];
8785
+ $f1fc9ea3e7632eba$var$_tmpl$2 = ["<div", ' class="content-card"><div class="image">', '</div><div class="info"><!--$-->', "<!--/--><!--$-->", "<!--/--></div></div>"];
8795
8786
  function $f1fc9ea3e7632eba$export$f631859cab12b342(_ref) {
8796
8787
  let {
8797
8788
  router_: router_,
@@ -8931,7 +8922,7 @@ function $05f255c0a94b9ca1$export$4405d077f0a20494(_ref) {
8931
8922
  children: () => $3hooq$solidjsweb.createComponent((0, $f1fc9ea3e7632eba$export$f631859cab12b342), {})
8932
8923
  });
8933
8924
  }
8934
- const $eab939d0b95b75ee$var$_tmpl$ = ["<div", ' class="content-results" style="', '"><!--#-->', "<!--/--><!--#-->", "<!--/--></div>"],
8925
+ const $eab939d0b95b75ee$var$_tmpl$ = ["<div", ' class="content-results" style="', '"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"],
8935
8926
  $eab939d0b95b75ee$var$_tmpl$2 = ["<button", ' class="view-more">', "</button>"],
8936
8927
  $eab939d0b95b75ee$var$_tmpl$3 = ["<button", ' class="view-less">', "</button>"];
8937
8928
  const $eab939d0b95b75ee$export$70ceae36059a1036 = 1;
@@ -9027,8 +9018,8 @@ function $eab939d0b95b75ee$var$make_state_saved_rows(_ref2, i18n_) {
9027
9018
  }));
9028
9019
  return rows;
9029
9020
  }
9030
- const $739c927cbecd26b0$var$_tmpl$ = ["<div", ' class="filter-results-for-one-row"><!--#-->', "<!--/--><!--#-->", "<!--/--></div>"],
9031
- $739c927cbecd26b0$var$_tmpl$2 = ["<div", ' class="depict plp search"><div class="listing-page"><!--#-->', "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--></div><!--#-->", "<!--/--><!--#-->", "<!--/--></div>"];
9021
+ const $739c927cbecd26b0$var$_tmpl$ = ["<div", ' class="filter-results-for-one-row"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"],
9022
+ $739c927cbecd26b0$var$_tmpl$2 = ["<div", ' class="depict plp search"><div class="listing-page"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></div><!--$-->", "<!--/--><!--$-->", "<!--/--></div>"];
9032
9023
  function $739c927cbecd26b0$export$a54ec244c8863715(_ref) {
9033
9024
  let {
9034
9025
  depict_api_: depict_api_,