@depict-ai/ui 1.0.16 → 1.0.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/client/main.js +164 -374
  2. package/dist/client/module.js +167 -375
  3. package/dist/index.d.ts +26 -52
  4. package/dist/main.js +8601 -0
  5. package/dist/module.js +8567 -0
  6. package/dist/server/main.js +142 -333
  7. package/dist/server/module.js +145 -334
  8. package/package.json +27 -50
package/dist/server/main.js CHANGED
@@ -6,8 +6,6 @@ function $parcel$export(e, n, v, s) {
6
6
  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
7
7
  }
8
8
 
9
- $parcel$export(module.exports, "CrossIcon", () => $c77c68e559a1506c$export$3b621d86b1566b2);
10
- $parcel$export(module.exports, "GenericSliderArrowButton", () => $0f313083912e447a$export$8be2714ec7f169ee);
11
9
  $parcel$export(module.exports, "fetchDepictRecommendations", () => $bc91d938b8c601b4$export$58e808b1db15d3bc);
12
10
  $parcel$export(module.exports, "QuickLinks", () => $48567ac5b39bac56$export$de035477d6fef996);
13
11
  $parcel$export(module.exports, "BreadCrumbs", () => $48567ac5b39bac56$export$5b7c3ce0ebe51f86);
@@ -42,39 +40,11 @@ $parcel$export(module.exports, "defaultGridSpacing", () => $a3280f0aad997933$exp
42
40
  $parcel$export(module.exports, "defaultColsAtSize", () => $a3280f0aad997933$export$c3834fa86c616831);
43
41
  $parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $a3280f0aad997933$export$7bf543b9d9be2c22);
44
42
  $parcel$export(module.exports, "version", () => $b757f75811f3261f$export$83d89fbfd8236492);
45
- /*! Depict.ai search and product listing SDK */ const $b757f75811f3261f$export$83d89fbfd8236492 = "1.0.16";
43
+ /*! Depict.ai search and product listing SDK */ const $b757f75811f3261f$export$83d89fbfd8236492 = "1.0.15";
46
44
 
47
45
 
48
46
 
49
47
 
