@depict-ai/ui 0.0.33 → 0.0.35

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.
package/dist/module.js CHANGED
@@ -3,7 +3,7 @@ import {template as $g9l4l$template, insert as $g9l4l$insert, effect as $g9l4l$e
3
3
  import {createSignal as $g9l4l$createSignal, onCleanup as $g9l4l$onCleanup, createComputed as $g9l4l$createComputed, createEffect as $g9l4l$createEffect, untrack as $g9l4l$untrack, batch as $g9l4l$batch, createResource as $g9l4l$createResource, createMemo as $g9l4l$createMemo, Show as $g9l4l$Show, createRenderEffect as $g9l4l$createRenderEffect, runWithOwner as $g9l4l$runWithOwner, createRoot as $g9l4l$createRoot, getOwner as $g9l4l$getOwner, on as $g9l4l$on, Index as $g9l4l$Index, For as $g9l4l$For, ErrorBoundary as $g9l4l$ErrorBoundary} from "solid-js";
4
4
 
5
5
  /*! Depict.ai search and product listing SDK */
6
- const $18bf1d29fb889cca$export$83d89fbfd8236492 = "0.0.33";
6
+ const $18bf1d29fb889cca$export$83d89fbfd8236492 = "0.0.35";
7
7
 
8
8
 
9
9
 
@@ -193,12 +193,15 @@ class $3846bb34098c738f$export$e015ed2f2950f2e3 {
193
193
  }
194
194
  }
195
195
  function $3846bb34098c738f$var$get_version_headers() {
196
+ // We can't use any header name or the browser will make an OPTIONS request which will slow down search a lot
197
+ const version_object = {
198
+ ...(0, $f22123a20b6b80b3$export$89a2f5e6eb5005b6),
199
+ "@depict-ai/utilishared": (0, $g9l4l$version),
200
+ "@depict-ai/ui": (0, $18bf1d29fb889cca$export$83d89fbfd8236492)
201
+ };
196
202
  return {
197
- Versions: JSON.stringify({
198
- ...(0, $f22123a20b6b80b3$export$89a2f5e6eb5005b6),
199
- "@depict-ai/utilishared": (0, $g9l4l$version),
200
- "@depict-ai/ui": (0, $18bf1d29fb889cca$export$83d89fbfd8236492)
201
- })
203
+ "Accept": Object.entries(version_object)// No special characters allowed: https://developer.mozilla.org/en-US/docs/Glossary/CORS-safelisted_request_header
204
+ .map(([pkg, version])=>`${pkg.replaceAll("@", "")}=${version}`).join(",")
202
205
  };
203
206
  }
204
207
 
@@ -303,7 +306,7 @@ function $5178263ed1e394ca$export$469c7af753d08925({ price_: price_ , price_form
303
306
  }
304
307
 
305
308
 
306
- const $51b5c03492337d58$var$_tmpl$ = /*#__PURE__*/ (0, $g9l4l$template)(`<div class="scroll-status" style="display:none"><span class="text"><b></b> – <b></b> <!> <b></b></span></div>`, 11);
309
+ const $51b5c03492337d58$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="scroll-status" style="display:none"><span class="text"><b></b> – <b></b> <!> <b></b></span></div>`, 11);
307
310
  function $51b5c03492337d58$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_ } }) {
308
311
  const [first_to_show, set_first_to_show] = (0, $g9l4l$createSignal)(0);
309
312
  const [last_to_show, set_last_to_show] = (0, $g9l4l$createSignal)(0);
@@ -502,10 +505,10 @@ function $06e28148a32abb47$export$36aef51ac7a64eae({ depict_api_: depict_api_ ,
502
505
  const info = target_to_info.get(target);
503
506
  if (!info) continue; // How did this happen?
504
507
  let actual_index_;
505
- for(let i1 = 0; i1 < num_children; i1++){
506
- const child = parent.children[i1];
508
+ for(let i = 0; i < num_children; i++){
509
+ const child = parent.children[i];
507
510
  if (child === target) {
508
- actual_index_ = i1;
511
+ actual_index_ = i;
509
512
  break;
510
513
  }
511
514
  }
@@ -576,9 +579,9 @@ async function $06e28148a32abb47$var$load_more({ depict_api_: depict_api_ , quer
576
579
 
577
580
 
578
581
 
579
- const $886fa987db4f3805$var$_tmpl$ = /*#__PURE__*/ (0, $g9l4l$template)(`<div></div>`, 2);
582
+ const $886fa987db4f3805$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div></div>`, 2);
580
583
  const $886fa987db4f3805$var$closing_functions = /*@__PURE__*/ new Set();
