@depict-ai/ui 1.0.17 → 1.0.18

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.
@@ -1,12 +1,55 @@
1
- import {add_to_version_info as $gco9i$add_to_version_info, fetch_recs as $gco9i$fetch_recs, snakeCasifyObject as $gco9i$snakeCasifyObject, GenericSliderArrowButton as $gco9i$GenericSliderArrowButton, catchify as $gco9i$catchify, instant_exec_on_suspect_history_change as $gco9i$instant_exec_on_suspect_history_change, base_url as $gco9i$base_url, dlog as $gco9i$dlog, get_depict_id as $gco9i$get_depict_id, get_user_id as $gco9i$get_user_id, get_session_id as $gco9i$get_session_id, make_url_with_query_params as $gco9i$make_url_with_query_params, fetch_retry as $gco9i$fetch_retry, add_version_query_params as $gco9i$add_version_query_params, sort_obj as $gco9i$sort_obj, report as $gco9i$report, javascript_media_query as $gco9i$javascript_media_query, standard_price_format as $gco9i$standard_price_format, observer as $gco9i$observer, make_random_classname as $gco9i$make_random_classname, n_col_styling_with_dist as $gco9i$n_col_styling_with_dist, CrossIcon as $gco9i$CrossIcon, useExpandingContainer as $gco9i$useExpandingContainer, Amazing_Slider as $gco9i$Amazing_Slider, slider_snap_css as $gco9i$slider_snap_css, slider_fading_factory as $gco9i$slider_fading_factory, MinusIcon as $gco9i$MinusIcon, FilterIcon as $gco9i$FilterIcon, SortIconAsc as $gco9i$SortIconAsc, SortIconDesc as $gco9i$SortIconDesc, PlusIcon as $gco9i$PlusIcon, hsl_to_rgb as $gco9i$hsl_to_rgb, relative_luminance_from_rgb as $gco9i$relative_luminance_from_rgb, TickIcon as $gco9i$TickIcon, ArrowUp as $gco9i$ArrowUp, base64_encode_unicode as $gco9i$base64_encode_unicode, base64_decode_unicode as $gco9i$base64_decode_unicode, queueMacroTask as $gco9i$queueMacroTask, is_debug as $gco9i$is_debug, dwarn as $gco9i$dwarn, BackIcon as $gco9i$BackIcon, SearchIcon as $gco9i$SearchIcon, Layout as $gco9i$Layout, async_iterable_ipns as $gco9i$async_iterable_ipns, make_asyncIterable_exiter as $gco9i$make_asyncIterable_exiter, href_change_ipns as $gco9i$href_change_ipns, ContainedImage as $gco9i$ContainedImage, buildThresholdList as $gco9i$buildThresholdList, deparallelize_no_drop as $gco9i$deparallelize_no_drop, PreviousSearchIcon as $gco9i$PreviousSearchIcon, insert_surfaces as $gco9i$insert_surfaces} from "@depict-ai/utilishared";
2
- import {template as $gco9i$template, getNextElement as $gco9i$getNextElement, insert as $gco9i$insert, effect as $gco9i$effect, setAttribute as $gco9i$setAttribute, createComponent as $gco9i$createComponent, getNextMarker as $gco9i$getNextMarker, use as $gco9i$use, memo as $gco9i$memo, addEventListener as $gco9i$addEventListener, runHydrationEvents as $gco9i$runHydrationEvents, delegateEvents as $gco9i$delegateEvents, spread as $gco9i$spread, classList as $gco9i$classList, style as $gco9i$style, Dynamic as $gco9i$Dynamic, className as $gco9i$className, mergeProps as $gco9i$mergeProps} from "solid-js/web";
1
+ import {add_to_version_info as $gco9i$add_to_version_info, fetch_recs as $gco9i$fetch_recs, snakeCasifyObject as $gco9i$snakeCasifyObject, catchify as $gco9i$catchify, instant_exec_on_suspect_history_change as $gco9i$instant_exec_on_suspect_history_change, base_url as $gco9i$base_url, dlog as $gco9i$dlog, get_depict_id as $gco9i$get_depict_id, get_user_id as $gco9i$get_user_id, get_session_id as $gco9i$get_session_id, make_url_with_query_params as $gco9i$make_url_with_query_params, fetch_retry as $gco9i$fetch_retry, add_version_query_params as $gco9i$add_version_query_params, sort_obj as $gco9i$sort_obj, report as $gco9i$report, javascript_media_query as $gco9i$javascript_media_query, standard_price_format as $gco9i$standard_price_format, observer as $gco9i$observer, make_random_classname as $gco9i$make_random_classname, n_col_styling_with_dist as $gco9i$n_col_styling_with_dist, useExpandingContainer as $gco9i$useExpandingContainer, Amazing_Slider as $gco9i$Amazing_Slider, slider_snap_css as $gco9i$slider_snap_css, slider_fading_factory as $gco9i$slider_fading_factory, hsl_to_rgb as $gco9i$hsl_to_rgb, relative_luminance_from_rgb as $gco9i$relative_luminance_from_rgb, base64_encode_unicode as $gco9i$base64_encode_unicode, base64_decode_unicode as $gco9i$base64_decode_unicode, queueMacroTask as $gco9i$queueMacroTask, is_debug as $gco9i$is_debug, dwarn as $gco9i$dwarn, Layout as $gco9i$Layout, async_iterable_ipns as $gco9i$async_iterable_ipns, make_asyncIterable_exiter as $gco9i$make_asyncIterable_exiter, href_change_ipns as $gco9i$href_change_ipns, ContainedImage as $gco9i$ContainedImage, buildThresholdList as $gco9i$buildThresholdList, deparallelize_no_drop as $gco9i$deparallelize_no_drop, insert_surfaces as $gco9i$insert_surfaces} from "@depict-ai/utilishared";
2
+ import {template as $gco9i$template, getNextElement as $gco9i$getNextElement, spread as $gco9i$spread, mergeProps as $gco9i$mergeProps, runHydrationEvents as $gco9i$runHydrationEvents, effect as $gco9i$effect, setAttribute as $gco9i$setAttribute, insert as $gco9i$insert, isServer as $gco9i$isServer, createComponent as $gco9i$createComponent, getNextMarker as $gco9i$getNextMarker, use as $gco9i$use, memo as $gco9i$memo, addEventListener as $gco9i$addEventListener, delegateEvents as $gco9i$delegateEvents, classList as $gco9i$classList, style as $gco9i$style, className as $gco9i$className, Dynamic as $gco9i$Dynamic} from "solid-js/web";
3
3
  import {createSignal as $gco9i$createSignal, getOwner as $gco9i$getOwner, createRoot as $gco9i$createRoot, runWithOwner as $gco9i$runWithOwner, onCleanup as $gco9i$onCleanup, createComputed as $gco9i$createComputed, createRenderEffect as $gco9i$createRenderEffect, createEffect as $gco9i$createEffect, untrack as $gco9i$untrack, batch as $gco9i$batch, createResource as $gco9i$createResource, createMemo as $gco9i$createMemo, Show as $gco9i$Show, createReaction as $gco9i$createReaction, Suspense as $gco9i$Suspense, on as $gco9i$on, ErrorBoundary as $gco9i$ErrorBoundary, For as $gco9i$For, Index as $gco9i$Index} from "solid-js";
4
4
 
5
- /*! Depict.ai search and product listing SDK */ const $ec291e0010116877$export$83d89fbfd8236492 = "1.0.15";
5
+ /*! Depict.ai search and product listing SDK */ const $ec291e0010116877$export$83d89fbfd8236492 = "1.0.18";
6
6
 
7
7
 
8
8
 
9
9
 