50
-
51
- const $c77c68e559a1506c$var$_tmpl$ = '<path d="M11.669 10.531l9.156-9.156a.78.78 0 0 0 .237-.569c0-.221-.079-.412-.237-.569A.8.8 0 0 0 20.24 0a.77.77 0 0 0-.569.237l-9.14 9.14-9.14-9.14A.79.79 0 0 0 .807 0a.77.77 0 0 0-.569.237A.78.78 0 0 0 0 .807a.77.77 0 0 0 .237.569l9.156 9.156-9.156 9.14c-.159.157-.237.349-.237.569s.079.412.237.569c.085.085.174.148.268.19a1.095 1.095 0 0 0 .316.048.894.894 0 0 0 .285-.048.84.84 0 0 0 .285-.19l9.139-9.14 9.14 9.14a.894.894 0 0 0 .268.19 1.049 1.049 0 0 0 .301.048.941.941 0 0 0 .301-.048.84.84 0 0 0 .285-.19.78.78 0 0 0 .237-.569c0-.221-.079-.412-.237-.569z"></path>';
52
- function $c77c68e559a1506c$export$3b621d86b1566b2(props = {}) {
53
- return (0, $diwD4$solidjsweb.ssrElement)("svg", ()=>({
54
- ...props,
55
- "xmlns": "http://www.w3.org/2000/svg",
56
- "width": "21.064",
57
- "height": "21.047",
58
- "viewBox": "0 0 21.064 21.064"
59
- }), ()=>(0, $diwD4$solidjsweb.ssr)($c77c68e559a1506c$var$_tmpl$), true);
60
- }
61
-
62
-
63
-
64
-
65
-
66
-
67
- const $0f313083912e447a$var$_tmpl$ = [
68
- "<svg",
69
- ' xmlns="http://www.w3.org/2000/svg"',
70
- ' viewBox="0 0 14 26"><path d="M2 24.656c-.078 0-.156-.016-.234-.047s-.133-.066-.187-.129c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422l10.371-10.371L1.578 2.883c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422.258-.176.422-.176.305.059.422.176l10.805 10.793a.59.59 0 0 1 .176.434c0 .172-.059.305-.176.422L2.422 24.48a.42.42 0 0 1-.199.129.54.54 0 0 1-.223.047zm0 0" fill="#0f0f0f"></path></svg>'
71
- ];
72
- function $0f313083912e447a$export$8be2714ec7f169ee(props = {}) {
73
- return (0, $diwD4$solidjsweb.ssr)($0f313083912e447a$var$_tmpl$, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.ssrAttribute)("width", (0, $diwD4$solidjsweb.escape)(props.width_, true) ?? 14, false) + (0, $diwD4$solidjsweb.ssrAttribute)("height", (0, $diwD4$solidjsweb.escape)(props.height_, true) ?? 26, false));
74
- }
75
-
76
-
77
-
78
48
  async function $bc91d938b8c601b4$export$58e808b1db15d3bc({ merchant: merchant , market: market , headers: headers , ...fetch_recs_options }) {
79
49
  return await (0, $diwD4$depictaiutilishared.fetch_recs)({
80
50
  tenant: merchant,
@@ -91,6 +61,7 @@ async function $bc91d938b8c601b4$export$58e808b1db15d3bc({ merchant: merchant ,
91
61
 
92
62
 
93
63
 
64
+
94
65
  function $6e22b5314fb52f4c$export$e183a13865960371(params_to_default_value, router_) {
95
66
  const signals = {};
96
67
  const entries = Object.entries(params_to_default_value);
@@ -100,9 +71,7 @@ function $6e22b5314fb52f4c$export$e183a13865960371(params_to_default_value, rout
100
71
  // createRenderEffect because we need the instant execution so the signals always contain values, even before solid's render phase
101
72
  (0, $diwD4$solidjs.createRenderEffect)(()=>{
102
73
  let signal_changed = false;
103
- let { state: state } = globalThis?.history || {
104
- state: {}
105
- }; // cloning isn't necessary because we're calling replaceState on it anyway
74
+ let { state: state } = history; // cloning isn't necessary because we're calling replaceState on it anyway
106
75
  if (state === null || typeof state != "object") state = {};
107
76
  for (const [param, default_value] of entries){
108
77
  const [read_signal] = signals[param] ||= (0, $diwD4$solidjs.createSignal)(state[param] ?? default_value);
@@ -375,14 +344,13 @@ function $d659702496cb72ea$export$a71e92cfbb498adc(props) {
375
344
 
376
345
  function $76b6ac05693f5c71$export$205efb947c7ffd78(handler, passive = true) {
377
346
  const catchified_handler = (0, $diwD4$depictaiutilishared.catchify)(handler);
378
- const owner = (0, $diwD4$solidjs.getOwner)();
379
347
  // Some customers (e.g. equestrian) have `height: 100%` and/or `overflow-x: hidden` on the body, which means that scroll events won't get dispatched on `window`. The pages who get it on <body> won't get it on `window` and vice-versa, so there shouldn't be a worry about duplicate calling of the handler.
380
348
  // Use observer in case that this gets called before body exists
381
349
  const disconnect = (0, $diwD4$depictaiutilishared.observer).onexists("body", ({ element: element })=>{
382
350
  element.addEventListener("scroll", catchified_handler, {
383
351
  passive: passive
384
352
  });
385
- (0, $diwD4$solidjs.runWithOwner)(owner, ()=>(0, $diwD4$solidjs.onCleanup)(()=>element.removeEventListener("scroll", catchified_handler)));
353
+ (0, $diwD4$solidjs.onCleanup)(()=>element.removeEventListener("scroll", catchified_handler));
386
354
  });
387
355
  (0, $diwD4$solidjs.onCleanup)(disconnect);
388
356
  for (const event of [
@@ -398,7 +366,6 @@ function $76b6ac05693f5c71$export$205efb947c7ffd78(handler, passive = true) {
398
366
  }
399
367
 
400
368
 
401
-
402
369
  const $401aee5f33dca9e2$var$_tmpl$ = [
403
370
  "<div",
404
371
  ' class="scroll-status" style="display:none"><span class="text"><b>',
@@ -408,7 +375,6 @@ const $401aee5f33dca9e2$var$_tmpl$ = [
408
375
  "</b></span></div>"
409
376
  ];
410
377
  function $401aee5f33dca9e2$export$83fd5de5504a7a67({ formatted_number_of_results_: formatted_number_of_results_ , first_result_in_viewport_: [get_first_result_in_viewport] , last_result_in_viewport_: [get_last_result_in_viewport] , number_of_results_: number_of_results_ , i18n_: { price_formatting_: price_formatting_ , of_: of_ } }) {
411
- if (0, $diwD4$solidjsweb.isServer) return; // won't show in initial render and need scroll position
412
378
  const [first_to_show, set_first_to_show] = (0, $diwD4$solidjs.createSignal)(0);
413
379
  const [last_to_show, set_last_to_show] = (0, $diwD4$solidjs.createSignal)(0);
414
380
  const [count_to_show, set_count_to_show] = (0, $diwD4$solidjs.createSignal)("");
@@ -554,10 +520,8 @@ function $0d0b172488865048$export$ef6006467f04ee41({ i18n_: i18n_ , expanded_hie
554
520
  }
555
521
 
556
522
 
557
-
558
523
  function $fc23d7668ae0011d$export$a2cc176055f8f08() {
559
- const text = "Please try setting `colsAtSize` on the `SearchPage`/`CategoryPage` components to change the grid before setting it with CSS. If you do with CSS, set `ColsAtSize` to an empty array to ensure no declarations created by the SDK leak through.";
560
- return (0, $diwD4$solidjsweb.isServer) ? `<!-- ${text} -->` : document.createComment(text);
524
+ return document.createComment("Please try setting `colsAtSize` on the `SearchPage`/`CategoryPage` components to change the grid before setting it with CSS. If you do with CSS, set `ColsAtSize` to an empty array to ensure no declarations created by the SDK leak through.");
561
525
  }
562
526
 
563
527
 
@@ -1235,24 +1199,18 @@ function $a69e505a12a77874$export$e13dddbb31c3a42f() {
1235
1199
 
1236
1200
 
1237
1201
  const $a0e53f99354809d9$var$_tmpl$ = [
1238
- "<div",
1239
- ' class="depict-slider depict"><div class="sliding ">',
1240
- "</div></div>"
1241
- ], $a0e53f99354809d9$var$_tmpl$2 = [
1242
1202
  "<div",
1243
1203
  ">",
1244
1204
  "</div>"
1245
1205
  ];
1246
1206
  function $a0e53f99354809d9$export$6649caad96ef8870({ children: children , button_: button_ , slider_ref_: slider_ref_ , faded_opacity_: faded_opacity_ = 0.7 , mutation_plugins_: mutation_plugins_ = [] }) {
1247
- // TODO: Actual SSR:able slider
1248
- if (0, $diwD4$solidjsweb.isServer) return (0, $diwD4$solidjsweb.ssr)($a0e53f99354809d9$var$_tmpl$, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.escape)(children));
1249
1207
  const slider = new (0, $diwD4$depictaiutilishared.Amazing_Slider)({
1250
1208
  button_contents: {
1251
1209
  left: [
1252
- (0, $diwD4$solidjsweb.ssr)($a0e53f99354809d9$var$_tmpl$2, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.escape)(button_.cloneNode(true)))
1210
+ (0, $diwD4$solidjsweb.ssr)($a0e53f99354809d9$var$_tmpl$, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.escape)(button_.cloneNode(true)))
1253
1211
  ],
1254
1212
  right: [
1255
- (0, $diwD4$solidjsweb.ssr)($a0e53f99354809d9$var$_tmpl$2, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.escape)(button_.cloneNode(true)))
1213
+ (0, $diwD4$solidjsweb.ssr)($a0e53f99354809d9$var$_tmpl$, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.escape)(button_.cloneNode(true)))
1256
1214
  ]
1257
1215
  },
1258
1216
  constructor_plugins: [
@@ -1273,7 +1231,6 @@ function $a0e53f99354809d9$export$6649caad96ef8870({ children: children , button
1273
1231
  }
1274
1232
 
1275
1233
 
1276
-
1277
1234
  const $235a2771a44e28e9$var$_tmpl$ = [
1278
1235
  "<button",
1279
1236
  ' class="clear-all-filters minor">',
@@ -1389,7 +1346,7 @@ function $235a2771a44e28e9$export$fecbb157621501bd({ number_of_rendered_selected
1389
1346
  return (()=>{
1390
1347
  number_of_rendered_selected_filters_items_[1]((prev)=>prev + 1);
1391
1348
  (0, $diwD4$solidjs.onCleanup)(()=>number_of_rendered_selected_filters_items_[1]((prev)=>prev - 1));
1392
- return (0, $diwD4$solidjsweb.ssr)($235a2771a44e28e9$var$_tmpl$3, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $c77c68e559a1506c$export$3b621d86b1566b2), {})), (0, $diwD4$solidjsweb.escape)(price_formatting_().pre_), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $d659702496cb72ea$export$a71e92cfbb498adc), {
1349
+ return (0, $diwD4$solidjsweb.ssr)($235a2771a44e28e9$var$_tmpl$3, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $diwD4$depictaiutilishared.CrossIcon), {})), (0, $diwD4$solidjsweb.escape)(price_formatting_().pre_), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $d659702496cb72ea$export$a71e92cfbb498adc), {
1393
1350
  get price_ () {
1394
1351
  return filter().data[0];
1395
1352
  },
@@ -1452,7 +1409,7 @@ function $235a2771a44e28e9$export$fecbb157621501bd({ number_of_rendered_selected
1452
1409
  return (()=>{
1453
1410
  number_of_rendered_selected_filters_items_[1]((prev)=>prev + 1);
1454
1411
  (0, $diwD4$solidjs.onCleanup)(()=>number_of_rendered_selected_filters_items_[1]((prev)=>prev - 1));
1455
- return (0, $diwD4$solidjsweb.ssr)($235a2771a44e28e9$var$_tmpl$4, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $c77c68e559a1506c$export$3b621d86b1566b2), {})), (0, $diwD4$solidjsweb.escape)(name()));
1412
+ return (0, $diwD4$solidjsweb.ssr)($235a2771a44e28e9$var$_tmpl$4, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $diwD4$depictaiutilishared.CrossIcon), {})), (0, $diwD4$solidjsweb.escape)(name()));
1456
1413
  })();
1457
1414
  }
1458
1415
  });
@@ -1562,6 +1519,7 @@ async function $9abb0a35d4b60ed3$export$79b1565500412d9b(search_modal, modal_fn_
1562
1519
 
1563
1520
 
1564
1521
 
1522
+
1565
1523
 
1566
1524
  const $b3cf6ca8dc0e9998$var$_tmpl$ = [
1567
1525
  "<span",
@@ -1602,18 +1560,6 @@ const $b3cf6ca8dc0e9998$export$48513f6b9f8ce62d = (props)=>{
1602
1560
 
1603
1561
 
1604
1562
 
1605
-
1606
- const $cc43b6428000c4bf$var$_tmpl$ = '<path d="M10.173 5.548H5.5V.875c0-.075-.027-.14-.081-.193S5.301.601 5.226.601s-.14.027-.193.081-.081.118-.081.193v4.673H.274c-.075 0-.14.027-.193.081A.27.27 0 0 0 0 5.827c0 .075.027.14.081.193s.118.081.193.081h4.678v4.673c0 .075.027.14.081.193s.118.081.193.081.14-.027.193-.081.081-.118.081-.193V6.101h4.673a.27.27 0 0 0 .199-.081c.054-.054.08-.118.08-.193a.27.27 0 0 0-.279-.279z" fill="#000"></path>';
1607
- function $cc43b6428000c4bf$export$f21ab0717a89c77f(props) {
1608
- return (0, $diwD4$solidjsweb.ssrElement)("svg", ()=>({
1609
- ...props,
1610
- "xmlns": "http://www.w3.org/2000/svg",
1611
- "width": "11",
1612
- "height": "12"
1613
- }), ()=>(0, $diwD4$solidjsweb.ssr)($cc43b6428000c4bf$var$_tmpl$), true);
1614
- }
1615
-
1616
-
1617
1563
  const $0fe1e7efdf4200d6$var$_tmpl$ = [
1618
1564
  "<button",
1619
1565
  ' type="button" class="',
@@ -1622,7 +1568,7 @@ const $0fe1e7efdf4200d6$var$_tmpl$ = [
1622
1568
  "</span></button>"
1623
1569
  ];
1624
1570
  function $0fe1e7efdf4200d6$export$ca21a16d65b3dd8({ show_extras_: [get_show_extras, set_show_extras] , i18n_: i18n_ }) {
1625
- return (0, $diwD4$solidjsweb.ssr)($0fe1e7efdf4200d6$var$_tmpl$, (0, $diwD4$solidjsweb.ssrHydrationKey)(), `expand-filter ${get_show_extras() ? "expanded" : ""}`, (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $cc43b6428000c4bf$export$f21ab0717a89c77f), {})), get_show_extras() ? (0, $diwD4$solidjsweb.escape)(i18n_.view_less_()) : (0, $diwD4$solidjsweb.escape)(i18n_.view_more_()));
1571
+ return (0, $diwD4$solidjsweb.ssr)($0fe1e7efdf4200d6$var$_tmpl$, (0, $diwD4$solidjsweb.ssrHydrationKey)(), `expand-filter ${get_show_extras() ? "expanded" : ""}`, (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $diwD4$depictaiutilishared.PlusIcon), {})), get_show_extras() ? (0, $diwD4$solidjsweb.escape)(i18n_.view_less_()) : (0, $diwD4$solidjsweb.escape)(i18n_.view_more_()));
1626
1572
  }
1627
1573
 
1628
1574
 
@@ -2629,18 +2575,6 @@ var $a636ca15e3d3570d$export$2e2bcd8739ae039 = {
2629
2575
 
2630
2576
 
2631
2577
 
2632
-
2633
- const $0f4656eaf6c22d1d$var$_tmpl$ = '<path d="M4.617 12.738a.48.48 0 0 1-.164-.027c-.051-.023-.094-.055-.129-.098L.125 8.414A.39.39 0 0 1 0 8.117c0-.113.039-.211.125-.293s.18-.125.293-.125.215.043.297.125l3.902 3.902L16.086.262c.082-.082.18-.125.297-.125s.211.043.293.125.125.184.125.301-.043.215-.125.297L4.914 12.613c-.039.043-.086.078-.141.098s-.102.027-.156.027zm0 0"></path>';
2634
- function $0f4656eaf6c22d1d$export$f2ca6fc699ca1fb4(props = {}) {
2635
- return (0, $diwD4$solidjsweb.ssrElement)("svg", ()=>({
2636
- "xmlns": "http://www.w3.org/2000/svg",
2637
- "width": "16.8",
2638
- "height": "14",
2639
- ...props
2640
- }), ()=>(0, $diwD4$solidjsweb.ssr)($0f4656eaf6c22d1d$var$_tmpl$), true);
2641
- }
2642
-
2643
-
2644
2578
  const $b064919833b3e80b$var$_tmpl$ = [
2645
2579
  "<span",
2646
2580
  ' class="show-selected" aria-hidden="true"><span>',
@@ -2702,7 +2636,7 @@ function $b064919833b3e80b$export$53c59af873b303c9({ selected_filters_in_group_:
2702
2636
  return show_tick_icon();
2703
2637
  },
2704
2638
  get children () {
2705
- return (0, $diwD4$solidjsweb.createComponent)((0, $0f4656eaf6c22d1d$export$f2ca6fc699ca1fb4), {});
2639
+ return (0, $diwD4$solidjsweb.createComponent)((0, $diwD4$depictaiutilishared.TickIcon), {});
2706
2640
  }
2707
2641
  })));
2708
2642
  }
@@ -2799,7 +2733,6 @@ function $061ff5b4c3d36171$export$89c6019e4baa40b1(props) {
2799
2733
  }
2800
2734
 
2801
2735
 
2802
-
2803
2736
  const $aff9a96d30ed3563$var$_tmpl$ = [
2804
2737
  "<div",
2805
2738
  ' class="filter-collapsible">',
@@ -2967,7 +2900,7 @@ function $aff9a96d30ed3563$var$ActualFilterBody(props) {
2967
2900
  return a_filter_is_selected();
2968
2901
  },
2969
2902
  get children () {
2970
- return (0, $diwD4$solidjsweb.ssr)($aff9a96d30ed3563$var$_tmpl$2, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $c77c68e559a1506c$export$3b621d86b1566b2), {})), (0, $diwD4$solidjsweb.escape)(props.i18n_.clear_individual_filter_()));
2903
+ return (0, $diwD4$solidjsweb.ssr)($aff9a96d30ed3563$var$_tmpl$2, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $diwD4$depictaiutilishared.CrossIcon), {})), (0, $diwD4$solidjsweb.escape)(props.i18n_.clear_individual_filter_()));
2971
2904
  }
2972
2905
  })));
2973
2906
  }