581
- const $886fa987db4f3805$export$22970a0140fc759c = /*@__PURE__*/ (0, $g9l4l$createSignal)(false);
584
+ const $886fa987db4f3805$export$22970a0140fc759c = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$createSignal)(false);
582
585
  function $886fa987db4f3805$export$5196e4c01fa56fcb({ children: children , on_close_: on_close_ , close_after_: close_after_ , ...more_attributes }) {
583
586
  let close_toast_;
584
587
  const stay_open_promise = new Promise((r)=>close_toast_ = r);
@@ -596,10 +599,10 @@ function $886fa987db4f3805$export$5196e4c01fa56fcb({ children: children , on_clo
596
599
  "pointerover",
597
600
  "focusin"
598
601
  ])element.addEventListener(ev, (0, $g9l4l$catchify)(()=>closing_animation.pause()));
599
- for (const ev1 of [
602
+ for (const ev of [
600
603
  "pointerout",
601
604
  "focusout"
602
- ])element.addEventListener(ev1, (0, $g9l4l$catchify)(()=>closing_animation.play()));
605
+ ])element.addEventListener(ev, (0, $g9l4l$catchify)(()=>closing_animation.play()));
603
606
  const body = await (0, $g9l4l$observer).wait_for_element("body");
604
607
  const x_translate = "translateX(-50%) ";
605
608
  let remove_keyboard_listener;
@@ -682,7 +685,7 @@ function $886fa987db4f3805$export$5196e4c01fa56fcb({ children: children , on_clo
682
685
 
683
686
 
684
687
 
685
- const $af89070cc0052779$var$_tmpl$ = /*#__PURE__*/ (0, $g9l4l$template)(`<div class="statement"></div>`, 2), $af89070cc0052779$var$_tmpl$2 = /*#__PURE__*/ (0, $g9l4l$template)(`<div class="buttons"><button class="restore minor"></button><button class="ok major"></button></div>`, 6);
688
+ const $af89070cc0052779$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="statement"></div>`, 2), $af89070cc0052779$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="buttons"><button class="restore minor"></button><button class="ok major"></button></div>`, 6);
686
689
  function $af89070cc0052779$export$8895d39404bd2bb1(props) {
687
690
  let previous_sorting;
688
691
  let on_toast_hidden;
@@ -760,7 +763,7 @@ function $af89070cc0052779$export$8895d39404bd2bb1(props) {
760
763
 
761
764
 
762
765
 
763
- const $a20b0ecfca7ab32d$var$_tmpl$ = /*#__PURE__*/ (0, $g9l4l$template)(`<a class="hint" href="javascript:void(0)"></a>`, 2), $a20b0ecfca7ab32d$var$_tmpl$2 = /*#__PURE__*/ (0, $g9l4l$template)(`<div class="no-results"><div class="text"></div></div>`, 4);
766
+ const $a20b0ecfca7ab32d$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<a class="hint" href="javascript:void(0)"></a>`, 2), $a20b0ecfca7ab32d$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="no-results"><div class="text"></div></div>`, 4);
764
767
  function $a20b0ecfca7ab32d$export$ef6006467f04ee41({ i18n_: i18n_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , selected_filters_: selected_filters_ , local_filter_cache_: local_filter_cache_ }) {
765
768
  return [
766
769
  (()=>{
@@ -803,7 +806,7 @@ function $ed06bb0bb83a46b3$export$a2cc176055f8f08() {
803
806
  }
804
807
 
805
808
 
806
- const $57363319986950eb$var$_tmpl$ = /*#__PURE__*/ (0, $g9l4l$template)(`<div class="PLP-results"></div>`, 2), $57363319986950eb$var$_tmpl$2 = /*#__PURE__*/ (0, $g9l4l$template)(`<div class="cards"></div>`, 2);
809
+ const $57363319986950eb$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="PLP-results"></div>`, 2), $57363319986950eb$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="cards"></div>`, 2);
807
810
  let $57363319986950eb$var$cached_placeholder_element;
808
811
  function $57363319986950eb$export$3925f87b1545cfc6({ plp_results_: plp_results_ , depict_api_: depict_api_ , all_products_loaded_: all_products_loaded_ , min_products_to_fetch_: min_products_to_fetch_ , query_base_: query_base_ , first_result_in_viewport_: first_result_in_viewport_ , last_result_in_viewport_: last_result_in_viewport_ , scroll_restoration_data_: scroll_restoration_data_ , no_results_options_: no_results_options_ , desktop_filter_elements_: desktop_filter_elements_ , sort_or_filter_open_: sort_or_filter_open_ , rr_options_: rr_options_ , layout_options_: layout_options_ , tenant_object_: tenant_object_ , type_for_tracking_: type_for_tracking_ , id_currently_querying_for_: id_currently_querying_for_ }) {
809
812
  // The plp_results_ resource will be delayed because we're using createBatchedMemo to not make triplicate API requests, but we need to show the placeholders before already to match Chrome and Firefox's "content has to be there, ready for scroll restoration, before all popstate tasks have been completed"-requirement
@@ -1087,15 +1090,8 @@ function $7d4ae726763dc6bc$export$6c6d7a51fa9aa15d(props) {
1087
1090
  const do_duration = dont_animate_if_instant_open_ && fresh_component ? $7d4ae726763dc6bc$var$has_new_animate ? 0 : 1 /* if the zero duration is 1 modern chrome will paint a frame with unexpanded and then one with expanded which doesn't look nice, if you have 0 on older browsers they won't play the animation at all (i.e. iOS 12.5.5) */ : duration_;
1088
1091
  await expand(0, do_duration);
1089
1092
  } else {
1090
- const closeModal = (0, $g9l4l$catchify)(()=>{
1091
- /*
1092
- TODO: we currently should not enable the following line, since it causes the following bug:
1093
- https://linear.app/depictai/issue/FRO-413/on-estoreno-the-browser-crashes-when-expandingcollapsing-filtre-on
1094
- It seems to be a chrome issue and a bug has been reported to them:
1095
- https://bugs.chromium.org/p/chromium/issues/detail?id=1404121#c2 */ // details_.open = false;
1096
- });
1097
1093
  const animation = await collapse();
1098
- animation.addEventListener("finish", closeModal);
1094
+ animation.addEventListener("finish", (0, $g9l4l$catchify)(()=>details_.open = false));
1099
1095
  }
1100
1096
  }));
1101
1097
  details_.addEventListener("toggle", (0, $g9l4l$catchify)(()=>{
@@ -1136,7 +1132,7 @@ function $7d4ae726763dc6bc$export$e13dddbb31c3a42f() {
1136
1132
 
1137
1133
 
1138
1134
 
1139
- const $a04dda00e2984628$var$_tmpl$ = /*#__PURE__*/ (0, $g9l4l$template)(`<div></div>`, 2);
1135
+ const $a04dda00e2984628$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div></div>`, 2);
1140
1136
  function $a04dda00e2984628$export$6649caad96ef8870({ children: children , button_: button_ , slider_ref_: slider_ref_ , faded_opacity_: faded_opacity_ = 0.7 , mutation_plugins_: mutation_plugins_ = [] }) {
1141
1137
  const slider = new (0, $g9l4l$Amazing_Slider)({
1142
1138
  button_contents: {
@@ -1174,7 +1170,7 @@ function $a04dda00e2984628$export$6649caad96ef8870({ children: children , button
1174
1170
 
1175
1171
 
1176
1172
 
1177
- const $a7abb08807717ef9$var$_tmpl$ = /*#__PURE__*/ (0, $g9l4l$template)(`<button class="clear-all-filters minor"></button>`, 2), $a7abb08807717ef9$var$_tmpl$2 = /*#__PURE__*/ (0, $g9l4l$template)(`<div class="inner"><span class="title">: </span></div>`, 4), $a7abb08807717ef9$var$_tmpl$3 = /*#__PURE__*/ (0, $g9l4l$template)(`<button class="clear-filter major"><span> – </span></button>`, 4), $a7abb08807717ef9$var$_tmpl$4 = /*#__PURE__*/ (0, $g9l4l$template)(`<button class="clear-filter major"><span></span></button>`, 4);
1173
+ const $a7abb08807717ef9$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<button class="clear-all-filters minor"></button>`, 2), $a7abb08807717ef9$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="inner"><span class="title">: </span></div>`, 4), $a7abb08807717ef9$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<button class="clear-filter major"><span> – </span></button>`, 4), $a7abb08807717ef9$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<button class="clear-filter major"><span></span></button>`, 4);
1178
1174
  function $a7abb08807717ef9$export$fecbb157621501bd({ number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_ , i18n_: i18n_ , selected_filters_: selected_filters_ , local_filter_cache_: [read_local_filter_cache] , search_filters_open_: [read_search_filters_open] , search_sorting_open_: [read_search_sorting_open] , slider_arrow_button_: slider_arrow_button_ , local_filter_cache_: local_filter_cache_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ }) {
1179
1175
  const { price_formatting_: price_formatting_ } = i18n_;
1180
1176
  const [read_selected_filters, write_selected_filters] = selected_filters_;
@@ -1517,7 +1513,7 @@ async function $3786428a06ed81c4$export$79b1565500412d9b(search_modal, modal_fn_
1517
1513
 
1518
1514
 
1519
1515
 
1520
- const $4fa14d99b0f07c40$var$_tmpl$ = /*#__PURE__*/ (0, $g9l4l$template)(`<span class="count"></span>`, 2), $4fa14d99b0f07c40$var$_tmpl$2 = /*#__PURE__*/ (0, $g9l4l$template)(`<label class="input-row"><div class="left"><input type="checkbox"><span class="custom-indicator"></span><span class="text"></span></div></label>`, 9);
1516
+ const $4fa14d99b0f07c40$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<span class="count"></span>`, 2), $4fa14d99b0f07c40$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<label class="input-row"><div class="left"><input type="checkbox"><span class="custom-indicator"></span><span class="text"></span></div></label>`, 9);
1521
1517
  const $4fa14d99b0f07c40$export$48513f6b9f8ce62d = (props)=>{
1522
1518
  // 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
1523
1519
  const count = (0, $g9l4l$createMemo)(()=>props.count_);
@@ -1541,6 +1537,7 @@ const $4fa14d99b0f07c40$export$48513f6b9f8ce62d = (props)=>{
1541
1537
  props.input_ref_?.(input_el);
1542
1538
  }, _el$3);
1543
1539
  (0, $g9l4l$setAttribute)(_el$3, "id", id);
1540
+ (0, $g9l4l$use)((el)=>props.custom_indicator_ref?.(el), _el$4);
1544
1541
  (0, $g9l4l$insert)(_el$5, ()=>label() || value());
1545
1542
  (0, $g9l4l$insert)(_el$, (0, $g9l4l$createComponent)((0, $g9l4l$Show), {
1546
1543
  get when () {
@@ -1576,7 +1573,7 @@ const $4fa14d99b0f07c40$export$48513f6b9f8ce62d = (props)=>{
1576
1573
 
1577
1574
 
1578
1575
 
1579
- const $9e6544e509214c47$var$_tmpl$ = /*#__PURE__*/ (0, $g9l4l$template)(`<button type="button" class="expand-filter"><span></span></button>`, 4);
1576
+ const $9e6544e509214c47$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<button type="button" class="expand-filter"><span></span></button>`, 4);
1580
1577
  function $9e6544e509214c47$export$ca21a16d65b3dd8({ show_extras_: [get_show_extras, set_show_extras] , i18n_: i18n_ }) {
1581
1578
  return (()=>{
1582
1579
  const _el$ = $9e6544e509214c47$var$_tmpl$.cloneNode(true), _el$2 = _el$.firstChild;
@@ -1595,7 +1592,7 @@ function $9e6544e509214c47$export$ca21a16d65b3dd8({ show_extras_: [get_show_extr
1595
1592
  ]);
1596
1593
 
1597
1594
 
1598
- const $5be19bd31e1c92fe$var$_tmpl$ = /*#__PURE__*/ (0, $g9l4l$template)(`<form class="checkboxes"></form>`, 2);
1595
+ const $5be19bd31e1c92fe$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<form class="checkboxes"></form>`, 2);
1599
1596
  const $5be19bd31e1c92fe$var$max_visible_without_collapsing = 7;
1600
1597
  const $5be19bd31e1c92fe$var$show_non_collapsible_when_collapsed = 4;
1601
1598
  function $5be19bd31e1c92fe$export$dd948f91abc3a1c4({ filter_: filter_ , selected_filters_: [get_selected_filters, set_selected_filters] , i18n_: i18n_ , view_more_button_below_group_: [_get_view_more_button_below_group_, set_view_more_button_below_group_] }) {
@@ -1710,7 +1707,7 @@ function $5be19bd31e1c92fe$export$dd948f91abc3a1c4({ filter_: filter_ , selected
1710
1707
 
1711
1708
 
1712
1709
 
1713
- const $d51fc80c159e5488$var$_tmpl$ = /*#__PURE__*/ (0, $g9l4l$template)(`<form class="radios"></form>`, 2), $d51fc80c159e5488$var$_tmpl$2 = /*#__PURE__*/ (0, $g9l4l$template)(`<span class="count"></span>`, 2), $d51fc80c159e5488$var$_tmpl$3 = /*#__PURE__*/ (0, $g9l4l$template)(`<label class="input-row"><div class="left"><input type="radio"><span class="custom-indicator"></span></div></label>`, 7);
1710
+ const $d51fc80c159e5488$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<form class="radios"></form>`, 2), $d51fc80c159e5488$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<span class="count"></span>`, 2), $d51fc80c159e5488$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<label class="input-row"><div class="left"><input type="radio"><span class="custom-indicator"></span></div></label>`, 7);
1714
1711
  function $d51fc80c159e5488$export$430444115f70a734({ selected_filters_: selected_filters_ , filter_: filter_ }) {
1715
1712
  const radio_name = (0, $g9l4l$make_random_classname)();
1716
1713
  const existing_filter = (0, $g9l4l$createMemo)(()=>{
@@ -1789,7 +1786,7 @@ function $d51fc80c159e5488$export$430444115f70a734({ selected_filters_: selected
1789
1786
 
1790
1787
 
1791
1788
 
1792
- const $66f3de62e88607b0$var$_tmpl$ = /*#__PURE__*/ (0, $g9l4l$template)(`<div class="range"><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>`, 18), $66f3de62e88607b0$var$_tmpl$2 = /*#__PURE__*/ (0, $g9l4l$template)(`<div class="slider"><div class="progress"></div></div>`, 4), $66f3de62e88607b0$var$_tmpl$3 = /*#__PURE__*/ (0, $g9l4l$template)(`<div class="range-group"><input type="range" step="any"><input type="range" step="any"></div>`, 4);
1789
+ const $66f3de62e88607b0$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="range"><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>`, 18), $66f3de62e88607b0$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="slider"><div class="progress"></div></div>`, 4), $66f3de62e88607b0$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="range-group"><input type="range" step="any"><input type="range" step="any"></div>`, 4);
1793
1790
  function $66f3de62e88607b0$export$e0d834a0ad870cda({ filter_: filter_ , selected_filters_: selected_filters_ , i18n_: i18n_ }) {
1794
1791
  const current_range = (0, $g9l4l$createSignal)((0, $g9l4l$untrack)(()=>filter_().data));
1795
1792
  const selected_filter = (0, $g9l4l$createMemo)(()=>selected_filters_[0]().find(({ field: checking_field , op: checking_op })=>checking_field === filter_().field && checking_op === filter_().op));
@@ -2067,7 +2064,7 @@ function $66f3de62e88607b0$var$set_range_with_sanitation(min_, max_, current_ran
2067
2064
 
2068
2065
 
2069
2066
 
2070
- const $ec5682ee833a8bee$var$_tmpl$ = /*#__PURE__*/ (0, $g9l4l$template)(`<div class="morphing-sign" role="img"><span></span><span></span></div>`, 6);
2067
+ const $ec5682ee833a8bee$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="morphing-sign" role="img"><span></span><span></span></div>`, 6);
2071
2068
  function $ec5682ee833a8bee$export$e5c2828934226505({ expanded_: expanded_ , i18n_: i18n_ }) {
2072
2069
  let first_span;
2073
2070
  let second_span;
@@ -2117,7 +2114,7 @@ function $ec5682ee833a8bee$export$e5c2828934226505({ expanded_: expanded_ , i18n
2117
2114
 
2118
2115
 
2119
2116
 
2120
- const $eea801a5802b521c$var$_tmpl$ = /*#__PURE__*/ (0, $g9l4l$template)(`<form class="checkboxes hierarchical"></form>`, 2), $eea801a5802b521c$var$_tmpl$2 = /*#__PURE__*/ (0, $g9l4l$template)(`<div class="checkbox-details"></div>`, 2), $eea801a5802b521c$var$_tmpl$3 = /*#__PURE__*/ (0, $g9l4l$template)(`<details></details>`, 2), $eea801a5802b521c$var$_tmpl$4 = /*#__PURE__*/ (0, $g9l4l$template)(`<summary class="category-parent"><div class="summary"><span class="count"></span></div></summary>`, 6);
2117
+ const $eea801a5802b521c$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<form class="checkboxes hierarchical"></form>`, 2), $eea801a5802b521c$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="checkbox-details"></div>`, 2), $eea801a5802b521c$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<details></details>`, 2), $eea801a5802b521c$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<summary class="category-parent"><div class="summary"><span class="count"></span></div></summary>`, 6);
2121
2118
  const $eea801a5802b521c$var$max_visible_without_collapsing = 7;
2122
2119
  const $eea801a5802b521c$var$show_non_collapsible_when_collapsed = 4;
2123
2120
  function $eea801a5802b521c$export$a32086fa6616eafd({ filter_: filter_ , selected_filters_: selected_filters_ , i18n_: i18n_ , view_more_button_below_group_: view_more_button_below_group_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ }) {
@@ -2482,10 +2479,10 @@ function $eea801a5802b521c$var$expand_until_choice(data_structure) {
2482
2479
  cloned_nodes.push(...Object.values(node.children_));
2483
2480
  }
2484
2481
  while(nodes.length === 1){
2485
- const node1 = nodes.pop();
2482
+ const node = nodes.pop();
2486
2483
  // as long as there's only one thing to expand, expand everything
2487
- node1.is_expanded_.set_low_precedence_expanded_(true);
2488
- nodes.push(...Object.values(node1.children_));
2484
+ node.is_expanded_.set_low_precedence_expanded_(true);
2485
+ nodes.push(...Object.values(node.children_));
2489
2486
  }
2490
2487
  });
2491
2488
  }
@@ -2499,7 +2496,7 @@ function $eea801a5802b521c$var$expand_until_choice(data_structure) {
2499
2496
 
2500
2497
 
2501
2498
 
2502
- const $351fbc622a053364$var$_tmpl$ = /*#__PURE__*/ (0, $g9l4l$template)(`<div class="checkbox-grid"></div>`, 2), $351fbc622a053364$var$_tmpl$2 = /*#__PURE__*/ (0, $g9l4l$template)(`<button class="major-minor-transition"></button>`, 2);
2499
+ const $351fbc622a053364$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="checkbox-grid"></div>`, 2), $351fbc622a053364$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<button class="major-minor-transition"></button>`, 2);
2503
2500
  const $351fbc622a053364$export$414f6a19d38e655c = ({ filter_: filter_ , selected_filters_: [get_selected_filters, set_selected_filters] })=>{
2504
2501
  const existing_filter = (0, $g9l4l$createMemo)(()=>{
2505
2502
  const { field: field , op: op } = filter_();
@@ -2574,12 +2571,192 @@ const $351fbc622a053364$export$414f6a19d38e655c = ({ filter_: filter_ , selected
2574
2571
  ]);
2575
2572
 
2576
2573
 
2574
+
2575
+
2576
+
2577
+
2578
+
2579
+
2580
+
2581
+
2582
+
2583
+
2584
+
2585
+
2586
+ const $b114513503b25433$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<form class="checkbox-color"></form>`, 2);
2587
+ const $b114513503b25433$var$max_visible_without_collapsing = 14;
2588
+ const $b114513503b25433$var$show_non_collapsible_when_collapsed = 8;
2589
+ function $b114513503b25433$export$82ed4b28ecb67608({ filter_: filter_ , selected_filters_: [get_selected_filters, set_selected_filters] , i18n_: i18n_ , view_more_button_below_group_: [_get_view_more_button_below_group_, set_view_more_button_below_group_] }) {
2590
+ const supports_hover = (0, $fefe7683325039b3$export$d9f36cf74e24d595)("not all and (hover: none)");
2591
+ // same as in CheckboxFilter, maybe we should make this DRY at some point
2592
+ const existing_filter = (0, $g9l4l$createMemo)(()=>{
2593
+ const { field: field , op: op } = filter_();
2594
+ return get_selected_filters().find(({ field: checking_field , op: checking_op })=>checking_field === field && checking_op === op);
2595
+ });
2596
+ let form;
2597
+ const checkboxes = (0, $g9l4l$createMemo)(()=>{
2598
+ const meta = filter_().meta;
2599
+ return meta.values.map((value_, index)=>// @ts-ignore - backend doesn't support colors yet
2600
+ ({
2601
+ value_: value_,
2602
+ name_: meta.names?.[index],
2603
+ count_: meta.counts?.[index],
2604
+ color_: meta.colors?.[index]
2605
+ }));
2606
+ });
2607
+ const render_checkbox = (checkbox)=>{
2608
+ // Checkbox always calls the getters in props, so we don't wrap these values into memos
2609
+ const [get_is_hovered, set_is_hovered] = (0, $g9l4l$createSignal)(false);
2610
+ const input_row = (0, $g9l4l$createComponent)((0, $4fa14d99b0f07c40$export$48513f6b9f8ce62d), {
2611
+ get value_ () {
2612
+ return checkbox().value_;
2613
+ },
2614
+ get label_ () {
2615
+ return checkbox().name_;
2616
+ },
2617
+ get count_ () {
2618
+ return checkbox().count_;
2619
+ },
2620
+ get checked_ () {
2621
+ return existing_filter()?.data?.includes(checkbox().value_);
2622
+ },
2623
+ custom_indicator_ref: (span)=>{
2624
+ const { classList: classList , style: style } = span;
2625
+ // create some memos for diffing
2626
+ const hue = (0, $g9l4l$createMemo)(()=>checkbox().color_[0]);
2627
+ const saturation = (0, $g9l4l$createMemo)(()=>checkbox().color_[1]);
2628
+ const lightness = (0, $g9l4l$createMemo)(()=>checkbox().color_[2]);
2629
+ const special_type = (0, $g9l4l$createMemo)(()=>checkbox().color_[3]);
2630
+ classList.add("color");
2631
+ (0, $g9l4l$createComputed)(()=>{
2632
+ const is_hovered = get_is_hovered() && supports_hover();
2633
+ classList.toggle("outline", lightness() > 90);
2634
+ if (special_type() === "multi") {
2635
+ // to generate darkened gradient, this was used:
2636
+ // $change: -5%;
2637
+ // background: linear-gradient(
2638
+ // 180deg,
2639
+ // color.adjust(#ff0000, $lightness: $change) 0%,
2640
+ // color.adjust(#ff6e00, $lightness: $change) 17.71%,
2641
+ // color.adjust(#ffff00, $lightness: $change) 33.33%,
2642
+ // color.adjust(#1eb41e, $lightness: $change) 50.52%,
2643
+ // color.adjust(#00d2ff, $lightness: $change) 67.71%,
2644
+ // color.adjust(#3737c8, $lightness: $change) 83.85%,
2645
+ // color.adjust(#d200ff, $lightness: $change) 100%
2646
+ // );
2647
+ classList.toggle("check-multi", true);
2648
+ style.backgroundImage = is_hovered ? `linear-gradient(#e60000 0%, #e66300 17.71%, #e6e600 33.33%, #1a9e1a 50.52%, #00bde6 67.71%, #3232b4 83.85%, #bd00e6 100%)` : `linear-gradient(180deg, #FF0000 0%, #FF6E00 17.71%, #FFFF00 33.33%, #1EB41E 50.52%, #00D2FF 67.71%, #3737C8 83.85%, #D200FF 100%)`;
2649
+ } else {
2650
+ const is_light = lightness() > 50;
2651
+ // lighten or darken (+/- 10) depending on it's over or under 50 lightness
2652
+ // lighten under 25 lightness by 20
2653
+ const target_lightness = is_hovered ? is_light ? lightness() - 10 : lightness() < 25 ? lightness() + 20 : lightness() + 10 : lightness();
2654
+ classList.toggle("check-dark", lightness() > 75); // dark checkmark for bright colors
2655
+ style.backgroundColor = `hsl(${hue()}, ${saturation()}%, ${target_lightness}%)`;
2656
+ }
2657
+ });
2658
+ }
2659
+ });
2660
+ input_row.addEventListener("mouseover", (0, $g9l4l$catchify)(()=>set_is_hovered(true)));
2661
+ input_row.addEventListener("mouseout", (0, $g9l4l$catchify)(()=>set_is_hovered(false)));
2662
+ return input_row;
2663
+ };
2664
+ const show_extras_signal = (0, $g9l4l$createSignal)(false);
2665
+ const [get_show_extras] = show_extras_signal;
2666
+ const togglable_rest = (0, $g9l4l$createMemo)(()=>checkboxes().length > $b114513503b25433$var$max_visible_without_collapsing);
2667
+ const expand_animation_duration = 200;
2668
+ const { expand: expand , collapse: collapse , ExpandingContainer: ExpandingContainer } = (0, $198845c3fc59215a$export$5bad61ecde080b1f)({
2669
+ duration: expand_animation_duration
2670
+ });
2671
+ const [get_having_expanding_in_dom, set_having_expanding_in_dom] = (0, $g9l4l$createSignal)((0, $g9l4l$untrack)(togglable_rest)); // We need to remove the expanding els from the DOM if they're empty, otherwise the flexbox makes a weird gap to the right of the last item sometimes
2672
+ const expanding_container_els = (0, $g9l4l$createComponent)(ExpandingContainer, {
2673
+ get children () {
2674
+ return (0, $g9l4l$createComponent)((0, $g9l4l$Show), {
2675
+ get when () {
2676
+ return togglable_rest();
2677
+ },
2678
+ get children () {
2679
+ return (0, $g9l4l$createComponent)((0, $g9l4l$Index), {
2680
+ get each () {
2681
+ return checkboxes().slice($b114513503b25433$var$show_non_collapsible_when_collapsed);
2682
+ },
2683
+ children: render_checkbox
2684
+ });
2685
+ }
2686
+ });
2687
+ }
2688
+ });
2689
+ expanding_container_els.style.flexGrow = "1"; // gets weird otherwise with few elements (we need it to grow to take the whole width so the justify-content to get the gap works)
2690
+ const inner_div = expanding_container_els?.firstChild;
2691
+ if (inner_div) inner_div.classList.add("checkbox-color");
2692
+ else (0, $g9l4l$report)(new Error("Someone refactored ExpandingContainer and broke CheckboxColor"), "error");
2693
+ (0, $g9l4l$createComputed)(()=>{
2694
+ if (togglable_rest()) set_having_expanding_in_dom(true); // instantly put into the DOM before the animation starts
2695
+ });
2696
+ (0, $g9l4l$createRenderEffect)(()=>{
2697
+ set_view_more_button_below_group_(togglable_rest() ? (0, $g9l4l$createComponent)((0, $9e6544e509214c47$export$ca21a16d65b3dd8), {
2698
+ show_extras_: show_extras_signal,
2699
+ i18n_: i18n_
2700
+ }) : []);
2701
+ });
2702
+ (0, $g9l4l$createEffect)((0, $g9l4l$catchify)(async ()=>{
2703
+ if (!togglable_rest()) {
2704
+ await collapse();
2705
+ set_having_expanding_in_dom(false); // Once animation has finished, remove expanding from DOM
2706
+ // Waiting with removing might not be needed, but it felt slightly glitchy before and this works so leaving it
2707
+ return;
2708
+ }
2709
+ if (get_show_extras()) await expand();
2710
+ else await collapse();
2711
+ }));
2712
+ return (()=>{
2713
+ const _el$ = $b114513503b25433$var$_tmpl$.cloneNode(true);
2714
+ (0, $g9l4l$addEventListener)(_el$, "change", (0, $g9l4l$catchify)(()=>{
2715
+ const set_filter = existing_filter();
2716
+ const { field: field , op: op } = filter_();
2717
+ const base_object = set_filter ? set_filter : {
2718
+ op: op,
2719
+ field: field
2720
+ };
2721
+ const filter_object = {
2722
+ ...base_object,
2723
+ data: [
2724
+ ...new FormData(form)
2725
+ ].filter(([_key, value])=>value === "on").map(([key])=>key)
2726
+ };
2727
+ const selected_filters = [
2728
+ ...get_selected_filters()
2729
+ ];
2730
+ if (set_filter) selected_filters.splice(selected_filters.indexOf(set_filter), 1);
2731
+ if (filter_object.data.length) selected_filters.push(filter_object);
2732
+ set_selected_filters(selected_filters);
2733
+ }));
2734
+ const _ref$ = form;
2735
+ typeof _ref$ === "function" ? (0, $g9l4l$use)(_ref$, _el$) : form = _el$;
2736
+ (0, $g9l4l$insert)(_el$, (0, $g9l4l$createComponent)((0, $g9l4l$Index), {
2737
+ get each () {
2738
+ return (0, $g9l4l$memo)(()=>!!togglable_rest())() ? checkboxes().slice(0, $b114513503b25433$var$show_non_collapsible_when_collapsed) : checkboxes();
2739
+ },
2740
+ children: render_checkbox
2741
+ }), null);
2742
+ (0, $g9l4l$insert)(_el$, (0, $g9l4l$createComponent)((0, $g9l4l$Show), {
2743
+ get when () {
2744
+ return get_having_expanding_in_dom();
2745
+ },
2746
+ children: expanding_container_els
2747
+ }), null);
2748
+ return _el$;
2749
+ })();
2750
+ }
2751
+
2752
+
2577
2753
  var $7b224b353182ce9a$export$2e2bcd8739ae039 = {
2578
2754
  checkbox: (0, $5be19bd31e1c92fe$export$dd948f91abc3a1c4),
2579
2755
  radio: (0, $d51fc80c159e5488$export$430444115f70a734),
2580
2756
  range: (0, $66f3de62e88607b0$export$e0d834a0ad870cda),
2581
2757
  "checkbox-hierarchical": (0, $eea801a5802b521c$export$a32086fa6616eafd),
2582
- "checkbox-grid": (0, $351fbc622a053364$export$414f6a19d38e655c)
2758
+ "checkbox-grid": (0, $351fbc622a053364$export$414f6a19d38e655c),
2759
+ "checkbox-color": (0, $b114513503b25433$export$82ed4b28ecb67608)
2583
2760
  };
2584
2761
 
2585
2762
 
@@ -2742,7 +2919,7 @@ function $dd3727f29e682893$export$b288c38ae3fddb56({ available_filters_: availab
2742
2919
 
2743
2920
 
2744
2921
 
2745
- const $7c4a8499f0ad6e11$var$_tmpl$ = /*#__PURE__*/ (0, $g9l4l$template)(`<span class="show-selected" aria-hidden="true"><span></span></span>`, 4);
2922
+ const $7c4a8499f0ad6e11$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<span class="show-selected" aria-hidden="true"><span></span></span>`, 4);
2746
2923
  function $7c4a8499f0ad6e11$export$53c59af873b303c9({ selected_filters_in_group_: selected_filters_in_group_ , i18n_: { price_formatting_: price_formatting_ } }) {
2747
2924
  const [show_tick_icon, set_show_tick_icon] = (0, $g9l4l$createSignal)(false);
2748
2925
  return (()=>{
@@ -2854,7 +3031,7 @@ function $a2432c33d88ec427$export$ab34afce88557c0e(props) {
2854
3031
 
2855
3032
 
2856
3033
 
2857
- const $a406ebe9523f192f$var$_tmpl$ = /*#__PURE__*/ (0, $g9l4l$template)(`<div></div>`, 2);
3034
+ const $a406ebe9523f192f$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div></div>`, 2);
2858
3035
  function $a406ebe9523f192f$export$b69d0d92862de18b(props) {
2859
3036
  return (0, $g9l4l$ErrorBoundary)({
2860
3037
  fallback (err) {
@@ -2877,7 +3054,7 @@ function $a406ebe9523f192f$export$b69d0d92862de18b(props) {
2877
3054
 
2878
3055
 
2879
3056
 
2880
- const $8aff437d739a524d$var$_tmpl$ = /*#__PURE__*/ (0, $g9l4l$template)(`<div class="filter-collapsible"></div>`, 2), $8aff437d739a524d$var$_tmpl$2 = /*#__PURE__*/ (0, $g9l4l$template)(`<button class="clear-group"><span></span></button>`, 4), $8aff437d739a524d$var$_tmpl$3 = /*#__PURE__*/ (0, $g9l4l$template)(`<div class="view-more-clear"></div>`, 2), $8aff437d739a524d$var$_tmpl$4 = /*#__PURE__*/ (0, $g9l4l$template)(`<div class="filter-collapsible-body"><div class="filter-part"></div></div>`, 4), $8aff437d739a524d$var$_tmpl$5 = /*#__PURE__*/ (0, $g9l4l$template)(`<details class="filter-collapsible"></details>`, 2), $8aff437d739a524d$var$_tmpl$6 = /*#__PURE__*/ (0, $g9l4l$template)(`<summary class="filter-group-summary"><div class="summary"><span></span><div class="selected-w-sign"></div></div></summary>`, 8), $8aff437d739a524d$var$_tmpl$7 = /*#__PURE__*/ (0, $g9l4l$template)(`<div class="ungrouped"></div>`, 2), $8aff437d739a524d$var$_tmpl$8 = /*#__PURE__*/ (0, $g9l4l$template)(`<button class="clear-all-filters major"></button>`, 2);
3057
+ const $8aff437d739a524d$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="filter-collapsible"></div>`, 2), $8aff437d739a524d$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<button class="clear-group"><span></span></button>`, 4), $8aff437d739a524d$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="view-more-clear"></div>`, 2), $8aff437d739a524d$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="filter-collapsible-body"><div class="filter-part"></div></div>`, 4), $8aff437d739a524d$var$_tmpl$5 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<details class="filter-collapsible"></details>`, 2), $8aff437d739a524d$var$_tmpl$6 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<summary class="filter-group-summary"><div class="summary"><span></span><div class="selected-w-sign"></div></div></summary>`, 8), $8aff437d739a524d$var$_tmpl$7 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="ungrouped"></div>`, 2), $8aff437d739a524d$var$_tmpl$8 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<button class="clear-all-filters major"></button>`, 2);
2881
3058
  function $8aff437d739a524d$export$3f1a388cc0d8fed7(props) {
2882
3059
  // Split like this to make placeholder wrapping more visible & this component is exported and used in MobileModal
2883
3060
  return (0, $g9l4l$createComponent)((0, $g9l4l$Show), {
@@ -3106,7 +3283,7 @@ function $8aff437d739a524d$var$ActualFilterBody(props) {
3106
3283
 
3107
3284
 
3108
3285
 
3109
- const $c23bd3d951eee1f2$var$_tmpl$ = /*#__PURE__*/ (0, $g9l4l$template)(`<div class="sorting-attributes"></div>`, 2), $c23bd3d951eee1f2$var$_tmpl$2 = /*#__PURE__*/ (0, $g9l4l$template)(`<div class="sorting-direction"></div>`, 2), $c23bd3d951eee1f2$var$_tmpl$3 = /*#__PURE__*/ (0, $g9l4l$template)(`<div><div class="input-row"><input type="radio"><span class="custom-indicator"></span></div></div>`, 7), $c23bd3d951eee1f2$var$_tmpl$4 = /*#__PURE__*/ (0, $g9l4l$template)(`<div><label class="input-row"><input type="radio"><span class="custom-indicator"></span></label></div>`, 7);
3286
+ const $c23bd3d951eee1f2$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="sorting-attributes"></div>`, 2), $c23bd3d951eee1f2$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="sorting-direction"></div>`, 2), $c23bd3d951eee1f2$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div><div class="input-row"><input type="radio"><span class="custom-indicator"></span></div></div>`, 7), $c23bd3d951eee1f2$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div><label class="input-row"><input type="radio"><span class="custom-indicator"></span></label></div>`, 7);
3110
3287
  function $c23bd3d951eee1f2$export$1f1775a58da589b5({ available_sortings_: available_sortings_ , current_sorting_: current_sorting_ }) {
3111
3288
  const title_radio_name = (0, $g9l4l$make_random_classname)();
3112
3289
  const order_radio_name = (0, $g9l4l$make_random_classname)();
@@ -3237,9 +3414,9 @@ function $a1123c5ed9b0ee29$export$fe334901e8bebd57() {
3237
3414
  const style = element.style;
3238
3415
  const original_value = style.overflow;
3239
3416
  style.overflow = "hidden";
3240
- const fn1 = (0, $g9l4l$catchify)(()=>style.overflow = original_value);
3241
- cleanup_fns.push(fn1);
3242
- (0, $g9l4l$onCleanup)(fn1);
3417
+ const fn = (0, $g9l4l$catchify)(()=>style.overflow = original_value);
3418
+ cleanup_fns.push(fn);
3419
+ (0, $g9l4l$onCleanup)(fn);
3243
3420
  }
3244
3421
  }
3245
3422
  return cleanup;
@@ -3254,7 +3431,7 @@ function $a1123c5ed9b0ee29$export$fe334901e8bebd57() {
3254
3431
 
3255
3432
 
3256
3433
 
3257
- const $fd7da6fb3e08aa40$var$_tmpl$ = /*#__PURE__*/ (0, $g9l4l$template)(`<button class="clear minor"></button>`, 2), $fd7da6fb3e08aa40$var$_tmpl$2 = /*#__PURE__*/ (0, $g9l4l$template)(`<div class="depict plp 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"></div><div class="bottom-row"><button class="show-results major"></button></div></div></div>`, 14), $fd7da6fb3e08aa40$var$_tmpl$3 = /*#__PURE__*/ (0, $g9l4l$template)(`<details class="sorting"></details>`, 2), $fd7da6fb3e08aa40$var$_tmpl$4 = /*#__PURE__*/ (0, $g9l4l$template)(`<summary class="sort-filter-summary"><div class="summary"><div class="left-els"><span></span></div></div></summary>`, 8), $fd7da6fb3e08aa40$var$_tmpl$5 = /*#__PURE__*/ (0, $g9l4l$template)(`<div class="body"></div>`, 2), $fd7da6fb3e08aa40$var$_tmpl$6 = /*#__PURE__*/ (0, $g9l4l$template)(`<details class="filters"></details>`, 2), $fd7da6fb3e08aa40$var$_tmpl$7 = /*#__PURE__*/ (0, $g9l4l$template)(`<b></b>`, 2);
3434
+ const $fd7da6fb3e08aa40$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<button class="clear minor"></button>`, 2), $fd7da6fb3e08aa40$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="depict plp 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"></div><div class="bottom-row"><button class="show-results major"></button></div></div></div>`, 14), $fd7da6fb3e08aa40$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<details class="sorting"></details>`, 2), $fd7da6fb3e08aa40$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<summary class="sort-filter-summary"><div class="summary"><div class="left-els"><span></span></div></div></summary>`, 8), $fd7da6fb3e08aa40$var$_tmpl$5 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="body"></div>`, 2), $fd7da6fb3e08aa40$var$_tmpl$6 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<details class="filters"></details>`, 2), $fd7da6fb3e08aa40$var$_tmpl$7 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<b></b>`, 2);
3258
3435
  const $fd7da6fb3e08aa40$var$no_go_selector = ".range .range-group";
3259
3436
  function $fd7da6fb3e08aa40$export$9bf11afa910f536e({ args_for_sorting_: args_for_sorting_ , args_for_filtering_: args_for_filtering_ , search_filters_open_: [get_search_filters_open, set_search_filters_open] , search_sorting_open_: [get_search_sorting_open, set_search_sorting_open] , dismiss_modal_: dismiss_modal_ , register_closing_animation_: register_closing_animation_ , formatted_number_of_results_: formatted_number_of_results_ , i18n_: i18n_ }) {
3260
3437
  (0, $a1123c5ed9b0ee29$export$fe334901e8bebd57)();
@@ -3525,7 +3702,7 @@ function $fd7da6fb3e08aa40$export$9bf11afa910f536e({ args_for_sorting_: args_for
3525
3702
 
3526
3703
 
3527
3704
 
3528
- const $bf7fe049e78f975a$var$_tmpl$ = /*#__PURE__*/ (0, $g9l4l$template)(`<div class="filters"><div class="body"></div></div>`, 4), $bf7fe049e78f975a$var$_tmpl$2 = /*#__PURE__*/ (0, $g9l4l$template)(`<div class="sorting"><div class="body"></div></div>`, 4), $bf7fe049e78f975a$var$_tmpl$3 = /*#__PURE__*/ (0, $g9l4l$template)(`<div class="sort-and-filter-buttons"><div class="outer"><div class="inner"></div></div></div>`, 6), $bf7fe049e78f975a$var$_tmpl$4 = /*#__PURE__*/ (0, $g9l4l$template)(`<span class="num-filters"></span>`, 2), $bf7fe049e78f975a$var$_tmpl$5 = /*#__PURE__*/ (0, $g9l4l$template)(`<div class="open-filters-button-container"><button class="filter toggle-button major-minor-transition" type="button"><span></span></button></div>`, 6), $bf7fe049e78f975a$var$_tmpl$6 = /*#__PURE__*/ (0, $g9l4l$template)(`<button class="toggle-button for-sorting major-minor-transition"><span></span></button>`, 4);
3705
+ const $bf7fe049e78f975a$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="filters"><div class="body"></div></div>`, 4), $bf7fe049e78f975a$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="sorting"><div class="body"></div></div>`, 4), $bf7fe049e78f975a$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="sort-and-filter-buttons"><div class="outer"><div class="inner"></div></div></div>`, 6), $bf7fe049e78f975a$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<span class="num-filters"></span>`, 2), $bf7fe049e78f975a$var$_tmpl$5 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="open-filters-button-container"><button class="filter toggle-button major-minor-transition" type="button"><span></span></button></div>`, 6), $bf7fe049e78f975a$var$_tmpl$6 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<button class="toggle-button for-sorting major-minor-transition"><span></span></button>`, 4);
3529
3706
  function $bf7fe049e78f975a$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_ }) {
3530
3707
  return (0, $a406ebe9523f192f$export$b69d0d92862de18b)({
3531
3708
  severity_: "error",
@@ -3757,7 +3934,7 @@ function $bf7fe049e78f975a$var$OpenSortingButton({ i18n_: i18n_ , current_sortin
3757
3934
 
3758
3935
 
3759
3936
 
3760
- const $4a2667e8d77eb55a$var$_tmpl$ = /*#__PURE__*/ (0, $g9l4l$template)(`<div class="floating-buttons"><button class="filter"><div></div></button><button class="sort"><div></div></button><button class="up"><div></div></button></div>`, 14);
3937
+ const $4a2667e8d77eb55a$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="floating-buttons"><button class="filter"><div></div></button><button class="sort"><div></div></button><button class="up"><div></div></button></div>`, 14);
3761
3938
  function $4a2667e8d77eb55a$export$b23abd26de154ede(props) {
3762
3939
  const [is_small, set_is_small] = (0, $g9l4l$createSignal)(true);
3763
3940
  (0, $g9l4l$onCleanup)((0, $g9l4l$javascript_media_query)("(max-width:651px)", ({ matches: matches })=>set_is_small(matches)).remove);
@@ -3901,7 +4078,7 @@ function $4a2667e8d77eb55a$var$ActualFloatingButtons({ search_filters_open_: [ge
3901
4078
 
3902
4079
 
3903
4080
 
3904
- const $1b5a927e48d892a1$var$_tmpl$ = /*#__PURE__*/ (0, $g9l4l$template)(`<nav class="crumbs"></nav>`, 2), $1b5a927e48d892a1$var$_tmpl$2 = /*#__PURE__*/ (0, $g9l4l$template)(`<a class="crumb"></a>`, 2), $1b5a927e48d892a1$var$_tmpl$3 = /*#__PURE__*/ (0, $g9l4l$template)(`<span class="separator"></span>`, 2);
4081
+ const $1b5a927e48d892a1$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<nav class="crumbs"></nav>`, 2), $1b5a927e48d892a1$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<a class="crumb"></a>`, 2), $1b5a927e48d892a1$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<span class="separator"></span>`, 2);
3905
4082
  function $1b5a927e48d892a1$export$5646050d516e06bc({ crumb_data_: get_api_crumb_data , on_crumb_click_: on_crumb_click_ , i18n_: i18n_ }) {
3906
4083
  const placeholder_crumb_data = [
3907
4084
  ,
@@ -3971,7 +4148,7 @@ function $1b5a927e48d892a1$export$5646050d516e06bc({ crumb_data_: get_api_crumb_
3971
4148
 
3972
4149
 
3973
4150
 
3974
- const $6af87e1502f04aa3$var$_tmpl$ = /*#__PURE__*/ (0, $g9l4l$template)(`<nav class="quicklinks"></nav>`, 2), $6af87e1502f04aa3$var$_tmpl$2 = /*#__PURE__*/ (0, $g9l4l$template)(`<div>QuickLinks failed</div>`, 2), $6af87e1502f04aa3$var$_tmpl$3 = /*#__PURE__*/ (0, $g9l4l$template)(`<a class="quicklink"></a>`, 2);
4151
+ const $6af87e1502f04aa3$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<nav class="quicklinks"></nav>`, 2), $6af87e1502f04aa3$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div>QuickLinks failed</div>`, 2), $6af87e1502f04aa3$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<a class="quicklink"></a>`, 2);
3975
4152
  function $6af87e1502f04aa3$export$466cdc317043f6cb({ quicklinks_data_: quicklinks_data_ , on_link_click_: on_link_click_ , current_query_id_: current_query_id_ , slider_arrow_button_: slider_arrow_button_ , breadcrumb_data_: breadcrumb_data_ , i18n_: i18n_ }) {
3976
4153
  let scrolling_logic_ran_for_query_id = false;
3977
4154
  let last_scroll_position;
@@ -4281,7 +4458,7 @@ let $01115659405f3c64$export$44dad306455dddf;
4281
4458
  })($01115659405f3c64$export$44dad306455dddf || ($01115659405f3c64$export$44dad306455dddf = {}));
4282
4459
 
4283
4460
 
4284
- const $1ae892b13d7746ab$var$_tmpl$ = /*#__PURE__*/ (0, $g9l4l$template)(`<div class="product-count"> </div>`, 2), $1ae892b13d7746ab$var$_tmpl$2 = /*#__PURE__*/ (0, $g9l4l$template)(`<div></div>`, 2), $1ae892b13d7746ab$var$_tmpl$3 = /*#__PURE__*/ (0, $g9l4l$template)(`<div class="filter-results-for-one-row"></div>`, 2), $1ae892b13d7746ab$var$_tmpl$4 = /*#__PURE__*/ (0, $g9l4l$template)(`<div class="depict plp category"><div class="listing-page"></div></div>`, 4);
4461
+ const $1ae892b13d7746ab$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="product-count"> </div>`, 2), $1ae892b13d7746ab$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div></div>`, 2), $1ae892b13d7746ab$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="filter-results-for-one-row"></div>`, 2), $1ae892b13d7746ab$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="depict plp category"><div class="listing-page"></div></div>`, 4);
4285
4462
  function $1ae892b13d7746ab$export$f7d2f673fc2f091d({ depict_api_: depict_api_ , query_id_: query_id_ , current_sorting_: current_sorting_ , min_products_to_fetch_: min_products_to_fetch_ , category_filters_open_: category_filters_open_ , category_sorting_open_: category_sorting_open_ , expanded_filters_: expanded_filters_ , selected_filters_: selected_filters_ , get_quicklinks_accessor_: get_quicklinks_accessor_ , i18n_: incoming_i18n , get_breadcrumb_accessor_: get_breadcrumb_accessor_ , slider_arrow_button_: slider_arrow_button_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , local_filter_cache_: local_filter_cache_ , tenant_: tenant_ , market_: market_ , on_category_link_click_: on_category_link_click_ , show_quicklinks_: show_quicklinks_ , category_title_: category_title_ , show_breadcrumbs_: show_breadcrumbs_ , layout_options_: layout_options_ , scroll_restoration_data_: scroll_restoration_data_ , rr_options_: rr_options_ , get_product_id_: get_product_id_ }) {
4286
4463
  let results_for;
4287
4464
  let only_show_filters_opener_;
@@ -4710,7 +4887,7 @@ function $0466953901b38f18$export$f091cbac892643a4(obj) {
4710
4887
  }
4711
4888
 
4712
4889
 
4713
- const $a45c51e5e7aeb7f1$var$_tmpl$ = /*#__PURE__*/ (0, $g9l4l$template)(`<div class="depict plp category"></div>`, 2);
4890
+ const $a45c51e5e7aeb7f1$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="depict plp category"></div>`, 2);
4714
4891
  const $a45c51e5e7aeb7f1$var$min_products_to_fetch_ = 20;
4715
4892
  const $a45c51e5e7aeb7f1$var$privately_shared_properties = /*@__PURE__*/ new WeakMap();
4716
4893
  const $a45c51e5e7aeb7f1$var$InExternalAreaDiv = ({ children: children })=>(()=>{
@@ -4773,10 +4950,10 @@ class $a45c51e5e7aeb7f1$export$f34314aa9505732e {
4773
4950
  try {
4774
4951
  on_navigation(d.page_url, e, d);
4775
4952
  e.preventDefault();
4776
- } catch (e1) {
4953
+ } catch (e) {
4777
4954
  queueMicrotask(()=>{
4778
4955
  // make sure to throw into the global scope if on_navigation throws
4779
- throw e1;
4956
+ throw e;
4780
4957
  });
4781
4958
  }
4782
4959
  });
@@ -4834,7 +5011,10 @@ function $a45c51e5e7aeb7f1$export$e2bf8ce7779e827e({ depict_category: depict_cat
4834
5011
  ...grid_spacing_override
4835
5012
  },
4836
5013
  rr_options_: {
4837
- template: product_card_template
5014
+ template: (display, info)=>{
5015
+ const is_placeholder = info.rendering_options.type === "placeholder";
5016
+ return product_card_template(is_placeholder ? null : display, info);
5017
+ }
4838
5018
  }
4839
5019
  });
4840
5020
  }, "Entire CategoryPage failed");
@@ -4878,7 +5058,7 @@ function $a45c51e5e7aeb7f1$var$get_shared_properties(depict_category) {
4878
5058
 
4879
5059
 
4880
5060
 
4881
- const $6340962f8bafd049$var$_tmpl$ = /*#__PURE__*/ (0, $g9l4l$template)(`<div class="category-title"><h2 class="title"></h2><span class="explanation"> — </span></div>`, 6);
5061
+ const $6340962f8bafd049$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="category-title"><h2 class="title"></h2><span class="explanation"> — </span></div>`, 6);
4882
5062
  const $6340962f8bafd049$export$b91cec6bdc6b32a1 = /*@__PURE__*/ (()=>{
4883
5063
  const actual_function = ({ category_title_: category_title_ , product_count_: product_count_ })=>{
4884
5064
  return (()=>{
@@ -4900,7 +5080,7 @@ const $6340962f8bafd049$export$b91cec6bdc6b32a1 = /*@__PURE__*/ (()=>{
4900
5080
 
4901
5081
 
4902
5082
 
4903
- const $9b693ea3ff420de6$var$_tmpl$ = /*#__PURE__*/ (0, $g9l4l$template)(`<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>`, 6);
5083
+ const $9b693ea3ff420de6$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<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>`, 6);
4904
5084
  const $9b693ea3ff420de6$export$824dde41348efed1 = /*@__PURE__*/ (()=>{
4905
5085
  const actual_function = ({ make_product_count_: make_product_count_ , set_observed_results_filters_elements_: set_observed_results_filters_elements_ , is_slim_: is_slim_ , sort_and_filter_element_: sort_and_filter_element_ , extra_sort_and_filter_args_: extra_sort_and_filter_args_ })=>{
4906
5086
  // this does two things: make the sorting and filters button the same width and move the number of products out of the SortAndFilter middle_elements_ if it doesn't fit
@@ -5063,7 +5243,7 @@ async function $80a49d3809ecb080$var$download_categories(tenant, market) {
5063
5243
 
5064
5244
 
5065
5245
 
5066
- const $aaacfac0064e97d9$var$_tmpl$ = /*#__PURE__*/ (0, $g9l4l$template)(`<div class="instant-card"><div class="img-part"></div><div class="right-part"><div class="title-brand-tagline"><span class="title"></span></div></div></div>`, 10);
5246
+ const $aaacfac0064e97d9$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="instant-card"><div class="img-part"></div><div class="right-part"><div class="title-brand-tagline"><span class="title"></span></div></div></div>`, 10);
5067
5247
  function $aaacfac0064e97d9$export$ee1733d9a8495996() {
5068
5248
  return (()=>{
5069
5249
  const _el$ = $aaacfac0064e97d9$var$_tmpl$.cloneNode(true), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild;
@@ -5088,7 +5268,7 @@ function $aaacfac0064e97d9$export$ee1733d9a8495996() {
5088
5268
 
5089
5269
 
5090
5270
 
5091
- const $7a7079d66c12b788$var$_tmpl$ = /*#__PURE__*/ (0, $g9l4l$template)(`<span class="parent-title"></span>`, 2), $7a7079d66c12b788$var$_tmpl$2 = /*#__PURE__*/ (0, $g9l4l$template)(`<a class="category-suggestion"><span class="title"></span></a>`, 4);
5271
+ const $7a7079d66c12b788$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<span class="parent-title"></span>`, 2), $7a7079d66c12b788$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<a class="category-suggestion"><span class="title"></span></a>`, 4);
5092
5272
  function $7a7079d66c12b788$export$d757d54550ebfb3d({ category_suggestion_: category_suggestion_ , on_navigation_: on_navigation_ }) {
5093
5273
  return (()=>{
5094
5274
  const _el$ = $7a7079d66c12b788$var$_tmpl$2.cloneNode(true), _el$2 = _el$.firstChild;
@@ -5131,7 +5311,7 @@ function $7a7079d66c12b788$export$d757d54550ebfb3d({ category_suggestion_: categ
5131
5311
 
5132
5312
 
5133
5313
 
5134
- const $3a2af5e36c43cf2f$var$_tmpl$ = /*#__PURE__*/ (0, $g9l4l$template)(`<button class="back" type="button"></button>`, 2), $3a2af5e36c43cf2f$var$_tmpl$2 = /*#__PURE__*/ (0, $g9l4l$template)(`<div class="query-input"><div class="field"><input class="query" tabindex="0"><button type="button" class="clear"></button></div><button class="submit major" type="button"></button></div>`, 9);
5314
+ const $3a2af5e36c43cf2f$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<button class="back" type="button"></button>`, 2), $3a2af5e36c43cf2f$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="query-input"><div class="field"><input class="query" tabindex="0"><button type="button" class="clear"></button></div><button class="submit major" type="button"></button></div>`, 9);
5135
5315
  function $3a2af5e36c43cf2f$export$ff21851bb5d30e15({ search_field_value_: search_field_value_ , input_field_ref_: input_field_ref_ , field_element_ref_: field_element_ref_ , submit_query_: submit_query_ , override_on_enter_: override_on_enter_ , clear_filters_: clear_filters_ , disabled_: disabled_ = false , on_back_: on_back_ , i18n_: i18n_ }) {
5136
5316
  let input_field;
5137
5317
  (0, $g9l4l$createEffect)((0, $g9l4l$catchify)(async ()=>{
@@ -5230,7 +5410,7 @@ function $3a2af5e36c43cf2f$export$ff21851bb5d30e15({ search_field_value_: search
5230
5410
 
5231
5411
 
5232
5412
 
5233
- const $aee0c68312d971f4$var$_tmpl$ = /*#__PURE__*/ (0, $g9l4l$template)(`<div class="cards"></div>`, 2), $aee0c68312d971f4$var$_tmpl$2 = /*#__PURE__*/ (0, $g9l4l$template)(`<div class="search-recs"><h3 class="search-recs-title"></h3></div>`, 4), $aee0c68312d971f4$var$_tmpl$3 = /*#__PURE__*/ (0, $g9l4l$template)(`<button class="show-more major" type="button"></button>`, 2);
5413
+ const $aee0c68312d971f4$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="cards"></div>`, 2), $aee0c68312d971f4$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="search-recs"><h3 class="search-recs-title"></h3></div>`, 4), $aee0c68312d971f4$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<button class="show-more major" type="button"></button>`, 2);
5234
5414
  const $aee0c68312d971f4$export$1c8c715550dc689d = 2;
5235
5415
  function $aee0c68312d971f4$export$7de92c4c2205ebf3({ depict_api_: depict_api_ , i18n_: i18n_ , tenant_object_: tenant_object_ , search_query_base_: search_query_base_ , rr_options_: rr_options_ , showing_recommendation_rows_: showing_recommendation_rows_ , view_more_button_: view_more_button_ = true , layout_options_: layout_options_ }) {
5236
5416
  const [is_showing_something, set_is_showing_something] = (0, $g9l4l$createSignal)(false);
@@ -5568,7 +5748,7 @@ function $4ad18a8b237ff7f6$export$2542ffb77b620b02(params_to_default_value) {
5568
5748
 
5569
5749
 
5570
5750
 
5571
- const $d3c0043bb23a833f$var$_tmpl$ = /*#__PURE__*/ (0, $g9l4l$template)(`<span class="orig price"></span>`, 2), $d3c0043bb23a833f$var$_tmpl$2 = /*#__PURE__*/ (0, $g9l4l$template)(`<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"></span></div><div class="price-container"><span class="price"></span></div></div></a>`, 16), $d3c0043bb23a833f$var$_tmpl$3 = /*#__PURE__*/ (0, $g9l4l$template)(`<div class="tagline"></div>`, 2);
5751
+ const $d3c0043bb23a833f$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<span class="orig price"></span>`, 2), $d3c0043bb23a833f$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<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"></span></div><div class="price-container"><span class="price"></span></div></div></a>`, 16), $d3c0043bb23a833f$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="tagline"></div>`, 2);
5572
5752
  const $d3c0043bb23a833f$export$b05c0ae390cf3e06 = (display_or_variant_container, { i18n: i18n })=>{
5573
5753
  const display = (0, $g9l4l$createMemo)(()=>{
5574
5754
  const display = display_or_variant_container();
@@ -5651,7 +5831,7 @@ const $d3c0043bb23a833f$export$b05c0ae390cf3e06 = (display_or_variant_container,
5651
5831
  };
5652
5832
 
5653
5833
 
5654
- const $d811ce622b5b7626$var$_tmpl$ = /*#__PURE__*/ (0, $g9l4l$template)(`<div class="instant-results"></div>`, 2);
5834
+ const $d811ce622b5b7626$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="instant-results"></div>`, 2);
5655
5835
  function $d811ce622b5b7626$export$62f101a8aa597bf8({ depict_api_: depict_api_ , search_field_value_: [get_search_field_value] , tenant_: tenant_ , market_: market_ , render_instant_card_: render_instant_card_ , render_instant_card_placeholder_: render_instant_card_placeholder_ , min_products_to_fetch_: min_products_to_fetch_ , has_sort_or_filters_: has_sort_or_filters_ , set_num_results_accessor_: set_num_results_accessor_ , i18n_: i18n_ }) {
5656
5836
  const max_cards = 4;
5657
5837
  const [read_current_instant_query, write_current_instant_query] = (0, $g9l4l$createSignal)("");
@@ -5788,7 +5968,7 @@ function $d811ce622b5b7626$var$unwrapping_helper(elements) {
5788
5968
 
5789
5969
 
5790
5970
 
5791
- const $ced3551536e52fa1$var$_tmpl$ = /*#__PURE__*/ (0, $g9l4l$template)(`<div style="position:absolute;z-index:-1;pointer-events:none;width:100%;height:200%;top:-100%;"></div>`, 2), $ced3551536e52fa1$var$_tmpl$2 = /*#__PURE__*/ (0, $g9l4l$template)(`<div style="position:absolute;z-index:-1;pointer-events:none;width:100%;height:200%;"></div>`, 2);
5971
+ const $ced3551536e52fa1$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div style="position:absolute;z-index:-1;pointer-events:none;width:100%;height:200%;top:-100%;"></div>`, 2), $ced3551536e52fa1$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div style="position:absolute;z-index:-1;pointer-events:none;width:100%;height:200%;"></div>`, 2);
5792
5972
  function $ced3551536e52fa1$export$50b90be27d8502d9(el, [get_style_props, set_style_props], bottom_distance) {
5793
5973
  const overflow_style_beginning = "position:absolute;z-index:-1;pointer-events:none;width:100%;height:200%;";
5794
5974
  const upper_overflowing_box = $ced3551536e52fa1$var$_tmpl$.cloneNode(true);
@@ -5872,7 +6052,7 @@ function $8fee64e5ff6fd014$export$91c3b6774e8be0f5({ param_: param_ , value_: va
5872
6052
 
5873
6053
 
5874
6054
 
5875
- const $dd44dd5f5011ac6f$var$_tmpl$ = /*#__PURE__*/ (0, $g9l4l$template)(`<div class="previous-searches"><h2 class="text"></h2><div class="list"></div></div>`, 6), $dd44dd5f5011ac6f$var$_tmpl$2 = /*#__PURE__*/ (0, $g9l4l$template)(`<a class="item"><div class="left"><span></span></div><button class="delete"></button></a>`, 8);
6055
+ const $dd44dd5f5011ac6f$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="previous-searches"><h2 class="text"></h2><div class="list"></div></div>`, 6), $dd44dd5f5011ac6f$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<a class="item"><div class="left"><span></span></div><button class="delete"></button></a>`, 8);
5876
6056
  function $dd44dd5f5011ac6f$export$a146ac6fa8346a25({ text_: text_ , previous_searches_: previous_searches_ , search_query_param_name_: search_query_param_name_ , currently_showing_suggestions_: currently_showing_suggestions_ , set_unfiltered_previous_searches_: set_unfiltered_previous_searches_ , search_field_value_: search_field_value_ , selected_index_: [read_selected_index_, write_selected_index_] , url_transformer_: url_transformer_ , alternative_query_submitter_for_spas_: alternative_query_submitter_for_spas_ , i18n_: i18n_ , get_search_query_: get_search_query_ , after_submit_: after_submit_ , on_submit_with_unchanged_value_: on_submit_with_unchanged_value_ }) {
5877
6057
  const has_entries = (0, $g9l4l$createMemo)(()=>previous_searches_().length >= 1);
5878
6058
  currently_showing_suggestions_[1]((value)=>{
@@ -5975,7 +6155,7 @@ function $dd44dd5f5011ac6f$export$a146ac6fa8346a25({ text_: text_ , previous_sea
5975
6155
 
5976
6156
 
5977
6157
 
5978
- const $54eb3ff8b0c7c7b8$var$_tmpl$ = /*#__PURE__*/ (0, $g9l4l$template)(`<span class="highlighted-part"></span>`, 2), $54eb3ff8b0c7c7b8$var$_tmpl$2 = /*#__PURE__*/ (0, $g9l4l$template)(`<span></span>`, 2);
6158
+ const $54eb3ff8b0c7c7b8$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<span class="highlighted-part"></span>`, 2), $54eb3ff8b0c7c7b8$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<span></span>`, 2);
5979
6159
  function $54eb3ff8b0c7c7b8$export$ba17c5b7e6dda39f({ whole_text_to_display_: whole_text_to_display_memo , searching_for_value_: searching_for_value_memo , class_: class_ }) {
5980
6160
  const [get_has_highlighted, set_has_highlighted] = (0, $g9l4l$createSignal)(false);
5981
6161
  const text_itself = (0, $g9l4l$createMemo)(()=>(0, $g9l4l$batch)(()=>{
@@ -6035,7 +6215,7 @@ function $54eb3ff8b0c7c7b8$export$ba17c5b7e6dda39f({ whole_text_to_display_: who
6035
6215
  }
6036
6216
 
6037
6217
 
6038
- const $f19e81a7eecb0aac$var$_tmpl$ = /*#__PURE__*/ (0, $g9l4l$template)(`<a class="suggestion"></a>`, 2), $f19e81a7eecb0aac$var$_tmpl$2 = /*#__PURE__*/ (0, $g9l4l$template)(`<div class="search-icon"></div>`, 2), $f19e81a7eecb0aac$var$_tmpl$3 = /*#__PURE__*/ (0, $g9l4l$template)(`<span class="type"></span>`, 2), $f19e81a7eecb0aac$var$_tmpl$4 = /*#__PURE__*/ (0, $g9l4l$template)(`<div><span class="value"></span></div>`, 4), $f19e81a7eecb0aac$var$_tmpl$5 = /*#__PURE__*/ (0, $g9l4l$template)(`<h2 class="text"></h2>`, 2), $f19e81a7eecb0aac$var$_tmpl$6 = /*#__PURE__*/ (0, $g9l4l$template)(`<div class="suggestion-container query"></div>`, 2), $f19e81a7eecb0aac$var$_tmpl$7 = /*#__PURE__*/ (0, $g9l4l$template)(`<div class="suggestion-container page"></div>`, 2), $f19e81a7eecb0aac$var$_tmpl$8 = /*#__PURE__*/ (0, $g9l4l$template)(`<div class="suggestions"></div>`, 2);
6218
+ const $f19e81a7eecb0aac$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<a class="suggestion"></a>`, 2), $f19e81a7eecb0aac$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="search-icon"></div>`, 2), $f19e81a7eecb0aac$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<span class="type"></span>`, 2), $f19e81a7eecb0aac$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div><span class="value"></span></div>`, 4), $f19e81a7eecb0aac$var$_tmpl$5 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<h2 class="text"></h2>`, 2), $f19e81a7eecb0aac$var$_tmpl$6 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="suggestion-container query"></div>`, 2), $f19e81a7eecb0aac$var$_tmpl$7 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="suggestion-container page"></div>`, 2), $f19e81a7eecb0aac$var$_tmpl$8 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="suggestions"></div>`, 2);
6039
6219
  function $f19e81a7eecb0aac$export$e872e2339fb04a7f({ suggestion_memo_: suggestion_memo_ , search_field_value_: search_field_value_ , search_page_url_param_name_: search_page_url_param_name_ , selected_index_: [read_selected_index_, write_selected_index_] , url_transformer_: url_transformer_ , filtered_previous_searches_: filtered_previous_searches_ , currently_showing_suggestions_: currently_showing_suggestions_ , on_previous_searches_page_: on_previous_searches_page_ , alternative_query_submitter_for_spas_: alternative_query_submitter_for_spas_ , i18n_: i18n_ , include_category_suggestions_: include_category_suggestions_ , searching_for_value_: searching_for_value_ , get_search_query_: get_search_query_ , after_submit_: after_submit_ , navigate_page_to_href_: navigate_page_to_href_ , on_submit_with_unchanged_value_: on_submit_with_unchanged_value_ }) {
6040
6220
  const queries_memo = (0, $g9l4l$createMemo)(()=>suggestion_memo_().filter(({ type: type , title: title })=>type === (0, $c7bc9269d29d4bdc$export$3cf9497e790da491) && !filtered_previous_searches_().includes(title) // don't show the ones we already show from the history
6041
6221
  ));
@@ -6247,7 +6427,7 @@ function $f19e81a7eecb0aac$export$e872e2339fb04a7f({ suggestion_memo_: suggestio
6247
6427
 
6248
6428
 
6249
6429
 
6250
- const $a817d06dc1c5911c$var$_tmpl$ = /*#__PURE__*/ (0, $g9l4l$template)(`<a target="_blank"></a>`, 2);
6430
+ const $a817d06dc1c5911c$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<a target="_blank"></a>`, 2);
6251
6431
  function $a817d06dc1c5911c$export$217899a935ef803b({ selected_index_: [read_selected_index, write_selected_index] , currently_showing_suggestions_: [read_currently_showing_suggestions] , ...rest_of_props }) {
6252
6432
  const last_suggestion_index_ = (0, $g9l4l$createMemo)(()=>{
6253
6433
  const currently_showing_suggestions = read_currently_showing_suggestions();
@@ -6544,19 +6724,19 @@ function $e495e86fcf483c73$export$3340fdd8259bd4fd({ get_search_field_value_: ge
6544
6724
 
6545
6725
 
6546
6726
 
6547
- const $0d2099fb14efac40$export$af8311b651139246 = (css_properties)=>{
6727
+ const $246aa49a8f85c7f3$export$af8311b651139246 = (css_properties)=>{
6548
6728
  return Object.entries(css_properties).map(([key, value])=>`${key}: ${value};`).join(" ");
6549
6729
  };
6550
- const $0d2099fb14efac40$export$1233ca167bf71f9a = (styles)=>{
6551
- return Object.entries(styles).map(([selector, css_properties])=>`${selector} { ${$0d2099fb14efac40$export$af8311b651139246(css_properties)} }`).join(" ");
6730
+ const $246aa49a8f85c7f3$export$1233ca167bf71f9a = (styles)=>{
6731
+ return Object.entries(styles).map(([selector, css_properties])=>`${selector} { ${$246aa49a8f85c7f3$export$af8311b651139246(css_properties)} }`).join(" ");
6552
6732
  };
6553
6733
 
6554
6734
 
6555
6735
 
6556
- const $b24f16c875c2baa6$var$_tmpl$ = /*#__PURE__*/ (0, $g9l4l$template)(`<style></style>`, 2);
6736
+ const $b24f16c875c2baa6$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<style></style>`, 2);
6557
6737
  function $b24f16c875c2baa6$export$f021bdedd3ec901a(props) {
6558
6738
  const valid_css_string = (0, $g9l4l$createMemo)(()=>{
6559
- return (0, $0d2099fb14efac40$export$1233ca167bf71f9a)(props.styles());
6739
+ return (0, $246aa49a8f85c7f3$export$1233ca167bf71f9a)(props.styles());
6560
6740
  });
6561
6741
  return (()=>{
6562
6742
  const _el$ = $b24f16c875c2baa6$var$_tmpl$.cloneNode(true);
@@ -6566,7 +6746,7 @@ function $b24f16c875c2baa6$export$f021bdedd3ec901a(props) {
6566
6746
  }
6567
6747
 
6568
6748
 
6569
- const $a9f6faeac82c322b$var$_tmpl$ = /*#__PURE__*/ (0, $g9l4l$template)(`<div class="discover-more"><button class="major" type="button"></button></div>`, 4), $a9f6faeac82c322b$var$_tmpl$2 = /*#__PURE__*/ (0, $g9l4l$template)(`<b></b>`, 2), $a9f6faeac82c322b$var$_tmpl$3 = /*#__PURE__*/ (0, $g9l4l$template)(`<div class="depict-search-modal"><div class="body"><div class="padded"></div></div></div>`, 6), $a9f6faeac82c322b$var$_tmpl$4 = /*#__PURE__*/ (0, $g9l4l$template)(`<div class="depict plp search"><div class="depict-search-modal-backdrop"></div></div>`, 4);
6749
+ const $a9f6faeac82c322b$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="discover-more"><button class="major" type="button"></button></div>`, 4), $a9f6faeac82c322b$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<b></b>`, 2), $a9f6faeac82c322b$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="depict-search-modal"><div class="body"><div class="padded"></div></div></div>`, 6), $a9f6faeac82c322b$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="depict plp search"><div class="depict-search-modal-backdrop"></div></div>`, 4);
6570
6750
  function $a9f6faeac82c322b$export$1c593cbd6f1e10bc({ search_field_value_: search_field_value_ , search_query_: search_query_ , search_page_url_param_name_: search_page_url_param_name_ , previous_searches_: previous_searches_ , close_modal_: close_modal_ , style_props_: style_props_ = (0, $g9l4l$createSignal)({}) , depict_api_: depict_api_ , tenant_: tenant_ , market_: market_ , submit_query_: submit_query_ , instant_results_options_: instant_results_options_ , register_closing_animation_: register_closing_animation_ , url_transformer_: url_transformer_ , closing_animation_: closing_animation_ , alternative_query_submitter_for_spas_: alternative_query_submitter_for_spas_ , clear_filters_: clear_filters_ , i18n_: i18n_ , disable_scrolling_: disable_scrolling_ = true , enable_category_suggestions_: enable_category_suggestions_ , class_list_: class_list_ , after_submit_: after_submit_ , bottom_distance_under_modal_: bottom_distance_under_modal_ , navigate_page_to_href_: navigate_page_to_href_ , on_submit_with_unchanged_value_: on_submit_with_unchanged_value_ }) {
6571
6751
  let on_enter_in_query_input_function;
6572
6752
  const [input_field, set_input_field] = (0, $g9l4l$createSignal)();
@@ -6585,22 +6765,24 @@ function $a9f6faeac82c322b$export$1c593cbd6f1e10bc({ search_field_value_: search
6585
6765
  $a9f6faeac82c322b$var$close_modal_when_navigating_away(close_modal_, search_page_url_param_name_);
6586
6766
  window.addEventListener("keydown", close_on_escape_handler);
6587
6767
  (0, $g9l4l$onCleanup)((0, $g9l4l$catchify)(()=>window.removeEventListener("keydown", close_on_escape_handler)));
6588
- (0, $g9l4l$onCleanup)((0, $g9l4l$javascript_media_query)("(max-height:700px)", ({ matches: matches })=>{
6589
- (matches ? set_elements_outside_scrollable : set_elements_inside_scrollable)("");
6590
- (matches ? set_elements_inside_scrollable : set_elements_outside_scrollable)((()=>{
6591
- const _el$ = $a9f6faeac82c322b$var$_tmpl$.cloneNode(true), _el$2 = _el$.firstChild;
6592
- (0, $g9l4l$addEventListener)(_el$2, "click", submit_query_, true);
6593
- (0, $g9l4l$insert)(_el$2, (()=>{
6594
- const _c$ = (0, $g9l4l$memo)(()=>!!get_search_field_value_());
6595
- return ()=>_c$() ? i18n_.modal_view_all_results_()((()=>{
6596
- const _el$3 = $a9f6faeac82c322b$var$_tmpl$2.cloneNode(true);
6597
- (0, $g9l4l$insert)(_el$3, ()=>get_num_results_accessor?.());
6598
- return _el$3;
6599
- })()) : i18n_.modal_discover_more_();
6768
+ const owner = (0, $g9l4l$getOwner)();
6769
+ (0, $g9l4l$onCleanup)((0, $g9l4l$javascript_media_query)("(max-height:700px)", ({ matches: matches })=>(0, $g9l4l$runWithOwner)(owner, ()=>{
6770
+ // the if below is reactive so we need an owner
6771
+ (matches ? set_elements_outside_scrollable : set_elements_inside_scrollable)("");
6772
+ (matches ? set_elements_inside_scrollable : set_elements_outside_scrollable)((()=>{
6773
+ const _el$ = $a9f6faeac82c322b$var$_tmpl$.cloneNode(true), _el$2 = _el$.firstChild;
6774
+ (0, $g9l4l$addEventListener)(_el$2, "click", submit_query_, true);
6775
+ (0, $g9l4l$insert)(_el$2, (()=>{
6776
+ const _c$ = (0, $g9l4l$memo)(()=>!!get_search_field_value_());
6777
+ return ()=>_c$() ? i18n_.modal_view_all_results_()((()=>{
6778
+ const _el$3 = $a9f6faeac82c322b$var$_tmpl$2.cloneNode(true);
6779
+ (0, $g9l4l$insert)(_el$3, ()=>get_num_results_accessor?.());
6780
+ return _el$3;
6781
+ })()) : i18n_.modal_discover_more_();
6782
+ })());
6783
+ return _el$;
6600
6784
  })());
6601
- return _el$;
6602
- })());
6603
- }).remove);
6785
+ })).remove);
6604
6786
  if (closing_animation_) register_closing_animation_(closing_animation_);
6605
6787
  (0, $e495e86fcf483c73$export$3340fdd8259bd4fd)({
6606
6788
  get_search_field_value_: get_search_field_value_,
@@ -6751,7 +6933,7 @@ function $a9f6faeac82c322b$var$close_modal_when_navigating_away(close_modal, sea
6751
6933
 
6752
6934
 
6753
6935
 
6754
- const $71cf2f71a46bffea$var$_tmpl$ = /*#__PURE__*/ (0, $g9l4l$template)(`<div class="category-suggestions"></div>`, 2), $71cf2f71a46bffea$var$_tmpl$2 = /*#__PURE__*/ (0, $g9l4l$template)(`<div class="category-suggestion"></div>`, 2);
6936
+ const $71cf2f71a46bffea$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="category-suggestions"></div>`, 2), $71cf2f71a46bffea$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="category-suggestion"></div>`, 2);
6755
6937
  function $71cf2f71a46bffea$export$c05a196222ba1302({ suggestions_: suggestions_ , children: children , selected_filters_: selected_filters_ , slider_arrow_button_: slider_arrow_button_ }) {
6756
6938
  const category_suggestions_ = (0, $g9l4l$createMemo)(()=>suggestions_()?.suggestions.filter((s)=>s.type === "category"));
6757
6939
  return (0, $g9l4l$createComponent)((0, $g9l4l$Show), {
@@ -6805,7 +6987,7 @@ function $71cf2f71a46bffea$export$c05a196222ba1302({ suggestions_: suggestions_
6805
6987
 
6806
6988
 
6807
6989
 
6808
- const $57ec75eac12fe1fc$var$_tmpl$ = /*#__PURE__*/ (0, $g9l4l$template)(`<b></b>`, 2), $57ec75eac12fe1fc$var$_tmpl$2 = /*#__PURE__*/ (0, $g9l4l$template)(`<div class="results-for"></div>`, 2);
6990
+ const $57ec75eac12fe1fc$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<b></b>`, 2), $57ec75eac12fe1fc$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="results-for"></div>`, 2);
6809
6991
  function $57ec75eac12fe1fc$export$9dd50d35b9d94fdf({ search_query_: search_query_ , i18n_: i18n_ , formatted_number_of_results_: formatted_number_of_results_ }) {
6810
6992
  const contents = (0, $g9l4l$createMemo)((0, $g9l4l$catchify)(()=>{
6811
6993
  const q = search_query_[0]();
@@ -6833,7 +7015,7 @@ function $57ec75eac12fe1fc$export$9dd50d35b9d94fdf({ search_query_: search_query
6833
7015
 
6834
7016
 
6835
7017
 
6836
- const $b76e8f62b1f313ef$var$_tmpl$ = /*#__PURE__*/ (0, $g9l4l$template)(`<div class="filter-results-for-one-row"></div>`, 2), $b76e8f62b1f313ef$var$_tmpl$2 = /*#__PURE__*/ (0, $g9l4l$template)(`<div class="depict plp search"><div class="listing-page"></div></div>`, 4);
7018
+ const $b76e8f62b1f313ef$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="filter-results-for-one-row"></div>`, 2), $b76e8f62b1f313ef$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="depict plp search"><div class="listing-page"></div></div>`, 4);
6837
7019
  function $b76e8f62b1f313ef$export$a54ec244c8863715(opts) {
6838
7020
  const { depict_api_: depict_api_ , search_field_value_: search_field_value_ , search_query_: search_query_ , open_modal_: open_modal_ , submit_query_: submit_query_ , current_sorting_: current_sorting_ , min_products_to_fetch_: min_products_to_fetch_ , search_filters_open_: search_filters_open_ , search_sorting_open_: search_sorting_open_ , expanded_filters_: expanded_filters_ , input_modal_open_: input_modal_open_ , selected_filters_: selected_filters_ , i18n_: i18n_ , slider_arrow_button_: slider_arrow_button_ , make_category_suggestion_card_: make_category_suggestion_card_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , clear_filters_on_next_submit_: clear_filters_on_next_submit_ , local_filter_cache_: local_filter_cache_ , include_input_field_: include_input_field_ , tenant_: tenant_ , market_: market_ , showing_recommendation_rows_: showing_recommendation_rows_ , rr_options_: rr_options_ , recommendations_rr_options_: recommendations_rr_options_ = rr_options_ , search_recs_view_more_: search_recs_view_more_ , get_product_id_: get_product_id_ , disable_search_recommendations_: disable_search_recommendations_ , layout_options_: layout_options_ , recommendations_layout_options_: recommendations_layout_options_ = layout_options_ , scroll_restoration_data_: scroll_restoration_data_ } = opts;
6839
7021
  const tenant_object_ = new (0, $g9l4l$Tenant)({
@@ -7124,7 +7306,7 @@ function $b76e8f62b1f313ef$export$a54ec244c8863715(opts) {
7124
7306
 
7125
7307
 
7126
7308
 
7127
- const $082017ac4cf9f917$var$_tmpl$ = /*#__PURE__*/ (0, $g9l4l$template)(`<div class="depict plp search"></div>`, 2);
7309
+ const $082017ac4cf9f917$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="depict plp search"></div>`, 2);
7128
7310
  /**
7129
7311
  * Type for the private properties that are shared between the different exported search SDK wrapper functions. SDK users are not allowed to change/access these, they're an internal implementation detail.
7130
7312
  */ const $082017ac4cf9f917$var$privately_shared_properties = /*@__PURE__*/ new WeakMap();
@@ -7219,6 +7401,7 @@ class $082017ac4cf9f917$export$ac6237957a15b3f0 {
7219
7401
  });
7220
7402
  (0, $2864fd26f57ff474$export$5162a71f252e6122)();
7221
7403
  (0, $g9l4l$catchify)(async ()=>{
7404
+ const owner = (0, $g9l4l$getOwner)(); // we might have an owner, if so, pass it on
7222
7405
  const { open_modal_: open_modal_ , close_modal_: close_modal_ } = await (0, $3786428a06ed81c4$export$79b1565500412d9b)((...args)=>{
7223
7406
  (0, $g9l4l$onCleanup)(()=>this.modal_open = false);
7224
7407
  return (0, $a9f6faeac82c322b$export$1c593cbd6f1e10bc)(...args);
@@ -7250,7 +7433,7 @@ class $082017ac4cf9f917$export$ac6237957a15b3f0 {
7250
7433
  });
7251
7434
  // This will add some default behaviour to open_modal_ if no style_props_ are supplied
7252
7435
  // The default behaviour is to align the modal with the input field if possible
7253
- (0, $g9l4l$createComputed)(()=>{
7436
+ const computation = ()=>{
7254
7437
  const open_signal_value = this.modal_open;
7255
7438
  const signal_value_is_options = Array.isArray(open_signal_value);
7256
7439
  // Close modal if signal is false
@@ -7294,17 +7477,19 @@ class $082017ac4cf9f917$export$ac6237957a15b3f0 {
7294
7477
  transform: transform_y() ? "translateY(-50%)" : "unset"
7295
7478
  })));
7296
7479
  if (signal_value_is_options) {
7297
- const [options_arg1, ...rest1] = open_signal_value;
7480
+ const [options_arg, ...rest] = open_signal_value;
7298
7481
  open_modal_({
7299
- ...options_arg1,
7482
+ ...options_arg,
7300
7483
  style_props_: search_page_aligned_modal_body_style_signal_
7301
- }, ...rest1);
7484
+ }, ...rest);
7302
7485
  return;
7303
7486
  }
7304
7487
  open_modal_({
7305
7488
  style_props_: style_props_
7306
7489
  });
7307
- });
7490
+ };
7491
+ if (owner != null) (0, $g9l4l$runWithOwner)(owner, ()=>(0, $g9l4l$createComputed)(computation));
7492
+ else (0, $g9l4l$createComputed)(computation);
7308
7493
  })();
7309
7494
  $082017ac4cf9f917$export$ac6237957a15b3f0.#has_been_constructed = true;
7310
7495
  }
@@ -7407,7 +7592,10 @@ function $082017ac4cf9f917$export$f2dc7e4e4aa11abb({ depict_search: depict_searc
7407
7592
  width_: 6.46
7408
7593
  }),
7409
7594
  rr_options_: {
7410
- template: product_card_template,
7595
+ template: (display, info)=>{
7596
+ const is_placeholder = info.rendering_options.type === "placeholder";
7597
+ return product_card_template(is_placeholder ? null : display, info);
7598
+ },
7411
7599
  pre_processors: extra_depict_options?.pre_processors,
7412
7600
  post_processors: extra_depict_options?.post_processors
7413
7601
  },
@@ -7468,6 +7656,7 @@ function $082017ac4cf9f917$export$b94867ecbd698f21({ depict_search: depict_searc
7468
7656
 
7469
7657
 
7470
7658
 
7659
+
7471
7660
  function $a3e81b85527bc866$export$d0596b5cae35ad4(open_search) {
7472
7661
  const handler = (0, $g9l4l$catchify)((e)=>{
7473
7662
  const { key: key , target: target } = e;
@@ -7621,4 +7810,4 @@ class $ba6c9609228edf6b$export$3ccaa27d81dd8556 extends EventTarget {
7621
7810
  (0, $g9l4l$dlog)("@depict-ai/ui version", (0, $18bf1d29fb889cca$export$83d89fbfd8236492));
7622
7811
 
7623
7812
 
7624
- export {$a45c51e5e7aeb7f1$export$de035477d6fef996 as QuickLinks, $a45c51e5e7aeb7f1$export$5b7c3ce0ebe51f86 as BreadCrumbs, $6340962f8bafd049$export$b91cec6bdc6b32a1 as CategoryTitle, $9b693ea3ff420de6$export$824dde41348efed1 as embedded_num_products, $80a49d3809ecb080$export$643598a327b5833e as get_categories, $a45c51e5e7aeb7f1$export$f34314aa9505732e as DepictCategory, $a45c51e5e7aeb7f1$export$e2bf8ce7779e827e as CategoryPage, $082017ac4cf9f917$export$ac6237957a15b3f0 as DepictSearch, $082017ac4cf9f917$export$bde3eb976dfded9 as get_search_query_updating_blocked_signal, $082017ac4cf9f917$export$f2dc7e4e4aa11abb as SearchPage, $082017ac4cf9f917$export$b94867ecbd698f21 as SearchField, $aaacfac0064e97d9$export$ee1733d9a8495996 as DefaultInstantCardPlaceholder, $079defea521d5e2a$export$b3ad617e9036868 as align_field, $a1123c5ed9b0ee29$export$fe334901e8bebd57 as disable_scrolling, $a3e81b85527bc866$export$d0596b5cae35ad4 as open_search_with_shift_slash, $972ebf2641490830$export$26df08e242fe83a3 as push_state_with_query_param_value, $3846bb34098c738f$export$e015ed2f2950f2e3 as DepictAPI, $f22123a20b6b80b3$export$2cefb7e61fcbae00 as add_to_version_info, $fefe7683325039b3$export$d9f36cf74e24d595 as media_query_to_accessor, $36316d7b4c897a03$export$689e204eadb33baf as setup_fast_leave, $886fa987db4f3805$export$5196e4c01fa56fcb as show_toast, $5178263ed1e394ca$export$469c7af753d08925 as solid_format_price, $ba6c9609228edf6b$export$3ccaa27d81dd8556 as PageReplacer, $18bf1d29fb889cca$export$83d89fbfd8236492 as version};
7813
+ export {$a45c51e5e7aeb7f1$export$de035477d6fef996 as QuickLinks, $a45c51e5e7aeb7f1$export$5b7c3ce0ebe51f86 as BreadCrumbs, $6340962f8bafd049$export$b91cec6bdc6b32a1 as CategoryTitle, $9b693ea3ff420de6$export$824dde41348efed1 as embedded_num_products, $80a49d3809ecb080$export$643598a327b5833e as get_categories, $a45c51e5e7aeb7f1$export$f34314aa9505732e as DepictCategory, $a45c51e5e7aeb7f1$export$e2bf8ce7779e827e as CategoryPage, $082017ac4cf9f917$export$ac6237957a15b3f0 as DepictSearch, $082017ac4cf9f917$export$bde3eb976dfded9 as get_search_query_updating_blocked_signal, $082017ac4cf9f917$export$f2dc7e4e4aa11abb as SearchPage, $082017ac4cf9f917$export$b94867ecbd698f21 as SearchField, $aaacfac0064e97d9$export$ee1733d9a8495996 as DefaultInstantCardPlaceholder, $079defea521d5e2a$export$b3ad617e9036868 as align_field, $246aa49a8f85c7f3$export$1233ca167bf71f9a as styles_to_valid_css_string, $a1123c5ed9b0ee29$export$fe334901e8bebd57 as disable_scrolling, $a3e81b85527bc866$export$d0596b5cae35ad4 as open_search_with_shift_slash, $972ebf2641490830$export$26df08e242fe83a3 as push_state_with_query_param_value, $3846bb34098c738f$export$e015ed2f2950f2e3 as DepictAPI, $f22123a20b6b80b3$export$2cefb7e61fcbae00 as add_to_version_info, $fefe7683325039b3$export$d9f36cf74e24d595 as media_query_to_accessor, $36316d7b4c897a03$export$689e204eadb33baf as setup_fast_leave, $886fa987db4f3805$export$5196e4c01fa56fcb as show_toast, $5178263ed1e394ca$export$469c7af753d08925 as solid_format_price, $ba6c9609228edf6b$export$3ccaa27d81dd8556 as PageReplacer, $18bf1d29fb889cca$export$83d89fbfd8236492 as version};