10
+
11
+
12
+
13
+
14
+ const $19976a74d273070d$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<svg><path d="M11.669 10.531l9.156-9.156a.78.78 0 0 0 .237-.569c0-.221-.079-.412-.237-.569A.8.8 0 0 0 20.24 0a.77.77 0 0 0-.569.237l-9.14 9.14-9.14-9.14A.79.79 0 0 0 .807 0a.77.77 0 0 0-.569.237A.78.78 0 0 0 0 .807a.77.77 0 0 0 .237.569l9.156 9.156-9.156 9.14c-.159.157-.237.349-.237.569s.079.412.237.569c.085.085.174.148.268.19a1.095 1.095 0 0 0 .316.048.894.894 0 0 0 .285-.048.84.84 0 0 0 .285-.19l9.139-9.14 9.14 9.14a.894.894 0 0 0 .268.19 1.049 1.049 0 0 0 .301.048.941.941 0 0 0 .301-.048.84.84 0 0 0 .285-.19.78.78 0 0 0 .237-.569c0-.221-.079-.412-.237-.569z"></path></svg>`, 4);
15
+ function $19976a74d273070d$export$3b621d86b1566b2(props = {}) {
16
+ return (()=>{
17
+ const _el$ = (0, $gco9i$getNextElement)($19976a74d273070d$var$_tmpl$);
18
+ (0, $gco9i$spread)(_el$, (0, $gco9i$mergeProps)(props, {
19
+ "xmlns": "http://www.w3.org/2000/svg",
20
+ "width": "21.064",
21
+ "height": "21.047",
22
+ "viewBox": "0 0 21.064 21.064"
23
+ }), true, true);
24
+ (0, $gco9i$runHydrationEvents)();
25
+ return _el$;
26
+ })();
27
+ }
28
+
29
+
30
+
31
+
32
+
33
+
34
+ const $fbbadcb080ad1d4a$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 26"><path d="M2 24.656c-.078 0-.156-.016-.234-.047s-.133-.066-.187-.129c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422l10.371-10.371L1.578 2.883c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422.258-.176.422-.176.305.059.422.176l10.805 10.793a.59.59 0 0 1 .176.434c0 .172-.059.305-.176.422L2.422 24.48a.42.42 0 0 1-.199.129.54.54 0 0 1-.223.047zm0 0" fill="#0f0f0f"></path></svg>`, 4);
35
+ function $fbbadcb080ad1d4a$export$8be2714ec7f169ee(props = {}) {
36
+ return (()=>{
37
+ const _el$ = (0, $gco9i$getNextElement)($fbbadcb080ad1d4a$var$_tmpl$);
38
+ (0, $gco9i$effect)((_p$)=>{
39
+ const _v$ = props.width_ ?? 14, _v$2 = props.height_ ?? 26;
40
+ _v$ !== _p$._v$ && (0, $gco9i$setAttribute)(_el$, "width", _p$._v$ = _v$);
41
+ _v$2 !== _p$._v$2 && (0, $gco9i$setAttribute)(_el$, "height", _p$._v$2 = _v$2);
42
+ return _p$;
43
+ }, {
44
+ _v$: undefined,
45
+ _v$2: undefined
46
+ });
47
+ return _el$;
48
+ })();
49
+ }
50
+
51
+
52
+
10
53
  async function $c58717f39bf51647$export$58e808b1db15d3bc({ merchant: merchant , market: market , headers: headers , ...fetch_recs_options }) {
11
54
  return await (0, $gco9i$fetch_recs)({
12
55
  tenant: merchant,
@@ -24,7 +67,6 @@ async function $c58717f39bf51647$export$58e808b1db15d3bc({ merchant: merchant ,
24
67
 
25
68
 
26
69
 
27
-
28
70
  function $ca6f574bd8772184$export$e183a13865960371(params_to_default_value, router_) {
29
71
  const signals = {};
30
72
  const entries = Object.entries(params_to_default_value);
@@ -34,7 +76,9 @@ function $ca6f574bd8772184$export$e183a13865960371(params_to_default_value, rout
34
76
  // createRenderEffect because we need the instant execution so the signals always contain values, even before solid's render phase
35
77
  (0, $gco9i$createRenderEffect)(()=>{
36
78
  let signal_changed = false;
37
- let { state: state } = history; // cloning isn't necessary because we're calling replaceState on it anyway
79
+ let { state: state } = globalThis?.history || {
80
+ state: {}
81
+ }; // cloning isn't necessary because we're calling replaceState on it anyway
38
82
  if (state === null || typeof state != "object") state = {};
39
83
  for (const [param, default_value] of entries){
40
84
  const [read_signal] = signals[param] ||= (0, $gco9i$createSignal)(state[param] ?? default_value);
@@ -312,13 +356,14 @@ function $8c0f86cb3e266eeb$export$a71e92cfbb498adc(props) {
312
356
 
313
357
  function $8f9120a1ca151e6a$export$205efb947c7ffd78(handler, passive = true) {
314
358
  const catchified_handler = (0, $gco9i$catchify)(handler);
359
+ const owner = (0, $gco9i$getOwner)();
315
360
  // Some customers (e.g. equestrian) have `height: 100%` and/or `overflow-x: hidden` on the body, which means that scroll events won't get dispatched on `window`. The pages who get it on <body> won't get it on `window` and vice-versa, so there shouldn't be a worry about duplicate calling of the handler.
316
361
  // Use observer in case that this gets called before body exists
317
362
  const disconnect = (0, $gco9i$observer).onexists("body", ({ element: element })=>{
318
363
  element.addEventListener("scroll", catchified_handler, {
319
364
  passive: passive
320
365
  });
321
- (0, $gco9i$onCleanup)(()=>element.removeEventListener("scroll", catchified_handler));
366
+ (0, $gco9i$runWithOwner)(owner, ()=>(0, $gco9i$onCleanup)(()=>element.removeEventListener("scroll", catchified_handler)));
322
367
  });
323
368
  (0, $gco9i$onCleanup)(disconnect);
324
369
  for (const event of [
@@ -334,8 +379,10 @@ function $8f9120a1ca151e6a$export$205efb947c7ffd78(handler, passive = true) {
334
379
  }
335
380
 
336
381
 
382
+
337
383
  const $6db49ca163afa2c3$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="scroll-status" style="display:none"><span class="text"><b></b> – <b></b> <!#><!/> <b></b></span></div>`, 12);
338
384
  function $6db49ca163afa2c3$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_ } }) {
385
+ if (0, $gco9i$isServer) return; // won't show in initial render and need scroll position
339
386
  const [first_to_show, set_first_to_show] = (0, $gco9i$createSignal)(0);
340
387
  const [last_to_show, set_last_to_show] = (0, $gco9i$createSignal)(0);
341
388
  const [count_to_show, set_count_to_show] = (0, $gco9i$createSignal)("");
@@ -676,6 +723,7 @@ function $e9342fb3ac73a54a$export$8895d39404bd2bb1(props) {
676
723
 
677
724
  const $598245ecfe38f34b$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<a class="hint" href="javascript:void(0)"></a>`, 2), $598245ecfe38f34b$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="no-results"><div class="text"></div><!#><!/></div>`, 6);
678
725
  function $598245ecfe38f34b$export$ef6006467f04ee41({ i18n_: i18n_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , selected_filters_: selected_filters_ , local_filter_cache_: local_filter_cache_ }) {
726
+ const root = (0, $gco9i$getOwner)();
679
727
  return [
680
728
  (()=>{
681
729
  const _el$ = (0, $gco9i$getNextElement)($598245ecfe38f34b$var$_tmpl$2), _el$2 = _el$.firstChild, _el$4 = _el$2.nextSibling, [_el$5, _co$] = (0, $gco9i$getNextMarker)(_el$4.nextSibling);
@@ -686,14 +734,14 @@ function $598245ecfe38f34b$export$ef6006467f04ee41({ i18n_: i18n_ , expanded_hie
686
734
  },
687
735
  get children () {
688
736
  const _el$3 = (0, $gco9i$getNextElement)($598245ecfe38f34b$var$_tmpl$);
689
- (0, $gco9i$addEventListener)(_el$3, "click", (0, $gco9i$catchify)(()=>(0, $e9342fb3ac73a54a$export$8895d39404bd2bb1)({
690
- user_triggered_: true,
691
- selected_filters_: selected_filters_,
692
- also_clear_sorting_: false,
693
- expanded_hierarchical_filters_: expanded_hierarchical_filters_,
694
- i18n_: i18n_,
695
- local_filter_cache_: local_filter_cache_
696
- })), true);
737
+ (0, $gco9i$addEventListener)(_el$3, "click", (0, $gco9i$catchify)(()=>(0, $gco9i$runWithOwner)(root, ()=>(0, $e9342fb3ac73a54a$export$8895d39404bd2bb1)({
738
+ user_triggered_: true,
739
+ selected_filters_: selected_filters_,
740
+ also_clear_sorting_: false,
741
+ expanded_hierarchical_filters_: expanded_hierarchical_filters_,
742
+ i18n_: i18n_,
743
+ local_filter_cache_: local_filter_cache_
744
+ }))), true);
697
745
  (0, $gco9i$insert)(_el$3, ()=>i18n_.try_without_filters_());
698
746
  (0, $gco9i$runHydrationEvents)();
699
747
  return _el$3;
@@ -708,8 +756,10 @@ function $598245ecfe38f34b$export$ef6006467f04ee41({ i18n_: i18n_ , expanded_hie
708
756
  ]);
709
757
 
710
758
 
759
+
711
760
  function $a458486f22b22f63$export$a2cc176055f8f08() {
712
- return document.createComment("Please try setting `colsAtSize` on the `SearchPage`/`CategoryPage` components to change the grid before setting it with CSS. If you do with CSS, set `ColsAtSize` to an empty array to ensure no declarations created by the SDK leak through.");
761
+ const text = "Please try setting `colsAtSize` on the `SearchPage`/`CategoryPage` components to change the grid before setting it with CSS. If you do with CSS, set `ColsAtSize` to an empty array to ensure no declarations created by the SDK leak through.";
762
+ return (0, $gco9i$isServer) ? `<!-- ${text} -->` : document.createComment(text);
713
763
  }
714
764
 
715
765
 
@@ -781,11 +831,20 @@ function $a52235d12ccf9c88$var$unwrapping_helper(elements) {
781
831
  }
782
832
 
783
833
 
834
+
784
835
  let $6e41f1fde994db72$var$cached_placeholder_element;
785
836
  let $6e41f1fde994db72$var$rendering_cached_placeholder_element;
786
837
  function $6e41f1fde994db72$export$f33414a4df0afd3f({ product_card_template_: product_card_template_ , num_placeholders_: num_placeholders_ }) {
787
838
  const [get_elements, set_elements] = (0, $gco9i$createSignal)([]);
788
839
  let existing_num = 0;
840
+ if (0, $gco9i$isServer) // want to render simple placeholders on server, effects don't run there
841
+ return (0, $gco9i$createMemo)(()=>Array.from({
842
+ length: num_placeholders_()
843
+ }).map(()=>{
844
+ const template_result = product_card_template_(null, undefined);
845
+ // @ts-ignore
846
+ if (typeof template_result?.then !== "function") return template_result;
847
+ }));
789
848
  (0, $gco9i$createRenderEffect)(()=>{
790
849
  const to_add = num_placeholders_() - existing_num;
791
850
  if (to_add <= 0) return;
@@ -978,22 +1037,17 @@ function $29ec7cddbe1d3484$export$43f0fb951fcb0c54({ displays_by_key_: displays_
978
1037
  ];
979
1038
  },
980
1039
  children: (product_id, index)=>{
981
- // We're using `untrack` here since we don't want to react in here to displays_by_key changing
982
- // As long as our key stays the same we assume that the display hasn't changed, so we don't want to rerender
983
- // If the key gets removed, <For> will remove us
984
1040
  const owner = (0, $gco9i$getOwner)();
985
1041
  const display_accessor = (0, $gco9i$createMemo)(()=>displays_by_key_().get(product_id));
986
- const [product_card_resource] = (0, $gco9i$createResource)((0, $gco9i$createMemo)(()=>[
987
- merchant_(),
988
- market_()
989
- ]), // re-render when merchant or market changes
990
- ([merchant, market])=>{
1042
+ const [product_card_resource] = (0, $gco9i$createResource)(display_accessor, // re-render when the reference to the display object changes
1043
+ // this should only be the case when the merchant or market changes and the new request has completed
1044
+ (display)=>{
991
1045
  // get display in the function that re-runs when merchant or market have changed, since the display may have changed but product_id not
992
- const display = (0, $gco9i$untrack)(display_accessor);
993
1046
  return product_card_template_(display, {
994
1047
  set_on_index_change: (fn)=>(0, $gco9i$runWithOwner)(owner, ()=>(0, $gco9i$createEffect)(()=>fn(index()))),
995
- merchant: merchant,
996
- market: market
1048
+ merchant: (0, $gco9i$untrack)(merchant_),
1049
+ // this means that the merchant and market provided to the template is wrong while we do another fetch, but I don't see how anyone would need to know the correct market there
1050
+ market: (0, $gco9i$untrack)(market_)
997
1051
  });
998
1052
  });
999
1053
  const node_accessor = (0, $a52235d12ccf9c88$export$2f0cbfbb4354bb52)(product_card_resource);
@@ -1136,7 +1190,7 @@ function $2d25e42846eac370$export$3925f87b1545cfc6({ plp_results_: plp_results_
1136
1190
  const random_id = (0, $gco9i$make_random_classname)();
1137
1191
  const selector_beginning_ = `.depict.plp #${random_id}>`;
1138
1192
  const [get_styling, set_styling_] = (0, $gco9i$createSignal)("");
1139
- const [get_should_have_placeholders_rendered, set_should_have_placeholders_rendered] = (0, $gco9i$createSignal)(false);
1193
+ const [get_should_have_placeholders_rendered, set_should_have_placeholders_rendered] = (0, $gco9i$createSignal)(true);
1140
1194
  const rendered_placeholders = (0, $gco9i$createMemo)(()=>get_should_have_placeholders_rendered() ? (0, $6e41f1fde994db72$export$f33414a4df0afd3f)({
1141
1195
  product_card_template_: product_card_template_,
1142
1196
  num_placeholders_: (0, $gco9i$createMemo)(()=>{
@@ -1392,21 +1446,23 @@ function $6bb0a0c563dff4bb$export$e13dddbb31c3a42f() {
1392
1446
 
1393
1447
 
1394
1448
 
1449
+
1450
+
1395
1451
  const $f32e14878e75af51$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div></div>`, 2);
1396
- function $f32e14878e75af51$export$6649caad96ef8870({ children: children , button_: button_ , slider_ref_: slider_ref_ , faded_opacity_: faded_opacity_ = 0.7 , mutation_plugins_: mutation_plugins_ = [] }) {
1452
+ function $f32e14878e75af51$export$6649caad96ef8870({ children: children , slider_ref_: slider_ref_ , faded_opacity_: faded_opacity_ = 0.7 , mutation_plugins_: mutation_plugins_ = [] }) {
1397
1453
  const slider = new (0, $gco9i$Amazing_Slider)({
1398
1454
  button_contents: {
1399
1455
  left: [
1400
1456
  (()=>{
1401
1457
  const _el$ = (0, $gco9i$getNextElement)($f32e14878e75af51$var$_tmpl$);
1402
- (0, $gco9i$insert)(_el$, ()=>button_.cloneNode(true));
1458
+ (0, $gco9i$insert)(_el$, (0, $gco9i$createComponent)((0, $fbbadcb080ad1d4a$export$8be2714ec7f169ee), {}));
1403
1459
  return _el$;
1404
1460
  })()
1405
1461
  ],
1406
1462
  right: [
1407
1463
  (()=>{
1408
1464
  const _el$2 = (0, $gco9i$getNextElement)($f32e14878e75af51$var$_tmpl$);
1409
- (0, $gco9i$insert)(_el$2, ()=>button_.cloneNode(true));
1465
+ (0, $gco9i$insert)(_el$2, (0, $gco9i$createComponent)((0, $fbbadcb080ad1d4a$export$8be2714ec7f169ee), {}));
1410
1466
  return _el$2;
1411
1467
  })()
1412
1468
  ]
@@ -1430,8 +1486,9 @@ function $f32e14878e75af51$export$6649caad96ef8870({ children: children , button
1430
1486
 
1431
1487
 
1432
1488
 
1489
+
1433
1490
  const $1adfe60f3a14a1d7$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<button class="clear-all-filters minor"></button>`, 2), $1adfe60f3a14a1d7$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="inner"><span class="title"><!#><!/>: </span><!#><!/></div>`, 8), $1adfe60f3a14a1d7$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<button class="clear-filter major"><!#><!/><span><!#><!/><!#><!/><!#><!/> – <!#><!/><!#><!/><!#><!/></span></button>`, 18), $1adfe60f3a14a1d7$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<button class="clear-filter major"><!#><!/><span></span></button>`, 6);
1434
- function $1adfe60f3a14a1d7$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_ }) {
1491
+ function $1adfe60f3a14a1d7$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] , local_filter_cache_: local_filter_cache_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ }) {
1435
1492
  const { price_formatting_: price_formatting_ } = i18n_;
1436
1493
  const [read_selected_filters, write_selected_filters] = selected_filters_;
1437
1494
  const { collapse: collapse , expand: expand , ExpandingContainer: ExpandingContainer } = (0, $24e27fab9c821b86$export$5bad61ecde080b1f)({
@@ -1448,7 +1505,6 @@ function $1adfe60f3a14a1d7$export$fecbb157621501bd({ number_of_rendered_selected
1448
1505
  const _el$ = (0, $gco9i$getNextElement)($1adfe60f3a14a1d7$var$_tmpl$2), _el$2 = _el$.firstChild, _el$4 = _el$2.firstChild, [_el$5, _co$] = (0, $gco9i$getNextMarker)(_el$4.nextSibling), _el$3 = _el$5.nextSibling, _el$7 = _el$2.nextSibling, [_el$8, _co$2] = (0, $gco9i$getNextMarker)(_el$7.nextSibling);
1449
1506
  (0, $gco9i$insert)(_el$2, ()=>i18n_.selected_filters_title_(), _el$5, _co$);
1450
1507
  (0, $gco9i$insert)(_el$, (0, $gco9i$createComponent)((0, $f32e14878e75af51$export$6649caad96ef8870), {
1451
- button_: slider_arrow_button_,
1452
1508
  slider_ref_: (slider)=>slider.container.classList.add("filter-crumbs"),
1453
1509
  get children () {
1454
1510
  return [
@@ -1546,7 +1602,7 @@ function $1adfe60f3a14a1d7$export$fecbb157621501bd({ number_of_rendered_selected
1546
1602
  cloned_selected_filters.splice(index_in_selected_filters, 1);
1547
1603
  write_selected_filters(cloned_selected_filters);
1548
1604
  };
1549
- (0, $gco9i$insert)(_el$9, (0, $gco9i$createComponent)((0, $gco9i$CrossIcon), {}), _el$25, _co$9);
1605
+ (0, $gco9i$insert)(_el$9, (0, $gco9i$createComponent)((0, $19976a74d273070d$export$3b621d86b1566b2), {}), _el$25, _co$9);
1550
1606
  (0, $gco9i$insert)(_el$10, ()=>price_formatting_().pre_, _el$13, _co$3);
1551
1607
  (0, $gco9i$insert)(_el$10, (0, $gco9i$createComponent)((0, $8c0f86cb3e266eeb$export$a71e92cfbb498adc), {
1552
1608
  get price_ () {
@@ -1655,7 +1711,7 @@ function $1adfe60f3a14a1d7$export$fecbb157621501bd({ number_of_rendered_selected
1655
1711
  }
1656
1712
  write_selected_filters(cloned_selected_filters);
1657
1713
  }), true);
1658
- (0, $gco9i$insert)(_el$26, (0, $gco9i$createComponent)((0, $gco9i$CrossIcon), {}), _el$29, _co$10);
1714
+ (0, $gco9i$insert)(_el$26, (0, $gco9i$createComponent)((0, $19976a74d273070d$export$3b621d86b1566b2), {}), _el$29, _co$10);
1659
1715
  (0, $gco9i$insert)(_el$27, name);
1660
1716
  (0, $gco9i$runHydrationEvents)();
1661
1717
  return _el$26;
@@ -1715,6 +1771,7 @@ function $1adfe60f3a14a1d7$export$fecbb157621501bd({ number_of_rendered_selected
1715
1771
 
1716
1772
 
1717
1773
 
1774
+
1718
1775
  async function $194bd6b8e4c59830$export$79b1565500412d9b(search_modal, modal_fn_opts) {
1719
1776
  const body = await (0, $gco9i$observer).wait_for_element("body");
1720
1777
  let dispose_and_remove;
@@ -1857,12 +1914,32 @@ const $87c712b5b33f24f7$export$48513f6b9f8ce62d = (props)=>{
1857
1914
 
1858
1915
 
1859
1916
 
1917
+
1918
+
1919
+
1920
+
1921
+
1922
+ const $f8a56ba74eedd0c6$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<svg><path d="M10.173 5.548H5.5V.875c0-.075-.027-.14-.081-.193S5.301.601 5.226.601s-.14.027-.193.081-.081.118-.081.193v4.673H.274c-.075 0-.14.027-.193.081A.27.27 0 0 0 0 5.827c0 .075.027.14.081.193s.118.081.193.081h4.678v4.673c0 .075.027.14.081.193s.118.081.193.081.14-.027.193-.081.081-.118.081-.193V6.101h4.673a.27.27 0 0 0 .199-.081c.054-.054.08-.118.08-.193a.27.27 0 0 0-.279-.279z" fill="#000"></path></svg>`, 4);
1923
+ function $f8a56ba74eedd0c6$export$f21ab0717a89c77f(props) {
1924
+ return (()=>{
1925
+ const _el$ = (0, $gco9i$getNextElement)($f8a56ba74eedd0c6$var$_tmpl$);
1926
+ (0, $gco9i$spread)(_el$, (0, $gco9i$mergeProps)(props, {
1927
+ "xmlns": "http://www.w3.org/2000/svg",
1928
+ "width": "11",
1929
+ "height": "12"
1930
+ }), true, true);
1931
+ (0, $gco9i$runHydrationEvents)();
1932
+ return _el$;
1933
+ })();
1934
+ }
1935
+
1936
+
1860
1937
  const $67b173f9db427028$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<button type="button" class="expand-filter"><!#><!/><span></span></button>`, 6);
1861
1938
  function $67b173f9db427028$export$ca21a16d65b3dd8({ show_extras_: [get_show_extras, set_show_extras] , i18n_: i18n_ }) {
1862
1939
  return (()=>{
1863
1940
  const _el$ = (0, $gco9i$getNextElement)($67b173f9db427028$var$_tmpl$), _el$3 = _el$.firstChild, [_el$4, _co$] = (0, $gco9i$getNextMarker)(_el$3.nextSibling), _el$2 = _el$4.nextSibling;
1864
1941
  (0, $gco9i$addEventListener)(_el$, "click", (0, $gco9i$catchify)(()=>set_show_extras((p)=>!p)), true);
1865
- (0, $gco9i$insert)(_el$, (0, $gco9i$createComponent)((0, $gco9i$PlusIcon), {}), _el$4, _co$);
1942
+ (0, $gco9i$insert)(_el$, (0, $gco9i$createComponent)((0, $f8a56ba74eedd0c6$export$f21ab0717a89c77f), {}), _el$4, _co$);
1866
1943
  (0, $gco9i$insert)(_el$2, (()=>{
1867
1944
  const _c$ = (0, $gco9i$memo)(()=>!!get_show_extras());
1868
1945
  return ()=>_c$() ? i18n_.view_less_() : i18n_.view_more_();
@@ -3089,6 +3166,20 @@ var $12497d09ef87296e$export$2e2bcd8739ae039 = {
3089
3166
 
3090
3167
 
3091
3168
 
3169
+
3170
+
3171
+
3172
+ const $9bc34983fc5f7bdb$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<svg xmlns="http://www.w3.org/2000/svg" width="16.8" height="14"><path d="M4.617 12.738a.48.48 0 0 1-.164-.027c-.051-.023-.094-.055-.129-.098L.125 8.414A.39.39 0 0 1 0 8.117c0-.113.039-.211.125-.293s.18-.125.293-.125.215.043.297.125l3.902 3.902L16.086.262c.082-.082.18-.125.297-.125s.211.043.293.125.125.184.125.301-.043.215-.125.297L4.914 12.613c-.039.043-.086.078-.141.098s-.102.027-.156.027zm0 0"></path></svg>`, 4);
3173
+ function $9bc34983fc5f7bdb$export$f2ca6fc699ca1fb4(props = {}) {
3174
+ return (()=>{
3175
+ const _el$ = (0, $gco9i$getNextElement)($9bc34983fc5f7bdb$var$_tmpl$);
3176
+ (0, $gco9i$spread)(_el$, props, true, true);
3177
+ (0, $gco9i$runHydrationEvents)();
3178
+ return _el$;
3179
+ })();
3180
+ }
3181
+
3182
+
3092
3183
  const $a7b58cb3bcffd156$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<span class="show-selected" aria-hidden="true"><span></span><!#><!/></span>`, 6);
3093
3184
  function $a7b58cb3bcffd156$export$53c59af873b303c9({ selected_filters_in_group_: selected_filters_in_group_ , i18n_: { price_formatting_: price_formatting_ } }) {
3094
3185
  const [show_tick_icon, set_show_tick_icon] = (0, $gco9i$createSignal)(false);
@@ -3148,7 +3239,7 @@ function $a7b58cb3bcffd156$export$53c59af873b303c9({ selected_filters_in_group_:
3148
3239
  return show_tick_icon();
3149
3240
  },
3150
3241
  get children () {
3151
- return (0, $gco9i$createComponent)((0, $gco9i$TickIcon), {});
3242
+ return (0, $gco9i$createComponent)((0, $9bc34983fc5f7bdb$export$f2ca6fc699ca1fb4), {});
3152
3243
  }
3153
3244
  }), _el$4, _co$);
3154
3245
  return _el$;
@@ -3256,6 +3347,7 @@ function $d134eae24341b4a1$export$89c6019e4baa40b1(props) {
3256
3347
  }
3257
3348
 
3258
3349
 
3350
+
3259
3351
  const $fab07f52c9861732$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="filter-collapsible"></div>`, 2), $fab07f52c9861732$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<button class="clear-group"><!#><!/><span></span></button>`, 6), $fab07f52c9861732$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="view-more-clear"><!#><!/><!#><!/></div>`, 6), $fab07f52c9861732$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="filter-collapsible-body"><div class="filter-part"></div><!#><!/></div>`, 6), $fab07f52c9861732$var$_tmpl$5 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<details class="filter-collapsible"></details>`, 2), $fab07f52c9861732$var$_tmpl$6 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<summary class="filter-group-summary"><div class="summary"><span></span><div class="selected-w-sign"><!#><!/><!#><!/></div></div></summary>`, 12), $fab07f52c9861732$var$_tmpl$7 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="ungrouped"></div>`, 2), $fab07f52c9861732$var$_tmpl$8 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<button class="clear-all-filters major"></button>`, 2);
3260
3352
  function $fab07f52c9861732$export$3f1a388cc0d8fed7(props) {
3261
3353
  // Split like this to make placeholder wrapping more visible & this component is exported and used in MobileModal
@@ -3412,7 +3504,7 @@ function $fab07f52c9861732$var$ActualFilterBody(props) {
3412
3504
  }
3413
3505
  props.selected_filters_[1](new_filter_obj);
3414
3506
  }), true);
3415
- (0, $gco9i$insert)(_el$5, (0, $gco9i$createComponent)((0, $gco9i$CrossIcon), {}), _el$8, _co$);
3507
+ (0, $gco9i$insert)(_el$5, (0, $gco9i$createComponent)((0, $19976a74d273070d$export$3b621d86b1566b2), {}), _el$8, _co$);
3416
3508
  (0, $gco9i$insert)(_el$6, ()=>props.i18n_.clear_individual_filter_());
3417
3509
  (0, $gco9i$runHydrationEvents)();
3418
3510
  return _el$5;
@@ -3652,6 +3744,45 @@ function $aea1edf92433e81e$export$fe334901e8bebd57() {
3652
3744
 
3653
3745
 
3654
3746
 
3747
+
3748
+
3749
+
3750
+
3751
+
3752
+ const $e1bb71e65e01a3a0$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" class="sort-icon"><path d="M6.199 10.254a.35.35 0 0 0-.496 0L3.5 12.453V.348a.35.35 0 0 0-.7 0v12.105L.598 10.254c-.137-.137-.359-.137-.492 0a.35.35 0 0 0 0 .492l2.797 2.801a.35.35 0 0 0 .496 0L6.2 10.746c.137-.137.137-.355 0-.492zM9.449 3.5H8.051a.35.35 0 0 1-.352-.352V1.75c0-.191.156-.352.352-.352h1.398c.195 0 .352.16.352.352v1.398a.35.35 0 0 1-.352.352zm-1.051-.699h.703v-.699h-.703zm0 0"></path><path d="M10.852 6.301H8.051a.35.35 0 0 1-.352-.352V4.551a.35.35 0 0 1 .352-.352h2.801a.35.35 0 0 1 .348.352v1.398a.35.35 0 0 1-.348.352zm-2.453-.699H10.5v-.703H8.398zm3.851 3.5H8.051c-.195 0-.352-.16-.352-.352V7.352A.35.35 0 0 1 8.051 7h4.199c.191 0 .352.156.352.352V8.75c0 .191-.16.352-.352.352zm-3.852-.703h3.5V7.7h-3.5zm5.25 3.499H8.051a.35.35 0 0 1-.352-.348v-1.402a.35.35 0 0 1 .352-.348h5.598a.35.35 0 0 1 .352.348v1.402a.35.35 0 0 1-.352.348zm-5.25-.699H13.3V10.5H8.398zm0 0"></path></svg>`, 6);
3753
+ function $e1bb71e65e01a3a0$export$da32f7add8a22e86(props = {}) {
3754
+ return (()=>{
3755
+ const _el$ = (0, $gco9i$getNextElement)($e1bb71e65e01a3a0$var$_tmpl$);
3756
+ (0, $gco9i$spread)(_el$, props, true, true);
3757
+ (0, $gco9i$runHydrationEvents)();
3758
+ return _el$;
3759
+ })();
3760
+ }
3761
+
3762
+
3763
+
3764
+
3765
+
3766
+
3767
+ const $05fbe84eb34564ec$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" class="sort-icon"><path d="M6.199 10.254a.35.35 0 0 0-.496 0L3.5 12.453V.348a.35.35 0 0 0-.7 0v12.105L.598 10.254c-.137-.137-.359-.137-.492 0a.35.35 0 0 0 0 .492l2.797 2.801a.35.35 0 0 0 .496 0L6.2 10.746c.137-.137.137-.355 0-.492zm3.25 1.644H8.051a.35.35 0 0 1-.352-.348v-1.402a.35.35 0 0 1 .352-.348h1.398a.35.35 0 0 1 .352.348v1.402a.35.35 0 0 1-.352.348zm-1.051-.699h.703V10.5h-.703zm2.454-2.097H8.051c-.195 0-.352-.16-.352-.352V7.352A.35.35 0 0 1 8.051 7h2.801a.35.35 0 0 1 .348.352V8.75c0 .191-.156.352-.348.352zm-2.453-.703H10.5V7.7H8.398zm3.851-2.098H8.051a.35.35 0 0 1-.352-.352V4.551a.35.35 0 0 1 .352-.352h4.199c.191 0 .352.156.352.352v1.398c0 .195-.16.352-.352.352zm-3.852-.699h3.5v-.703h-3.5zm5.25-2.102H8.051a.35.35 0 0 1-.352-.352V1.75c0-.191.156-.352.352-.352h5.598c.195 0 .352.16.352.352v1.398a.35.35 0 0 1-.352.352zm-5.25-.699H13.3v-.699H8.398zm0 0"></path></svg>`, 4);
3768
+ function $05fbe84eb34564ec$export$d10e63059ddb9fd4(props = {}) {
3769
+ return (()=>{
3770
+ const _el$ = (0, $gco9i$getNextElement)($05fbe84eb34564ec$var$_tmpl$);
3771
+ (0, $gco9i$spread)(_el$, props, true, true);
3772
+ (0, $gco9i$runHydrationEvents)();
3773
+ return _el$;
3774
+ })();
3775
+ }
3776
+
3777
+
3778
+
3779
+
3780
+ const $b9bf7fce0ae60241$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<svg xmlns="http://www.w3.org/2000/svg" width="14" height="15" class="filter-icon"><path d="M1.75 14.697c-.096 0-.178-.034-.246-.103s-.103-.15-.103-.246V8.75c0-.096.034-.178.103-.246s.15-.103.246-.103.178.034.246.103.103.15.103.246v5.599c0 .096-.034.178-.103.246s-.15.103-.246.103zm0-9.796c-.096 0-.178-.034-.246-.103s-.103-.15-.103-.246v-3.5c0-.1.034-.185.103-.253s.15-.103.246-.103.178.034.246.103.103.153.103.253v3.5c0 .096-.034.178-.103.246s-.15.103-.246.103zm.697 2.796H1.053c-.292 0-.54-.103-.745-.308S0 6.938 0 6.651s.103-.54.308-.745.453-.308.745-.308h1.395c.292 0 .54.103.745.308s.308.453.308.745-.103.533-.308.738-.453.308-.745.308zM1.053 6.303c-.1 0-.185.034-.253.103s-.103.15-.103.246.034.178.103.246S.952 7 1.053 7h1.395c.1 0 .185-.034.253-.103s.103-.15.103-.246-.034-.178-.103-.246-.153-.103-.253-.103H1.053zm5.599 8.395c-.096 0-.178-.034-.246-.103s-.103-.15-.103-.246v-2.796c0-.1.034-.184.103-.253s.15-.102.246-.102.178.034.246.102.103.153.103.253v2.796c0 .096-.034.178-.103.246s-.15.103-.246.103zm0-7c-.096 0-.178-.034-.246-.103s-.103-.15-.103-.246V1.053c0-.1.034-.185.103-.253s.15-.103.246-.103.178.034.246.103S7 .952 7 1.053v6.296c0 .096-.034.178-.103.246s-.15.103-.246.103zm.697 2.803H5.947c-.287 0-.533-.102-.738-.308s-.308-.453-.308-.745.103-.533.308-.738.451-.308.738-.308h1.401c.292 0 .54.103.745.308s.308.451.308.738-.103.54-.308.745-.453.308-.745.308zM5.947 9.099c-.096 0-.178.034-.246.103s-.103.15-.103.246.034.185.103.253.15.103.246.103h1.401c.096 0 .178-.034.246-.103s.103-.153.103-.253-.034-.178-.103-.246-.15-.103-.246-.103H5.947zm5.605 5.599c-.1 0-.184-.034-.253-.103s-.102-.15-.102-.246v-7c0-.096.034-.178.102-.246S11.453 7 11.553 7s.178.034.246.103.103.15.103.246v7c0 .096-.034.178-.103.246s-.15.103-.246.103zm0-11.197c-.1 0-.184-.034-.253-.103s-.102-.15-.102-.246V1.053c0-.1.034-.185.102-.253s.153-.103.253-.103.178.034.246.103.103.153.103.253v2.099c0 .096-.034.178-.103.246s-.15.103-.246.103zm.697 2.803h-1.401c-.287 0-.533-.103-.738-.308s-.308-.453-.308-.745.103-.54.308-.745.451-.308.738-.308h1.401c.292 0 .54.103.745.308s.308.453.308.745-.102.54-.308.745-.453.308-.745.308zm-1.401-1.401c-.096 0-.178.034-.246.103s-.102.15-.102.246.034.178.102.246.15.103.246.103h1.401c.096 0 .178-.034.246-.103s.102-.15.102-.246-.034-.178-.102-.246-.15-.103-.246-.103h-1.401z"></path></svg>`, 4);
3781
+ function $b9bf7fce0ae60241$export$28f6150e232898de() {
3782
+ return (0, $gco9i$getNextElement)($b9bf7fce0ae60241$var$_tmpl$);
3783
+ }
3784
+
3785
+
3655
3786
  const $757dac7f7c6c5241$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<button class="clear minor"></button>`, 2), $757dac7f7c6c5241$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$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>`, 20), $757dac7f7c6c5241$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<details class="sorting"></details>`, 2), $757dac7f7c6c5241$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<summary class="sort-filter-summary"><div class="summary"><div class="left-els"><!#><!/><span></span></div><!#><!/></div></summary>`, 12), $757dac7f7c6c5241$var$_tmpl$5 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="body"></div>`, 2), $757dac7f7c6c5241$var$_tmpl$6 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<details class="filters"></details>`, 2), $757dac7f7c6c5241$var$_tmpl$7 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<b></b>`, 2);
3656
3787
  const $757dac7f7c6c5241$var$no_go_selector = ".range .range-group";
3657
3788
  function $757dac7f7c6c5241$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_ }) {
@@ -3719,7 +3850,7 @@ function $757dac7f7c6c5241$export$9bf11afa910f536e({ args_for_sorting_: args_for
3719
3850
  }));
3720
3851
  }, _el$3);
3721
3852
  (0, $gco9i$addEventListener)(_el$3, "click", dismiss_modal_, true);
3722
- (0, $gco9i$insert)(_el$3, (0, $gco9i$createComponent)((0, $gco9i$CrossIcon), {}));
3853
+ (0, $gco9i$insert)(_el$3, (0, $gco9i$createComponent)((0, $19976a74d273070d$export$3b621d86b1566b2), {}));
3723
3854
  _el$4.$$touchstart = ({ changedTouches: changedTouches , target: target })=>{
3724
3855
  // touchstart should always only have one changed touch, track it here
3725
3856
  if (touches >= 1) {
@@ -3827,7 +3958,7 @@ function $757dac7f7c6c5241$export$9bf11afa910f536e({ args_for_sorting_: args_for
3827
3958
  const _el$16 = (0, $gco9i$getNextElement)($757dac7f7c6c5241$var$_tmpl$4), _el$17 = _el$16.firstChild, _el$18 = _el$17.firstChild, _el$20 = _el$18.firstChild, [_el$21, _co$4] = (0, $gco9i$getNextMarker)(_el$20.nextSibling), _el$19 = _el$21.nextSibling, _el$22 = _el$18.nextSibling, [_el$23, _co$5] = (0, $gco9i$getNextMarker)(_el$22.nextSibling);
3828
3959
  (0, $gco9i$insert)(_el$18, (()=>{
3829
3960
  const _c$ = (0, $gco9i$memo)(()=>args_for_sorting_.current_sorting_[0]()?.order === "asc");
3830
- return ()=>_c$() ? (0, $gco9i$createComponent)((0, $gco9i$SortIconAsc), {}) : (0, $gco9i$createComponent)((0, $gco9i$SortIconDesc), {});
3961
+ return ()=>_c$() ? (0, $gco9i$createComponent)((0, $e1bb71e65e01a3a0$export$da32f7add8a22e86), {}) : (0, $gco9i$createComponent)((0, $05fbe84eb34564ec$export$d10e63059ddb9fd4), {});
3831
3962
  })(), _el$21, _co$4);
3832
3963
  (0, $gco9i$insert)(_el$19, ()=>i18n_.sorting_text_());
3833
3964
  (0, $gco9i$insert)(_el$17, (0, $gco9i$createComponent)((0, $0b6bc2f8309efa8a$export$e5c2828934226505), {
@@ -3856,7 +3987,7 @@ function $757dac7f7c6c5241$export$9bf11afa910f536e({ args_for_sorting_: args_for
3856
3987
  get summary_ () {
3857
3988
  return (()=>{
3858
3989
  const _el$26 = (0, $gco9i$getNextElement)($757dac7f7c6c5241$var$_tmpl$4), _el$27 = _el$26.firstChild, _el$28 = _el$27.firstChild, _el$30 = _el$28.firstChild, [_el$31, _co$6] = (0, $gco9i$getNextMarker)(_el$30.nextSibling), _el$29 = _el$31.nextSibling, _el$32 = _el$28.nextSibling, [_el$33, _co$7] = (0, $gco9i$getNextMarker)(_el$32.nextSibling);
3859
- (0, $gco9i$insert)(_el$28, (0, $gco9i$createComponent)((0, $gco9i$FilterIcon), {}), _el$31, _co$6);
3990
+ (0, $gco9i$insert)(_el$28, (0, $gco9i$createComponent)((0, $b9bf7fce0ae60241$export$28f6150e232898de), {}), _el$31, _co$6);
3860
3991
  (0, $gco9i$insert)(_el$29, ()=>i18n_.filters_());
3861
3992
  (0, $gco9i$insert)(_el$27, (0, $gco9i$createComponent)((0, $0b6bc2f8309efa8a$export$e5c2828934226505), {
3862
3993
  expanded_: filters_expanded,
@@ -4074,130 +4205,144 @@ function $5efb5894079b220e$export$b288c38ae3fddb56({ available_filters_: availab
4074
4205
  }
4075
4206
 
4076
4207
 
4077
- const $cdea4cf8c5c071ef$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="filters"><div class="body"></div></div>`, 4), $cdea4cf8c5c071ef$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="sorting"><div class="body"></div></div>`, 4), $cdea4cf8c5c071ef$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="sort-and-filter-buttons"><div class="outer"><div class="inner"><!#><!/><!#><!/><!#><!/></div></div></div>`, 12), $cdea4cf8c5c071ef$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<span class="num-filters"></span>`, 2), $cdea4cf8c5c071ef$var$_tmpl$5 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="open-filters-button-container"><!#><!/><button class="filter toggle-button major-minor-transition" type="button"><!#><!/><span></span></button></div>`, 10), $cdea4cf8c5c071ef$var$_tmpl$6 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<button class="toggle-button for-sorting major-minor-transition"><span></span><!#><!/></button>`, 6);
4208
+
4209
+
4210
+ const $11d594c749b76228$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"><path d="M12.949 7.699H.352A.35.35 0 0 1 0 7.352.35.35 0 0 1 .352 7h12.598a.35.35 0 0 1 .352.352.35.35 0 0 1-.352.348zm0 0"></path></svg>`, 4);
4211
+ function $11d594c749b76228$export$cb808a3c41736d8e() {
4212
+ return (0, $gco9i$getNextElement)($11d594c749b76228$var$_tmpl$);
4213
+ }
4214
+
4215
+
4216
+
4217
+
4218
+
4219
+
4220
+ const $cdea4cf8c5c071ef$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="filters"><div class="body"></div></div>`, 4), $cdea4cf8c5c071ef$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="sorting"><div class="body"></div></div>`, 4), $cdea4cf8c5c071ef$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="sort-and-filter-buttons"><div class="outer"><div class="inner"><!#><!/><!#><!/><!#><!/></div></div></div>`, 12), $cdea4cf8c5c071ef$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<span class="num-filters"></span>`, 2), $cdea4cf8c5c071ef$var$_tmpl$5 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="open-filters-button-container"><!#><!/><button type="button"><!#><!/><span></span></button></div>`, 10), $cdea4cf8c5c071ef$var$_tmpl$6 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<button class="toggle-button for-sorting major-minor-transition"><span></span><!#><!/></button>`, 6);
4078
4221
  function $cdea4cf8c5c071ef$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_ }) {
4079
- // @ts-ignore
4080
- return (0, $b7436a6d1fd64e3b$export$b69d0d92862de18b)({
4081
- severity_: "error",
4082
- message_: "Sorting and filters failed",
4083
- get children () {
4084
- // This could technically be in SearchPage and CategoryPage and would be better suited there since it writes into local_filter_cache_ which i.e. SelectedFilters uses, but it's better suited here IMO due to DRY and being inside the correct error boundary here
4085
- (0, $5efb5894079b220e$export$b288c38ae3fddb56)({
4086
- available_filters_: available_filters_,
4087
- selected_filters_: selected_filters_,
4088
- local_filter_cache_: local_filter_cache_
4089
- });
4090
- const cleanup_promise = new Promise((r)=>(0, $gco9i$onCleanup)(r));
4091
- const [filters_open, set_filters_open] = search_filters_open_;
4092
- const [sorting_open, set_sorting_open] = search_sorting_open_;
4093
- const [get_current_sorting_] = current_sorting_;
4094
- const [is_small, set_is_small] = (0, $gco9i$createSignal)(false);
4095
- const dismiss_modal_ = (0, $gco9i$catchify)(()=>{
4096
- set_filters_open(false);
4097
- set_sorting_open(false);
4222
+ const Self = ()=>{
4223
+ // This could technically be in SearchPage and CategoryPage and would be better suited there since it writes into local_filter_cache_ which i.e. SelectedFilters uses, but it's better suited here IMO due to DRY and being inside the correct error boundary here
4224
+ (0, $5efb5894079b220e$export$b288c38ae3fddb56)({
4225
+ available_filters_: available_filters_,
4226
+ selected_filters_: selected_filters_,
4227
+ local_filter_cache_: local_filter_cache_
4228
+ });
4229
+ const cleanup_promise = new Promise((r)=>(0, $gco9i$onCleanup)(r));
4230
+ const [filters_open, set_filters_open] = search_filters_open_;
4231
+ const [sorting_open, set_sorting_open] = search_sorting_open_;
4232
+ const [get_current_sorting_] = current_sorting_;
4233
+ const [is_small, set_is_small] = (0, $gco9i$createSignal)(false);
4234
+ const dismiss_modal_ = (0, $gco9i$catchify)(()=>{
4235
+ set_filters_open(false);
4236
+ set_sorting_open(false);
4237
+ });
4238
+ const meta_of_currently_selected_sorting_ = (0, $gco9i$createMemo)(()=>available_sortings_()?.find?.((sorting)=>sorting.field === get_current_sorting_()?.field)?.meta);
4239
+ const filter_options = {
4240
+ expanded_hierarchical_filters_: expanded_hierarchical_filters_,
4241
+ local_filter_cache_: local_filter_cache_,
4242
+ available_filters_: available_filters_,
4243
+ expanded_filters_: expanded_filters_,
4244
+ selected_filters_: selected_filters_,
4245
+ i18n_: i18n_
4246
+ };
4247
+ const sorting_options = {
4248
+ current_sorting_: current_sorting_,
4249
+ available_sortings_: available_sortings_,
4250
+ meta_of_currently_selected_sorting_: meta_of_currently_selected_sorting_
4251
+ };
4252
+ const make_open_filters_button = (adhere_to_width = false, is_tabbable = false)=>(0, $gco9i$createComponent)($cdea4cf8c5c071ef$var$OpenFiltersButton, {
4253
+ tabindex_: is_tabbable ? 0 : -1,
4254
+ i18n_: i18n_,
4255
+ search_filters_open_: search_filters_open_,
4256
+ search_sorting_open_: search_sorting_open_,
4257
+ number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
4258
+ filter_button_width_: adhere_to_width ? filter_button_width_ : undefined
4098
4259
  });
4099
- const meta_of_currently_selected_sorting_ = (0, $gco9i$createMemo)(()=>available_sortings_()?.find?.((sorting)=>sorting.field === get_current_sorting_()?.field)?.meta);
4100
- const filter_options = {
4101
- expanded_hierarchical_filters_: expanded_hierarchical_filters_,
4102
- local_filter_cache_: local_filter_cache_,
4103
- available_filters_: available_filters_,
4104
- expanded_filters_: expanded_filters_,
4105
- selected_filters_: selected_filters_,
4106
- i18n_: i18n_
4107
- };
4108
- const sorting_options = {
4109
- current_sorting_: current_sorting_,
4260
+ const make_open_sorting_button = (adhere_to_width = false, is_tabbable = false)=>(0, $gco9i$createComponent)($cdea4cf8c5c071ef$var$OpenSortingButton, {
4261
+ tabindex_: is_tabbable ? 0 : -1,
4262
+ i18n_: i18n_,
4263
+ get_current_sorting_: get_current_sorting_,
4264
+ search_filters_open_: search_filters_open_,
4265
+ search_sorting_open_: search_sorting_open_,
4110
4266
  available_sortings_: available_sortings_,
4267
+ sort_button_width_: adhere_to_width ? sort_button_width_ : undefined,
4111
4268
  meta_of_currently_selected_sorting_: meta_of_currently_selected_sorting_
4112
- };
4113
- const make_open_filters_button = (adhere_to_width = false, is_tabbable = false)=>(0, $gco9i$createComponent)($cdea4cf8c5c071ef$var$OpenFiltersButton, {
4114
- tabindex_: is_tabbable ? 0 : -1,
4115
- i18n_: i18n_,
4116
- search_filters_open_: search_filters_open_,
4117
- search_sorting_open_: search_sorting_open_,
4118
- number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
4119
- filter_button_width_: adhere_to_width ? filter_button_width_ : undefined
4120
- });
4121
- const make_open_sorting_button = (adhere_to_width = false, is_tabbable = false)=>(0, $gco9i$createComponent)($cdea4cf8c5c071ef$var$OpenSortingButton, {
4122
- tabindex_: is_tabbable ? 0 : -1,
4123
- i18n_: i18n_,
4124
- get_current_sorting_: get_current_sorting_,
4125
- search_filters_open_: search_filters_open_,
4126
- search_sorting_open_: search_sorting_open_,
4127
- available_sortings_: available_sortings_,
4128
- sort_button_width_: adhere_to_width ? sort_button_width_ : undefined,
4129
- meta_of_currently_selected_sorting_: meta_of_currently_selected_sorting_
4130
- });
4131
- let open_modal_;
4132
- let close_modal_;
4133
- let grid_is_in_original_state = true;
4134
- (0, $gco9i$createComputed)(()=>{
4135
- const fi_o = filters_open();
4136
- const so_o = sorting_open();
4137
- const i_s = is_small();
4138
- // we need to always read all the signal if we have them in the if-statement the value of it changes when the computation runs
4139
- if ((fi_o || so_o) && !i_s) {
4140
- if (!grid_is_in_original_state) return;
4141
- set_sort_or_filter_open_(true);
4142
- grid_is_in_original_state = false;
4143
- } else if (!grid_is_in_original_state) {
4144
- set_sort_or_filter_open_(false);
4145
- grid_is_in_original_state = true;
4146
- }
4147
4269
  });
4148
- (0, $gco9i$createEffect)(()=>{
4149
- if (!filters_open() && !sorting_open()) {
4150
- close_modal_?.();
4151
- set_extra_els_in_results_container_("");
4152
- } else if (is_small()) {
4153
- if ((0, $gco9i$untrack)(()=>input_modal_open_?.())) {
4154
- // we don't want to shove another modal into the users face, silently close the filters for them
4155
- set_filters_open(false);
4156
- set_sorting_open(false);
4157
- return;
4158
- }
4159
- open_modal_?.();
4160
- set_extra_els_in_results_container_("");
4161
- } else {
4162
- close_modal_?.();
4163
- if (filters_open()) set_extra_els_in_results_container_((()=>{
4164
- const _el$ = (0, $gco9i$getNextElement)($cdea4cf8c5c071ef$var$_tmpl$), _el$2 = _el$.firstChild;
4165
- (0, $gco9i$insert)(_el$2, (0, $gco9i$createComponent)((0, $fab07f52c9861732$export$3f1a388cc0d8fed7), filter_options));
4166
- return _el$;
4167
- })());
4168
- else set_extra_els_in_results_container_((()=>{
4169
- const _el$3 = (0, $gco9i$getNextElement)($cdea4cf8c5c071ef$var$_tmpl$2), _el$4 = _el$3.firstChild;
4170
- (0, $gco9i$insert)(_el$4, (0, $gco9i$createComponent)((0, $68a258a92b88f02f$export$1f1775a58da589b5), sorting_options));
4171
- return _el$3;
4172
- })());
4270
+ let open_modal_;
4271
+ let close_modal_;
4272
+ let grid_is_in_original_state = true;
4273
+ (0, $gco9i$createComputed)(()=>{
4274
+ const fi_o = filters_open();
4275
+ const so_o = sorting_open();
4276
+ const i_s = is_small();
4277
+ // we need to always read all the signal if we have them in the if-statement the value of it changes when the computation runs
4278
+ if ((fi_o || so_o) && !i_s) {
4279
+ if (!grid_is_in_original_state) return;
4280
+ set_sort_or_filter_open_(true);
4281
+ grid_is_in_original_state = false;
4282
+ } else if (!grid_is_in_original_state) {
4283
+ set_sort_or_filter_open_(false);
4284
+ grid_is_in_original_state = true;
4285
+ }
4286
+ });
4287
+ (0, $gco9i$createEffect)(()=>{
4288
+ if (!filters_open() && !sorting_open()) {
4289
+ close_modal_?.();
4290
+ set_extra_els_in_results_container_("");
4291
+ } else if (is_small()) {
4292
+ if ((0, $gco9i$untrack)(()=>input_modal_open_?.())) {
4293
+ // we don't want to shove another modal into the users face, silently close the filters for them
4294
+ set_filters_open(false);
4295
+ set_sorting_open(false);
4296
+ return;
4173
4297
  }
4174
- });
4175
- (0, $gco9i$catchify)(async ()=>{
4176
- ({ open_modal_: open_modal_ , close_modal_: close_modal_ } = await (0, $194bd6b8e4c59830$export$79b1565500412d9b)((0, $757dac7f7c6c5241$export$9bf11afa910f536e), {
4177
- args_for_sorting_: sorting_options,
4178
- args_for_filtering_: filter_options,
4179
- search_filters_open_: search_filters_open_,
4180
- search_sorting_open_: search_sorting_open_,
4181
- formatted_number_of_results_: formatted_number_of_results_,
4182
- dismiss_modal_: dismiss_modal_,
4183
- i18n_: i18n_
4184
- }));
4185
- const { remove: remove } = (0, $gco9i$javascript_media_query)("(max-width:651px)", ({ matches: matches })=>set_is_small(matches));
4186
- cleanup_promise.then(remove);
4187
- })();
4188
- get_extra_filters_button_?.(make_open_filters_button());
4189
- get_extra_sorting_button_?.(make_open_sorting_button());
4190
- return (()=>{
4191
- const _el$5 = (0, $gco9i$getNextElement)($cdea4cf8c5c071ef$var$_tmpl$3), _el$6 = _el$5.firstChild, _el$7 = _el$6.firstChild, _el$8 = _el$7.firstChild, [_el$9, _co$] = (0, $gco9i$getNextMarker)(_el$8.nextSibling), _el$10 = _el$9.nextSibling, [_el$11, _co$2] = (0, $gco9i$getNextMarker)(_el$10.nextSibling), _el$12 = _el$11.nextSibling, [_el$13, _co$3] = (0, $gco9i$getNextMarker)(_el$12.nextSibling);
4192
- const _ref$ = set_sort_and_filter_element_;
4193
- typeof _ref$ === "function" ? (0, $gco9i$use)(_ref$, _el$5) : set_sort_and_filter_element_ = _el$5;
4194
- (0, $gco9i$insert)(_el$7, ()=>make_open_filters_button(true, true), _el$9, _co$);
4195
- (0, $gco9i$insert)(_el$7, ()=>middle_elements_?.(), _el$11, _co$2);
4196
- (0, $gco9i$insert)(_el$7, ()=>make_open_sorting_button(true, true), _el$13, _co$3);
4197
- return _el$5;
4198
- })();
4298
+ open_modal_?.();
4299
+ set_extra_els_in_results_container_("");
4300
+ } else {
4301
+ close_modal_?.();
4302
+ if (filters_open()) set_extra_els_in_results_container_((()=>{
4303
+ const _el$ = (0, $gco9i$getNextElement)($cdea4cf8c5c071ef$var$_tmpl$), _el$2 = _el$.firstChild;
4304
+ (0, $gco9i$insert)(_el$2, (0, $gco9i$createComponent)((0, $fab07f52c9861732$export$3f1a388cc0d8fed7), filter_options));
4305
+ return _el$;
4306
+ })());
4307
+ else set_extra_els_in_results_container_((()=>{
4308
+ const _el$3 = (0, $gco9i$getNextElement)($cdea4cf8c5c071ef$var$_tmpl$2), _el$4 = _el$3.firstChild;
4309
+ (0, $gco9i$insert)(_el$4, (0, $gco9i$createComponent)((0, $68a258a92b88f02f$export$1f1775a58da589b5), sorting_options));
4310
+ return _el$3;
4311
+ })());
4312
+ }
4313
+ });
4314
+ (0, $gco9i$catchify)(async ()=>{
4315
+ ({ open_modal_: open_modal_ , close_modal_: close_modal_ } = await (0, $194bd6b8e4c59830$export$79b1565500412d9b)((0, $757dac7f7c6c5241$export$9bf11afa910f536e), {
4316
+ args_for_sorting_: sorting_options,
4317
+ args_for_filtering_: filter_options,
4318
+ search_filters_open_: search_filters_open_,
4319
+ search_sorting_open_: search_sorting_open_,
4320
+ formatted_number_of_results_: formatted_number_of_results_,
4321
+ dismiss_modal_: dismiss_modal_,
4322
+ i18n_: i18n_
4323
+ }));
4324
+ const { remove: remove } = (0, $gco9i$javascript_media_query)("(max-width:651px)", ({ matches: matches })=>set_is_small(matches));
4325
+ cleanup_promise.then(remove);
4326
+ })();
4327
+ get_extra_filters_button_?.(make_open_filters_button());
4328
+ get_extra_sorting_button_?.(make_open_sorting_button());
4329
+ return (()=>{
4330
+ const _el$5 = (0, $gco9i$getNextElement)($cdea4cf8c5c071ef$var$_tmpl$3), _el$6 = _el$5.firstChild, _el$7 = _el$6.firstChild, _el$8 = _el$7.firstChild, [_el$9, _co$] = (0, $gco9i$getNextMarker)(_el$8.nextSibling), _el$10 = _el$9.nextSibling, [_el$11, _co$2] = (0, $gco9i$getNextMarker)(_el$10.nextSibling), _el$12 = _el$11.nextSibling, [_el$13, _co$3] = (0, $gco9i$getNextMarker)(_el$12.nextSibling);
4331
+ const _ref$ = set_sort_and_filter_element_;
4332
+ typeof _ref$ === "function" ? (0, $gco9i$use)(_ref$, _el$5) : set_sort_and_filter_element_ = _el$5;
4333
+ (0, $gco9i$insert)(_el$7, ()=>make_open_filters_button(true, true), _el$9, _co$);
4334
+ (0, $gco9i$insert)(_el$7, ()=>middle_elements_?.(), _el$11, _co$2);
4335
+ (0, $gco9i$insert)(_el$7, ()=>make_open_sorting_button(true, true), _el$13, _co$3);
4336
+ return _el$5;
4337
+ })();
4338
+ };
4339
+ return (0, $gco9i$createComponent)((0, $b7436a6d1fd64e3b$export$b69d0d92862de18b), {
4340
+ message_: "Sorting and filters failed",
4341
+ severity_: "error",
4342
+ get children () {
4343
+ return (0, $gco9i$createComponent)(Self, {});
4199
4344
  }
4200
- })();
4345
+ });
4201
4346
  }
4202
4347
  function $cdea4cf8c5c071ef$var$OpenFiltersButton({ i18n_: i18n_ , search_filters_open_: search_filters_open_ , search_sorting_open_: search_sorting_open_ , filter_button_width_: filter_button_width_ , tabindex_: tabindex_ , number_of_rendered_selected_filters_items_: [num_selected_filters] }) {
4203
4348
  const filters_closed = (0, $gco9i$createMemo)(()=>!search_filters_open_[0]());
@@ -4224,15 +4369,16 @@ function $cdea4cf8c5c071ef$var$OpenFiltersButton({ i18n_: i18n_ , search_filters
4224
4369
  search_sorting_open_[1](false);
4225
4370
  })), true);
4226
4371
  (0, $gco9i$setAttribute)(_el$16, "tabindex", tabindex_);
4372
+ (0, $gco9i$className)(_el$16, "filter toggle-button major-minor-transition" + ((0, $gco9i$isServer) ? " minor" : ""));
4227
4373
  (0, $gco9i$insert)(_el$16, (0, $gco9i$createComponent)((0, $gco9i$Show), {
4228
4374
  get when () {
4229
4375
  return filters_closed();
4230
4376
  },
4231
4377
  get fallback () {
4232
- return (0, $gco9i$createComponent)((0, $gco9i$MinusIcon), {});
4378
+ return (0, $gco9i$createComponent)((0, $11d594c749b76228$export$cb808a3c41736d8e), {});
4233
4379
  },
4234
4380
  get children () {
4235
- return (0, $gco9i$createComponent)((0, $gco9i$FilterIcon), {});
4381
+ return (0, $gco9i$createComponent)((0, $b9bf7fce0ae60241$export$28f6150e232898de), {});
4236
4382
  }
4237
4383
  }), _el$19, _co$4);
4238
4384
  (0, $gco9i$insert)(_el$17, ()=>i18n_.filter_text_());
@@ -4281,10 +4427,10 @@ function $cdea4cf8c5c071ef$var$OpenSortingButton({ i18n_: i18n_ , get_current_so
4281
4427
  return sorting_closed();
4282
4428
  },
4283
4429
  get fallback () {
4284
- return (0, $gco9i$createComponent)((0, $gco9i$MinusIcon), {});
4430
+ return (0, $gco9i$createComponent)((0, $11d594c749b76228$export$cb808a3c41736d8e), {});
4285
4431
  },
4286
4432
  get children () {
4287
- return (0, $gco9i$memo)(()=>get_current_sorting_()?.order === "asc")() ? (0, $gco9i$createComponent)((0, $gco9i$SortIconAsc), {}) : (0, $gco9i$createComponent)((0, $gco9i$SortIconDesc), {});
4433
+ return (0, $gco9i$memo)(()=>get_current_sorting_()?.order === "asc")() ? (0, $gco9i$createComponent)((0, $e1bb71e65e01a3a0$export$da32f7add8a22e86), {}) : (0, $gco9i$createComponent)((0, $05fbe84eb34564ec$export$d10e63059ddb9fd4), {});
4288
4434
  }
4289
4435
  }), _el$25, _co$6);
4290
4436
  (0, $gco9i$effect)((_p$)=>{
@@ -4325,8 +4471,21 @@ function $cdea4cf8c5c071ef$var$OpenSortingButton({ i18n_: i18n_ , get_current_so
4325
4471
 
4326
4472
 
4327
4473
 
4474
+
4475
+
4476
+
4477
+
4478
+
4479
+ const $f9182ab2348d1080$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"><path d="M6.402.453L2.203 4.652a.35.35 0 0 0 0 .496c.137.137.359.137.492 0l3.605-3.605v11.406a.35.35 0 0 0 .348.352.35.35 0 0 0 .352-.352V1.543l3.602 3.605a.35.35 0 0 0 .496 0c.066-.07.102-.16.102-.25a.35.35 0 0 0-.102-.246L6.895.453c-.133-.137-.355-.137-.492 0zm0 0"></path></svg>`, 4);
4480
+ function $f9182ab2348d1080$export$2624c5890f1bbcf7() {
4481
+ return (0, $gco9i$getNextElement)($f9182ab2348d1080$var$_tmpl$);
4482
+ }
4483
+
4484
+
4485
+
4328
4486
  const $0b0380f75d729d63$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$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);
4329
4487
  function $0b0380f75d729d63$export$b23abd26de154ede(props) {
4488
+ if (0, $gco9i$isServer) return; // won't show in initial render and need scroll position
4330
4489
  const [is_small, set_is_small] = (0, $gco9i$createSignal)(true);
4331
4490
  (0, $gco9i$onCleanup)((0, $gco9i$javascript_media_query)("(max-width:651px)", ({ matches: matches })=>set_is_small(matches)).remove);
4332
4491
  return (0, $gco9i$createComponent)((0, $gco9i$Show), {
@@ -4415,20 +4574,20 @@ function $0b0380f75d729d63$var$ActualFloatingButtons({ search_filters_open_: [ge
4415
4574
  set_search_filters_open_(true);
4416
4575
  set_search_sorting_open_(false);
4417
4576
  }), true);
4418
- (0, $gco9i$insert)(_el$3, (0, $gco9i$createComponent)((0, $gco9i$FilterIcon), {}));
4577
+ (0, $gco9i$insert)(_el$3, (0, $gco9i$createComponent)((0, $b9bf7fce0ae60241$export$28f6150e232898de), {}));
4419
4578
  (0, $gco9i$addEventListener)(_el$4, "click", (0, $gco9i$catchify)(()=>{
4420
4579
  set_search_filters_open_(false);
4421
4580
  set_search_sorting_open_(true);
4422
4581
  }), true);
4423
4582
  (0, $gco9i$insert)(_el$5, (()=>{
4424
4583
  const _c$ = (0, $gco9i$memo)(()=>current_sorting_[0]()?.order === "asc");
4425
- return ()=>_c$() ? (0, $gco9i$createComponent)((0, $gco9i$SortIconAsc), {}) : (0, $gco9i$createComponent)((0, $gco9i$SortIconDesc), {});
4584
+ return ()=>_c$() ? (0, $gco9i$createComponent)((0, $e1bb71e65e01a3a0$export$da32f7add8a22e86), {}) : (0, $gco9i$createComponent)((0, $05fbe84eb34564ec$export$d10e63059ddb9fd4), {});
4426
4585
  })());
4427
4586
  (0, $gco9i$addEventListener)(_el$6, "click", (0, $gco9i$catchify)(()=>scrollTo({
4428
4587
  top: 0,
4429
4588
  behavior: "smooth"
4430
4589
  })), true);
4431
- (0, $gco9i$insert)(_el$7, (0, $gco9i$createComponent)((0, $gco9i$ArrowUp), {}));
4590
+ (0, $gco9i$insert)(_el$7, (0, $gco9i$createComponent)((0, $f9182ab2348d1080$export$2624c5890f1bbcf7), {}));
4432
4591
  (0, $gco9i$effect)((_p$)=>{
4433
4592
  const _v$ = !!(is_scrolling_upwards() && modal_is_closed() && !regular_buttons_are_in_view() && !get_is_showing_toast()), _v$2 = i18n_.filter_text_(), _v$3 = i18n_.sorting_text_(), _v$4 = i18n_.scroll_to_top_();
4434
4593
  _v$ !== _p$._v$ && _el$.classList.toggle("show-them", _p$._v$ = _v$);
@@ -4696,7 +4855,7 @@ function $dfa5b6f7c5e421df$export$5646050d516e06bc({ crumb_data_: get_api_crumb_
4696
4855
 
4697
4856
 
4698
4857
  const $06edf3aec9073663$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<nav class="quicklinks"></nav>`, 2), $06edf3aec9073663$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div>QuickLinks failed</div>`, 2), $06edf3aec9073663$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<a class="quicklink"></a>`, 2);
4699
- function $06edf3aec9073663$export$466cdc317043f6cb({ quicklinks_data_: quicklinks_data_ , router_: router_ , current_query_id_: current_query_id_ , slider_arrow_button_: slider_arrow_button_ , breadcrumb_data_: breadcrumb_data_ , i18n_: i18n_ }) {
4858
+ function $06edf3aec9073663$export$466cdc317043f6cb({ quicklinks_data_: quicklinks_data_ , router_: router_ , current_query_id_: current_query_id_ , breadcrumb_data_: breadcrumb_data_ , i18n_: i18n_ }) {
4700
4859
  let scrolling_logic_ran_for_query_id = false;
4701
4860
  let last_scroll_position;
4702
4861
  let scroll_to_element_on_dom_insertion;
@@ -4753,7 +4912,6 @@ function $06edf3aec9073663$export$466cdc317043f6cb({ quicklinks_data_: quicklink
4753
4912
  const _el$ = (0, $gco9i$getNextElement)($06edf3aec9073663$var$_tmpl$);
4754
4913
  (0, $gco9i$insert)(_el$, (0, $gco9i$createComponent)((0, $f32e14878e75af51$export$6649caad96ef8870), {
4755
4914
  faded_opacity_: 0.5,
4756
- button_: slider_arrow_button_,
4757
4915
  mutation_plugins_: mutation_plugins,
4758
4916
  slider_ref_: (slider)=>{
4759
4917
  const { insert_here: insert_here , intersecting_items_object: intersecting_items_object } = slider;
@@ -5106,8 +5264,9 @@ function $eb9ba2e49ab3dcc2$export$d4fc5c0e68a52116(el, query_id_, i18n_) {
5106
5264
 
5107
5265
 
5108
5266
 
5267
+
5109
5268
  const $df5d81d0fe61ff21$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="product-count"><!#><!/> <!#><!/></div>`, 6), $df5d81d0fe61ff21$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div></div>`, 2), $df5d81d0fe61ff21$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="filter-results-for-one-row"><!#><!/><!#><!/></div>`, 6), $df5d81d0fe61ff21$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="depict plp category"><div class="listing-page"><!#><!/><!#><!/><!#><!/><!#><!/><!#><!/><!#><!/></div><!#><!/><!#><!/></div>`, 20);
5110
- function $df5d81d0fe61ff21$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_ , router_: router_ , show_quicklinks_: show_quicklinks_ , category_title_: category_title_ , show_breadcrumbs_: show_breadcrumbs_ , layout_options_: layout_options_ , scroll_restoration_data_: scroll_restoration_data_ , product_card_template_: product_card_template_ , sideways_filter_clearing_flag_: sideways_filter_clearing_flag_ }) {
5269
+ function $df5d81d0fe61ff21$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_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , local_filter_cache_: local_filter_cache_ , tenant_: tenant_ , market_: market_ , router_: router_ , show_quicklinks_: show_quicklinks_ , category_title_: category_title_ , show_breadcrumbs_: show_breadcrumbs_ , layout_options_: layout_options_ , scroll_restoration_data_: scroll_restoration_data_ , product_card_template_: product_card_template_ , sideways_filter_clearing_flag_: sideways_filter_clearing_flag_ }) {
5111
5270
  let results_for;
5112
5271
  let only_show_filters_opener_;
5113
5272
  let middle_elements_;
@@ -5259,17 +5418,18 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
5259
5418
  (0, $gco9i$createRenderEffect)((0, $gco9i$catchify)(async ()=>{
5260
5419
  const slim = is_slim_();
5261
5420
  const only_show_filters_opener = only_show_filters_opener_?.();
5421
+ const owner = (0, $gco9i$getOwner)();
5262
5422
  await set_results_filters(); // remove elements, wait one microtask for updates to have been committed to the DOM, otherwise we'd try to do illegal DOM operations
5263
5423
  // signals can't be read reactively anymore after the await FYI
5264
- set_results_filters(slim ? only_show_filters_opener ? filters_opener : [
5265
- results_for,
5266
- filters_opener
5267
- ] : (()=>{
5268
- const _el$8 = (0, $gco9i$getNextElement)($df5d81d0fe61ff21$var$_tmpl$3), _el$9 = _el$8.firstChild, [_el$10, _co$3] = (0, $gco9i$getNextMarker)(_el$9.nextSibling), _el$11 = _el$10.nextSibling, [_el$12, _co$4] = (0, $gco9i$getNextMarker)(_el$11.nextSibling);
5269
- (0, $gco9i$insert)(_el$8, results_for, _el$10, _co$3);
5270
- (0, $gco9i$insert)(_el$8, filters_opener, _el$12, _co$4);
5271
- return _el$8;
5272
- })());
5424
+ (0, $gco9i$runWithOwner)(owner, ()=>set_results_filters(slim ? only_show_filters_opener ? filters_opener : [
5425
+ results_for,
5426
+ filters_opener
5427
+ ] : (()=>{
5428
+ const _el$8 = (0, $gco9i$getNextElement)($df5d81d0fe61ff21$var$_tmpl$3), _el$9 = _el$8.firstChild, [_el$10, _co$3] = (0, $gco9i$getNextMarker)(_el$9.nextSibling), _el$11 = _el$10.nextSibling, [_el$12, _co$4] = (0, $gco9i$getNextMarker)(_el$11.nextSibling);
5429
+ (0, $gco9i$insert)(_el$8, results_for, _el$10, _co$3);
5430
+ (0, $gco9i$insert)(_el$8, filters_opener, _el$12, _co$4);
5431
+ return _el$8;
5432
+ })()));
5273
5433
  }));
5274
5434
  (0, $fc5a12f3a857ca30$export$e702733a056c40d6)({
5275
5435
  selected_filters_: selected_filters_,
@@ -5288,7 +5448,7 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
5288
5448
  get_breadcrumb_accessor_?.(crumb_data_);
5289
5449
  get_quicklinks_accessor_?.(quicklinks_data_);
5290
5450
  return [
5291
- document.createComment("Category page based on Depict SDK"),
5451
+ (0, $gco9i$isServer) ? "<!-- Category page based on Depict SDK -->" : document.createComment("Category page based on Depict SDK"),
5292
5452
  (()=>{
5293
5453
  const _el$13 = (0, $gco9i$getNextElement)($df5d81d0fe61ff21$var$_tmpl$4), _el$14 = _el$13.firstChild, _el$15 = _el$14.firstChild, [_el$16, _co$5] = (0, $gco9i$getNextMarker)(_el$15.nextSibling), _el$17 = _el$16.nextSibling, [_el$18, _co$6] = (0, $gco9i$getNextMarker)(_el$17.nextSibling), _el$19 = _el$18.nextSibling, [_el$20, _co$7] = (0, $gco9i$getNextMarker)(_el$19.nextSibling), _el$21 = _el$20.nextSibling, [_el$22, _co$8] = (0, $gco9i$getNextMarker)(_el$21.nextSibling), _el$23 = _el$22.nextSibling, [_el$24, _co$9] = (0, $gco9i$getNextMarker)(_el$23.nextSibling), _el$25 = _el$24.nextSibling, [_el$26, _co$10] = (0, $gco9i$getNextMarker)(_el$25.nextSibling), _el$27 = _el$14.nextSibling, [_el$28, _co$11] = (0, $gco9i$getNextMarker)(_el$27.nextSibling), _el$29 = _el$28.nextSibling, [_el$30, _co$12] = (0, $gco9i$getNextMarker)(_el$29.nextSibling);
5294
5454
  (0, $gco9i$use)((el)=>process.env.NODE_ENV === "development" && (0, $eb9ba2e49ab3dcc2$export$d4fc5c0e68a52116)(el, query_id_, i18n_), _el$13);
@@ -5309,7 +5469,6 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
5309
5469
  quicklinks_data_: quicklinks_data_,
5310
5470
  current_query_id_: query_id_,
5311
5471
  router_: router_,
5312
- slider_arrow_button_: slider_arrow_button_,
5313
5472
  breadcrumb_data_: crumb_data_,
5314
5473
  i18n_: i18n_
5315
5474
  });
@@ -5330,7 +5489,6 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
5330
5489
  i18n_: i18n_,
5331
5490
  selected_filters_: selected_filters_,
5332
5491
  local_filter_cache_: local_filter_cache_,
5333
- slider_arrow_button_: slider_arrow_button_,
5334
5492
  search_filters_open_: category_filters_open_,
5335
5493
  search_sorting_open_: category_sorting_open_,
5336
5494
  number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
@@ -5403,7 +5561,7 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
5403
5561
 
5404
5562
  let $90980bd87c9960f9$var$has_ran = false;
5405
5563
  function $90980bd87c9960f9$export$5162a71f252e6122() {
5406
- if ($90980bd87c9960f9$var$has_ran) return;
5564
+ if ($90980bd87c9960f9$var$has_ran || typeof history !== "object") return;
5407
5565
  $90980bd87c9960f9$var$has_ran = true;
5408
5566
  for (const function_name of [
5409
5567
  "replaceState",
@@ -5509,8 +5667,7 @@ function $c16e74cfe125bb05$export$f091cbac892643a4(obj) {
5509
5667
 
5510
5668
  function $16b52438165aafe2$export$23fca46f3143581f(component, error_message) {
5511
5669
  const component_in_error_boundary = (do_with_elements)=>{
5512
- // @ts-ignore
5513
- return (0, $b7436a6d1fd64e3b$export$b69d0d92862de18b)({
5670
+ const error_boundary_wrapped = (0, $b7436a6d1fd64e3b$export$b69d0d92862de18b)({
5514
5671
  severity_: "error",
5515
5672
  message_: error_message,
5516
5673
  get children () {
@@ -5518,7 +5675,12 @@ function $16b52438165aafe2$export$23fca46f3143581f(component, error_message) {
5518
5675
  do_with_elements?.(elements);
5519
5676
  return elements;
5520
5677
  }
5521
- })();
5678
+ });
5679
+ // This might return an accessor, in that case we need to "unwrap" it since our SDK consumers expect HTML elements or arrays thereof
5680
+ if (typeof error_boundary_wrapped === "function") // @ts-ignore
5681
+ return error_boundary_wrapped();
5682
+ // On the server it returns a string, so we just return that
5683
+ return error_boundary_wrapped;
5522
5684
  };
5523
5685
  const owner = (0, $gco9i$getOwner)();
5524
5686
  if (owner == null) return (0, $gco9i$createRoot)((dispose)=>{
@@ -5548,7 +5710,7 @@ function $ccd5db07a3a069c5$export$477caf01aecaeb2a(options) {
5548
5710
  const [get_sorting_, set_sorting] = current_sorting_;
5549
5711
  const [get_selected_filters_, set_selected_filters] = selected_filters_;
5550
5712
  const [get_has_sideways_filter_clearing_flag_, set_has_sideways_filter_clearing_flag] = sideways_filter_clearing_flag_;
5551
- const [get_current_href, set_current_href] = (0, $gco9i$createSignal)(location.href);
5713
+ const [get_current_href, set_current_href] = (0, $gco9i$createSignal)(globalThis?.location?.href ?? "https://example.com");
5552
5714
  const history_change_handler = (0, $gco9i$catchify)(()=>set_current_href(location.href));
5553
5715
  const owner = (0, $gco9i$getOwner)() || (0, $gco9i$createRoot)(()=>(0, $gco9i$getOwner)());
5554
5716
  let writer_started = false;
@@ -5684,7 +5846,7 @@ class $4fd2ba03703a7d92$export$7e1297a3a19f10d8 {
5684
5846
  * Call this if you *just* want to replace the state object in history.state
5685
5847
  */ replace_state_: (new_state)=>{
5686
5848
  // This doesn't break any router, so we just do this directly for now, since many don't expose an interface for changing the state
5687
- history.replaceState(new_state, "");
5849
+ globalThis?.history?.replaceState(new_state, "");
5688
5850
  },
5689
5851
  /**
5690
5852
  * Call this to change the URL
@@ -5726,6 +5888,7 @@ class $4fd2ba03703a7d92$export$7e1297a3a19f10d8 {
5726
5888
  }
5727
5889
 
5728
5890
 
5891
+
5729
5892
  const $961b5c64bef4662f$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="depict plp category"></div>`, 2);
5730
5893
  const $961b5c64bef4662f$var$min_products_to_fetch_ = 20;
5731
5894
  const $961b5c64bef4662f$var$privately_shared_properties = /*@__PURE__*/ new WeakMap();
@@ -5777,7 +5940,8 @@ class $961b5c64bef4662f$export$f34314aa9505732e {
5777
5940
  constructor({ api: api , on_navigation: on_navigation , ...props_on_class }){
5778
5941
  const owner = (0, $gco9i$getOwner)() || (0, $gco9i$createRoot)(()=>(0, $gco9i$getOwner)()); // we might have an owner, if so, pass it on. Otherwise, create one so solid doesn't print warnings to the console
5779
5942
  (0, $gco9i$runWithOwner)(owner, ()=>{
5780
- if ($961b5c64bef4662f$export$f34314aa9505732e.#has_been_constructed) throw new Error("You can only have one instance of DepictCategory due to state limitations");
5943
+ if ($961b5c64bef4662f$export$f34314aa9505732e.#has_been_constructed && !(0, $gco9i$isServer)) // on the server we can't write stuff to history.state anyway so can have multiple
5944
+ throw new Error("You can only have one instance of DepictCategory due to state limitations");
5781
5945
  $961b5c64bef4662f$export$f34314aa9505732e.#has_been_constructed = true;
5782
5946
  Object.assign(this, props_on_class); // set initial signal values
5783
5947
  (0, $90980bd87c9960f9$export$5162a71f252e6122)();
@@ -5805,11 +5969,7 @@ class $961b5c64bef4662f$export$f34314aa9505732e {
5805
5969
  router_: this.#router,
5806
5970
  selected_filters_: selected_filters_,
5807
5971
  current_sorting_: current_sorting_,
5808
- sideways_filter_clearing_flag_: sideways_filter_clearing_flag_,
5809
- slider_arrow_button_: (0, $gco9i$GenericSliderArrowButton)({
5810
- height_: 12,
5811
- width_: 6.46
5812
- })
5972
+ sideways_filter_clearing_flag_: sideways_filter_clearing_flag_
5813
5973
  });
5814
5974
  });
5815
5975
  }
@@ -5823,7 +5983,7 @@ function $961b5c64bef4662f$export$e2bf8ce7779e827e({ depict_category: depict_cat
5823
5983
  grid_spacing: grid_spacing.horizontal
5824
5984
  };
5825
5985
  return (0, $16b52438165aafe2$export$23fca46f3143581f)(()=>{
5826
- const { state_: { category_local_filter_cache: local_filter_cache_ , category_filters_open: category_filters_open_ , category_sorting_open: category_sorting_open_ , category_expanded_filters: expanded_filters_ , category_expanded_hierarchical_filters: expanded_hierarchical_filters_ , category_scroll_restoration_data: scroll_restoration_data_ } , current_sorting_: current_sorting_ , selected_filters_: selected_filters_ , reset_history_state_: reset_history_state_ , depict_api_: depict_api_ , i18n_: i18n_ , router_: router_ , breadcrumb_signal_: breadcrumb_signal_ , quicklinks_signal_: quicklinks_signal_ , slider_arrow_button_: slider_arrow_button_ , sideways_filter_clearing_flag_: sideways_filter_clearing_flag_ } = shared_properties;
5986
+ const { state_: { category_local_filter_cache: local_filter_cache_ , category_filters_open: category_filters_open_ , category_sorting_open: category_sorting_open_ , category_expanded_filters: expanded_filters_ , category_expanded_hierarchical_filters: expanded_hierarchical_filters_ , category_scroll_restoration_data: scroll_restoration_data_ } , current_sorting_: current_sorting_ , selected_filters_: selected_filters_ , reset_history_state_: reset_history_state_ , depict_api_: depict_api_ , i18n_: i18n_ , router_: router_ , breadcrumb_signal_: breadcrumb_signal_ , quicklinks_signal_: quicklinks_signal_ , sideways_filter_clearing_flag_: sideways_filter_clearing_flag_ } = shared_properties;
5827
5987
  (0, $gco9i$onCleanup)(reset_history_state_);
5828
5988
  return (0, $df5d81d0fe61ff21$export$f7d2f673fc2f091d)({
5829
5989
  tenant_: ()=>depict_category.merchant,
@@ -5842,7 +6002,6 @@ function $961b5c64bef4662f$export$e2bf8ce7779e827e({ depict_category: depict_cat
5842
6002
  get_quicklinks_accessor_: (accessor)=>(0, $gco9i$createComputed)(()=>quicklinks_signal_[1](accessor())),
5843
6003
  category_filters_open_: category_filters_open_,
5844
6004
  category_sorting_open_: category_sorting_open_,
5845
- slider_arrow_button_: slider_arrow_button_,
5846
6005
  expanded_filters_: expanded_filters_,
5847
6006
  expanded_hierarchical_filters_: expanded_hierarchical_filters_,
5848
6007
  selected_filters_: selected_filters_,
@@ -5869,7 +6028,7 @@ function $961b5c64bef4662f$export$5b7c3ce0ebe51f86({ depict_category: depict_cat
5869
6028
  });
5870
6029
  }
5871
6030
  function $961b5c64bef4662f$export$de035477d6fef996({ depict_category: depict_category }) {
5872
- const { i18n_: i18n_ , quicklinks_signal_: [quicklinks_data_] , breadcrumb_signal_: [breadcrumb_data_] , router_: router_ , slider_arrow_button_: slider_arrow_button_ } = $961b5c64bef4662f$var$get_shared_properties(depict_category);
6031
+ const { i18n_: i18n_ , quicklinks_signal_: [quicklinks_data_] , breadcrumb_signal_: [breadcrumb_data_] , router_: router_ } = $961b5c64bef4662f$var$get_shared_properties(depict_category);
5873
6032
  return (0, $gco9i$createComponent)($961b5c64bef4662f$var$InExternalAreaDiv, {
5874
6033
  get children () {
5875
6034
  return (0, $06edf3aec9073663$export$466cdc317043f6cb)({
@@ -5877,7 +6036,6 @@ function $961b5c64bef4662f$export$de035477d6fef996({ depict_category: depict_cat
5877
6036
  quicklinks_data_: quicklinks_data_,
5878
6037
  router_: router_,
5879
6038
  current_query_id_: ()=>depict_category.category_id,
5880
- slider_arrow_button_: slider_arrow_button_,
5881
6039
  breadcrumb_data_: breadcrumb_data_
5882
6040
  });
5883
6041
  }
@@ -6011,9 +6169,9 @@ const $a79d86d64fb64e8e$export$824dde41348efed1 = /*@__PURE__*/ (()=>{
6011
6169
 
6012
6170
  const $5c5f95951393e5d1$var$TEN_MINUTES = 600000;
6013
6171
  const $5c5f95951393e5d1$var$TWENTY_FOUR_HOURS = 86400000;
6014
- async function $5c5f95951393e5d1$export$643598a327b5833e(tenant, market) {
6172
+ async function $5c5f95951393e5d1$export$643598a327b5833e(tenant, market, type) {
6015
6173
  let localstorage_value;
6016
- const localstorage_key = `depict_categories_` + market;
6174
+ const localstorage_key = `depict_${tenant}_${type ?? "categories"}_` + market;
6017
6175
  try {
6018
6176
  const in_ls = localStorage[localstorage_key];
6019
6177
  if (in_ls) localstorage_value = JSON.parse(in_ls);
@@ -6029,7 +6187,7 @@ async function $5c5f95951393e5d1$export$643598a327b5833e(tenant, market) {
6029
6187
  return stored_queries;
6030
6188
  else if (age < $5c5f95951393e5d1$var$TWENTY_FOUR_HOURS) {
6031
6189
  // if younger than a day, return stored value but still trigger re-fetch, so we have fresh data next page load (stale data this one but never a delay)
6032
- $5c5f95951393e5d1$var$fetch_and_store_categories(tenant, market, localstorage_key).catch((e)=>(0, $gco9i$report)([
6190
+ $5c5f95951393e5d1$var$fetch_and_store_categories(tenant, market, localstorage_key, type).catch((e)=>(0, $gco9i$report)([
6033
6191
  e,
6034
6192
  "couldn't fetch categories"
6035
6193
  ], "warning"));
@@ -6037,10 +6195,10 @@ async function $5c5f95951393e5d1$export$643598a327b5833e(tenant, market) {
6037
6195
  }
6038
6196
  // else: we are older and just fetch, store and return new queries
6039
6197
  }
6040
- return await $5c5f95951393e5d1$var$fetch_and_store_categories(tenant, market, localstorage_key);
6198
+ return await $5c5f95951393e5d1$var$fetch_and_store_categories(tenant, market, localstorage_key, type);
6041
6199
  }
6042
- async function $5c5f95951393e5d1$var$fetch_and_store_categories(tenant, market, localstorage_key) {
6043
- const new_categories = await $5c5f95951393e5d1$var$download_categories(tenant, market);
6200
+ async function $5c5f95951393e5d1$var$fetch_and_store_categories(tenant, market, localstorage_key, type) {
6201
+ const new_categories = await $5c5f95951393e5d1$var$download_categories(tenant, market, type);
6044
6202
  try {
6045
6203
  localStorage[localstorage_key] = JSON.stringify({
6046
6204
  updated: +new Date(),
@@ -6054,12 +6212,15 @@ async function $5c5f95951393e5d1$var$fetch_and_store_categories(tenant, market,
6054
6212
  }
6055
6213
  return new_categories;
6056
6214
  }
6057
- async function $5c5f95951393e5d1$var$download_categories(tenant, market) {
6215
+ async function $5c5f95951393e5d1$var$download_categories(tenant, market, type) {
6058
6216
  const fetched = await (0, $gco9i$fetch_retry)((0, $gco9i$base_url) + "/v2/product-listing/queries", {
6059
6217
  method: "POST",
6060
6218
  body: JSON.stringify({
6061
6219
  tenant: tenant,
6062
- market: market
6220
+ market: market,
6221
+ ...type ? {
6222
+ type: type
6223
+ } : {}
6063
6224
  })
6064
6225
  });
6065
6226
  if (!fetched) return [];
@@ -6189,6 +6350,35 @@ function $897bd4a76f611b38$export$d757d54550ebfb3d({ category_suggestion_: categ
6189
6350
 
6190
6351
 
6191
6352
 
6353
+
6354
+
6355
+ const $22e59517c2ec94d3$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="16"><path d="M.773 7.371L7.98.176C8.098.059 8.238 0 8.402 0s.305.059.422.176S9 .434 9 .598s-.059.305-.176.422L2.648 7.195h19.547a.59.59 0 0 1 .609.609c0 .172-.059.305-.176.422s-.262.176-.434.176H2.648l6.176 6.176a.59.59 0 0 1 .176.426c0 .16-.059.301-.176.422-.055.059-.121.109-.199.137s-.148.039-.223.039-.156-.012-.234-.039a.54.54 0 0 1-.187-.137L.773 8.227c-.117-.117-.176-.258-.176-.422a.6.6 0 0 1 .176-.434zm0 0"></path></svg>`, 4);
6356
+ function $22e59517c2ec94d3$export$1c641004b5485fed() {
6357
+ return (0, $gco9i$getNextElement)($22e59517c2ec94d3$var$_tmpl$);
6358
+ }
6359
+
6360
+
6361
+
6362
+
6363
+
6364
+
6365
+
6366
+
6367
+ const $16f0ed5ea30d8d9c$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<svg><path d="M19.811 20.174l-6.234-6.809a7.96 7.96 0 0 0 .923-1.179c.274-.424.502-.865.687-1.323a8.04 8.04 0 0 0 .42-1.436 7.88 7.88 0 0 0 .144-1.507c0-.526-.051-1.042-.154-1.548-.096-.506-.243-.995-.441-1.466s-.441-.919-.728-1.343a8.28 8.28 0 0 0-.984-1.21 7.86 7.86 0 0 0-1.2-.984A7.56 7.56 0 0 0 10.89.651C10.418.453 9.929.302 9.423.2S8.401.046 7.875.046 6.833.097 6.327.2 5.332.453 4.86.651a7.56 7.56 0 0 0-1.354.718c-.431.287-.831.615-1.2.984a8.28 8.28 0 0 0-.984 1.21 7.73 7.73 0 0 0-.728 1.343c-.198.472-.349.96-.451 1.466A8.31 8.31 0 0 0 0 7.921a8.31 8.31 0 0 0 .144 1.548c.103.506.253.995.451 1.466a8.08 8.08 0 0 0 .728 1.354 7.86 7.86 0 0 0 .984 1.2 7.54 7.54 0 0 0 1.2.995c.431.287.882.53 1.354.728.472.191.96.338 1.466.441a8.31 8.31 0 0 0 1.548.144c.451 0 .896-.038 1.333-.113a7.83 7.83 0 0 0 1.282-.328 7.55 7.55 0 0 0 1.2-.533 8.08 8.08 0 0 0 1.107-.749l6.245 6.809a.45.45 0 0 0 .174.123.55.55 0 0 0 .205.041.61.61 0 0 0 .195-.031c.061-.021.116-.055.164-.102.109-.096.164-.219.164-.369.007-.144-.038-.267-.133-.369zM1.046 7.921c0-.937.178-1.818.533-2.646.362-.834.851-1.559 1.466-2.174.622-.615 1.347-1.101 2.174-1.456.827-.362 1.712-.543 2.656-.543s1.829.181 2.656.543c.827.355 1.548.841 2.164 1.456.622.615 1.111 1.34 1.466 2.174a6.52 6.52 0 0 1 .543 2.646c0 .943-.181 1.829-.543 2.656a6.89 6.89 0 0 1-1.466 2.174c-.615.615-1.336 1.104-2.164 1.466-.827.356-1.712.533-2.656.533s-1.829-.178-2.656-.533c-.827-.362-1.552-.851-2.174-1.466-.615-.622-1.104-1.347-1.466-2.174-.355-.827-.533-1.712-.533-2.656z"></path></svg>`, 4);
6368
+ function $16f0ed5ea30d8d9c$export$82eafebb825fc23f(props = {}) {
6369
+ return (()=>{
6370
+ const _el$ = (0, $gco9i$getNextElement)($16f0ed5ea30d8d9c$var$_tmpl$);
6371
+ (0, $gco9i$spread)(_el$, (0, $gco9i$mergeProps)(props, {
6372
+ "xmlns": "http://www.w3.org/2000/svg",
6373
+ "width": "20",
6374
+ "height": "22"
6375
+ }), true, true);
6376
+ (0, $gco9i$runHydrationEvents)();
6377
+ return _el$;
6378
+ })();
6379
+ }
6380
+
6381
+
6192
6382
  const $5285d2814d0fac0c$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<button class="back" type="button"></button>`, 2), $5285d2814d0fac0c$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="search-field"><!#><!/><div class="field"><input class="query" tabindex="0"><button type="button" class="clear"></button></div><button class="submit major" type="button"></button></div>`, 11);
6193
6383
  function $5285d2814d0fac0c$export$b94867ecbd698f21({ 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_ , after_focusing_: after_focusing_ }) {
6194
6384
  let input_element;
@@ -6209,7 +6399,7 @@ function $5285d2814d0fac0c$export$b94867ecbd698f21({ search_field_value_: search
6209
6399
  get children () {
6210
6400
  const _el$2 = (0, $gco9i$getNextElement)($5285d2814d0fac0c$var$_tmpl$);
6211
6401
  (0, $gco9i$addEventListener)(_el$2, "click", (0, $gco9i$catchify)(on_back_), true);
6212
- (0, $gco9i$insert)(_el$2, (0, $gco9i$createComponent)((0, $gco9i$BackIcon), {}));
6402
+ (0, $gco9i$insert)(_el$2, (0, $gco9i$createComponent)((0, $22e59517c2ec94d3$export$1c641004b5485fed), {}));
6213
6403
  (0, $gco9i$effect)(()=>(0, $gco9i$setAttribute)(_el$2, "aria-label", i18n_.back_()));
6214
6404
  (0, $gco9i$runHydrationEvents)();
6215
6405
  return _el$2;
@@ -6266,9 +6456,9 @@ function $5285d2814d0fac0c$export$b94867ecbd698f21({ search_field_value_: search
6266
6456
  clear_filters_(true);
6267
6457
  if (!disabled_) input_element.focus();
6268
6458
  }), true);
6269
- (0, $gco9i$insert)(_el$5, (0, $gco9i$createComponent)((0, $gco9i$CrossIcon), {}));
6459
+ (0, $gco9i$insert)(_el$5, (0, $gco9i$createComponent)((0, $19976a74d273070d$export$3b621d86b1566b2), {}));
6270
6460
  (0, $gco9i$addEventListener)(_el$6, "click", (0, $gco9i$catchify)(()=>submit_query_()), true);
6271
- (0, $gco9i$insert)(_el$6, (0, $gco9i$createComponent)((0, $gco9i$SearchIcon), {}));
6461
+ (0, $gco9i$insert)(_el$6, (0, $gco9i$createComponent)((0, $16f0ed5ea30d8d9c$export$82eafebb825fc23f), {}));
6272
6462
  (0, $gco9i$effect)((_p$)=>{
6273
6463
  const _v$ = i18n_.search_field_field_aria_label_(), _v$2 = i18n_.placeholder_text_(), _v$3 = i18n_.clear_filters_query_sorting_after_submit_(), _v$4 = (0, $gco9i$createMemo)(()=>search_field_value_[0]() ? "" : "display: none")(), _v$5 = i18n_.search_submit_button_aria_label_();
6274
6464
  _v$ !== _p$._v$ && (0, $gco9i$setAttribute)(_el$4, "aria-label", _p$._v$ = _v$);
@@ -6482,7 +6672,7 @@ function $48d7e4a9707315b6$export$e026af0c7b64ea5f({ selected_filters_: selected
6482
6672
 
6483
6673
 
6484
6674
  function $21f51c14cb3f586f$export$84bba84a7b837187(read_search_query) {
6485
- const ls = localStorage;
6675
+ const ls = globalThis?.localStorage || {};
6486
6676
  const key = "depict_searches";
6487
6677
  const previous_searches = (0, $gco9i$createSignal)(JSON.parse(ls[key] || "[]"));
6488
6678
  const [read_previous_searches, write_previous_searches] = previous_searches;
@@ -6819,6 +7009,15 @@ function $a36cbc4f68bfd590$export$91c3b6774e8be0f5({ param_: param_ , value_: va
6819
7009
 
6820
7010
 
6821
7011
 
7012
+
7013
+
7014
+ const $694b7f90501fea4c$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<svg xmlns="http://www.w3.org/2000/svg" width="12" height="13"><path d="M6 12.598a5.88 5.88 0 0 1-1.611-.223c-.52-.145-1.008-.352-1.465-.621s-.875-.605-1.254-.996-.693-.83-.955-1.318c-.039-.07-.047-.145-.023-.223s.072-.143.146-.182.145-.047.223-.023.143.072.182.146a5.54 5.54 0 0 0 .861 1.184c.34.352.715.65 1.125.897s.85.435 1.318.568A5.5 5.5 0 0 0 6 12a5.24 5.24 0 0 0 2.098-.422c.656-.285 1.229-.672 1.717-1.16s.879-1.061 1.16-1.717a5.22 5.22 0 0 0 .428-2.104c0-.742-.143-1.441-.428-2.098s-.668-1.229-1.16-1.717a5.42 5.42 0 0 0-1.717-1.154A5.18 5.18 0 0 0 6 1.201c-.496 0-.979.066-1.447.199s-.904.316-1.318.563-.785.539-1.125.891a5.31 5.31 0 0 0-.855 1.172.32.32 0 0 1-.164.141c-.066.023-.135.023-.205 0a.3.3 0 0 1-.158-.135C.691 3.965.682 3.895.697 3.82l.51-2.385c.016-.078.059-.141.129-.187a.28.28 0 0 1 .229-.041c.078.016.141.059.188.129a.28.28 0 0 1 .041.229l-.211.973a5.91 5.91 0 0 1 .926-.814 5.78 5.78 0 0 1 1.066-.609A5.79 5.79 0 0 1 4.746.732C5.156.643 5.574.598 6 .598c.402 0 .795.039 1.178.117s.76.191 1.119.34a5.95 5.95 0 0 1 1.031.551c.328.219.633.469.914.75s.535.592.75.92a5.77 5.77 0 0 1 .551 1.025 5.53 5.53 0 0 1 .34 1.119c.078.387.117.779.117 1.178s-.039.797-.117 1.184-.187.754-.34 1.113a5.96 5.96 0 0 1-.551 1.031 5.56 5.56 0 0 1-.75.914c-.281.285-.586.537-.914.756a5.95 5.95 0 0 1-1.031.551c-.359.148-.732.26-1.119.334s-.775.117-1.178.117zm0-5.695c-.023 0-.049-.004-.076-.012s-.047-.018-.07-.029l-2.701-1.5c-.07-.039-.117-.098-.141-.176a.29.29 0 0 1 .023-.229c.043-.074.104-.123.182-.146s.158-.014.229.029l2.543 1.412 3.152-2.004c.07-.047.145-.061.223-.041a.29.29 0 0 1 .188.135c.047.066.061.141.041.223a.27.27 0 0 1-.129.188L6.158 6.855a.27.27 0 0 1-.076.035c-.027.008-.055.012-.082.012z" fill="#0f0f0f"></path></svg>`, 4);
7015
+ function $694b7f90501fea4c$export$5d2caaa6b530761c() {
7016
+ return (0, $gco9i$getNextElement)($694b7f90501fea4c$var$_tmpl$);
7017
+ }
7018
+
7019
+
7020
+
6822
7021
  const $7ad3a93cbe6fa208$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="previous-searches"><h2 class="text"></h2><div class="list"></div></div>`, 6), $7ad3a93cbe6fa208$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<a class="item"><div class="left"><!#><!/><span></span></div><button class="delete"></button></a>`, 10);
6823
7022
  function $7ad3a93cbe6fa208$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_ , selected_index_: [read_selected_index_, write_selected_index_] , url_transformer_: url_transformer_ , i18n_: i18n_ , submit_query_: submit_query_ }) {
6824
7023
  const has_entries = (0, $gco9i$createMemo)(()=>previous_searches_().length >= 1);
@@ -6865,7 +7064,7 @@ function $7ad3a93cbe6fa208$export$a146ac6fa8346a25({ text_: text_ , previous_sea
6865
7064
  0,
6866
7065
  index
6867
7066
  ])));
6868
- (0, $gco9i$insert)(_el$5, (0, $gco9i$createComponent)((0, $gco9i$PreviousSearchIcon), {}), _el$8, _co$);
7067
+ (0, $gco9i$insert)(_el$5, (0, $gco9i$createComponent)((0, $694b7f90501fea4c$export$5d2caaa6b530761c), {}), _el$8, _co$);
6869
7068
  (0, $gco9i$insert)(_el$6, item);
6870
7069
  (0, $gco9i$use)((element)=>element.addEventListener("click", (0, $gco9i$catchify)((e)=>{
6871
7070
  // Viskan's Oscar Jacobson site requires us to add the event listener normally here. They do too much when this element is clicked. We work around it by blocking the event and just dispatching it non-bubbling on this element.
@@ -6882,7 +7081,7 @@ function $7ad3a93cbe6fa208$export$a146ac6fa8346a25({ text_: text_ , previous_sea
6882
7081
  e.stopPropagation();
6883
7082
  e.preventDefault();
6884
7083
  })), _el$9);
6885
- (0, $gco9i$insert)(_el$9, (0, $gco9i$createComponent)((0, $gco9i$CrossIcon), {}));
7084
+ (0, $gco9i$insert)(_el$9, (0, $gco9i$createComponent)((0, $19976a74d273070d$export$3b621d86b1566b2), {}));
6886
7085
  (0, $gco9i$effect)((_p$)=>{
6887
7086
  const _v$ = !!(0, $gco9i$createMemo)(()=>read_selected_index_()?.[0] === 0 && read_selected_index_()?.[1] === index)(), _v$2 = href(), _v$3 = i18n_.previous_searches_delete_entry_from_history_();
6888
7087
  _v$ !== _p$._v$ && _el$4.classList.toggle("selected", _p$._v$ = _v$);
@@ -6985,6 +7184,8 @@ function $f3213c0640246d58$export$ba17c5b7e6dda39f({ whole_text_to_display_: who
6985
7184
  }
6986
7185
 
6987
7186
 
7187
+
7188
+
6988
7189
  const $cea52f6b24092f05$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<a class="suggestion"></a>`, 2), $cea52f6b24092f05$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="search-icon"></div>`, 2), $cea52f6b24092f05$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<span class="type"></span>`, 2), $cea52f6b24092f05$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div><!#><!/><span class="value"></span></div>`, 6), $cea52f6b24092f05$var$_tmpl$5 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<h2 class="text"></h2>`, 2), $cea52f6b24092f05$var$_tmpl$6 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="suggestion-container query"><!#><!/><!#><!/></div>`, 6), $cea52f6b24092f05$var$_tmpl$7 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="suggestion-container page"></div>`, 2), $cea52f6b24092f05$var$_tmpl$8 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="suggestions"><!#><!/><!#><!/><!#><!/></div>`, 8);
6989
7190
  function $cea52f6b24092f05$export$e872e2339fb04a7f({ suggestion_memo_: suggestion_memo_ , search_query_url_param_name_: search_query_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_ , i18n_: i18n_ , include_category_suggestions_: include_category_suggestions_ , searching_for_value_: searching_for_value_ , router_: router_ , submit_query_: submit_query_ }) {
6990
7191
  const queries_memo = (0, $gco9i$createMemo)(()=>suggestion_memo_().filter(({ type: type , title: title })=>type === (0, $a0eb8b431ec1f87b$export$3cf9497e790da491) && !filtered_previous_searches_().includes(title) // don't show the ones we already show from the history
@@ -7028,12 +7229,12 @@ function $cea52f6b24092f05$export$e872e2339fb04a7f({ suggestion_memo_: suggestio
7028
7229
  get fallback () {
7029
7230
  return (()=>{
7030
7231
  const _el$2 = (0, $gco9i$getNextElement)($cea52f6b24092f05$var$_tmpl$2);
7031
- (0, $gco9i$insert)(_el$2, (0, $gco9i$createComponent)((0, $gco9i$SearchIcon), {}));
7232
+ (0, $gco9i$insert)(_el$2, (0, $gco9i$createComponent)((0, $16f0ed5ea30d8d9c$export$82eafebb825fc23f), {}));
7032
7233
  return _el$2;
7033
7234
  })();
7034
7235
  },
7035
7236
  get children () {
7036
- return (0, $gco9i$createComponent)((0, $gco9i$PreviousSearchIcon), {});
7237
+ return (0, $gco9i$createComponent)((0, $694b7f90501fea4c$export$5d2caaa6b530761c), {});
7037
7238
  }
7038
7239
  }),
7039
7240
  (0, $gco9i$createComponent)((0, $f3213c0640246d58$export$ba17c5b7e6dda39f), {
@@ -7720,7 +7921,7 @@ function $fabfda1230351b1a$var$close_modal_when_navigating_away(close_modal, sea
7720
7921
 
7721
7922
 
7722
7923
  const $793905995512612d$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="category-suggestions"></div>`, 2), $793905995512612d$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="category-suggestion"></div>`, 2);
7723
- function $793905995512612d$export$c05a196222ba1302({ suggestions_: suggestions_ , children: children , slider_arrow_button_: slider_arrow_button_ }) {
7924
+ function $793905995512612d$export$c05a196222ba1302({ suggestions_: suggestions_ , children: children }) {
7724
7925
  const category_suggestions_ = (0, $gco9i$createMemo)(()=>suggestions_()?.suggestions.filter((s)=>s.type === "category"));
7725
7926
  return (0, $gco9i$createComponent)((0, $gco9i$Show), {
7726
7927
  get when () {
@@ -7729,7 +7930,6 @@ function $793905995512612d$export$c05a196222ba1302({ suggestions_: suggestions_
7729
7930
  get children () {
7730
7931
  const _el$ = (0, $gco9i$getNextElement)($793905995512612d$var$_tmpl$);
7731
7932
  (0, $gco9i$insert)(_el$, (0, $gco9i$createComponent)((0, $f32e14878e75af51$export$6649caad96ef8870), {
7732
- button_: slider_arrow_button_,
7733
7933
  faded_opacity_: 0.7,
7734
7934
  get children () {
7735
7935
  return (0, $gco9i$createComponent)((0, $gco9i$Show), {
@@ -7802,9 +8002,10 @@ function $f8c929beb82c512b$export$9dd50d35b9d94fdf({ get_search_query_: get_sear
7802
8002
 
7803
8003
 
7804
8004
 
8005
+
7805
8006
  const $7097477c78a89208$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="filter-results-for-one-row"><!#><!/><!#><!/></div>`, 6), $7097477c78a89208$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="depict plp search"><div class="listing-page"><!#><!/><!#><!/><!#><!/><!#><!/><!#><!/><!#><!/></div><!#><!/><!#><!/></div>`, 20);
7806
8007
  function $7097477c78a89208$export$a54ec244c8863715(opts) {
7807
- const { depict_api_: depict_api_ , search_field_value_: search_field_value_ , get_search_query_: get_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_ , search_recs_view_more_: search_recs_view_more_ , disable_search_recommendations_: disable_search_recommendations_ , layout_options_: layout_options_ , recommendations_layout_options_: recommendations_layout_options_ = layout_options_ , scroll_restoration_data_: scroll_restoration_data_ , product_card_template_: product_card_template_ } = opts;
8008
+ const { depict_api_: depict_api_ , search_field_value_: search_field_value_ , get_search_query_: get_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_ , 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_ , search_recs_view_more_: search_recs_view_more_ , disable_search_recommendations_: disable_search_recommendations_ , layout_options_: layout_options_ , recommendations_layout_options_: recommendations_layout_options_ = layout_options_ , scroll_restoration_data_: scroll_restoration_data_ , product_card_template_: product_card_template_ } = opts;
7808
8009
  const [get_sorting] = current_sorting_;
7809
8010
  const all_products_loaded_ = (0, $gco9i$createSignal)(false);
7810
8011
  const [get_all_products_loaded, set_all_products_loaded] = all_products_loaded_;
@@ -7924,18 +8125,19 @@ function $7097477c78a89208$export$a54ec244c8863715(opts) {
7924
8125
  number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_
7925
8126
  });
7926
8127
  const results_filters = (0, $gco9i$createSignal)();
8128
+ const owner = (0, $gco9i$getOwner)();
7927
8129
  (0, $gco9i$onCleanup)((0, $gco9i$javascript_media_query)("(max-width:600px)", async ({ matches: matches })=>{
7928
8130
  results_filters[1]();
7929
8131
  await new Promise((r)=>queueMicrotask(r));
7930
- results_filters[1](matches ? [
7931
- results_for,
7932
- filters_opener
7933
- ] : (()=>{
7934
- const _el$ = (0, $gco9i$getNextElement)($7097477c78a89208$var$_tmpl$), _el$2 = _el$.firstChild, [_el$3, _co$] = (0, $gco9i$getNextMarker)(_el$2.nextSibling), _el$4 = _el$3.nextSibling, [_el$5, _co$2] = (0, $gco9i$getNextMarker)(_el$4.nextSibling);
7935
- (0, $gco9i$insert)(_el$, results_for, _el$3, _co$);
7936
- (0, $gco9i$insert)(_el$, filters_opener, _el$5, _co$2);
7937
- return _el$;
7938
- })());
8132
+ (0, $gco9i$runWithOwner)(owner, ()=>results_filters[1](matches ? [
8133
+ results_for,
8134
+ filters_opener
8135
+ ] : (()=>{
8136
+ const _el$ = (0, $gco9i$getNextElement)($7097477c78a89208$var$_tmpl$), _el$2 = _el$.firstChild, [_el$3, _co$] = (0, $gco9i$getNextMarker)(_el$2.nextSibling), _el$4 = _el$3.nextSibling, [_el$5, _co$2] = (0, $gco9i$getNextMarker)(_el$4.nextSibling);
8137
+ (0, $gco9i$insert)(_el$, results_for, _el$3, _co$);
8138
+ (0, $gco9i$insert)(_el$, filters_opener, _el$5, _co$2);
8139
+ return _el$;
8140
+ })()));
7939
8141
  }).remove);
7940
8142
  (0, $gco9i$catchify)((0, $641bba2917fe862b$export$6e49da55e449af7c))({
7941
8143
  scroll_restoration_data_: scroll_restoration_data_,
@@ -7957,7 +8159,7 @@ function $7097477c78a89208$export$a54ec244c8863715(opts) {
7957
8159
  (0, $d78eea1e8707dc2d$export$c7e181728ad525f)(location);
7958
8160
  });
7959
8161
  return [
7960
- document.createComment("Search page based on Depict SDK"),
8162
+ (0, $gco9i$isServer) ? "<!-- Search page based on Depict SDK -->" : document.createComment("Search page based on Depict SDK"),
7961
8163
  (()=>{
7962
8164
  const _el$6 = (0, $gco9i$getNextElement)($7097477c78a89208$var$_tmpl$2), _el$7 = _el$6.firstChild, _el$8 = _el$7.firstChild, [_el$9, _co$3] = (0, $gco9i$getNextMarker)(_el$8.nextSibling), _el$10 = _el$9.nextSibling, [_el$11, _co$4] = (0, $gco9i$getNextMarker)(_el$10.nextSibling), _el$12 = _el$11.nextSibling, [_el$13, _co$5] = (0, $gco9i$getNextMarker)(_el$12.nextSibling), _el$14 = _el$13.nextSibling, [_el$15, _co$6] = (0, $gco9i$getNextMarker)(_el$14.nextSibling), _el$16 = _el$15.nextSibling, [_el$17, _co$7] = (0, $gco9i$getNextMarker)(_el$16.nextSibling), _el$18 = _el$17.nextSibling, [_el$19, _co$8] = (0, $gco9i$getNextMarker)(_el$18.nextSibling), _el$20 = _el$7.nextSibling, [_el$21, _co$9] = (0, $gco9i$getNextMarker)(_el$20.nextSibling), _el$22 = _el$21.nextSibling, [_el$23, _co$10] = (0, $gco9i$getNextMarker)(_el$22.nextSibling);
7963
8165
  (0, $gco9i$insert)(_el$7, search_field, _el$9, _co$3);
@@ -7967,7 +8169,6 @@ function $7097477c78a89208$export$a54ec244c8863715(opts) {
7967
8169
  get children () {
7968
8170
  return (0, $gco9i$createComponent)((0, $793905995512612d$export$c05a196222ba1302), {
7969
8171
  suggestions_: suggestions,
7970
- slider_arrow_button_: slider_arrow_button_,
7971
8172
  children: make_category_suggestion_card_
7972
8173
  });
7973
8174
  }
@@ -7987,7 +8188,6 @@ function $7097477c78a89208$export$a54ec244c8863715(opts) {
7987
8188
  i18n_: i18n_,
7988
8189
  selected_filters_: selected_filters_,
7989
8190
  local_filter_cache_: local_filter_cache_,
7990
- slider_arrow_button_: slider_arrow_button_,
7991
8191
  search_filters_open_: search_filters_open_,
7992
8192
  search_sorting_open_: search_sorting_open_,
7993
8193
  number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
@@ -8113,6 +8313,7 @@ function $4ca91518c9a35379$export$828dcdd425fd3231(aligner) {
8113
8313
 
8114
8314
 
8115
8315
 
8316
+
8116
8317
  const $806c97b931758897$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="depict plp search"></div>`, 2);
8117
8318
  /**
8118
8319
  * 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.
@@ -8130,7 +8331,8 @@ class $806c97b931758897$export$ac6237957a15b3f0 {
8130
8331
  disable_scrolling_during_modal = true , api: api , bottom_distance_under_modal: bottom_distance_under_modal , render_instant_card: render_instant_card , ...props_on_class }){
8131
8332
  const owner = (0, $gco9i$getOwner)() || (0, $gco9i$createRoot)(()=>(0, $gco9i$getOwner)()); // we might have an owner, if so, pass it on. Otherwise, create one so solid doesn't print warnings to the console
8132
8333
  (0, $gco9i$runWithOwner)(owner, ()=>{
8133
- if ($806c97b931758897$export$ac6237957a15b3f0.#has_been_constructed) throw new Error("You can only have one instance of DepictSearch");
8334
+ if ($806c97b931758897$export$ac6237957a15b3f0.#has_been_constructed && !(0, $gco9i$isServer)) // on the server we can't write stuff to history.state anyway so can have multiple
8335
+ throw new Error("You can only have one instance of DepictSearch");
8134
8336
  Object.assign(this, props_on_class);
8135
8337
  if (on_navigation) this.#router.on_navigation_ = on_navigation;
8136
8338
  const { current_sorting_: current_sorting_ , selected_filters_: selected_filters_ , search_query_accessor_: raw_search_query_accessor } = (0, $ccd5db07a3a069c5$export$477caf01aecaeb2a)({
@@ -8138,7 +8340,7 @@ class $806c97b931758897$export$ac6237957a15b3f0 {
8138
8340
  router_: this.#router
8139
8341
  });
8140
8342
  const [reset_history_state_, state_] = (0, $a8fa7302d6f93c0b$export$9862539c89138352)(()=>({
8141
- search_field_value: new URLSearchParams(location.search).get(search_query_url_param_name_) ?? "",
8343
+ search_field_value: (globalThis?.location && new URLSearchParams(location.search).get(search_query_url_param_name_)) ?? "",
8142
8344
  search_filters_open: false,
8143
8345
  search_sorting_open: false,
8144
8346
  search_expanded_filters: [],
@@ -8397,10 +8599,6 @@ function $806c97b931758897$export$f2dc7e4e4aa11abb({ depict_search: depict_searc
8397
8599
  cols_at_size: (0, $b5cccc8ee7d24677$export$6daf8749b65a1b77)(extra_depict_options.recommendations_cols_at_size),
8398
8600
  ...grid_spacing_override
8399
8601
  } : undefined,
8400
- slider_arrow_button_: (0, $gco9i$GenericSliderArrowButton)({
8401
- height_: 12,
8402
- width_: 6.46
8403
- }),
8404
8602
  product_card_template_: product_card_template
8405
8603
  });
8406
8604
  }, "Entire SearchPage failed");
@@ -8774,4 +8972,4 @@ const $4690a06c8489dcd0$export$7bf543b9d9be2c22 = (0, $e4615ecd1849548f$export$b
8774
8972
  (0, $gco9i$add_to_version_info)("ui", (0, $ec291e0010116877$export$83d89fbfd8236492));
8775
8973
 
8776
8974
 
8777
- export {$c58717f39bf51647$export$58e808b1db15d3bc as fetchDepictRecommendations, $961b5c64bef4662f$export$de035477d6fef996 as QuickLinks, $961b5c64bef4662f$export$5b7c3ce0ebe51f86 as BreadCrumbs, $e4615ecd1849548f$export$b91cec6bdc6b32a1 as CategoryTitle, $a79d86d64fb64e8e$export$824dde41348efed1 as embedded_num_products, $5c5f95951393e5d1$export$643598a327b5833e as get_categories, $961b5c64bef4662f$export$f34314aa9505732e as DepictCategory, $961b5c64bef4662f$export$e2bf8ce7779e827e as CategoryPage, $806c97b931758897$export$ac6237957a15b3f0 as DepictSearch, $806c97b931758897$export$bde3eb976dfded9 as get_search_query_updating_blocked_signal, $806c97b931758897$export$f2dc7e4e4aa11abb as SearchPage, $806c97b931758897$export$316f6f283ae64765 as SearchField, $4fd48cb976bf1789$export$aa14a9f43128f61f as ProductCardError, $6891c018a834cfdd$export$d86a33413558014e as open_modal_with_alignment, $bb15dfb548a7666e$export$ee1733d9a8495996 as DefaultInstantCardPlaceholder, $b6d5529b253681aa$export$b3ad617e9036868 as align_field, $b5cccc8ee7d24677$export$6daf8749b65a1b77 as convert_sdk_cols_at_size_to_layout, $926b1b5ba2239356$export$1233ca167bf71f9a as styles_to_valid_css_string, $aea1edf92433e81e$export$fe334901e8bebd57 as disable_scrolling, $6e8944558258054f$export$d0596b5cae35ad4 as open_search_with_shift_slash, $7fa23e2a0079eca4$export$e015ed2f2950f2e3 as DepictAPI, $dc9262ef6f786812$export$d9f36cf74e24d595 as media_query_to_accessor, $6936724b9e0b98d5$export$689e204eadb33baf as setup_fast_leave, $bf52d9f9eebd1938$export$5196e4c01fa56fcb as show_toast, $8c0f86cb3e266eeb$export$a71e92cfbb498adc as SolidFormatPrice, $4ca91518c9a35379$export$828dcdd425fd3231 as connect_search_field_height_to_aligner_height, $d20eff0aadc28983$export$acb3eaade4b23afd as BasePlaceholder, $d134eae24341b4a1$export$89c6019e4baa40b1 as TextPlaceholder, $7f60f09116a3fe61$export$3f37af283f8fb843 as ImagePlaceholder, $753e9b2889a47c89$export$3ccaa27d81dd8556 as PageReplacer, $4690a06c8489dcd0$export$864d304a0bc46829 as defaultGridSpacing, $4690a06c8489dcd0$export$c3834fa86c616831 as defaultColsAtSize, $4690a06c8489dcd0$export$7bf543b9d9be2c22 as defaultCategoryTitlePlugin, $ec291e0010116877$export$83d89fbfd8236492 as version};
8975
+ export {$19976a74d273070d$export$3b621d86b1566b2 as CrossIcon, $fbbadcb080ad1d4a$export$8be2714ec7f169ee as GenericSliderArrowButton, $c58717f39bf51647$export$58e808b1db15d3bc as fetchDepictRecommendations, $961b5c64bef4662f$export$de035477d6fef996 as QuickLinks, $961b5c64bef4662f$export$5b7c3ce0ebe51f86 as BreadCrumbs, $e4615ecd1849548f$export$b91cec6bdc6b32a1 as CategoryTitle, $a79d86d64fb64e8e$export$824dde41348efed1 as embedded_num_products, $5c5f95951393e5d1$export$643598a327b5833e as get_categories, $961b5c64bef4662f$export$f34314aa9505732e as DepictCategory, $961b5c64bef4662f$export$e2bf8ce7779e827e as CategoryPage, $806c97b931758897$export$ac6237957a15b3f0 as DepictSearch, $806c97b931758897$export$bde3eb976dfded9 as get_search_query_updating_blocked_signal, $806c97b931758897$export$f2dc7e4e4aa11abb as SearchPage, $806c97b931758897$export$316f6f283ae64765 as SearchField, $4fd48cb976bf1789$export$aa14a9f43128f61f as ProductCardError, $6891c018a834cfdd$export$d86a33413558014e as open_modal_with_alignment, $bb15dfb548a7666e$export$ee1733d9a8495996 as DefaultInstantCardPlaceholder, $b6d5529b253681aa$export$b3ad617e9036868 as align_field, $b5cccc8ee7d24677$export$6daf8749b65a1b77 as convert_sdk_cols_at_size_to_layout, $926b1b5ba2239356$export$1233ca167bf71f9a as styles_to_valid_css_string, $aea1edf92433e81e$export$fe334901e8bebd57 as disable_scrolling, $6e8944558258054f$export$d0596b5cae35ad4 as open_search_with_shift_slash, $7fa23e2a0079eca4$export$e015ed2f2950f2e3 as DepictAPI, $dc9262ef6f786812$export$d9f36cf74e24d595 as media_query_to_accessor, $6936724b9e0b98d5$export$689e204eadb33baf as setup_fast_leave, $bf52d9f9eebd1938$export$5196e4c01fa56fcb as show_toast, $8c0f86cb3e266eeb$export$a71e92cfbb498adc as SolidFormatPrice, $4ca91518c9a35379$export$828dcdd425fd3231 as connect_search_field_height_to_aligner_height, $d20eff0aadc28983$export$acb3eaade4b23afd as BasePlaceholder, $d134eae24341b4a1$export$89c6019e4baa40b1 as TextPlaceholder, $7f60f09116a3fe61$export$3f37af283f8fb843 as ImagePlaceholder, $753e9b2889a47c89$export$3ccaa27d81dd8556 as PageReplacer, $4690a06c8489dcd0$export$864d304a0bc46829 as defaultGridSpacing, $4690a06c8489dcd0$export$c3834fa86c616831 as defaultColsAtSize, $4690a06c8489dcd0$export$7bf543b9d9be2c22 as defaultCategoryTitlePlugin, $ec291e0010116877$export$83d89fbfd8236492 as version};