@@ -3162,49 +3095,6 @@ function $ca1176b694a6ee2e$export$fe334901e8bebd57() {
3162
3095
 
3163
3096
 
3164
3097
 
3165
-
3166
-
3167
-
3168
- const $f958b5ac0e4a78da$var$_tmpl$ = '<path d="M6.199 10.254a.35.35 0 0 0-.496 0L3.5 12.453V.348a.35.35 0 0 0-.7 0v12.105L.598 10.254c-.137-.137-.359-.137-.492 0a.35.35 0 0 0 0 .492l2.797 2.801a.35.35 0 0 0 .496 0L6.2 10.746c.137-.137.137-.355 0-.492zM9.449 3.5H8.051a.35.35 0 0 1-.352-.352V1.75c0-.191.156-.352.352-.352h1.398c.195 0 .352.16.352.352v1.398a.35.35 0 0 1-.352.352zm-1.051-.699h.703v-.699h-.703zm0 0"></path>', $f958b5ac0e4a78da$var$_tmpl$2 = '<path d="M10.852 6.301H8.051a.35.35 0 0 1-.352-.352V4.551a.35.35 0 0 1 .352-.352h2.801a.35.35 0 0 1 .348.352v1.398a.35.35 0 0 1-.348.352zm-2.453-.699H10.5v-.703H8.398zm3.851 3.5H8.051c-.195 0-.352-.16-.352-.352V7.352A.35.35 0 0 1 8.051 7h4.199c.191 0 .352.156.352.352V8.75c0 .191-.16.352-.352.352zm-3.852-.703h3.5V7.7h-3.5zm5.25 3.499H8.051a.35.35 0 0 1-.352-.348v-1.402a.35.35 0 0 1 .352-.348h5.598a.35.35 0 0 1 .352.348v1.402a.35.35 0 0 1-.352.348zm-5.25-.699H13.3V10.5H8.398zm0 0"></path>';
3169
- function $f958b5ac0e4a78da$export$da32f7add8a22e86(props = {}) {
3170
- return (0, $diwD4$solidjsweb.ssrElement)("svg", ()=>({
3171
- "xmlns": "http://www.w3.org/2000/svg",
3172
- "width": "14",
3173
- "height": "14",
3174
- "class": "sort-icon",
3175
- ...props
3176
- }), ()=>[
3177
- (0, $diwD4$solidjsweb.ssr)($f958b5ac0e4a78da$var$_tmpl$),
3178
- (0, $diwD4$solidjsweb.ssr)($f958b5ac0e4a78da$var$_tmpl$2)
3179
- ], true);
3180
- }
3181
-
3182
-
3183
-
3184
-
3185
- const $046db47e0326c715$var$_tmpl$ = '<path d="M6.199 10.254a.35.35 0 0 0-.496 0L3.5 12.453V.348a.35.35 0 0 0-.7 0v12.105L.598 10.254c-.137-.137-.359-.137-.492 0a.35.35 0 0 0 0 .492l2.797 2.801a.35.35 0 0 0 .496 0L6.2 10.746c.137-.137.137-.355 0-.492zm3.25 1.644H8.051a.35.35 0 0 1-.352-.348v-1.402a.35.35 0 0 1 .352-.348h1.398a.35.35 0 0 1 .352.348v1.402a.35.35 0 0 1-.352.348zm-1.051-.699h.703V10.5h-.703zm2.454-2.097H8.051c-.195 0-.352-.16-.352-.352V7.352A.35.35 0 0 1 8.051 7h2.801a.35.35 0 0 1 .348.352V8.75c0 .191-.156.352-.348.352zm-2.453-.703H10.5V7.7H8.398zm3.851-2.098H8.051a.35.35 0 0 1-.352-.352V4.551a.35.35 0 0 1 .352-.352h4.199c.191 0 .352.156.352.352v1.398c0 .195-.16.352-.352.352zm-3.852-.699h3.5v-.703h-3.5zm5.25-2.102H8.051a.35.35 0 0 1-.352-.352V1.75c0-.191.156-.352.352-.352h5.598c.195 0 .352.16.352.352v1.398a.35.35 0 0 1-.352.352zm-5.25-.699H13.3v-.699H8.398zm0 0"></path>';
3186
- function $046db47e0326c715$export$d10e63059ddb9fd4(props = {}) {
3187
- return (0, $diwD4$solidjsweb.ssrElement)("svg", ()=>({
3188
- "xmlns": "http://www.w3.org/2000/svg",
3189
- "width": "14",
3190
- "height": "14",
3191
- "class": "sort-icon",
3192
- ...props
3193
- }), ()=>(0, $diwD4$solidjsweb.ssr)($046db47e0326c715$var$_tmpl$), true);
3194
- }
3195
-
3196
-
3197
-
3198
-
3199
- const $02215fefc955d01e$var$_tmpl$ = [
3200
- "<svg",
3201
- ' 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>'
3202
- ];
3203
- function $02215fefc955d01e$export$28f6150e232898de() {
3204
- return (0, $diwD4$solidjsweb.ssr)($02215fefc955d01e$var$_tmpl$, (0, $diwD4$solidjsweb.ssrHydrationKey)());
3205
- }
3206
-
3207
-
3208
3098
  const $1872ceb56ede7a52$var$_tmpl$ = [
3209
3099
  "<button",
3210
3100
  ' class="clear minor">',
@@ -3288,7 +3178,7 @@ function $1872ceb56ede7a52$export$9bf11afa910f536e({ args_for_sorting_: args_for
3288
3178
  });
3289
3179
  (0, $diwD4$solidjs.onCleanup)(resolve_cleanup_promise);
3290
3180
  return [
3291
- (0, $diwD4$solidjsweb.ssr)($1872ceb56ede7a52$var$_tmpl$2, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.ssrAttribute)("aria-label", (0, $diwD4$solidjsweb.escape)(i18n_.close_(), true), false), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $c77c68e559a1506c$export$3b621d86b1566b2), {})), (0, $diwD4$solidjsweb.ssrStyle)(modal_scrolling_prevented[0]() ? "overflow:hidden" : ""), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $a69e505a12a77874$export$6c6d7a51fa9aa15d), {
3181
+ (0, $diwD4$solidjsweb.ssr)($1872ceb56ede7a52$var$_tmpl$2, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.ssrAttribute)("aria-label", (0, $diwD4$solidjsweb.escape)(i18n_.close_(), true), false), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $diwD4$depictaiutilishared.CrossIcon), {})), (0, $diwD4$solidjsweb.ssrStyle)(modal_scrolling_prevented[0]() ? "overflow:hidden" : ""), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $a69e505a12a77874$export$6c6d7a51fa9aa15d), {
3292
3182
  is_open_: [
3293
3183
  sorting_expanded,
3294
3184
  set_sorting_expanded
@@ -3297,7 +3187,7 @@ function $1872ceb56ede7a52$export$9bf11afa910f536e({ args_for_sorting_: args_for
3297
3187
  return (0, $diwD4$solidjsweb.ssr)($1872ceb56ede7a52$var$_tmpl$3, (0, $diwD4$solidjsweb.ssrHydrationKey)());
3298
3188
  },
3299
3189
  get summary_ () {
3300
- return (0, $diwD4$solidjsweb.ssr)($1872ceb56ede7a52$var$_tmpl$4, (0, $diwD4$solidjsweb.ssrHydrationKey)(), args_for_sorting_.current_sorting_[0]()?.order === "asc" ? (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $f958b5ac0e4a78da$export$da32f7add8a22e86), {})) : (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $046db47e0326c715$export$d10e63059ddb9fd4), {})), (0, $diwD4$solidjsweb.escape)(i18n_.sorting_text_()), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $7567511a7c3e4bd7$export$e5c2828934226505), {
3190
+ return (0, $diwD4$solidjsweb.ssr)($1872ceb56ede7a52$var$_tmpl$4, (0, $diwD4$solidjsweb.ssrHydrationKey)(), args_for_sorting_.current_sorting_[0]()?.order === "asc" ? (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $diwD4$depictaiutilishared.SortIconAsc), {})) : (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $diwD4$depictaiutilishared.SortIconDesc), {})), (0, $diwD4$solidjsweb.escape)(i18n_.sorting_text_()), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $7567511a7c3e4bd7$export$e5c2828934226505), {
3301
3191
  expanded_: sorting_expanded,
3302
3192
  i18n_: i18n_
3303
3193
  })));
@@ -3314,7 +3204,7 @@ function $1872ceb56ede7a52$export$9bf11afa910f536e({ args_for_sorting_: args_for
3314
3204
  return (0, $diwD4$solidjsweb.ssr)($1872ceb56ede7a52$var$_tmpl$6, (0, $diwD4$solidjsweb.ssrHydrationKey)());
3315
3205
  },
3316
3206
  get summary_ () {
3317
- return (0, $diwD4$solidjsweb.ssr)($1872ceb56ede7a52$var$_tmpl$4, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $02215fefc955d01e$export$28f6150e232898de), {})), (0, $diwD4$solidjsweb.escape)(i18n_.filters_()), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $7567511a7c3e4bd7$export$e5c2828934226505), {
3207
+ return (0, $diwD4$solidjsweb.ssr)($1872ceb56ede7a52$var$_tmpl$4, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $diwD4$depictaiutilishared.FilterIcon), {})), (0, $diwD4$solidjsweb.escape)(i18n_.filters_()), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $7567511a7c3e4bd7$export$e5c2828934226505), {
3318
3208
  expanded_: filters_expanded,
3319
3209
  i18n_: i18n_
3320
3210
  })));
