@depict-ai/ui 0.0.33 → 0.0.34

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.34";
7
7
 
8
8
 
9
9
 
@@ -303,7 +303,7 @@ function $5178263ed1e394ca$export$469c7af753d08925({ price_: price_ , price_form
303
303
  }
304
304
 
305
305
 
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);
306
+ 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
307
  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
308
  const [first_to_show, set_first_to_show] = (0, $g9l4l$createSignal)(0);
309
309
  const [last_to_show, set_last_to_show] = (0, $g9l4l$createSignal)(0);
@@ -502,10 +502,10 @@ function $06e28148a32abb47$export$36aef51ac7a64eae({ depict_api_: depict_api_ ,
502
502
  const info = target_to_info.get(target);
503
503
  if (!info) continue; // How did this happen?
504
504
  let actual_index_;
505
- for(let i1 = 0; i1 < num_children; i1++){
506
- const child = parent.children[i1];
505
+ for(let i = 0; i < num_children; i++){
506
+ const child = parent.children[i];
507
507
  if (child === target) {
508
- actual_index_ = i1;
508
+ actual_index_ = i;
509
509
  break;
510
510
  }
511
511
  }
@@ -576,9 +576,9 @@ async function $06e28148a32abb47$var$load_more({ depict_api_: depict_api_ , quer
576
576
 
577
577
 
578
578
 
579
- const $886fa987db4f3805$var$_tmpl$ = /*#__PURE__*/ (0, $g9l4l$template)(`<div></div>`, 2);
579
+ const $886fa987db4f3805$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div></div>`, 2);
580
580
  const $886fa987db4f3805$var$closing_functions = /*@__PURE__*/ new Set();
581
- const $886fa987db4f3805$export$22970a0140fc759c = /*@__PURE__*/ (0, $g9l4l$createSignal)(false);
581
+ const $886fa987db4f3805$export$22970a0140fc759c = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$createSignal)(false);
582
582
  function $886fa987db4f3805$export$5196e4c01fa56fcb({ children: children , on_close_: on_close_ , close_after_: close_after_ , ...more_attributes }) {
583
583
  let close_toast_;
584
584
  const stay_open_promise = new Promise((r)=>close_toast_ = r);
@@ -596,10 +596,10 @@ function $886fa987db4f3805$export$5196e4c01fa56fcb({ children: children , on_clo
596
596
  "pointerover",
597
597
  "focusin"
598
598
  ])element.addEventListener(ev, (0, $g9l4l$catchify)(()=>closing_animation.pause()));
599
- for (const ev1 of [
599
+ for (const ev of [
600
600
  "pointerout",
601
601
  "focusout"
602
- ])element.addEventListener(ev1, (0, $g9l4l$catchify)(()=>closing_animation.play()));
602
+ ])element.addEventListener(ev, (0, $g9l4l$catchify)(()=>closing_animation.play()));
603
603
  const body = await (0, $g9l4l$observer).wait_for_element("body");
604
604
  const x_translate = "translateX(-50%) ";
605
605
  let remove_keyboard_listener;
@@ -682,7 +682,7 @@ function $886fa987db4f3805$export$5196e4c01fa56fcb({ children: children , on_clo
682
682
 
683
683
 
684
684
 
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);
685
+ 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
686
  function $af89070cc0052779$export$8895d39404bd2bb1(props) {
687
687
  let previous_sorting;
688
688
  let on_toast_hidden;
@@ -760,7 +760,7 @@ function $af89070cc0052779$export$8895d39404bd2bb1(props) {
760
760
 
761
761
 
762
762
 
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);
763
+ 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
764
  function $a20b0ecfca7ab32d$export$ef6006467f04ee41({ i18n_: i18n_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , selected_filters_: selected_filters_ , local_filter_cache_: local_filter_cache_ }) {
765
765
  return [
766
766
  (()=>{
@@ -803,7 +803,7 @@ function $ed06bb0bb83a46b3$export$a2cc176055f8f08() {
803
803
  }
804
804
 
805
805
 
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);
806
+ 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
807
  let $57363319986950eb$var$cached_placeholder_element;
808
808
  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
809
  // 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 +1087,8 @@ function $7d4ae726763dc6bc$export$6c6d7a51fa9aa15d(props) {
1087
1087
  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
1088
  await expand(0, do_duration);
1089
1089
  } 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
1090
  const animation = await collapse();
1098
- animation.addEventListener("finish", closeModal);
1091
+ animation.addEventListener("finish", (0, $g9l4l$catchify)(()=>details_.open = false));
1099
1092
  }
1100
1093
  }));
1101
1094
  details_.addEventListener("toggle", (0, $g9l4l$catchify)(()=>{
@@ -1136,7 +1129,7 @@ function $7d4ae726763dc6bc$export$e13dddbb31c3a42f() {
1136
1129
 
1137
1130
 
1138
1131
 
1139
- const $a04dda00e2984628$var$_tmpl$ = /*#__PURE__*/ (0, $g9l4l$template)(`<div></div>`, 2);
1132
+ const $a04dda00e2984628$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div></div>`, 2);
1140
1133
  function $a04dda00e2984628$export$6649caad96ef8870({ children: children , button_: button_ , slider_ref_: slider_ref_ , faded_opacity_: faded_opacity_ = 0.7 , mutation_plugins_: mutation_plugins_ = [] }) {
1141
1134
  const slider = new (0, $g9l4l$Amazing_Slider)({
1142
1135
  button_contents: {
@@ -1174,7 +1167,7 @@ function $a04dda00e2984628$export$6649caad96ef8870({ children: children , button
1174
1167
 
1175
1168
 
1176
1169
 
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);
1170
+ 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
1171
  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
1172
  const { price_formatting_: price_formatting_ } = i18n_;
1180
1173
  const [read_selected_filters, write_selected_filters] = selected_filters_;
@@ -1517,7 +1510,7 @@ async function $3786428a06ed81c4$export$79b1565500412d9b(search_modal, modal_fn_
1517
1510
 
1518
1511
 
1519
1512
 
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);
1513
+ 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
1514
  const $4fa14d99b0f07c40$export$48513f6b9f8ce62d = (props)=>{
1522
1515
  // 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
1516
  const count = (0, $g9l4l$createMemo)(()=>props.count_);
@@ -1541,6 +1534,7 @@ const $4fa14d99b0f07c40$export$48513f6b9f8ce62d = (props)=>{
1541
1534
  props.input_ref_?.(input_el);
1542
1535
  }, _el$3);
1543
1536
  (0, $g9l4l$setAttribute)(_el$3, "id", id);
1537
+ (0, $g9l4l$use)((el)=>props.custom_indicator_ref?.(el), _el$4);
1544
1538
  (0, $g9l4l$insert)(_el$5, ()=>label() || value());
1545
1539
  (0, $g9l4l$insert)(_el$, (0, $g9l4l$createComponent)((0, $g9l4l$Show), {
1546
1540
  get when () {
@@ -1576,7 +1570,7 @@ const $4fa14d99b0f07c40$export$48513f6b9f8ce62d = (props)=>{
1576
1570
 
1577
1571
 
1578
1572
 
1579
- const $9e6544e509214c47$var$_tmpl$ = /*#__PURE__*/ (0, $g9l4l$template)(`<button type="button" class="expand-filter"><span></span></button>`, 4);
1573
+ const $9e6544e509214c47$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<button type="button" class="expand-filter"><span></span></button>`, 4);
1580
1574
  function $9e6544e509214c47$export$ca21a16d65b3dd8({ show_extras_: [get_show_extras, set_show_extras] , i18n_: i18n_ }) {
1581
1575
  return (()=>{
1582
1576
  const _el$ = $9e6544e509214c47$var$_tmpl$.cloneNode(true), _el$2 = _el$.firstChild;
@@ -1595,7 +1589,7 @@ function $9e6544e509214c47$export$ca21a16d65b3dd8({ show_extras_: [get_show_extr
1595
1589
  ]);
1596
1590
 
1597
1591
 
1598
- const $5be19bd31e1c92fe$var$_tmpl$ = /*#__PURE__*/ (0, $g9l4l$template)(`<form class="checkboxes"></form>`, 2);
1592
+ const $5be19bd31e1c92fe$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<form class="checkboxes"></form>`, 2);
1599
1593
  const $5be19bd31e1c92fe$var$max_visible_without_collapsing = 7;
1600
1594
  const $5be19bd31e1c92fe$var$show_non_collapsible_when_collapsed = 4;
1601
1595
  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 +1704,7 @@ function $5be19bd31e1c92fe$export$dd948f91abc3a1c4({ filter_: filter_ , selected
1710
1704
 
1711
1705
 
1712
1706
 
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);
1707
+ 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
1708
  function $d51fc80c159e5488$export$430444115f70a734({ selected_filters_: selected_filters_ , filter_: filter_ }) {
1715
1709
  const radio_name = (0, $g9l4l$make_random_classname)();
1716
1710
  const existing_filter = (0, $g9l4l$createMemo)(()=>{
@@ -1789,7 +1783,7 @@ function $d51fc80c159e5488$export$430444115f70a734({ selected_filters_: selected
1789
1783
 
1790
1784
 
1791
1785
 
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);
1786
+ 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
1787
  function $66f3de62e88607b0$export$e0d834a0ad870cda({ filter_: filter_ , selected_filters_: selected_filters_ , i18n_: i18n_ }) {
1794
1788
  const current_range = (0, $g9l4l$createSignal)((0, $g9l4l$untrack)(()=>filter_().data));
1795
1789
  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 +2061,7 @@ function $66f3de62e88607b0$var$set_range_with_sanitation(min_, max_, current_ran
2067
2061
 
2068
2062
 
2069
2063
 
2070
- const $ec5682ee833a8bee$var$_tmpl$ = /*#__PURE__*/ (0, $g9l4l$template)(`<div class="morphing-sign" role="img"><span></span><span></span></div>`, 6);
2064
+ const $ec5682ee833a8bee$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="morphing-sign" role="img"><span></span><span></span></div>`, 6);
2071
2065
  function $ec5682ee833a8bee$export$e5c2828934226505({ expanded_: expanded_ , i18n_: i18n_ }) {
2072
2066
  let first_span;
2073
2067
  let second_span;
@@ -2117,7 +2111,7 @@ function $ec5682ee833a8bee$export$e5c2828934226505({ expanded_: expanded_ , i18n
2117
2111
 
2118
2112
 
2119
2113
 
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);
2114
+ 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
2115
  const $eea801a5802b521c$var$max_visible_without_collapsing = 7;
2122
2116
  const $eea801a5802b521c$var$show_non_collapsible_when_collapsed = 4;
2123
2117
  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 +2476,10 @@ function $eea801a5802b521c$var$expand_until_choice(data_structure) {
2482
2476
  cloned_nodes.push(...Object.values(node.children_));
2483
2477
  }
2484
2478
  while(nodes.length === 1){
2485
- const node1 = nodes.pop();
2479
+ const node = nodes.pop();
2486
2480
  // 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_));
2481
+ node.is_expanded_.set_low_precedence_expanded_(true);
2482
+ nodes.push(...Object.values(node.children_));
2489
2483
  }
2490
2484
  });
2491
2485
  }
@@ -2499,7 +2493,7 @@ function $eea801a5802b521c$var$expand_until_choice(data_structure) {
2499
2493
 
2500
2494
 
2501
2495
 
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);
2496
+ 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
2497
  const $351fbc622a053364$export$414f6a19d38e655c = ({ filter_: filter_ , selected_filters_: [get_selected_filters, set_selected_filters] })=>{
2504
2498
  const existing_filter = (0, $g9l4l$createMemo)(()=>{
2505
2499
  const { field: field , op: op } = filter_();
@@ -2574,12 +2568,192 @@ const $351fbc622a053364$export$414f6a19d38e655c = ({ filter_: filter_ , selected
2574
2568
  ]);
2575
2569
 
2576
2570
 
2571
+
2572
+
2573
+
2574
+
2575
+
2576
+
2577
+
2578
+
2579
+
2580
+
2581
+
2582
+
2583
+ const $b114513503b25433$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<form class="checkbox-color"></form>`, 2);
2584
+ const $b114513503b25433$var$max_visible_without_collapsing = 14;
2585
+ const $b114513503b25433$var$show_non_collapsible_when_collapsed = 8;
2586
+ 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_] }) {
2587
+ const supports_hover = (0, $fefe7683325039b3$export$d9f36cf74e24d595)("not all and (hover: none)");
2588
+ // same as in CheckboxFilter, maybe we should make this DRY at some point
2589
+ const existing_filter = (0, $g9l4l$createMemo)(()=>{
2590
+ const { field: field , op: op } = filter_();
2591
+ return get_selected_filters().find(({ field: checking_field , op: checking_op })=>checking_field === field && checking_op === op);
2592
+ });
2593
+ let form;
2594
+ const checkboxes = (0, $g9l4l$createMemo)(()=>{
2595
+ const meta = filter_().meta;
2596
+ return meta.values.map((value_, index)=>// @ts-ignore - backend doesn't support colors yet
2597
+ ({
2598
+ value_: value_,
2599
+ name_: meta.names?.[index],
2600
+ count_: meta.counts?.[index],
2601
+ color_: meta.colors?.[index]
2602
+ }));
2603
+ });
2604
+ const render_checkbox = (checkbox)=>{
2605
+ // Checkbox always calls the getters in props, so we don't wrap these values into memos
2606
+ const [get_is_hovered, set_is_hovered] = (0, $g9l4l$createSignal)(false);
2607
+ const input_row = (0, $g9l4l$createComponent)((0, $4fa14d99b0f07c40$export$48513f6b9f8ce62d), {
2608
+ get value_ () {
2609
+ return checkbox().value_;
2610
+ },
2611
+ get label_ () {
2612
+ return checkbox().name_;
2613
+ },
2614
+ get count_ () {
2615
+ return checkbox().count_;
2616
+ },
2617
+ get checked_ () {
2618
+ return existing_filter()?.data?.includes(checkbox().value_);
2619
+ },
2620
+ custom_indicator_ref: (span)=>{
2621
+ const { classList: classList , style: style } = span;
2622
+ // create some memos for diffing
2623
+ const hue = (0, $g9l4l$createMemo)(()=>checkbox().color_[0]);
2624
+ const saturation = (0, $g9l4l$createMemo)(()=>checkbox().color_[1]);
2625
+ const lightness = (0, $g9l4l$createMemo)(()=>checkbox().color_[2]);
2626
+ const special_type = (0, $g9l4l$createMemo)(()=>checkbox().color_[3]);
2627
+ classList.add("color");
2628
+ (0, $g9l4l$createComputed)(()=>{
2629
+ const is_hovered = get_is_hovered() && supports_hover();
2630
+ classList.toggle("outline", lightness() > 90);
2631
+ if (special_type() === "multi") {
2632
+ // to generate darkened gradient, this was used:
2633
+ // $change: -5%;
2634
+ // background: linear-gradient(
2635
+ // 180deg,
2636
+ // color.adjust(#ff0000, $lightness: $change) 0%,
2637
+ // color.adjust(#ff6e00, $lightness: $change) 17.71%,
2638
+ // color.adjust(#ffff00, $lightness: $change) 33.33%,
2639
+ // color.adjust(#1eb41e, $lightness: $change) 50.52%,
2640
+ // color.adjust(#00d2ff, $lightness: $change) 67.71%,
2641
+ // color.adjust(#3737c8, $lightness: $change) 83.85%,
2642
+ // color.adjust(#d200ff, $lightness: $change) 100%
2643
+ // );
2644
+ classList.toggle("check-multi", true);
2645
+ 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%)`;
2646
+ } else {
2647
+ const is_light = lightness() > 50;
2648
+ // lighten or darken (+/- 10) depending on it's over or under 50 lightness
2649
+ // lighten under 25 lightness by 20
2650
+ const target_lightness = is_hovered ? is_light ? lightness() - 10 : lightness() < 25 ? lightness() + 20 : lightness() + 10 : lightness();
2651
+ classList.toggle("check-dark", lightness() > 75); // dark checkmark for bright colors
2652
+ style.backgroundColor = `hsl(${hue()}, ${saturation()}%, ${target_lightness}%)`;
2653
+ }
2654
+ });
2655
+ }
2656
+ });
2657
+ input_row.addEventListener("mouseover", (0, $g9l4l$catchify)(()=>set_is_hovered(true)));
2658
+ input_row.addEventListener("mouseout", (0, $g9l4l$catchify)(()=>set_is_hovered(false)));
2659
+ return input_row;
2660
+ };
2661
+ const show_extras_signal = (0, $g9l4l$createSignal)(false);
2662
+ const [get_show_extras] = show_extras_signal;
2663
+ const togglable_rest = (0, $g9l4l$createMemo)(()=>checkboxes().length > $b114513503b25433$var$max_visible_without_collapsing);
2664
+ const expand_animation_duration = 200;
2665
+ const { expand: expand , collapse: collapse , ExpandingContainer: ExpandingContainer } = (0, $198845c3fc59215a$export$5bad61ecde080b1f)({
2666
+ duration: expand_animation_duration
2667
+ });
2668
+ 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
2669
+ const expanding_container_els = (0, $g9l4l$createComponent)(ExpandingContainer, {
2670
+ get children () {
2671
+ return (0, $g9l4l$createComponent)((0, $g9l4l$Show), {
2672
+ get when () {
2673
+ return togglable_rest();
2674
+ },
2675
+ get children () {
2676
+ return (0, $g9l4l$createComponent)((0, $g9l4l$Index), {
2677
+ get each () {
2678
+ return checkboxes().slice($b114513503b25433$var$show_non_collapsible_when_collapsed);
2679
+ },
2680
+ children: render_checkbox
2681
+ });
2682
+ }
2683
+ });
2684
+ }
2685
+ });
2686
+ 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)
2687
+ const inner_div = expanding_container_els?.firstChild;
2688
+ if (inner_div) inner_div.classList.add("checkbox-color");
2689
+ else (0, $g9l4l$report)(new Error("Someone refactored ExpandingContainer and broke CheckboxColor"), "error");
2690
+ (0, $g9l4l$createComputed)(()=>{
2691
+ if (togglable_rest()) set_having_expanding_in_dom(true); // instantly put into the DOM before the animation starts
2692
+ });
2693
+ (0, $g9l4l$createRenderEffect)(()=>{
2694
+ set_view_more_button_below_group_(togglable_rest() ? (0, $g9l4l$createComponent)((0, $9e6544e509214c47$export$ca21a16d65b3dd8), {
2695
+ show_extras_: show_extras_signal,
2696
+ i18n_: i18n_
2697
+ }) : []);
2698
+ });
2699
+ (0, $g9l4l$createEffect)((0, $g9l4l$catchify)(async ()=>{
2700
+ if (!togglable_rest()) {
2701
+ await collapse();
2702
+ set_having_expanding_in_dom(false); // Once animation has finished, remove expanding from DOM
2703
+ // Waiting with removing might not be needed, but it felt slightly glitchy before and this works so leaving it
2704
+ return;
2705
+ }
2706
+ if (get_show_extras()) await expand();
2707
+ else await collapse();
2708
+ }));
2709
+ return (()=>{
2710
+ const _el$ = $b114513503b25433$var$_tmpl$.cloneNode(true);
2711
+ (0, $g9l4l$addEventListener)(_el$, "change", (0, $g9l4l$catchify)(()=>{
2712
+ const set_filter = existing_filter();
2713
+ const { field: field , op: op } = filter_();
2714
+ const base_object = set_filter ? set_filter : {
2715
+ op: op,
2716
+ field: field
2717
+ };
2718
+ const filter_object = {
2719
+ ...base_object,
2720
+ data: [
2721
+ ...new FormData(form)
2722
+ ].filter(([_key, value])=>value === "on").map(([key])=>key)
2723
+ };
2724
+ const selected_filters = [
2725
+ ...get_selected_filters()
2726
+ ];
2727
+ if (set_filter) selected_filters.splice(selected_filters.indexOf(set_filter), 1);
2728
+ if (filter_object.data.length) selected_filters.push(filter_object);
2729
+ set_selected_filters(selected_filters);
2730
+ }));
2731
+ const _ref$ = form;
2732
+ typeof _ref$ === "function" ? (0, $g9l4l$use)(_ref$, _el$) : form = _el$;
2733
+ (0, $g9l4l$insert)(_el$, (0, $g9l4l$createComponent)((0, $g9l4l$Index), {
2734
+ get each () {
2735
+ return (0, $g9l4l$memo)(()=>!!togglable_rest())() ? checkboxes().slice(0, $b114513503b25433$var$show_non_collapsible_when_collapsed) : checkboxes();
2736
+ },
2737
+ children: render_checkbox
2738
+ }), null);
2739
+ (0, $g9l4l$insert)(_el$, (0, $g9l4l$createComponent)((0, $g9l4l$Show), {
2740
+ get when () {
2741
+ return get_having_expanding_in_dom();
2742
+ },
2743
+ children: expanding_container_els
2744
+ }), null);
2745
+ return _el$;
2746
+ })();
2747
+ }
2748
+
2749
+
2577
2750
  var $7b224b353182ce9a$export$2e2bcd8739ae039 = {
2578
2751
  checkbox: (0, $5be19bd31e1c92fe$export$dd948f91abc3a1c4),
2579
2752
  radio: (0, $d51fc80c159e5488$export$430444115f70a734),
2580
2753
  range: (0, $66f3de62e88607b0$export$e0d834a0ad870cda),
2581
2754
  "checkbox-hierarchical": (0, $eea801a5802b521c$export$a32086fa6616eafd),
2582
- "checkbox-grid": (0, $351fbc622a053364$export$414f6a19d38e655c)
2755
+ "checkbox-grid": (0, $351fbc622a053364$export$414f6a19d38e655c),
2756
+ "checkbox-color": (0, $b114513503b25433$export$82ed4b28ecb67608)
2583
2757
  };
2584
2758
 
2585
2759
 
@@ -2742,7 +2916,7 @@ function $dd3727f29e682893$export$b288c38ae3fddb56({ available_filters_: availab
2742
2916
 
2743
2917
 
2744
2918
 
2745
- const $7c4a8499f0ad6e11$var$_tmpl$ = /*#__PURE__*/ (0, $g9l4l$template)(`<span class="show-selected" aria-hidden="true"><span></span></span>`, 4);
2919
+ const $7c4a8499f0ad6e11$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<span class="show-selected" aria-hidden="true"><span></span></span>`, 4);
2746
2920
  function $7c4a8499f0ad6e11$export$53c59af873b303c9({ selected_filters_in_group_: selected_filters_in_group_ , i18n_: { price_formatting_: price_formatting_ } }) {
2747
2921
  const [show_tick_icon, set_show_tick_icon] = (0, $g9l4l$createSignal)(false);
2748
2922
  return (()=>{
@@ -2854,7 +3028,7 @@ function $a2432c33d88ec427$export$ab34afce88557c0e(props) {
2854
3028
 
2855
3029
 
2856
3030
 
2857
- const $a406ebe9523f192f$var$_tmpl$ = /*#__PURE__*/ (0, $g9l4l$template)(`<div></div>`, 2);
3031
+ const $a406ebe9523f192f$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div></div>`, 2);
2858
3032
  function $a406ebe9523f192f$export$b69d0d92862de18b(props) {
2859
3033
  return (0, $g9l4l$ErrorBoundary)({
2860
3034
  fallback (err) {
@@ -2877,7 +3051,7 @@ function $a406ebe9523f192f$export$b69d0d92862de18b(props) {
2877
3051
 
2878
3052
 
2879
3053
 
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);
3054
+ 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
3055
  function $8aff437d739a524d$export$3f1a388cc0d8fed7(props) {
2882
3056
  // Split like this to make placeholder wrapping more visible & this component is exported and used in MobileModal
2883
3057
  return (0, $g9l4l$createComponent)((0, $g9l4l$Show), {
@@ -3106,7 +3280,7 @@ function $8aff437d739a524d$var$ActualFilterBody(props) {
3106
3280
 
3107
3281
 
3108
3282
 
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);
3283
+ 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
3284
  function $c23bd3d951eee1f2$export$1f1775a58da589b5({ available_sortings_: available_sortings_ , current_sorting_: current_sorting_ }) {
3111
3285
  const title_radio_name = (0, $g9l4l$make_random_classname)();
3112
3286
  const order_radio_name = (0, $g9l4l$make_random_classname)();
@@ -3237,9 +3411,9 @@ function $a1123c5ed9b0ee29$export$fe334901e8bebd57() {
3237
3411
  const style = element.style;
3238
3412
  const original_value = style.overflow;
3239
3413
  style.overflow = "hidden";
3240
- const fn1 = (0, $g9l4l$catchify)(()=>style.overflow = original_value);
3241
- cleanup_fns.push(fn1);
3242
- (0, $g9l4l$onCleanup)(fn1);
3414
+ const fn = (0, $g9l4l$catchify)(()=>style.overflow = original_value);
3415
+ cleanup_fns.push(fn);
3416
+ (0, $g9l4l$onCleanup)(fn);
3243
3417
  }
3244
3418
  }
3245
3419
  return cleanup;
@@ -3254,7 +3428,7 @@ function $a1123c5ed9b0ee29$export$fe334901e8bebd57() {
3254
3428
 
3255
3429
 
3256
3430
 
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);
3431
+ 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
3432
  const $fd7da6fb3e08aa40$var$no_go_selector = ".range .range-group";
3259
3433
  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
3434
  (0, $a1123c5ed9b0ee29$export$fe334901e8bebd57)();
@@ -3525,7 +3699,7 @@ function $fd7da6fb3e08aa40$export$9bf11afa910f536e({ args_for_sorting_: args_for
3525
3699
 
3526
3700
 
3527
3701
 
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);
3702
+ 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
3703
  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
3704
  return (0, $a406ebe9523f192f$export$b69d0d92862de18b)({
3531
3705
  severity_: "error",
@@ -3757,7 +3931,7 @@ function $bf7fe049e78f975a$var$OpenSortingButton({ i18n_: i18n_ , current_sortin
3757
3931
 
3758
3932
 
3759
3933
 
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);
3934
+ 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
3935
  function $4a2667e8d77eb55a$export$b23abd26de154ede(props) {
3762
3936
  const [is_small, set_is_small] = (0, $g9l4l$createSignal)(true);
3763
3937
  (0, $g9l4l$onCleanup)((0, $g9l4l$javascript_media_query)("(max-width:651px)", ({ matches: matches })=>set_is_small(matches)).remove);
@@ -3901,7 +4075,7 @@ function $4a2667e8d77eb55a$var$ActualFloatingButtons({ search_filters_open_: [ge
3901
4075
 
3902
4076
 
3903
4077
 
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);
4078
+ 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
4079
  function $1b5a927e48d892a1$export$5646050d516e06bc({ crumb_data_: get_api_crumb_data , on_crumb_click_: on_crumb_click_ , i18n_: i18n_ }) {
3906
4080
  const placeholder_crumb_data = [
3907
4081
  ,
@@ -3971,7 +4145,7 @@ function $1b5a927e48d892a1$export$5646050d516e06bc({ crumb_data_: get_api_crumb_
3971
4145
 
3972
4146
 
3973
4147
 
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);
4148
+ 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
4149
  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
4150
  let scrolling_logic_ran_for_query_id = false;
3977
4151
  let last_scroll_position;
@@ -4281,7 +4455,7 @@ let $01115659405f3c64$export$44dad306455dddf;
4281
4455
  })($01115659405f3c64$export$44dad306455dddf || ($01115659405f3c64$export$44dad306455dddf = {}));
4282
4456
 
4283
4457
 
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);
4458
+ 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
4459
  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
4460
  let results_for;
4287
4461
  let only_show_filters_opener_;
@@ -4710,7 +4884,7 @@ function $0466953901b38f18$export$f091cbac892643a4(obj) {
4710
4884
  }
4711
4885
 
4712
4886
 
4713
- const $a45c51e5e7aeb7f1$var$_tmpl$ = /*#__PURE__*/ (0, $g9l4l$template)(`<div class="depict plp category"></div>`, 2);
4887
+ const $a45c51e5e7aeb7f1$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="depict plp category"></div>`, 2);
4714
4888
  const $a45c51e5e7aeb7f1$var$min_products_to_fetch_ = 20;
4715
4889
  const $a45c51e5e7aeb7f1$var$privately_shared_properties = /*@__PURE__*/ new WeakMap();
4716
4890
  const $a45c51e5e7aeb7f1$var$InExternalAreaDiv = ({ children: children })=>(()=>{
@@ -4773,10 +4947,10 @@ class $a45c51e5e7aeb7f1$export$f34314aa9505732e {
4773
4947
  try {
4774
4948
  on_navigation(d.page_url, e, d);
4775
4949
  e.preventDefault();
4776
- } catch (e1) {
4950
+ } catch (e) {
4777
4951
  queueMicrotask(()=>{
4778
4952
  // make sure to throw into the global scope if on_navigation throws
4779
- throw e1;
4953
+ throw e;
4780
4954
  });
4781
4955
  }
4782
4956
  });
@@ -4878,7 +5052,7 @@ function $a45c51e5e7aeb7f1$var$get_shared_properties(depict_category) {
4878
5052
 
4879
5053
 
4880
5054
 
4881
- const $6340962f8bafd049$var$_tmpl$ = /*#__PURE__*/ (0, $g9l4l$template)(`<div class="category-title"><h2 class="title"></h2><span class="explanation"> — </span></div>`, 6);
5055
+ const $6340962f8bafd049$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="category-title"><h2 class="title"></h2><span class="explanation"> — </span></div>`, 6);
4882
5056
  const $6340962f8bafd049$export$b91cec6bdc6b32a1 = /*@__PURE__*/ (()=>{
4883
5057
  const actual_function = ({ category_title_: category_title_ , product_count_: product_count_ })=>{
4884
5058
  return (()=>{
@@ -4900,7 +5074,7 @@ const $6340962f8bafd049$export$b91cec6bdc6b32a1 = /*@__PURE__*/ (()=>{
4900
5074
 
4901
5075
 
4902
5076
 
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);
5077
+ 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
5078
  const $9b693ea3ff420de6$export$824dde41348efed1 = /*@__PURE__*/ (()=>{
4905
5079
  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
5080
  // 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 +5237,7 @@ async function $80a49d3809ecb080$var$download_categories(tenant, market) {
5063
5237
 
5064
5238
 
5065
5239
 
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);
5240
+ 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
5241
  function $aaacfac0064e97d9$export$ee1733d9a8495996() {
5068
5242
  return (()=>{
5069
5243
  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 +5262,7 @@ function $aaacfac0064e97d9$export$ee1733d9a8495996() {
5088
5262
 
5089
5263
 
5090
5264
 
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);
5265
+ 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
5266
  function $7a7079d66c12b788$export$d757d54550ebfb3d({ category_suggestion_: category_suggestion_ , on_navigation_: on_navigation_ }) {
5093
5267
  return (()=>{
5094
5268
  const _el$ = $7a7079d66c12b788$var$_tmpl$2.cloneNode(true), _el$2 = _el$.firstChild;
@@ -5131,7 +5305,7 @@ function $7a7079d66c12b788$export$d757d54550ebfb3d({ category_suggestion_: categ
5131
5305
 
5132
5306
 
5133
5307
 
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);
5308
+ 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
5309
  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
5310
  let input_field;
5137
5311
  (0, $g9l4l$createEffect)((0, $g9l4l$catchify)(async ()=>{
@@ -5230,7 +5404,7 @@ function $3a2af5e36c43cf2f$export$ff21851bb5d30e15({ search_field_value_: search
5230
5404
 
5231
5405
 
5232
5406
 
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);
5407
+ 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
5408
  const $aee0c68312d971f4$export$1c8c715550dc689d = 2;
5235
5409
  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
5410
  const [is_showing_something, set_is_showing_something] = (0, $g9l4l$createSignal)(false);
@@ -5568,7 +5742,7 @@ function $4ad18a8b237ff7f6$export$2542ffb77b620b02(params_to_default_value) {
5568
5742
 
5569
5743
 
5570
5744
 
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);
5745
+ 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
5746
  const $d3c0043bb23a833f$export$b05c0ae390cf3e06 = (display_or_variant_container, { i18n: i18n })=>{
5573
5747
  const display = (0, $g9l4l$createMemo)(()=>{
5574
5748
  const display = display_or_variant_container();
@@ -5651,7 +5825,7 @@ const $d3c0043bb23a833f$export$b05c0ae390cf3e06 = (display_or_variant_container,
5651
5825
  };
5652
5826
 
5653
5827
 
5654
- const $d811ce622b5b7626$var$_tmpl$ = /*#__PURE__*/ (0, $g9l4l$template)(`<div class="instant-results"></div>`, 2);
5828
+ const $d811ce622b5b7626$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="instant-results"></div>`, 2);
5655
5829
  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
5830
  const max_cards = 4;
5657
5831
  const [read_current_instant_query, write_current_instant_query] = (0, $g9l4l$createSignal)("");
@@ -5788,7 +5962,7 @@ function $d811ce622b5b7626$var$unwrapping_helper(elements) {
5788
5962
 
5789
5963
 
5790
5964
 
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);
5965
+ 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
5966
  function $ced3551536e52fa1$export$50b90be27d8502d9(el, [get_style_props, set_style_props], bottom_distance) {
5793
5967
  const overflow_style_beginning = "position:absolute;z-index:-1;pointer-events:none;width:100%;height:200%;";
5794
5968
  const upper_overflowing_box = $ced3551536e52fa1$var$_tmpl$.cloneNode(true);
@@ -5872,7 +6046,7 @@ function $8fee64e5ff6fd014$export$91c3b6774e8be0f5({ param_: param_ , value_: va
5872
6046
 
5873
6047
 
5874
6048
 
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);
6049
+ 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
6050
  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
6051
  const has_entries = (0, $g9l4l$createMemo)(()=>previous_searches_().length >= 1);
5878
6052
  currently_showing_suggestions_[1]((value)=>{
@@ -5975,7 +6149,7 @@ function $dd44dd5f5011ac6f$export$a146ac6fa8346a25({ text_: text_ , previous_sea
5975
6149
 
5976
6150
 
5977
6151
 
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);
6152
+ 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
6153
  function $54eb3ff8b0c7c7b8$export$ba17c5b7e6dda39f({ whole_text_to_display_: whole_text_to_display_memo , searching_for_value_: searching_for_value_memo , class_: class_ }) {
5980
6154
  const [get_has_highlighted, set_has_highlighted] = (0, $g9l4l$createSignal)(false);
5981
6155
  const text_itself = (0, $g9l4l$createMemo)(()=>(0, $g9l4l$batch)(()=>{
@@ -6035,7 +6209,7 @@ function $54eb3ff8b0c7c7b8$export$ba17c5b7e6dda39f({ whole_text_to_display_: who
6035
6209
  }
6036
6210
 
6037
6211
 
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);
6212
+ 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
6213
  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
6214
  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
6215
  ));
@@ -6247,7 +6421,7 @@ function $f19e81a7eecb0aac$export$e872e2339fb04a7f({ suggestion_memo_: suggestio
6247
6421
 
6248
6422
 
6249
6423
 
6250
- const $a817d06dc1c5911c$var$_tmpl$ = /*#__PURE__*/ (0, $g9l4l$template)(`<a target="_blank"></a>`, 2);
6424
+ const $a817d06dc1c5911c$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<a target="_blank"></a>`, 2);
6251
6425
  function $a817d06dc1c5911c$export$217899a935ef803b({ selected_index_: [read_selected_index, write_selected_index] , currently_showing_suggestions_: [read_currently_showing_suggestions] , ...rest_of_props }) {
6252
6426
  const last_suggestion_index_ = (0, $g9l4l$createMemo)(()=>{
6253
6427
  const currently_showing_suggestions = read_currently_showing_suggestions();
@@ -6544,19 +6718,19 @@ function $e495e86fcf483c73$export$3340fdd8259bd4fd({ get_search_field_value_: ge
6544
6718
 
6545
6719
 
6546
6720
 
6547
- const $0d2099fb14efac40$export$af8311b651139246 = (css_properties)=>{
6721
+ const $246aa49a8f85c7f3$export$af8311b651139246 = (css_properties)=>{
6548
6722
  return Object.entries(css_properties).map(([key, value])=>`${key}: ${value};`).join(" ");
6549
6723
  };
6550
- const $0d2099fb14efac40$export$1233ca167bf71f9a = (styles)=>{
6551
- return Object.entries(styles).map(([selector, css_properties])=>`${selector} { ${$0d2099fb14efac40$export$af8311b651139246(css_properties)} }`).join(" ");
6724
+ const $246aa49a8f85c7f3$export$1233ca167bf71f9a = (styles)=>{
6725
+ return Object.entries(styles).map(([selector, css_properties])=>`${selector} { ${$246aa49a8f85c7f3$export$af8311b651139246(css_properties)} }`).join(" ");
6552
6726
  };
6553
6727
 
6554
6728
 
6555
6729
 
6556
- const $b24f16c875c2baa6$var$_tmpl$ = /*#__PURE__*/ (0, $g9l4l$template)(`<style></style>`, 2);
6730
+ const $b24f16c875c2baa6$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<style></style>`, 2);
6557
6731
  function $b24f16c875c2baa6$export$f021bdedd3ec901a(props) {
6558
6732
  const valid_css_string = (0, $g9l4l$createMemo)(()=>{
6559
- return (0, $0d2099fb14efac40$export$1233ca167bf71f9a)(props.styles());
6733
+ return (0, $246aa49a8f85c7f3$export$1233ca167bf71f9a)(props.styles());
6560
6734
  });
6561
6735
  return (()=>{
6562
6736
  const _el$ = $b24f16c875c2baa6$var$_tmpl$.cloneNode(true);
@@ -6566,7 +6740,7 @@ function $b24f16c875c2baa6$export$f021bdedd3ec901a(props) {
6566
6740
  }
6567
6741
 
6568
6742
 
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);
6743
+ 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
6744
  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
6745
  let on_enter_in_query_input_function;
6572
6746
  const [input_field, set_input_field] = (0, $g9l4l$createSignal)();
@@ -6585,22 +6759,24 @@ function $a9f6faeac82c322b$export$1c593cbd6f1e10bc({ search_field_value_: search
6585
6759
  $a9f6faeac82c322b$var$close_modal_when_navigating_away(close_modal_, search_page_url_param_name_);
6586
6760
  window.addEventListener("keydown", close_on_escape_handler);
6587
6761
  (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_();
6762
+ const owner = (0, $g9l4l$getOwner)();
6763
+ (0, $g9l4l$onCleanup)((0, $g9l4l$javascript_media_query)("(max-height:700px)", ({ matches: matches })=>(0, $g9l4l$runWithOwner)(owner, ()=>{
6764
+ // the if below is reactive so we need an owner
6765
+ (matches ? set_elements_outside_scrollable : set_elements_inside_scrollable)("");
6766
+ (matches ? set_elements_inside_scrollable : set_elements_outside_scrollable)((()=>{
6767
+ const _el$ = $a9f6faeac82c322b$var$_tmpl$.cloneNode(true), _el$2 = _el$.firstChild;
6768
+ (0, $g9l4l$addEventListener)(_el$2, "click", submit_query_, true);
6769
+ (0, $g9l4l$insert)(_el$2, (()=>{
6770
+ const _c$ = (0, $g9l4l$memo)(()=>!!get_search_field_value_());
6771
+ return ()=>_c$() ? i18n_.modal_view_all_results_()((()=>{
6772
+ const _el$3 = $a9f6faeac82c322b$var$_tmpl$2.cloneNode(true);
6773
+ (0, $g9l4l$insert)(_el$3, ()=>get_num_results_accessor?.());
6774
+ return _el$3;
6775
+ })()) : i18n_.modal_discover_more_();
6776
+ })());
6777
+ return _el$;
6600
6778
  })());
6601
- return _el$;
6602
- })());
6603
- }).remove);
6779
+ })).remove);
6604
6780
  if (closing_animation_) register_closing_animation_(closing_animation_);
6605
6781
  (0, $e495e86fcf483c73$export$3340fdd8259bd4fd)({
6606
6782
  get_search_field_value_: get_search_field_value_,
@@ -6751,7 +6927,7 @@ function $a9f6faeac82c322b$var$close_modal_when_navigating_away(close_modal, sea
6751
6927
 
6752
6928
 
6753
6929
 
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);
6930
+ 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
6931
  function $71cf2f71a46bffea$export$c05a196222ba1302({ suggestions_: suggestions_ , children: children , selected_filters_: selected_filters_ , slider_arrow_button_: slider_arrow_button_ }) {
6756
6932
  const category_suggestions_ = (0, $g9l4l$createMemo)(()=>suggestions_()?.suggestions.filter((s)=>s.type === "category"));
6757
6933
  return (0, $g9l4l$createComponent)((0, $g9l4l$Show), {
@@ -6805,7 +6981,7 @@ function $71cf2f71a46bffea$export$c05a196222ba1302({ suggestions_: suggestions_
6805
6981
 
6806
6982
 
6807
6983
 
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);
6984
+ 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
6985
  function $57ec75eac12fe1fc$export$9dd50d35b9d94fdf({ search_query_: search_query_ , i18n_: i18n_ , formatted_number_of_results_: formatted_number_of_results_ }) {
6810
6986
  const contents = (0, $g9l4l$createMemo)((0, $g9l4l$catchify)(()=>{
6811
6987
  const q = search_query_[0]();
@@ -6833,7 +7009,7 @@ function $57ec75eac12fe1fc$export$9dd50d35b9d94fdf({ search_query_: search_query
6833
7009
 
6834
7010
 
6835
7011
 
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);
7012
+ 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
7013
  function $b76e8f62b1f313ef$export$a54ec244c8863715(opts) {
6838
7014
  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
7015
  const tenant_object_ = new (0, $g9l4l$Tenant)({
@@ -7124,7 +7300,7 @@ function $b76e8f62b1f313ef$export$a54ec244c8863715(opts) {
7124
7300
 
7125
7301
 
7126
7302
 
7127
- const $082017ac4cf9f917$var$_tmpl$ = /*#__PURE__*/ (0, $g9l4l$template)(`<div class="depict plp search"></div>`, 2);
7303
+ const $082017ac4cf9f917$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="depict plp search"></div>`, 2);
7128
7304
  /**
7129
7305
  * 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
7306
  */ const $082017ac4cf9f917$var$privately_shared_properties = /*@__PURE__*/ new WeakMap();
@@ -7219,6 +7395,7 @@ class $082017ac4cf9f917$export$ac6237957a15b3f0 {
7219
7395
  });
7220
7396
  (0, $2864fd26f57ff474$export$5162a71f252e6122)();
7221
7397
  (0, $g9l4l$catchify)(async ()=>{
7398
+ const owner = (0, $g9l4l$getOwner)(); // we might have an owner, if so, pass it on
7222
7399
  const { open_modal_: open_modal_ , close_modal_: close_modal_ } = await (0, $3786428a06ed81c4$export$79b1565500412d9b)((...args)=>{
7223
7400
  (0, $g9l4l$onCleanup)(()=>this.modal_open = false);
7224
7401
  return (0, $a9f6faeac82c322b$export$1c593cbd6f1e10bc)(...args);
@@ -7250,7 +7427,7 @@ class $082017ac4cf9f917$export$ac6237957a15b3f0 {
7250
7427
  });
7251
7428
  // This will add some default behaviour to open_modal_ if no style_props_ are supplied
7252
7429
  // The default behaviour is to align the modal with the input field if possible
7253
- (0, $g9l4l$createComputed)(()=>{
7430
+ const computation = ()=>{
7254
7431
  const open_signal_value = this.modal_open;
7255
7432
  const signal_value_is_options = Array.isArray(open_signal_value);
7256
7433
  // Close modal if signal is false
@@ -7294,17 +7471,19 @@ class $082017ac4cf9f917$export$ac6237957a15b3f0 {
7294
7471
  transform: transform_y() ? "translateY(-50%)" : "unset"
7295
7472
  })));
7296
7473
  if (signal_value_is_options) {
7297
- const [options_arg1, ...rest1] = open_signal_value;
7474
+ const [options_arg, ...rest] = open_signal_value;
7298
7475
  open_modal_({
7299
- ...options_arg1,
7476
+ ...options_arg,
7300
7477
  style_props_: search_page_aligned_modal_body_style_signal_
7301
- }, ...rest1);
7478
+ }, ...rest);
7302
7479
  return;
7303
7480
  }
7304
7481
  open_modal_({
7305
7482
  style_props_: style_props_
7306
7483
  });
7307
- });
7484
+ };
7485
+ if (owner != null) (0, $g9l4l$runWithOwner)(owner, ()=>(0, $g9l4l$createComputed)(computation));
7486
+ else computation();
7308
7487
  })();
7309
7488
  $082017ac4cf9f917$export$ac6237957a15b3f0.#has_been_constructed = true;
7310
7489
  }
@@ -7468,6 +7647,7 @@ function $082017ac4cf9f917$export$b94867ecbd698f21({ depict_search: depict_searc
7468
7647
 
7469
7648
 
7470
7649
 
7650
+
7471
7651
  function $a3e81b85527bc866$export$d0596b5cae35ad4(open_search) {
7472
7652
  const handler = (0, $g9l4l$catchify)((e)=>{
7473
7653
  const { key: key , target: target } = e;
@@ -7621,4 +7801,4 @@ class $ba6c9609228edf6b$export$3ccaa27d81dd8556 extends EventTarget {
7621
7801
  (0, $g9l4l$dlog)("@depict-ai/ui version", (0, $18bf1d29fb889cca$export$83d89fbfd8236492));
7622
7802
 
7623
7803
 
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};
7804
+ 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};