@depict-ai/ui 2.1.0 → 2.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -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.1";
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_,
@@ -4139,9 +4136,8 @@ const $830518481649feb1$var$_tmpl$ = ["<style", ' type="text/css">', "</style>"]
4139
4136
  const $830518481649feb1$export$c500183c31c2b22e = "--spans-columns";
4140
4137
  function $830518481649feb1$export$ab6b147eec64fea5(props) {
4141
4138
  const container_class = "x" + $3hooq$solidjs.createUniqueId();
4142
- const container_element_ = $3hooq$solidjsweb.ssrElement("div", () => ({
4143
- ...props.element_attributes,
4144
- "classList": {
4139
+ const container_element_ = $3hooq$solidjsweb.ssrElement("div", $3hooq$solidjsweb.mergeProps(() => props.element_attributes, {
4140
+ classList: {
4145
4141
  [container_class]: true
4146
4142
  }
4147
4143
  }), () => $3hooq$solidjsweb.escape(props.children), true); // Don't want this in the error boundary below, it should only be for the actual layouting
@@ -4322,8 +4318,11 @@ function $f8f375d6245ffff2$export$791ef57e62e21c3f(_ref) {
4322
4318
  return;
4323
4319
  }
4324
4320
  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));
4321
+ set_content_blocks($3hooq$solidjsstore.reconcile(capped_value, {
4322
+ key: "content"
4323
+ })); // key: Make moving blocks faster, see https://github.com/solidjs/solid/issues/1925#issuecomment-1769671596
4326
4324
  });
4325
+
4327
4326
  const get_wrapped_blocks_ = $f8f375d6245ffff2$var$wrap_blocks_in_div(content_blocks, n_cols_currently_showing_);
4328
4327
  $3hooq$solidjs.createComputed(() => {
4329
4328
  // 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
@@ -4463,7 +4462,7 @@ function $f8f375d6245ffff2$var$RenderContent(props) {
4463
4462
  children: resource
4464
4463
  });
4465
4464
  }
4466
- const $484eec37514a982e$var$_tmpl$ = ["<div", ' class="', '"><!--#-->', "<!--/--><!--#-->", "<!--/--></div>"];
4465
+ const $484eec37514a982e$var$_tmpl$ = ["<div", ' class="', '"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"];
4467
4466
  function $484eec37514a982e$export$3925f87b1545cfc6(_ref) {
4468
4467
  let {
4469
4468
  plp_results_: plp_results_,
@@ -4583,20 +4582,18 @@ function $484eec37514a982e$export$3925f87b1545cfc6(_ref) {
4583
4582
  */
4584
4583
  const product_cards_when_data = $3hooq$solidjsweb.createComponent((0, $3hooq$solidjs.Suspense), {
4585
4584
  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
- })();
4585
+ fallback_is_alive = true;
4586
+ $3hooq$solidjs.onCleanup(block_suspense_if_needed); // Block suspense after initial run every time after we fetch
4587
+ set_product_card_suspense_is_in_fallback(true); // Here for the content block code that needs to know how many items we're displaying
4588
+ $3hooq$solidjs.onCleanup(() => set_product_card_suspense_is_in_fallback(false));
4589
+ return $3hooq$solidjs.createMemo(() => {
4590
+ // 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
4591
+ // In future we could have individual suspense's for each product card, but that's too much for now
4592
+ if (get_suspense_is_blocked()) return suspense_contents;
4593
+ set_should_have_placeholders_rendered(true); // just in case
4594
+ $3hooq$solidjs.onCleanup(() => set_should_have_placeholders_rendered(false));
4595
+ 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>
4596
+ });
4600
4597
  },
4601
4598
 
4602
4599
  get children() {
@@ -4680,8 +4677,8 @@ function $484eec37514a982e$export$3925f87b1545cfc6(_ref) {
4680
4677
  }
4681
4678
  const $3bd211c857f81dfd$var$_tmpl$ = ["<div", ' class="sorting-attributes">', "</div>"],
4682
4679
  $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>"];
4680
+ $3bd211c857f81dfd$var$_tmpl$3 = ["<div", '><div class="input-row"><input type="radio"', '><span class="custom-indicator"></span><!--$-->', "<!--/--></div></div>"],
4681
+ $3bd211c857f81dfd$var$_tmpl$4 = ["<div", '><label class="input-row"><input type="radio"', "", '><span class="custom-indicator"></span><!--$-->', "<!--/--></label></div>"];
4685
4682
  function $3bd211c857f81dfd$export$1f1775a58da589b5(_ref) {
4686
4683
  let {
4687
4684
  available_sortings_: available_sortings_,
@@ -4789,24 +4786,22 @@ const $0b45ba458cbff67a$var$_tmpl$ = '<path d="M6.199 10.254a.35.35 0 0 0-.496 0
4789
4786
  $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
4787
  function $0b45ba458cbff67a$export$da32f7add8a22e86() {
4791
4788
  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);
4789
+ return $3hooq$solidjsweb.ssrElement("svg", $3hooq$solidjsweb.mergeProps({
4790
+ xmlns: "http://www.w3.org/2000/svg",
4791
+ width: "14",
4792
+ height: "14",
4793
+ "class": "sort-icon"
4794
+ }, props), () => [$3hooq$solidjsweb.ssr($0b45ba458cbff67a$var$_tmpl$), $3hooq$solidjsweb.ssr($0b45ba458cbff67a$var$_tmpl$2)], true);
4799
4795
  }
4800
4796
  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
4797
  function $549632402b57d811$export$d10e63059ddb9fd4() {
4802
4798
  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);
4799
+ return $3hooq$solidjsweb.ssrElement("svg", $3hooq$solidjsweb.mergeProps({
4800
+ xmlns: "http://www.w3.org/2000/svg",
4801
+ width: "14",
4802
+ height: "14",
4803
+ "class": "sort-icon"
4804
+ }, props), () => $3hooq$solidjsweb.ssr($549632402b57d811$var$_tmpl$), true);
4810
4805
  }
4811
4806
  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
4807
  function $9bde34303b3e9ace$export$28f6150e232898de() {
@@ -4822,9 +4817,9 @@ function $8b9c2fa4593b29df$export$50f68cc9882e36a4(args_for_filtering) {
4822
4817
  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
4818
  }
4824
4819
  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>"],
4820
+ $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
4821
  $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>"],
4822
+ $685149df41127abd$var$_tmpl$4 = ["<summary", ' class="sort-filter-summary"><div class="summary"><div class="left-els"><!--$-->', "<!--/--><span>", "</span></div><!--$-->", "<!--/--></div></summary>"],
4828
4823
  $685149df41127abd$var$_tmpl$5 = ["<div", ' class="body">', "</div>"],
4829
4824
  $685149df41127abd$var$_tmpl$6 = ["<details", ' class="filters"></details>'],
4830
4825
  $685149df41127abd$var$_tmpl$7 = ["<b", ">", "</b>"];
@@ -4939,10 +4934,10 @@ function $ae261a5687fe84f4$export$cb808a3c41736d8e() {
4939
4934
  }
4940
4935
  const $f70cc6dfcadf0fd5$var$_tmpl$ = ["<div", ' class="filters"><div class="body">', "</div></div>"],
4941
4936
  $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>"],
4937
+ $f70cc6dfcadf0fd5$var$_tmpl$3 = ["<div", ' class="sort-and-filter-buttons"><div class="outer"><div class="inner"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></div></div></div>"],
4943
4938
  $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>"];
4939
+ $f70cc6dfcadf0fd5$var$_tmpl$5 = ["<div", ' class="open-filters-button-container" style="', '"><!--$-->', "<!--/--><button", ' class="', '" type="button"', ' style="', '"><!--$-->', "<!--/--><span>", "</span></button></div>"],
4940
+ $f70cc6dfcadf0fd5$var$_tmpl$6 = ["<button", ' class="', '"', ' style="', '"><span>', "</span><!--$-->", "<!--/--></button>"];
4946
4941
  function $f70cc6dfcadf0fd5$export$d7841e452f2e59a8(_ref) {
4947
4942
  let {
4948
4943
  current_sorting_: current_sorting_,
@@ -5922,10 +5917,10 @@ function $eef41d50f07bf19a$export$d31a1a1a83ad9413(plp_results_, _ref) {
5922
5917
  set_selected_filters(new_filters);
5923
5918
  });
5924
5919
  }
5925
- const $ede6c70ecdca46fe$var$_tmpl$ = ["<div", ' class="product-count"><!--#-->', "<!--/--> <!--#-->", "<!--/--></div>"],
5920
+ const $ede6c70ecdca46fe$var$_tmpl$ = ["<div", ' class="product-count"><!--$-->', "<!--/--> <!--$-->", "<!--/--></div>"],
5926
5921
  $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>"];
5922
+ $ede6c70ecdca46fe$var$_tmpl$3 = ["<div", ' class="filter-results-for-one-row"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"],
5923
+ $ede6c70ecdca46fe$var$_tmpl$4 = ["<div", ' class="depict plp category"><div class="listing-page"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></div><!--$-->", "<!--/--><!--$-->", "<!--/--></div>"];
5929
5924
  function $ede6c70ecdca46fe$export$f7d2f673fc2f091d(_ref) {
5930
5925
  var _on_filters_construct;
5931
5926
  let {
@@ -6905,7 +6900,7 @@ function $9cbefc32b9dab36d$var$get_shared_properties(depict_category) {
6905
6900
  if (!shared_properties) throw new Error("Can't connect to provided DepictCategory instance");
6906
6901
  return shared_properties;
6907
6902
  }
6908
- const $dc0bcefcc3486ebd$var$_tmpl$ = ["<div", ' class="category-title"><h1 class="title">', '</h1><span class="explanation"> — <!--#-->', "<!--/--></span></div>"];
6903
+ const $dc0bcefcc3486ebd$var$_tmpl$ = ["<div", ' class="category-title"><h1 class="title">', '</h1><span class="explanation"> — <!--$-->', "<!--/--></span></div>"];
6909
6904
  const $dc0bcefcc3486ebd$export$b91cec6bdc6b32a1 = /*@__PURE__*/(() => {
6910
6905
  const actual_function = _ref => {
6911
6906
  let {
@@ -6921,7 +6916,7 @@ const $dc0bcefcc3486ebd$export$b91cec6bdc6b32a1 = /*@__PURE__*/(() => {
6921
6916
  actual_function[(0, $905241549bde5bff$export$5c28802497c8a83c)] = "simple";
6922
6917
  return actual_function;
6923
6918
  })();
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>"];
6919
+ 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
6920
  const $0c91ea7c14692db9$export$824dde41348efed1 = /*@__PURE__*/(() => {
6926
6921
  const actual_function = _ref => {
6927
6922
  let {
@@ -7082,7 +7077,7 @@ function $c0cf6af094336798$export$ee1733d9a8495996() {
7082
7077
  })));
7083
7078
  }
7084
7079
  const $3001ad378baf39dc$var$_tmpl$ = ["<span", ' class="parent-title">', "</span>"],
7085
- $3001ad378baf39dc$var$_tmpl$2 = ["<a", ' class="category-suggestion"', '><span class="title">', "</span><!--#-->", "<!--/--></a>"];
7080
+ $3001ad378baf39dc$var$_tmpl$2 = ["<a", ' class="category-suggestion"', '><span class="title">', "</span><!--$-->", "<!--/--></a>"];
7086
7081
  function $3001ad378baf39dc$export$d757d54550ebfb3d(_ref) {
7087
7082
  let {
7088
7083
  category_suggestion_: category_suggestion_,
@@ -7104,15 +7099,14 @@ function $dd98275d380b2cfd$export$1c641004b5485fed() {
7104
7099
  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
7100
  function $5b88b077e48a4451$export$82eafebb825fc23f() {
7106
7101
  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"
7102
+ return $3hooq$solidjsweb.ssrElement("svg", $3hooq$solidjsweb.mergeProps(props, {
7103
+ xmlns: "http://www.w3.org/2000/svg",
7104
+ width: "20",
7105
+ height: "22"
7112
7106
  }), () => $3hooq$solidjsweb.ssr($5b88b077e48a4451$var$_tmpl$), true);
7113
7107
  }
7114
7108
  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>"];
7109
+ $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
7110
  function $29e5dbeb69da7a36$export$b94867ecbd698f21(_ref) {
7117
7111
  let {
7118
7112
  search_field_value_: search_field_value_,
@@ -7144,7 +7138,7 @@ function $29e5dbeb69da7a36$export$b94867ecbd698f21(_ref) {
7144
7138
  }
7145
7139
  })), "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
7140
  }
7147
- const $c77adcdf5346b187$var$_tmpl$ = ["<div", ' class="search-recs"><h3 class="search-recs-title">', "</h3><!--#-->", "<!--/--><!--#-->", "<!--/--></div>"],
7141
+ const $c77adcdf5346b187$var$_tmpl$ = ["<div", ' class="search-recs"><h3 class="search-recs-title">', "</h3><!--$-->", "<!--/--><!--$-->", "<!--/--></div>"],
7148
7142
  $c77adcdf5346b187$var$_tmpl$2 = ["<button", ' class="show-more major" type="button">', "</button>"];
7149
7143
  const $c77adcdf5346b187$export$1c8c715550dc689d = 2;
7150
7144
  function $c77adcdf5346b187$export$7de92c4c2205ebf3(_ref) {
@@ -7386,8 +7380,8 @@ async function $7f680455a2aa1079$export$e16630ecb9644a1c(_ref) {
7386
7380
  const $65353359a9fbdacd$export$27b710c08412a7ad = obj => {
7387
7381
  return Object.fromEntries(Object.keys(obj).map(key => [key, obj[key]()]));
7388
7382
  };
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>"],
7383
+ const $82d079b68975fbf7$var$_tmpl$ = ["<span", ' class="orig price"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></span>"],
7384
+ $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
7385
  $82d079b68975fbf7$var$_tmpl$3 = ["<div", ' class="tagline">', "</div>"];
7392
7386
  const $82d079b68975fbf7$export$b05c0ae390cf3e06 = (display_or_variant_container, _ref, router_) => {
7393
7387
  let {
@@ -7571,7 +7565,7 @@ function $8767e7eba5066d2b$export$5d2caaa6b530761c() {
7571
7565
  return $3hooq$solidjsweb.ssr($8767e7eba5066d2b$var$_tmpl$, $3hooq$solidjsweb.ssrHydrationKey());
7572
7566
  }
7573
7567
  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>"];
7568
+ $4edbc04f5c5a1843$var$_tmpl$2 = ["<a", ' class="', '"', '><div class="left"><!--$-->', '<!--/--><span class="line-clamp"', ">", '</span></div><button class="delete"', ">", "</button></a>"];
7575
7569
  function $4edbc04f5c5a1843$export$a146ac6fa8346a25(_ref) {
7576
7570
  let {
7577
7571
  text_: text_,
@@ -7678,23 +7672,22 @@ function $23c3f390dee33ff8$export$ba17c5b7e6dda39f(_ref) {
7678
7672
  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
7673
  function $3cf7b4db1e203c93$export$605674723bcc715c() {
7680
7674
  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);
7675
+ return $3hooq$solidjsweb.ssrElement("svg", $3hooq$solidjsweb.mergeProps({
7676
+ xmlns: "http://www.w3.org/2000/svg",
7677
+ width: "32",
7678
+ height: "32",
7679
+ viewBox: "0 0 256 256"
7680
+ }, props), () => $3hooq$solidjsweb.ssr($3cf7b4db1e203c93$var$_tmpl$), true);
7688
7681
  }
7689
7682
  const $0677d509ad208e22$var$_tmpl$ = ["<a", ' class="', '"', ">", "</a>"],
7690
7683
  $0677d509ad208e22$var$_tmpl$2 = ["<div", ' class="search-icon">', "</div>"],
7691
7684
  $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>"],
7685
+ $0677d509ad208e22$var$_tmpl$4 = ["<div", ' class="with-parent-title"><!--$-->', '<!--/--><span class="value line-clamp">', "</span></div>"],
7686
+ $0677d509ad208e22$var$_tmpl$5 = ["<div", ' class="with-icon"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"],
7694
7687
  $0677d509ad208e22$var$_tmpl$6 = ["<h2", ' class="text">', "</h2>"],
7695
- $0677d509ad208e22$var$_tmpl$7 = ["<div", ' class="suggestion-container query"><!--#-->', "<!--/--><!--#-->", "<!--/--></div>"],
7688
+ $0677d509ad208e22$var$_tmpl$7 = ["<div", ' class="suggestion-container query"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"],
7696
7689
  $0677d509ad208e22$var$_tmpl$8 = ["<div", ' class="suggestion-container page">', "</div>"],
7697
- $0677d509ad208e22$var$_tmpl$9 = ["<div", ' class="', '"><!--#-->', "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--></div>"];
7690
+ $0677d509ad208e22$var$_tmpl$9 = ["<div", ' class="', '"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></div>"];
7698
7691
  function $0677d509ad208e22$export$e872e2339fb04a7f(_ref) {
7699
7692
  let {
7700
7693
  suggestion_memo_: suggestion_memo_,
@@ -8285,8 +8278,8 @@ function $cc66bbf6e783bb58$export$f021bdedd3ec901a(props) {
8285
8278
  }
8286
8279
  const $24419668d5fcfcd5$var$_tmpl$ = ["<div", ' class="discover-more"><button class="major" type="button">', "</button></div>"],
8287
8280
  $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>"];
8281
+ $24419668d5fcfcd5$var$_tmpl$3 = ["<div", ' class="', '"><div class="', '"><!--$-->', '<!--/--><div class="padded"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></div><!--$-->", "<!--/--></div><!--$-->", "<!--/--></div>"],
8282
+ $24419668d5fcfcd5$var$_tmpl$4 = ["<div", ' class="', '"><div class="depict-search-modal-backdrop"></div><!--$-->', "<!--/--></div>"];
8290
8283
  function $24419668d5fcfcd5$export$1c593cbd6f1e10bc(_ref) {
8291
8284
  let {
8292
8285
  search_field_value_: props_search_field_value,
@@ -8791,7 +8784,7 @@ function $99472afa7112c427$var$segment_text(text, matched_strings) {
8791
8784
  return output;
8792
8785
  }
8793
8786
  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>"];
8787
+ $f1fc9ea3e7632eba$var$_tmpl$2 = ["<div", ' class="content-card"><div class="image">', '</div><div class="info"><!--$-->', "<!--/--><!--$-->", "<!--/--></div></div>"];
8795
8788
  function $f1fc9ea3e7632eba$export$f631859cab12b342(_ref) {
8796
8789
  let {
8797
8790
  router_: router_,
@@ -8931,7 +8924,7 @@ function $05f255c0a94b9ca1$export$4405d077f0a20494(_ref) {
8931
8924
  children: () => $3hooq$solidjsweb.createComponent((0, $f1fc9ea3e7632eba$export$f631859cab12b342), {})
8932
8925
  });
8933
8926
  }
8934
- const $eab939d0b95b75ee$var$_tmpl$ = ["<div", ' class="content-results" style="', '"><!--#-->', "<!--/--><!--#-->", "<!--/--></div>"],
8927
+ const $eab939d0b95b75ee$var$_tmpl$ = ["<div", ' class="content-results" style="', '"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"],
8935
8928
  $eab939d0b95b75ee$var$_tmpl$2 = ["<button", ' class="view-more">', "</button>"],
8936
8929
  $eab939d0b95b75ee$var$_tmpl$3 = ["<button", ' class="view-less">', "</button>"];
8937
8930
  const $eab939d0b95b75ee$export$70ceae36059a1036 = 1;
@@ -9027,8 +9020,8 @@ function $eab939d0b95b75ee$var$make_state_saved_rows(_ref2, i18n_) {
9027
9020
  }));
9028
9021
  return rows;
9029
9022
  }
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>"];
9023
+ const $739c927cbecd26b0$var$_tmpl$ = ["<div", ' class="filter-results-for-one-row"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"],
9024
+ $739c927cbecd26b0$var$_tmpl$2 = ["<div", ' class="depict plp search"><div class="listing-page"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></div><!--$-->", "<!--/--><!--$-->", "<!--/--></div>"];
9032
9025
  function $739c927cbecd26b0$export$a54ec244c8863715(_ref) {
9033
9026
  let {
9034
9027
  depict_api_: depict_api_,