@@ -3486,20 +3376,6 @@ function $70482f04605572e2$export$b288c38ae3fddb56({ available_filters_: availab
3486
3376
  }
3487
3377
 
3488
3378
 
3489
-
3490
-
3491
- const $f49857214f7675b1$var$_tmpl$ = [
3492
- "<svg",
3493
- ' xmlns="http://www.w3.org/2000/svg" width="14" height="14"><path d="M12.949 7.699H.352A.35.35 0 0 1 0 7.352.35.35 0 0 1 .352 7h12.598a.35.35 0 0 1 .352.352.35.35 0 0 1-.352.348zm0 0"></path></svg>'
3494
- ];
3495
- function $f49857214f7675b1$export$cb808a3c41736d8e() {
3496
- return (0, $diwD4$solidjsweb.ssr)($f49857214f7675b1$var$_tmpl$, (0, $diwD4$solidjsweb.ssrHydrationKey)());
3497
- }
3498
-
3499
-
3500
-
3501
-
3502
-
3503
3379
  const $f8f64d05c525825b$var$_tmpl$ = [
3504
3380
  "<div",
3505
3381
  ' class="filters"><div class="body">',
@@ -3539,114 +3415,112 @@ const $f8f64d05c525825b$var$_tmpl$ = [
3539
3415
  "<!--/--></button>"
3540
3416
  ];
3541
3417
  function $f8f64d05c525825b$export$d7841e452f2e59a8({ current_sorting_: current_sorting_ , set_extra_els_in_results_container_: set_extra_els_in_results_container_ , search_filters_open_: search_filters_open_ , search_sorting_open_: search_sorting_open_ , set_sort_or_filter_open_: set_sort_or_filter_open_ , i18n_: i18n_ , available_sortings_: available_sortings_ , available_filters_: available_filters_ , expanded_filters_: expanded_filters_ , middle_elements_: middle_elements_ , input_modal_open_: input_modal_open_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_ , set_sort_and_filter_element_: set_sort_and_filter_element_ , formatted_number_of_results_: formatted_number_of_results_ , filter_button_width_: filter_button_width_ , sort_button_width_: sort_button_width_ , selected_filters_: selected_filters_ , local_filter_cache_: local_filter_cache_ , get_extra_filters_button_: get_extra_filters_button_ , get_extra_sorting_button_: get_extra_sorting_button_ }) {
3542
- const Self = ()=>{
3543
- // This could technically be in SearchPage and CategoryPage and would be better suited there since it writes into local_filter_cache_ which i.e. SelectedFilters uses, but it's better suited here IMO due to DRY and being inside the correct error boundary here
3544
- (0, $70482f04605572e2$export$b288c38ae3fddb56)({
3545
- available_filters_: available_filters_,
3546
- selected_filters_: selected_filters_,
3547
- local_filter_cache_: local_filter_cache_
3548
- });
3549
- const cleanup_promise = new Promise((r)=>(0, $diwD4$solidjs.onCleanup)(r));
3550
- const [filters_open, set_filters_open] = search_filters_open_;
3551
- const [sorting_open, set_sorting_open] = search_sorting_open_;
3552
- const [get_current_sorting_] = current_sorting_;
3553
- const [is_small, set_is_small] = (0, $diwD4$solidjs.createSignal)(false);
3554
- const dismiss_modal_ = (0, $diwD4$depictaiutilishared.catchify)(()=>{
3555
- set_filters_open(false);
3556
- set_sorting_open(false);
3557
- });
3558
- const meta_of_currently_selected_sorting_ = (0, $diwD4$solidjs.createMemo)(()=>available_sortings_()?.find?.((sorting)=>sorting.field === get_current_sorting_()?.field)?.meta);
3559
- const filter_options = {
3560
- expanded_hierarchical_filters_: expanded_hierarchical_filters_,
3561
- local_filter_cache_: local_filter_cache_,
3562
- available_filters_: available_filters_,
3563
- expanded_filters_: expanded_filters_,
3564
- selected_filters_: selected_filters_,
3565
- i18n_: i18n_
3566
- };
3567
- const sorting_options = {
3568
- current_sorting_: current_sorting_,
3569
- available_sortings_: available_sortings_,
3570
- meta_of_currently_selected_sorting_: meta_of_currently_selected_sorting_
3571
- };
3572
- const make_open_filters_button = (adhere_to_width = false, is_tabbable = false)=>(0, $diwD4$solidjsweb.createComponent)($f8f64d05c525825b$var$OpenFiltersButton, {
3573
- tabindex_: is_tabbable ? 0 : -1,
3574
- i18n_: i18n_,
3575
- search_filters_open_: search_filters_open_,
3576
- search_sorting_open_: search_sorting_open_,
3577
- number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
3578
- filter_button_width_: adhere_to_width ? filter_button_width_ : undefined
3418
+ // @ts-ignore
3419
+ return (0, $edafe91daf3091d7$export$b69d0d92862de18b)({
3420
+ severity_: "error",
3421
+ message_: "Sorting and filters failed",
3422
+ get children () {
3423
+ // This could technically be in SearchPage and CategoryPage and would be better suited there since it writes into local_filter_cache_ which i.e. SelectedFilters uses, but it's better suited here IMO due to DRY and being inside the correct error boundary here
3424
+ (0, $70482f04605572e2$export$b288c38ae3fddb56)({
3425
+ available_filters_: available_filters_,
3426
+ selected_filters_: selected_filters_,
3427
+ local_filter_cache_: local_filter_cache_
3579
3428
  });
3580
- const make_open_sorting_button = (adhere_to_width = false, is_tabbable = false)=>(0, $diwD4$solidjsweb.createComponent)($f8f64d05c525825b$var$OpenSortingButton, {
3581
- tabindex_: is_tabbable ? 0 : -1,
3582
- i18n_: i18n_,
3583
- get_current_sorting_: get_current_sorting_,
3584
- search_filters_open_: search_filters_open_,
3585
- search_sorting_open_: search_sorting_open_,
3429
+ const cleanup_promise = new Promise((r)=>(0, $diwD4$solidjs.onCleanup)(r));
3430
+ const [filters_open, set_filters_open] = search_filters_open_;
3431
+ const [sorting_open, set_sorting_open] = search_sorting_open_;
3432
+ const [get_current_sorting_] = current_sorting_;
3433
+ const [is_small, set_is_small] = (0, $diwD4$solidjs.createSignal)(false);
3434
+ const dismiss_modal_ = (0, $diwD4$depictaiutilishared.catchify)(()=>{
3435
+ set_filters_open(false);
3436
+ set_sorting_open(false);
3437
+ });
3438
+ const meta_of_currently_selected_sorting_ = (0, $diwD4$solidjs.createMemo)(()=>available_sortings_()?.find?.((sorting)=>sorting.field === get_current_sorting_()?.field)?.meta);
3439
+ const filter_options = {
3440
+ expanded_hierarchical_filters_: expanded_hierarchical_filters_,
3441
+ local_filter_cache_: local_filter_cache_,
3442
+ available_filters_: available_filters_,
3443
+ expanded_filters_: expanded_filters_,
3444
+ selected_filters_: selected_filters_,
3445
+ i18n_: i18n_
3446
+ };
3447
+ const sorting_options = {
3448
+ current_sorting_: current_sorting_,
3586
3449
  available_sortings_: available_sortings_,
3587
- sort_button_width_: adhere_to_width ? sort_button_width_ : undefined,
3588
3450
  meta_of_currently_selected_sorting_: meta_of_currently_selected_sorting_
3451
+ };
3452
+ const make_open_filters_button = (adhere_to_width = false, is_tabbable = false)=>(0, $diwD4$solidjsweb.createComponent)($f8f64d05c525825b$var$OpenFiltersButton, {
3453
+ tabindex_: is_tabbable ? 0 : -1,
3454
+ i18n_: i18n_,
3455
+ search_filters_open_: search_filters_open_,
3456
+ search_sorting_open_: search_sorting_open_,
3457
+ number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
3458
+ filter_button_width_: adhere_to_width ? filter_button_width_ : undefined
3459
+ });
3460
+ const make_open_sorting_button = (adhere_to_width = false, is_tabbable = false)=>(0, $diwD4$solidjsweb.createComponent)($f8f64d05c525825b$var$OpenSortingButton, {
3461
+ tabindex_: is_tabbable ? 0 : -1,
3462
+ i18n_: i18n_,
3463
+ get_current_sorting_: get_current_sorting_,
3464
+ search_filters_open_: search_filters_open_,
3465
+ search_sorting_open_: search_sorting_open_,
3466
+ available_sortings_: available_sortings_,
3467
+ sort_button_width_: adhere_to_width ? sort_button_width_ : undefined,
3468
+ meta_of_currently_selected_sorting_: meta_of_currently_selected_sorting_
3469
+ });
3470
+ let open_modal_;
3471
+ let close_modal_;
3472
+ let grid_is_in_original_state = true;
3473
+ (0, $diwD4$solidjs.createComputed)(()=>{
3474
+ const fi_o = filters_open();
3475
+ const so_o = sorting_open();
3476
+ const i_s = is_small();
3477
+ // we need to always read all the signal if we have them in the if-statement the value of it changes when the computation runs
3478
+ if ((fi_o || so_o) && !i_s) {
3479
+ if (!grid_is_in_original_state) return;
3480
+ set_sort_or_filter_open_(true);
3481
+ grid_is_in_original_state = false;
3482
+ } else if (!grid_is_in_original_state) {
3483
+ set_sort_or_filter_open_(false);
3484
+ grid_is_in_original_state = true;
3485
+ }
3589
3486
  });
3590
- let open_modal_;
3591
- let close_modal_;
3592
- let grid_is_in_original_state = true;
3593
- (0, $diwD4$solidjs.createComputed)(()=>{
3594
- const fi_o = filters_open();
3595
- const so_o = sorting_open();
3596
- const i_s = is_small();
3597
- // we need to always read all the signal if we have them in the if-statement the value of it changes when the computation runs
3598
- if ((fi_o || so_o) && !i_s) {
3599
- if (!grid_is_in_original_state) return;
3600
- set_sort_or_filter_open_(true);
3601
- grid_is_in_original_state = false;
3602
- } else if (!grid_is_in_original_state) {
3603
- set_sort_or_filter_open_(false);
3604
- grid_is_in_original_state = true;
3605
- }
3606
- });
3607
- (0, $diwD4$solidjs.createEffect)(()=>{
3608
- if (!filters_open() && !sorting_open()) {
3609
- close_modal_?.();
3610
- set_extra_els_in_results_container_("");
3611
- } else if (is_small()) {
3612
- if ((0, $diwD4$solidjs.untrack)(()=>input_modal_open_?.())) {
3613
- // we don't want to shove another modal into the users face, silently close the filters for them
3614
- set_filters_open(false);
3615
- set_sorting_open(false);
3616
- return;
3487
+ (0, $diwD4$solidjs.createEffect)(()=>{
3488
+ if (!filters_open() && !sorting_open()) {
3489
+ close_modal_?.();
3490
+ set_extra_els_in_results_container_("");
3491
+ } else if (is_small()) {
3492
+ if ((0, $diwD4$solidjs.untrack)(()=>input_modal_open_?.())) {
3493
+ // we don't want to shove another modal into the users face, silently close the filters for them
3494
+ set_filters_open(false);
3495
+ set_sorting_open(false);
3496
+ return;
3497
+ }
3498
+ open_modal_?.();
3499
+ set_extra_els_in_results_container_("");
3500
+ } else {
3501
+ close_modal_?.();
3502
+ if (filters_open()) set_extra_els_in_results_container_((0, $diwD4$solidjsweb.ssr)($f8f64d05c525825b$var$_tmpl$, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $aff9a96d30ed3563$export$3f1a388cc0d8fed7), filter_options))));
3503
+ else set_extra_els_in_results_container_((0, $diwD4$solidjsweb.ssr)($f8f64d05c525825b$var$_tmpl$2, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $be89be42ce9ea60f$export$1f1775a58da589b5), sorting_options))));
3617
3504
  }
3618
- open_modal_?.();
3619
- set_extra_els_in_results_container_("");
3620
- } else {
3621
- close_modal_?.();
3622
- if (filters_open()) set_extra_els_in_results_container_((0, $diwD4$solidjsweb.ssr)($f8f64d05c525825b$var$_tmpl$, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $aff9a96d30ed3563$export$3f1a388cc0d8fed7), filter_options))));
3623
- else set_extra_els_in_results_container_((0, $diwD4$solidjsweb.ssr)($f8f64d05c525825b$var$_tmpl$2, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $be89be42ce9ea60f$export$1f1775a58da589b5), sorting_options))));
3624
- }
3625
- });
3626
- (0, $diwD4$depictaiutilishared.catchify)(async ()=>{
3627
- ({ open_modal_: open_modal_ , close_modal_: close_modal_ } = await (0, $9abb0a35d4b60ed3$export$79b1565500412d9b)((0, $1872ceb56ede7a52$export$9bf11afa910f536e), {
3628
- args_for_sorting_: sorting_options,
3629
- args_for_filtering_: filter_options,
3630
- search_filters_open_: search_filters_open_,
3631
- search_sorting_open_: search_sorting_open_,
3632
- formatted_number_of_results_: formatted_number_of_results_,
3633
- dismiss_modal_: dismiss_modal_,
3634
- i18n_: i18n_
3635
- }));
3636
- const { remove: remove } = (0, $diwD4$depictaiutilishared.javascript_media_query)("(max-width:651px)", ({ matches: matches })=>set_is_small(matches));
3637
- cleanup_promise.then(remove);
3638
- })();
3639
- get_extra_filters_button_?.(make_open_filters_button());
3640
- get_extra_sorting_button_?.(make_open_sorting_button());
3641
- return (0, $diwD4$solidjsweb.ssr)($f8f64d05c525825b$var$_tmpl$3, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.escape)(make_open_filters_button(true, true)), (0, $diwD4$solidjsweb.escape)(middle_elements_?.()), (0, $diwD4$solidjsweb.escape)(make_open_sorting_button(true, true)));
3642
- };
3643
- return (0, $diwD4$solidjsweb.createComponent)((0, $edafe91daf3091d7$export$b69d0d92862de18b), {
3644
- message_: "Sorting and filters failed",
3645
- severity_: "error",
3646
- get children () {
3647
- return (0, $diwD4$solidjsweb.createComponent)(Self, {});
3505
+ });
3506
+ (0, $diwD4$depictaiutilishared.catchify)(async ()=>{
3507
+ ({ open_modal_: open_modal_ , close_modal_: close_modal_ } = await (0, $9abb0a35d4b60ed3$export$79b1565500412d9b)((0, $1872ceb56ede7a52$export$9bf11afa910f536e), {
3508
+ args_for_sorting_: sorting_options,
3509
+ args_for_filtering_: filter_options,
3510
+ search_filters_open_: search_filters_open_,
3511
+ search_sorting_open_: search_sorting_open_,
3512
+ formatted_number_of_results_: formatted_number_of_results_,
3513
+ dismiss_modal_: dismiss_modal_,
3514
+ i18n_: i18n_
3515
+ }));
3516
+ const { remove: remove } = (0, $diwD4$depictaiutilishared.javascript_media_query)("(max-width:651px)", ({ matches: matches })=>set_is_small(matches));
3517
+ cleanup_promise.then(remove);
3518
+ })();
3519
+ get_extra_filters_button_?.(make_open_filters_button());
3520
+ get_extra_sorting_button_?.(make_open_sorting_button());
3521
+ return (0, $diwD4$solidjsweb.ssr)($f8f64d05c525825b$var$_tmpl$3, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.escape)(make_open_filters_button(true, true)), (0, $diwD4$solidjsweb.escape)(middle_elements_?.()), (0, $diwD4$solidjsweb.escape)(make_open_sorting_button(true, true)));
3648
3522
  }
3649
- });
3523
+ })();
3650
3524
  }
3651
3525
  function $f8f64d05c525825b$var$OpenFiltersButton({ i18n_: i18n_ , search_filters_open_: search_filters_open_ , search_sorting_open_: search_sorting_open_ , filter_button_width_: filter_button_width_ , tabindex_: tabindex_ , number_of_rendered_selected_filters_items_: [num_selected_filters] }) {
3652
3526
  const filters_closed = (0, $diwD4$solidjs.createMemo)(()=>!search_filters_open_[0]());
@@ -3665,10 +3539,10 @@ function $f8f64d05c525825b$var$OpenFiltersButton({ i18n_: i18n_ , search_filters
3665
3539
  return filters_closed();
3666
3540
  },
3667
3541
  get fallback () {
3668
- return (0, $diwD4$solidjsweb.createComponent)((0, $f49857214f7675b1$export$cb808a3c41736d8e), {});
3542
+ return (0, $diwD4$solidjsweb.createComponent)((0, $diwD4$depictaiutilishared.MinusIcon), {});
3669
3543
  },
3670
3544
  get children () {
3671
- return (0, $diwD4$solidjsweb.createComponent)((0, $02215fefc955d01e$export$28f6150e232898de), {});
3545
+ return (0, $diwD4$solidjsweb.createComponent)((0, $diwD4$depictaiutilishared.FilterIcon), {});
3672
3546
  }
3673
3547
  })), (0, $diwD4$solidjsweb.escape)(i18n_.filter_text_()));
3674
3548
  }
@@ -3685,10 +3559,10 @@ function $f8f64d05c525825b$var$OpenSortingButton({ i18n_: i18n_ , get_current_so
3685
3559
  return sorting_closed();
3686
3560
  },
3687
3561
  get fallback () {
3688
- return (0, $diwD4$solidjsweb.createComponent)((0, $f49857214f7675b1$export$cb808a3c41736d8e), {});
3562
+ return (0, $diwD4$solidjsweb.createComponent)((0, $diwD4$depictaiutilishared.MinusIcon), {});
3689
3563
  },
3690
3564
  get children () {
3691
- return get_current_sorting_()?.order === "asc" ? (0, $diwD4$solidjsweb.createComponent)((0, $f958b5ac0e4a78da$export$da32f7add8a22e86), {}) : (0, $diwD4$solidjsweb.createComponent)((0, $046db47e0326c715$export$d10e63059ddb9fd4), {});
3565
+ return get_current_sorting_()?.order === "asc" ? (0, $diwD4$solidjsweb.createComponent)((0, $diwD4$depictaiutilishared.SortIconAsc), {}) : (0, $diwD4$solidjsweb.createComponent)((0, $diwD4$depictaiutilishared.SortIconDesc), {});
3692
3566
  }
3693
3567
  })));
3694
3568
  }
@@ -3805,21 +3679,6 @@ function $ee498ec5e7dc2bba$export$5196e4c01fa56fcb({ children: children , on_clo
3805
3679
 
3806
3680
 
3807
3681
 
3808
-
3809
-
3810
-
3811
-
3812
-
3813
- const $084b6a0ee1d481de$var$_tmpl$ = [
3814
- "<svg",
3815
- ' xmlns="http://www.w3.org/2000/svg" width="14" height="14"><path d="M6.402.453L2.203 4.652a.35.35 0 0 0 0 .496c.137.137.359.137.492 0l3.605-3.605v11.406a.35.35 0 0 0 .348.352.35.35 0 0 0 .352-.352V1.543l3.602 3.605a.35.35 0 0 0 .496 0c.066-.07.102-.16.102-.25a.35.35 0 0 0-.102-.246L6.895.453c-.133-.137-.355-.137-.492 0zm0 0"></path></svg>'
3816
- ];
3817
- function $084b6a0ee1d481de$export$2624c5890f1bbcf7() {
3818
- return (0, $diwD4$solidjsweb.ssr)($084b6a0ee1d481de$var$_tmpl$, (0, $diwD4$solidjsweb.ssrHydrationKey)());
3819
- }
3820
-
3821
-
3822
-
3823
3682
  const $2fb324fbcc7b4a7b$var$_tmpl$ = [
3824
3683
  "<div",
3825
3684
  ' class="',
@@ -3832,7 +3691,6 @@ const $2fb324fbcc7b4a7b$var$_tmpl$ = [
3832
3691
  "</div></button></div>"
3833
3692
  ];
3834
3693
  function $2fb324fbcc7b4a7b$export$b23abd26de154ede(props) {
3835
- if (0, $diwD4$solidjsweb.isServer) return; // won't show in initial render and need scroll position
3836
3694
  const [is_small, set_is_small] = (0, $diwD4$solidjs.createSignal)(true);
3837
3695
  (0, $diwD4$solidjs.onCleanup)((0, $diwD4$depictaiutilishared.javascript_media_query)("(max-width:651px)", ({ matches: matches })=>set_is_small(matches)).remove);
3838
3696
  return (0, $diwD4$solidjsweb.createComponent)((0, $diwD4$solidjs.Show), {
@@ -3915,7 +3773,7 @@ function $2fb324fbcc7b4a7b$var$ActualFloatingButtons({ search_filters_open_: [ge
3915
3773
  await cleanup_promise;
3916
3774
  is.disconnect();
3917
3775
  }));
3918
- return (0, $diwD4$solidjsweb.ssr)($2fb324fbcc7b4a7b$var$_tmpl$, (0, $diwD4$solidjsweb.ssrHydrationKey)(), `floating-buttons ${is_scrolling_upwards() && modal_is_closed() && !regular_buttons_are_in_view() && !get_is_showing_toast() ? "show-them" : ""}`, (0, $diwD4$solidjsweb.ssrAttribute)("aria-label", (0, $diwD4$solidjsweb.escape)(i18n_.filter_text_(), true), false), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $02215fefc955d01e$export$28f6150e232898de), {})), (0, $diwD4$solidjsweb.ssrAttribute)("aria-label", (0, $diwD4$solidjsweb.escape)(i18n_.sorting_text_(), true), false), current_sorting_[0]()?.order === "asc" ? (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $f958b5ac0e4a78da$export$da32f7add8a22e86), {})) : (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $046db47e0326c715$export$d10e63059ddb9fd4), {})), (0, $diwD4$solidjsweb.ssrAttribute)("aria-label", (0, $diwD4$solidjsweb.escape)(i18n_.scroll_to_top_(), true), false), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $084b6a0ee1d481de$export$2624c5890f1bbcf7), {})));
3776
+ return (0, $diwD4$solidjsweb.ssr)($2fb324fbcc7b4a7b$var$_tmpl$, (0, $diwD4$solidjsweb.ssrHydrationKey)(), `floating-buttons ${is_scrolling_upwards() && modal_is_closed() && !regular_buttons_are_in_view() && !get_is_showing_toast() ? "show-them" : ""}`, (0, $diwD4$solidjsweb.ssrAttribute)("aria-label", (0, $diwD4$solidjsweb.escape)(i18n_.filter_text_(), true), false), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $diwD4$depictaiutilishared.FilterIcon), {})), (0, $diwD4$solidjsweb.ssrAttribute)("aria-label", (0, $diwD4$solidjsweb.escape)(i18n_.sorting_text_(), true), false), current_sorting_[0]()?.order === "asc" ? (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $diwD4$depictaiutilishared.SortIconAsc), {})) : (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $diwD4$depictaiutilishared.SortIconDesc), {})), (0, $diwD4$solidjsweb.ssrAttribute)("aria-label", (0, $diwD4$solidjsweb.escape)(i18n_.scroll_to_top_(), true), false), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $diwD4$depictaiutilishared.ArrowUp), {})));
3919
3777
  }
3920
3778
 
3921
3779
 
@@ -4567,7 +4425,6 @@ function $cc7c480116d2eba0$var$clear_if_opened_new_tab_with_sideways_url_params_
4567
4425
 
4568
4426
 
4569
4427
 
4570
-
4571
4428
  const $840d88a04b2d22a7$var$_tmpl$ = [
4572
4429
  "<div",
4573
4430
  ' class="product-count"><!--#-->',
@@ -4764,7 +4621,7 @@ function $840d88a04b2d22a7$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
4764
4621
  get_breadcrumb_accessor_?.(crumb_data_);
4765
4622
  get_quicklinks_accessor_?.(quicklinks_data_);
4766
4623
  return [
4767
- (0, $diwD4$solidjsweb.isServer) ? "<!-- Category page based on Depict SDK -->" : document.createComment("Category page based on Depict SDK"),
4624
+ document.createComment("Category page based on Depict SDK"),
4768
4625
  (0, $diwD4$solidjsweb.ssr)($840d88a04b2d22a7$var$_tmpl$4, (0, $diwD4$solidjsweb.ssrHydrationKey)() + (0, $diwD4$solidjsweb.ssrAttribute)("id", (0, $diwD4$solidjsweb.escape)((0, $0b6e2070a98de347$export$44dad306455dddf).PLP_CATEGORY, true), false), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $diwD4$solidjs.Show), {
4769
4626
  when: show_breadcrumbs_,
4770
4627
  get children () {
@@ -4866,7 +4723,7 @@ function $840d88a04b2d22a7$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
4866
4723
 
4867
4724
  let $d84fe647b84b5dc5$var$has_ran = false;
4868
4725
  function $d84fe647b84b5dc5$export$5162a71f252e6122() {
4869
- if ($d84fe647b84b5dc5$var$has_ran || typeof history !== "object") return;
4726
+ if ($d84fe647b84b5dc5$var$has_ran) return;
4870
4727
  $d84fe647b84b5dc5$var$has_ran = true;
4871
4728
  for (const function_name of [
4872
4729
  "replaceState",
@@ -4972,7 +4829,8 @@ function $0785f4c9947d9b5f$export$f091cbac892643a4(obj) {
4972
4829
 
4973
4830
  function $95837413165cc2df$export$23fca46f3143581f(component, error_message) {
4974
4831
  const component_in_error_boundary = (do_with_elements)=>{
4975
- const error_boundary_wrapped = (0, $edafe91daf3091d7$export$b69d0d92862de18b)({
4832
+ // @ts-ignore
4833
+ return (0, $edafe91daf3091d7$export$b69d0d92862de18b)({
4976
4834
  severity_: "error",
4977
4835
  message_: error_message,
4978
4836
  get children () {
@@ -4980,12 +4838,7 @@ function $95837413165cc2df$export$23fca46f3143581f(component, error_message) {
4980
4838
  do_with_elements?.(elements);
4981
4839
  return elements;
4982
4840
  }
4983
- });
4984
- // This might return an accessor, in that case we need to "unwrap" it since our SDK consumers expect HTML elements or arrays thereof
4985
- if (typeof error_boundary_wrapped === "function") // @ts-ignore
4986
- return error_boundary_wrapped();
4987
- // On the server it returns a string, so we just return that
4988
- return error_boundary_wrapped;
4841
+ })();
4989
4842
  };
4990
4843
  const owner = (0, $diwD4$solidjs.getOwner)();
4991
4844
  if (owner == null) return (0, $diwD4$solidjs.createRoot)((dispose)=>{
@@ -5015,7 +4868,7 @@ function $c79fd10a3ab7d6e0$export$477caf01aecaeb2a(options) {
5015
4868
  const [get_sorting_, set_sorting] = current_sorting_;
5016
4869
  const [get_selected_filters_, set_selected_filters] = selected_filters_;
5017
4870
  const [get_has_sideways_filter_clearing_flag_, set_has_sideways_filter_clearing_flag] = sideways_filter_clearing_flag_;
5018
- const [get_current_href, set_current_href] = (0, $diwD4$solidjs.createSignal)(globalThis?.location?.href ?? "https://example.com");
4871
+ const [get_current_href, set_current_href] = (0, $diwD4$solidjs.createSignal)(location.href);
5019
4872
  const history_change_handler = (0, $diwD4$depictaiutilishared.catchify)(()=>set_current_href(location.href));
5020
4873
  const owner = (0, $diwD4$solidjs.getOwner)() || (0, $diwD4$solidjs.createRoot)(()=>(0, $diwD4$solidjs.getOwner)());
5021
4874
  let writer_started = false;
@@ -5151,7 +5004,7 @@ class $e96dd13889871fc0$export$7e1297a3a19f10d8 {
5151
5004
  * Call this if you *just* want to replace the state object in history.state
5152
5005
  */ replace_state_: (new_state)=>{
5153
5006
  // This doesn't break any router, so we just do this directly for now, since many don't expose an interface for changing the state
5154
- globalThis?.history?.replaceState(new_state, "");
5007
+ history.replaceState(new_state, "");
5155
5008
  },
5156
5009
  /**
5157
5010
  * Call this to change the URL
@@ -5193,8 +5046,6 @@ class $e96dd13889871fc0$export$7e1297a3a19f10d8 {
5193
5046
  }
5194
5047
 
5195
5048
 
5196
-
5197
-
5198
5049
  const $48567ac5b39bac56$var$_tmpl$ = [
5199
5050
  "<div",
5200
5051
  ' class="depict plp category">',
@@ -5245,8 +5096,7 @@ class $48567ac5b39bac56$export$f34314aa9505732e {
5245
5096
  constructor({ api: api , on_navigation: on_navigation , ...props_on_class }){
5246
5097
  const owner = (0, $diwD4$solidjs.getOwner)() || (0, $diwD4$solidjs.createRoot)(()=>(0, $diwD4$solidjs.getOwner)()); // we might have an owner, if so, pass it on. Otherwise, create one so solid doesn't print warnings to the console
5247
5098
  (0, $diwD4$solidjs.runWithOwner)(owner, ()=>{
5248
- if ($48567ac5b39bac56$export$f34314aa9505732e.#has_been_constructed && !(0, $diwD4$solidjsweb.isServer)) // on the server we can't write stuff to history.state anyway so can have multiple
5249
- throw new Error("You can only have one instance of DepictCategory due to state limitations");
5099
+ if ($48567ac5b39bac56$export$f34314aa9505732e.#has_been_constructed) throw new Error("You can only have one instance of DepictCategory due to state limitations");
5250
5100
  $48567ac5b39bac56$export$f34314aa9505732e.#has_been_constructed = true;
5251
5101
  Object.assign(this, props_on_class); // set initial signal values
5252
5102
  (0, $d84fe647b84b5dc5$export$5162a71f252e6122)();
@@ -5275,7 +5125,7 @@ class $48567ac5b39bac56$export$f34314aa9505732e {
5275
5125
  selected_filters_: selected_filters_,
5276
5126
  current_sorting_: current_sorting_,
5277
5127
  sideways_filter_clearing_flag_: sideways_filter_clearing_flag_,
5278
- slider_arrow_button_: (0, $0f313083912e447a$export$8be2714ec7f169ee)({
5128
+ slider_arrow_button_: (0, $diwD4$depictaiutilishared.GenericSliderArrowButton)({
5279
5129
  height_: 12,
5280
5130
  width_: 6.46
5281
5131
  })
@@ -5635,31 +5485,6 @@ function $dae23104ba8bb78c$export$d757d54550ebfb3d({ category_suggestion_: categ
5635
5485
 
5636
5486
 
5637
5487
 
5638
-
5639
-
5640
- const $3df11fc61432d1fd$var$_tmpl$ = [
5641
- "<svg",
5642
- ' xmlns="http://www.w3.org/2000/svg" width="24" height="16"><path d="M.773 7.371L7.98.176C8.098.059 8.238 0 8.402 0s.305.059.422.176S9 .434 9 .598s-.059.305-.176.422L2.648 7.195h19.547a.59.59 0 0 1 .609.609c0 .172-.059.305-.176.422s-.262.176-.434.176H2.648l6.176 6.176a.59.59 0 0 1 .176.426c0 .16-.059.301-.176.422-.055.059-.121.109-.199.137s-.148.039-.223.039-.156-.012-.234-.039a.54.54 0 0 1-.187-.137L.773 8.227c-.117-.117-.176-.258-.176-.422a.6.6 0 0 1 .176-.434zm0 0"></path></svg>'
5643
- ];
5644
- function $3df11fc61432d1fd$export$1c641004b5485fed() {
5645
- return (0, $diwD4$solidjsweb.ssr)($3df11fc61432d1fd$var$_tmpl$, (0, $diwD4$solidjsweb.ssrHydrationKey)());
5646
- }
5647
-
5648
-
5649
-
5650
-
5651
-
5652
- const $87d7574e1d89d69b$var$_tmpl$ = '<path d="M19.811 20.174l-6.234-6.809a7.96 7.96 0 0 0 .923-1.179c.274-.424.502-.865.687-1.323a8.04 8.04 0 0 0 .42-1.436 7.88 7.88 0 0 0 .144-1.507c0-.526-.051-1.042-.154-1.548-.096-.506-.243-.995-.441-1.466s-.441-.919-.728-1.343a8.28 8.28 0 0 0-.984-1.21 7.86 7.86 0 0 0-1.2-.984A7.56 7.56 0 0 0 10.89.651C10.418.453 9.929.302 9.423.2S8.401.046 7.875.046 6.833.097 6.327.2 5.332.453 4.86.651a7.56 7.56 0 0 0-1.354.718c-.431.287-.831.615-1.2.984a8.28 8.28 0 0 0-.984 1.21 7.73 7.73 0 0 0-.728 1.343c-.198.472-.349.96-.451 1.466A8.31 8.31 0 0 0 0 7.921a8.31 8.31 0 0 0 .144 1.548c.103.506.253.995.451 1.466a8.08 8.08 0 0 0 .728 1.354 7.86 7.86 0 0 0 .984 1.2 7.54 7.54 0 0 0 1.2.995c.431.287.882.53 1.354.728.472.191.96.338 1.466.441a8.31 8.31 0 0 0 1.548.144c.451 0 .896-.038 1.333-.113a7.83 7.83 0 0 0 1.282-.328 7.55 7.55 0 0 0 1.2-.533 8.08 8.08 0 0 0 1.107-.749l6.245 6.809a.45.45 0 0 0 .174.123.55.55 0 0 0 .205.041.61.61 0 0 0 .195-.031c.061-.021.116-.055.164-.102.109-.096.164-.219.164-.369.007-.144-.038-.267-.133-.369zM1.046 7.921c0-.937.178-1.818.533-2.646.362-.834.851-1.559 1.466-2.174.622-.615 1.347-1.101 2.174-1.456.827-.362 1.712-.543 2.656-.543s1.829.181 2.656.543c.827.355 1.548.841 2.164 1.456.622.615 1.111 1.34 1.466 2.174a6.52 6.52 0 0 1 .543 2.646c0 .943-.181 1.829-.543 2.656a6.89 6.89 0 0 1-1.466 2.174c-.615.615-1.336 1.104-2.164 1.466-.827.356-1.712.533-2.656.533s-1.829-.178-2.656-.533c-.827-.362-1.552-.851-2.174-1.466-.615-.622-1.104-1.347-1.466-2.174-.355-.827-.533-1.712-.533-2.656z"></path>';
5653
- function $87d7574e1d89d69b$export$82eafebb825fc23f(props = {}) {
5654
- return (0, $diwD4$solidjsweb.ssrElement)("svg", ()=>({
5655
- ...props,
5656
- "xmlns": "http://www.w3.org/2000/svg",
5657
- "width": "20",
5658
- "height": "22"
5659
- }), ()=>(0, $diwD4$solidjsweb.ssr)($87d7574e1d89d69b$var$_tmpl$), true);
5660
- }
5661
-
5662
-
5663
5488
  const $66b8b9a9613c141d$var$_tmpl$ = [
5664
5489
  "<button",
5665
5490
  ' class="back" type="button"',
@@ -5692,9 +5517,9 @@ function $66b8b9a9613c141d$export$b94867ecbd698f21({ search_field_value_: search
5692
5517
  return (0, $diwD4$solidjsweb.ssr)($66b8b9a9613c141d$var$_tmpl$2, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $diwD4$solidjs.Show), {
5693
5518
  when: on_back_,
5694
5519
  get children () {
5695
- return (0, $diwD4$solidjsweb.ssr)($66b8b9a9613c141d$var$_tmpl$, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.ssrAttribute)("aria-label", (0, $diwD4$solidjsweb.escape)(i18n_.back_(), true), false), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $3df11fc61432d1fd$export$1c641004b5485fed), {})));
5520
+ return (0, $diwD4$solidjsweb.ssr)($66b8b9a9613c141d$var$_tmpl$, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.ssrAttribute)("aria-label", (0, $diwD4$solidjsweb.escape)(i18n_.back_(), true), false), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $diwD4$depictaiutilishared.BackIcon), {})));
5696
5521
  }
5697
- })), `query ${!!on_back_ ? "has-adjacent-back-button" : ""}`, (0, $diwD4$solidjsweb.ssrAttribute)("aria-label", (0, $diwD4$solidjsweb.escape)(i18n_.search_field_field_aria_label_(), true), false) + (0, $diwD4$solidjsweb.ssrAttribute)("value", (0, $diwD4$solidjsweb.escape)(search_field_value_[0](), true), false) + (0, $diwD4$solidjsweb.ssrAttribute)("placeholder", (0, $diwD4$solidjsweb.escape)(i18n_.placeholder_text_(), true), false), (0, $diwD4$solidjsweb.ssrAttribute)("title", (0, $diwD4$solidjsweb.escape)(i18n_.clear_filters_query_sorting_after_submit_(), true), false), (0, $diwD4$solidjsweb.ssrStyle)((0, $diwD4$solidjs.createMemo)(()=>search_field_value_[0]() ? "" : "display: none")()), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $c77c68e559a1506c$export$3b621d86b1566b2), {})), (0, $diwD4$solidjsweb.ssrAttribute)("aria-label", (0, $diwD4$solidjsweb.escape)(i18n_.search_submit_button_aria_label_(), true), false), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $87d7574e1d89d69b$export$82eafebb825fc23f), {})));
5522
+ })), `query ${!!on_back_ ? "has-adjacent-back-button" : ""}`, (0, $diwD4$solidjsweb.ssrAttribute)("aria-label", (0, $diwD4$solidjsweb.escape)(i18n_.search_field_field_aria_label_(), true), false) + (0, $diwD4$solidjsweb.ssrAttribute)("value", (0, $diwD4$solidjsweb.escape)(search_field_value_[0](), true), false) + (0, $diwD4$solidjsweb.ssrAttribute)("placeholder", (0, $diwD4$solidjsweb.escape)(i18n_.placeholder_text_(), true), false), (0, $diwD4$solidjsweb.ssrAttribute)("title", (0, $diwD4$solidjsweb.escape)(i18n_.clear_filters_query_sorting_after_submit_(), true), false), (0, $diwD4$solidjsweb.ssrStyle)((0, $diwD4$solidjs.createMemo)(()=>search_field_value_[0]() ? "" : "display: none")()), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $diwD4$depictaiutilishared.CrossIcon), {})), (0, $diwD4$solidjsweb.ssrAttribute)("aria-label", (0, $diwD4$solidjsweb.escape)(i18n_.search_submit_button_aria_label_(), true), false), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $diwD4$depictaiutilishared.SearchIcon), {})));
5698
5523
  }
5699
5524
 
5700
5525
 
@@ -5882,7 +5707,7 @@ function $b34ce0b89e6db4e1$export$e026af0c7b64ea5f({ selected_filters_: selected
5882
5707
 
5883
5708
 
5884
5709
  function $2b7a005a65221045$export$84bba84a7b837187(read_search_query) {
5885
- const ls = globalThis?.localStorage || {};
5710
+ const ls = localStorage;
5886
5711
  const key = "depict_searches";
5887
5712
  const previous_searches = (0, $diwD4$solidjs.createSignal)(JSON.parse(ls[key] || "[]"));
5888
5713
  const [read_previous_searches, write_previous_searches] = previous_searches;
@@ -6130,6 +5955,7 @@ function $6ae556e536054e87$export$62f101a8aa597bf8({ depict_api_: depict_api_ ,
6130
5955
 
6131
5956
 
6132
5957
 
5958
+
6133
5959
  function $496cde876b53ce1e$export$91c3b6774e8be0f5({ param_: param_ , value_: value_ , url_transformer_: url_transformer_ }) {
6134
5960
  const [get_current_href, set_current_href] = (0, $diwD4$solidjs.createSignal)(location.href);
6135
5961
  const [exit_iterable, exitable_iterable] = (0, $diwD4$depictaiutilishared.make_asyncIterable_exiter)((0, $diwD4$depictaiutilishared.href_change_ipns));
@@ -6148,18 +5974,6 @@ function $496cde876b53ce1e$export$91c3b6774e8be0f5({ param_: param_ , value_: va
6148
5974
 
6149
5975
 
6150
5976
 
6151
-
6152
-
6153
- const $9e30168c4b1661d2$var$_tmpl$ = [
6154
- "<svg",
6155
- ' xmlns="http://www.w3.org/2000/svg" width="12" height="13"><path d="M6 12.598a5.88 5.88 0 0 1-1.611-.223c-.52-.145-1.008-.352-1.465-.621s-.875-.605-1.254-.996-.693-.83-.955-1.318c-.039-.07-.047-.145-.023-.223s.072-.143.146-.182.145-.047.223-.023.143.072.182.146a5.54 5.54 0 0 0 .861 1.184c.34.352.715.65 1.125.897s.85.435 1.318.568A5.5 5.5 0 0 0 6 12a5.24 5.24 0 0 0 2.098-.422c.656-.285 1.229-.672 1.717-1.16s.879-1.061 1.16-1.717a5.22 5.22 0 0 0 .428-2.104c0-.742-.143-1.441-.428-2.098s-.668-1.229-1.16-1.717a5.42 5.42 0 0 0-1.717-1.154A5.18 5.18 0 0 0 6 1.201c-.496 0-.979.066-1.447.199s-.904.316-1.318.563-.785.539-1.125.891a5.31 5.31 0 0 0-.855 1.172.32.32 0 0 1-.164.141c-.066.023-.135.023-.205 0a.3.3 0 0 1-.158-.135C.691 3.965.682 3.895.697 3.82l.51-2.385c.016-.078.059-.141.129-.187a.28.28 0 0 1 .229-.041c.078.016.141.059.188.129a.28.28 0 0 1 .041.229l-.211.973a5.91 5.91 0 0 1 .926-.814 5.78 5.78 0 0 1 1.066-.609A5.79 5.79 0 0 1 4.746.732C5.156.643 5.574.598 6 .598c.402 0 .795.039 1.178.117s.76.191 1.119.34a5.95 5.95 0 0 1 1.031.551c.328.219.633.469.914.75s.535.592.75.92a5.77 5.77 0 0 1 .551 1.025 5.53 5.53 0 0 1 .34 1.119c.078.387.117.779.117 1.178s-.039.797-.117 1.184-.187.754-.34 1.113a5.96 5.96 0 0 1-.551 1.031 5.56 5.56 0 0 1-.75.914c-.281.285-.586.537-.914.756a5.95 5.95 0 0 1-1.031.551c-.359.148-.732.26-1.119.334s-.775.117-1.178.117zm0-5.695c-.023 0-.049-.004-.076-.012s-.047-.018-.07-.029l-2.701-1.5c-.07-.039-.117-.098-.141-.176a.29.29 0 0 1 .023-.229c.043-.074.104-.123.182-.146s.158-.014.229.029l2.543 1.412 3.152-2.004c.07-.047.145-.061.223-.041a.29.29 0 0 1 .188.135c.047.066.061.141.041.223a.27.27 0 0 1-.129.188L6.158 6.855a.27.27 0 0 1-.076.035c-.027.008-.055.012-.082.012z" fill="#0f0f0f"></path></svg>'
6156
- ];
6157
- function $9e30168c4b1661d2$export$5d2caaa6b530761c() {
6158
- return (0, $diwD4$solidjsweb.ssr)($9e30168c4b1661d2$var$_tmpl$, (0, $diwD4$solidjsweb.ssrHydrationKey)());
6159
- }
6160
-
6161
-
6162
-
6163
5977
  const $9a268bf73b31a717$var$_tmpl$ = [
6164
5978
  "<div",
6165
5979
  ' class="previous-searches"><h2 class="text">',
@@ -6204,7 +6018,7 @@ function $9a268bf73b31a717$export$a146ac6fa8346a25({ text_: text_ , previous_sea
6204
6018
  value_: item,
6205
6019
  url_transformer_: url_transformer_
6206
6020
  });
6207
- return (0, $diwD4$solidjsweb.ssr)($9a268bf73b31a717$var$_tmpl$2, (0, $diwD4$solidjsweb.ssrHydrationKey)(), `${`item` || ""} ${(0, $diwD4$solidjs.createMemo)(()=>read_selected_index_()?.[0] === 0 && read_selected_index_()?.[1] === index)() ? "selected" : ""}`, (0, $diwD4$solidjsweb.ssrAttribute)("href", (0, $diwD4$solidjsweb.escape)(href(), true), false), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $9e30168c4b1661d2$export$5d2caaa6b530761c), {})), (0, $diwD4$solidjsweb.escape)(item()), (0, $diwD4$solidjsweb.ssrAttribute)("title", (0, $diwD4$solidjsweb.escape)(i18n_.previous_searches_delete_entry_from_history_(), true), false), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $c77c68e559a1506c$export$3b621d86b1566b2), {})));
6021
+ return (0, $diwD4$solidjsweb.ssr)($9a268bf73b31a717$var$_tmpl$2, (0, $diwD4$solidjsweb.ssrHydrationKey)(), `${`item` || ""} ${(0, $diwD4$solidjs.createMemo)(()=>read_selected_index_()?.[0] === 0 && read_selected_index_()?.[1] === index)() ? "selected" : ""}`, (0, $diwD4$solidjsweb.ssrAttribute)("href", (0, $diwD4$solidjsweb.escape)(href(), true), false), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $diwD4$depictaiutilishared.PreviousSearchIcon), {})), (0, $diwD4$solidjsweb.escape)(item()), (0, $diwD4$solidjsweb.ssrAttribute)("title", (0, $diwD4$solidjsweb.escape)(i18n_.previous_searches_delete_entry_from_history_(), true), false), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $diwD4$depictaiutilishared.CrossIcon), {})));
6208
6022
  }
6209
6023
  })));
6210
6024
  }
@@ -6224,6 +6038,7 @@ function $9a268bf73b31a717$export$a146ac6fa8346a25({ text_: text_ , previous_sea
6224
6038
 
6225
6039
 
6226
6040
 
6041
+
6227
6042
  const $d023ed916c84e75d$var$_tmpl$ = [
6228
6043
  "<span",
6229
6044
  ' class="highlighted-part">',
@@ -6283,8 +6098,6 @@ function $d023ed916c84e75d$export$ba17c5b7e6dda39f({ whole_text_to_display_: who
6283
6098
  }
6284
6099
 
6285
6100
 
6286
-
6287
-
6288
6101
  const $6b65ba8af12c5a26$var$_tmpl$ = [
6289
6102
  "<a",
6290
6103
  ' class="',
@@ -6341,10 +6154,10 @@ function $6b65ba8af12c5a26$export$e872e2339fb04a7f({ suggestion_memo_: suggestio
6341
6154
  (0, $diwD4$solidjsweb.createComponent)((0, $diwD4$solidjs.Show), {
6342
6155
  when: is_history,
6343
6156
  get fallback () {
6344
- return (0, $diwD4$solidjsweb.ssr)($6b65ba8af12c5a26$var$_tmpl$2, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $87d7574e1d89d69b$export$82eafebb825fc23f), {})));
6157
+ return (0, $diwD4$solidjsweb.ssr)($6b65ba8af12c5a26$var$_tmpl$2, (0, $diwD4$solidjsweb.ssrHydrationKey)(), (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $diwD4$depictaiutilishared.SearchIcon), {})));
6345
6158
  },
6346
6159
  get children () {
6347
- return (0, $diwD4$solidjsweb.createComponent)((0, $9e30168c4b1661d2$export$5d2caaa6b530761c), {});
6160
+ return (0, $diwD4$solidjsweb.createComponent)((0, $diwD4$depictaiutilishared.PreviousSearchIcon), {});
6348
6161
  }
6349
6162
  }),
6350
6163
  (0, $diwD4$solidjsweb.createComponent)((0, $d023ed916c84e75d$export$ba17c5b7e6dda39f), {
@@ -7044,7 +6857,6 @@ function $65a0c4b1c2eb5d0b$export$9dd50d35b9d94fdf({ get_search_query_: get_sear
7044
6857
 
7045
6858
 
7046
6859
 
7047
-
7048
6860
  const $f1d7cb69f839a526$var$_tmpl$ = [
7049
6861
  "<div",
7050
6862
  ' class="filter-results-for-one-row"><!--#-->',
@@ -7211,7 +7023,7 @@ function $f1d7cb69f839a526$export$a54ec244c8863715(opts) {
7211
7023
  (0, $341a019928b8b91e$export$c7e181728ad525f)(location);
7212
7024
  });
7213
7025
  return [
7214
- (0, $diwD4$solidjsweb.isServer) ? "<!-- Search page based on Depict SDK -->" : document.createComment("Search page based on Depict SDK"),
7026
+ document.createComment("Search page based on Depict SDK"),
7215
7027
  (0, $diwD4$solidjsweb.ssr)($f1d7cb69f839a526$var$_tmpl$2, (0, $diwD4$solidjsweb.ssrHydrationKey)() + (0, $diwD4$solidjsweb.ssrAttribute)("id", (0, $diwD4$solidjsweb.escape)((0, $0b6e2070a98de347$export$44dad306455dddf).SEARCH_PAGE, true), false), (0, $diwD4$solidjsweb.escape)(search_field), make_category_suggestion_card_ ? (0, $diwD4$solidjsweb.escape)((0, $diwD4$solidjsweb.createComponent)((0, $edafe91daf3091d7$export$b69d0d92862de18b), {
7216
7028
  severity_: "error",
7217
7029
  message_: "Category suggestions failed",
@@ -7355,8 +7167,6 @@ function $d8e94ea381ab57fa$export$828dcdd425fd3231(aligner) {
7355
7167
 
7356
7168
 
7357
7169
 
7358
-
7359
-
7360
7170
  const $2c61e4cd8229c49a$var$_tmpl$ = [
7361
7171
  "<div",
7362
7172
  ' class="depict plp search">',
@@ -7378,8 +7188,7 @@ class $2c61e4cd8229c49a$export$ac6237957a15b3f0 {
7378
7188
  disable_scrolling_during_modal = true , api: api , bottom_distance_under_modal: bottom_distance_under_modal , render_instant_card: render_instant_card , ...props_on_class }){
7379
7189
  const owner = (0, $diwD4$solidjs.getOwner)() || (0, $diwD4$solidjs.createRoot)(()=>(0, $diwD4$solidjs.getOwner)()); // we might have an owner, if so, pass it on. Otherwise, create one so solid doesn't print warnings to the console
7380
7190
  (0, $diwD4$solidjs.runWithOwner)(owner, ()=>{
7381
- if ($2c61e4cd8229c49a$export$ac6237957a15b3f0.#has_been_constructed && !(0, $diwD4$solidjsweb.isServer)) // on the server we can't write stuff to history.state anyway so can have multiple
7382
- throw new Error("You can only have one instance of DepictSearch");
7191
+ if ($2c61e4cd8229c49a$export$ac6237957a15b3f0.#has_been_constructed) throw new Error("You can only have one instance of DepictSearch");
7383
7192
  Object.assign(this, props_on_class);
7384
7193
  if (on_navigation) this.#router.on_navigation_ = on_navigation;
7385
7194
  const { current_sorting_: current_sorting_ , selected_filters_: selected_filters_ , search_query_accessor_: raw_search_query_accessor } = (0, $c79fd10a3ab7d6e0$export$477caf01aecaeb2a)({
@@ -7387,7 +7196,7 @@ class $2c61e4cd8229c49a$export$ac6237957a15b3f0 {
7387
7196
  router_: this.#router
7388
7197
  });
7389
7198
  const [reset_history_state_, state_] = (0, $26a56f6b44703084$export$9862539c89138352)(()=>({
7390
- search_field_value: (globalThis?.location && new URLSearchParams(location.search).get(search_query_url_param_name_)) ?? "",
7199
+ search_field_value: new URLSearchParams(location.search).get(search_query_url_param_name_) ?? "",
7391
7200
  search_filters_open: false,
7392
7201
  search_sorting_open: false,
7393
7202
  search_expanded_filters: [],
@@ -7646,7 +7455,7 @@ function $2c61e4cd8229c49a$export$f2dc7e4e4aa11abb({ depict_search: depict_searc
7646
7455
  cols_at_size: (0, $4e04be41243c3d80$export$6daf8749b65a1b77)(extra_depict_options.recommendations_cols_at_size),
7647
7456
  ...grid_spacing_override
7648
7457
  } : undefined,
7649
- slider_arrow_button_: (0, $0f313083912e447a$export$8be2714ec7f169ee)({
7458
+ slider_arrow_button_: (0, $diwD4$depictaiutilishared.GenericSliderArrowButton)({
7650
7459
  height_: 12,
7651
7460
  width_: 6.46
7652
7461
  }),