@depict-ai/ui 1.0.17 → 1.1.0

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);
@@ -145,10 +189,23 @@ class $7fa23e2a0079eca4$export$e015ed2f2950f2e3 {
145
189
  let resolve_in_progress;
146
190
  cache_obj.in_progress_[body] = new Promise((r)=>resolve_in_progress = r);
147
191
  try {
148
- const search_results = await (0, $gco9i$fetch_retry)((0, $gco9i$add_version_query_params)(endpoint1), {
192
+ let search_results = await (0, $gco9i$fetch_retry)((0, $gco9i$add_version_query_params)(endpoint1), {
149
193
  method: "POST",
150
194
  body: body
151
195
  });
196
+ if ("query_id" in request && request.type === "collection") // FIXME: Remove. Backwards compatibility layer
197
+ // This will retry the request without the collection type if the first request fails
198
+ {
199
+ if (!search_results || search_results?.status === 404) {
200
+ (0, $gco9i$dlog)("Fallback request for collections due to failure");
201
+ const fallback_body = JSON.parse(body);
202
+ delete fallback_body.type;
203
+ search_results = await (0, $gco9i$fetch_retry)((0, $gco9i$add_version_query_params)(endpoint1), {
204
+ method: "POST",
205
+ body: JSON.stringify(fallback_body)
206
+ });
207
+ }
208
+ }
152
209
  if (!search_results || search_results.status !== 200) {
153
210
  const retval = fallback_response(input_req);
154
211
  resolve_in_progress(retval);
@@ -312,13 +369,14 @@ function $8c0f86cb3e266eeb$export$a71e92cfbb498adc(props) {
312
369
 
313
370
  function $8f9120a1ca151e6a$export$205efb947c7ffd78(handler, passive = true) {
314
371
  const catchified_handler = (0, $gco9i$catchify)(handler);
372
+ const owner = (0, $gco9i$getOwner)();
315
373
  // 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
374
  // Use observer in case that this gets called before body exists
317
375
  const disconnect = (0, $gco9i$observer).onexists("body", ({ element: element })=>{
318
376
  element.addEventListener("scroll", catchified_handler, {
319
377
  passive: passive
320
378
  });
321
- (0, $gco9i$onCleanup)(()=>element.removeEventListener("scroll", catchified_handler));
379
+ (0, $gco9i$runWithOwner)(owner, ()=>(0, $gco9i$onCleanup)(()=>element.removeEventListener("scroll", catchified_handler)));
322
380
  });
323
381
  (0, $gco9i$onCleanup)(disconnect);
324
382
  for (const event of [
@@ -334,8 +392,10 @@ function $8f9120a1ca151e6a$export$205efb947c7ffd78(handler, passive = true) {
334
392
  }
335
393
 
336
394
 
395
+
337
396
  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
397
  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_ } }) {
398
+ if (0, $gco9i$isServer) return; // won't show in initial render and need scroll position
339
399
  const [first_to_show, set_first_to_show] = (0, $gco9i$createSignal)(0);
340
400
  const [last_to_show, set_last_to_show] = (0, $gco9i$createSignal)(0);
341
401
  const [count_to_show, set_count_to_show] = (0, $gco9i$createSignal)("");
@@ -676,6 +736,7 @@ function $e9342fb3ac73a54a$export$8895d39404bd2bb1(props) {
676
736
 
677
737
  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
738
  function $598245ecfe38f34b$export$ef6006467f04ee41({ i18n_: i18n_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , selected_filters_: selected_filters_ , local_filter_cache_: local_filter_cache_ }) {
739
+ const root = (0, $gco9i$getOwner)();
679
740
  return [
680
741
  (()=>{
681
742
  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 +747,14 @@ function $598245ecfe38f34b$export$ef6006467f04ee41({ i18n_: i18n_ , expanded_hie
686
747
  },
687
748
  get children () {
688
749
  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);
750
+ (0, $gco9i$addEventListener)(_el$3, "click", (0, $gco9i$catchify)(()=>(0, $gco9i$runWithOwner)(root, ()=>(0, $e9342fb3ac73a54a$export$8895d39404bd2bb1)({
751
+ user_triggered_: true,
752
+ selected_filters_: selected_filters_,
753
+ also_clear_sorting_: false,
754
+ expanded_hierarchical_filters_: expanded_hierarchical_filters_,
755
+ i18n_: i18n_,
756
+ local_filter_cache_: local_filter_cache_
757
+ }))), true);
697
758
  (0, $gco9i$insert)(_el$3, ()=>i18n_.try_without_filters_());
698
759
  (0, $gco9i$runHydrationEvents)();
699
760
  return _el$3;
@@ -708,8 +769,10 @@ function $598245ecfe38f34b$export$ef6006467f04ee41({ i18n_: i18n_ , expanded_hie
708
769
  ]);
709
770
 
710
771
 
772
+
711
773
  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.");
774
+ 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.";
775
+ return (0, $gco9i$isServer) ? `<!-- ${text} -->` : document.createComment(text);
713
776
  }
714
777
 
715
778
 
@@ -781,11 +844,20 @@ function $a52235d12ccf9c88$var$unwrapping_helper(elements) {
781
844
  }
782
845
 
783
846
 
847
+
784
848
  let $6e41f1fde994db72$var$cached_placeholder_element;
785
849
  let $6e41f1fde994db72$var$rendering_cached_placeholder_element;
786
850
  function $6e41f1fde994db72$export$f33414a4df0afd3f({ product_card_template_: product_card_template_ , num_placeholders_: num_placeholders_ }) {
787
851
  const [get_elements, set_elements] = (0, $gco9i$createSignal)([]);
788
852
  let existing_num = 0;
853
+ if (0, $gco9i$isServer) // want to render simple placeholders on server, effects don't run there
854
+ return (0, $gco9i$createMemo)(()=>Array.from({
855
+ length: num_placeholders_()
856
+ }).map(()=>{
857
+ const template_result = product_card_template_(null, undefined);
858
+ // @ts-ignore
859
+ if (typeof template_result?.then !== "function") return template_result;
860
+ }));
789
861
  (0, $gco9i$createRenderEffect)(()=>{
790
862
  const to_add = num_placeholders_() - existing_num;
791
863
  if (to_add <= 0) return;
@@ -978,22 +1050,17 @@ function $29ec7cddbe1d3484$export$43f0fb951fcb0c54({ displays_by_key_: displays_
978
1050
  ];
979
1051
  },
980
1052
  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
1053
  const owner = (0, $gco9i$getOwner)();
985
1054
  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])=>{
1055
+ const [product_card_resource] = (0, $gco9i$createResource)(display_accessor, // re-render when the reference to the display object changes
1056
+ // this should only be the case when the merchant or market changes and the new request has completed
1057
+ (display)=>{
991
1058
  // 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
1059
  return product_card_template_(display, {
994
1060
  set_on_index_change: (fn)=>(0, $gco9i$runWithOwner)(owner, ()=>(0, $gco9i$createEffect)(()=>fn(index()))),
995
- merchant: merchant,
996
- market: market
1061
+ merchant: (0, $gco9i$untrack)(merchant_),
1062
+ // 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
1063
+ market: (0, $gco9i$untrack)(market_)
997
1064
  });
998
1065
  });
999
1066
  const node_accessor = (0, $a52235d12ccf9c88$export$2f0cbfbb4354bb52)(product_card_resource);
@@ -1136,7 +1203,7 @@ function $2d25e42846eac370$export$3925f87b1545cfc6({ plp_results_: plp_results_
1136
1203
  const random_id = (0, $gco9i$make_random_classname)();
1137
1204
  const selector_beginning_ = `.depict.plp #${random_id}>`;
1138
1205
  const [get_styling, set_styling_] = (0, $gco9i$createSignal)("");
1139
- const [get_should_have_placeholders_rendered, set_should_have_placeholders_rendered] = (0, $gco9i$createSignal)(false);
1206
+ const [get_should_have_placeholders_rendered, set_should_have_placeholders_rendered] = (0, $gco9i$createSignal)(true);
1140
1207
  const rendered_placeholders = (0, $gco9i$createMemo)(()=>get_should_have_placeholders_rendered() ? (0, $6e41f1fde994db72$export$f33414a4df0afd3f)({
1141
1208
  product_card_template_: product_card_template_,
1142
1209
  num_placeholders_: (0, $gco9i$createMemo)(()=>{
@@ -1392,21 +1459,23 @@ function $6bb0a0c563dff4bb$export$e13dddbb31c3a42f() {
1392
1459
 
1393
1460
 
1394
1461
 
1462
+
1463
+
1395
1464
  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_ = [] }) {
1465
+ function $f32e14878e75af51$export$6649caad96ef8870({ children: children , slider_ref_: slider_ref_ , faded_opacity_: faded_opacity_ = 0.7 , mutation_plugins_: mutation_plugins_ = [] }) {
1397
1466
  const slider = new (0, $gco9i$Amazing_Slider)({
1398
1467
  button_contents: {
1399
1468
  left: [
1400
1469
  (()=>{
1401
1470
  const _el$ = (0, $gco9i$getNextElement)($f32e14878e75af51$var$_tmpl$);
1402
- (0, $gco9i$insert)(_el$, ()=>button_.cloneNode(true));
1471
+ (0, $gco9i$insert)(_el$, (0, $gco9i$createComponent)((0, $fbbadcb080ad1d4a$export$8be2714ec7f169ee), {}));
1403
1472
  return _el$;
1404
1473
  })()
1405
1474
  ],
1406
1475
  right: [
1407
1476
  (()=>{
1408
1477
  const _el$2 = (0, $gco9i$getNextElement)($f32e14878e75af51$var$_tmpl$);
1409
- (0, $gco9i$insert)(_el$2, ()=>button_.cloneNode(true));
1478
+ (0, $gco9i$insert)(_el$2, (0, $gco9i$createComponent)((0, $fbbadcb080ad1d4a$export$8be2714ec7f169ee), {}));
1410
1479
  return _el$2;
1411
1480
  })()
1412
1481
  ]
@@ -1430,8 +1499,9 @@ function $f32e14878e75af51$export$6649caad96ef8870({ children: children , button
1430
1499
 
1431
1500
 
1432
1501
 
1502
+
1433
1503
  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_ }) {
1504
+ 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
1505
  const { price_formatting_: price_formatting_ } = i18n_;
1436
1506
  const [read_selected_filters, write_selected_filters] = selected_filters_;
1437
1507
  const { collapse: collapse , expand: expand , ExpandingContainer: ExpandingContainer } = (0, $24e27fab9c821b86$export$5bad61ecde080b1f)({
@@ -1448,7 +1518,6 @@ function $1adfe60f3a14a1d7$export$fecbb157621501bd({ number_of_rendered_selected
1448
1518
  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
1519
  (0, $gco9i$insert)(_el$2, ()=>i18n_.selected_filters_title_(), _el$5, _co$);
1450
1520
  (0, $gco9i$insert)(_el$, (0, $gco9i$createComponent)((0, $f32e14878e75af51$export$6649caad96ef8870), {
1451
- button_: slider_arrow_button_,
1452
1521
  slider_ref_: (slider)=>slider.container.classList.add("filter-crumbs"),
1453
1522
  get children () {
1454
1523
  return [
@@ -1546,7 +1615,7 @@ function $1adfe60f3a14a1d7$export$fecbb157621501bd({ number_of_rendered_selected
1546
1615
  cloned_selected_filters.splice(index_in_selected_filters, 1);
1547
1616
  write_selected_filters(cloned_selected_filters);
1548
1617
  };
1549
- (0, $gco9i$insert)(_el$9, (0, $gco9i$createComponent)((0, $gco9i$CrossIcon), {}), _el$25, _co$9);
1618
+ (0, $gco9i$insert)(_el$9, (0, $gco9i$createComponent)((0, $19976a74d273070d$export$3b621d86b1566b2), {}), _el$25, _co$9);
1550
1619
  (0, $gco9i$insert)(_el$10, ()=>price_formatting_().pre_, _el$13, _co$3);
1551
1620
  (0, $gco9i$insert)(_el$10, (0, $gco9i$createComponent)((0, $8c0f86cb3e266eeb$export$a71e92cfbb498adc), {
1552
1621
  get price_ () {
@@ -1655,7 +1724,7 @@ function $1adfe60f3a14a1d7$export$fecbb157621501bd({ number_of_rendered_selected
1655
1724
  }
1656
1725
  write_selected_filters(cloned_selected_filters);
1657
1726
  }), true);
1658
- (0, $gco9i$insert)(_el$26, (0, $gco9i$createComponent)((0, $gco9i$CrossIcon), {}), _el$29, _co$10);
1727
+ (0, $gco9i$insert)(_el$26, (0, $gco9i$createComponent)((0, $19976a74d273070d$export$3b621d86b1566b2), {}), _el$29, _co$10);
1659
1728
  (0, $gco9i$insert)(_el$27, name);
1660
1729
  (0, $gco9i$runHydrationEvents)();
1661
1730
  return _el$26;
@@ -1715,6 +1784,7 @@ function $1adfe60f3a14a1d7$export$fecbb157621501bd({ number_of_rendered_selected
1715
1784
 
1716
1785
 
1717
1786
 
1787
+
1718
1788
  async function $194bd6b8e4c59830$export$79b1565500412d9b(search_modal, modal_fn_opts) {
1719
1789
  const body = await (0, $gco9i$observer).wait_for_element("body");
1720
1790
  let dispose_and_remove;
@@ -1857,12 +1927,32 @@ const $87c712b5b33f24f7$export$48513f6b9f8ce62d = (props)=>{
1857
1927
 
1858
1928
 
1859
1929
 
1930
+
1931
+
1932
+
1933
+
1934
+
1935
+ 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);
1936
+ function $f8a56ba74eedd0c6$export$f21ab0717a89c77f(props) {
1937
+ return (()=>{
1938
+ const _el$ = (0, $gco9i$getNextElement)($f8a56ba74eedd0c6$var$_tmpl$);
1939
+ (0, $gco9i$spread)(_el$, (0, $gco9i$mergeProps)(props, {
1940
+ "xmlns": "http://www.w3.org/2000/svg",
1941
+ "width": "11",
1942
+ "height": "12"
1943
+ }), true, true);
1944
+ (0, $gco9i$runHydrationEvents)();
1945
+ return _el$;
1946
+ })();
1947
+ }
1948
+
1949
+
1860
1950
  const $67b173f9db427028$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<button type="button" class="expand-filter"><!#><!/><span></span></button>`, 6);
1861
1951
  function $67b173f9db427028$export$ca21a16d65b3dd8({ show_extras_: [get_show_extras, set_show_extras] , i18n_: i18n_ }) {
1862
1952
  return (()=>{
1863
1953
  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
1954
  (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$);
1955
+ (0, $gco9i$insert)(_el$, (0, $gco9i$createComponent)((0, $f8a56ba74eedd0c6$export$f21ab0717a89c77f), {}), _el$4, _co$);
1866
1956
  (0, $gco9i$insert)(_el$2, (()=>{
1867
1957
  const _c$ = (0, $gco9i$memo)(()=>!!get_show_extras());
1868
1958
  return ()=>_c$() ? i18n_.view_less_() : i18n_.view_more_();
@@ -3089,6 +3179,20 @@ var $12497d09ef87296e$export$2e2bcd8739ae039 = {
3089
3179
 
3090
3180
 
3091
3181
 
3182
+
3183
+
3184
+
3185
+ 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);
3186
+ function $9bc34983fc5f7bdb$export$f2ca6fc699ca1fb4(props = {}) {
3187
+ return (()=>{
3188
+ const _el$ = (0, $gco9i$getNextElement)($9bc34983fc5f7bdb$var$_tmpl$);
3189
+ (0, $gco9i$spread)(_el$, props, true, true);
3190
+ (0, $gco9i$runHydrationEvents)();
3191
+ return _el$;
3192
+ })();
3193
+ }
3194
+
3195
+
3092
3196
  const $a7b58cb3bcffd156$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<span class="show-selected" aria-hidden="true"><span></span><!#><!/></span>`, 6);
3093
3197
  function $a7b58cb3bcffd156$export$53c59af873b303c9({ selected_filters_in_group_: selected_filters_in_group_ , i18n_: { price_formatting_: price_formatting_ } }) {
3094
3198
  const [show_tick_icon, set_show_tick_icon] = (0, $gco9i$createSignal)(false);
@@ -3148,7 +3252,7 @@ function $a7b58cb3bcffd156$export$53c59af873b303c9({ selected_filters_in_group_:
3148
3252
  return show_tick_icon();
3149
3253
  },
3150
3254
  get children () {
3151
- return (0, $gco9i$createComponent)((0, $gco9i$TickIcon), {});
3255
+ return (0, $gco9i$createComponent)((0, $9bc34983fc5f7bdb$export$f2ca6fc699ca1fb4), {});
3152
3256
  }
3153
3257
  }), _el$4, _co$);
3154
3258
  return _el$;
@@ -3256,6 +3360,7 @@ function $d134eae24341b4a1$export$89c6019e4baa40b1(props) {
3256
3360
  }
3257
3361
 
3258
3362
 
3363
+
3259
3364
  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
3365
  function $fab07f52c9861732$export$3f1a388cc0d8fed7(props) {
3261
3366
  // Split like this to make placeholder wrapping more visible & this component is exported and used in MobileModal
@@ -3412,7 +3517,7 @@ function $fab07f52c9861732$var$ActualFilterBody(props) {
3412
3517
  }
3413
3518
  props.selected_filters_[1](new_filter_obj);
3414
3519
  }), true);
3415
- (0, $gco9i$insert)(_el$5, (0, $gco9i$createComponent)((0, $gco9i$CrossIcon), {}), _el$8, _co$);
3520
+ (0, $gco9i$insert)(_el$5, (0, $gco9i$createComponent)((0, $19976a74d273070d$export$3b621d86b1566b2), {}), _el$8, _co$);
3416
3521
  (0, $gco9i$insert)(_el$6, ()=>props.i18n_.clear_individual_filter_());
3417
3522
  (0, $gco9i$runHydrationEvents)();
3418
3523
  return _el$5;
@@ -3652,6 +3757,45 @@ function $aea1edf92433e81e$export$fe334901e8bebd57() {
3652
3757
 
3653
3758
 
3654
3759
 
3760
+
3761
+
3762
+
3763
+
3764
+
3765
+ 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);
3766
+ function $e1bb71e65e01a3a0$export$da32f7add8a22e86(props = {}) {
3767
+ return (()=>{
3768
+ const _el$ = (0, $gco9i$getNextElement)($e1bb71e65e01a3a0$var$_tmpl$);
3769
+ (0, $gco9i$spread)(_el$, props, true, true);
3770
+ (0, $gco9i$runHydrationEvents)();
3771
+ return _el$;
3772
+ })();
3773
+ }
3774
+
3775
+
3776
+
3777
+
3778
+
3779
+
3780
+ 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);
3781
+ function $05fbe84eb34564ec$export$d10e63059ddb9fd4(props = {}) {
3782
+ return (()=>{
3783
+ const _el$ = (0, $gco9i$getNextElement)($05fbe84eb34564ec$var$_tmpl$);
3784
+ (0, $gco9i$spread)(_el$, props, true, true);
3785
+ (0, $gco9i$runHydrationEvents)();
3786
+ return _el$;
3787
+ })();
3788
+ }
3789
+
3790
+
3791
+
3792
+
3793
+ 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);
3794
+ function $b9bf7fce0ae60241$export$28f6150e232898de() {
3795
+ return (0, $gco9i$getNextElement)($b9bf7fce0ae60241$var$_tmpl$);
3796
+ }
3797
+
3798
+
3655
3799
  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
3800
  const $757dac7f7c6c5241$var$no_go_selector = ".range .range-group";
3657
3801
  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 +3863,7 @@ function $757dac7f7c6c5241$export$9bf11afa910f536e({ args_for_sorting_: args_for
3719
3863
  }));
3720
3864
  }, _el$3);
3721
3865
  (0, $gco9i$addEventListener)(_el$3, "click", dismiss_modal_, true);
3722
- (0, $gco9i$insert)(_el$3, (0, $gco9i$createComponent)((0, $gco9i$CrossIcon), {}));
3866
+ (0, $gco9i$insert)(_el$3, (0, $gco9i$createComponent)((0, $19976a74d273070d$export$3b621d86b1566b2), {}));
3723
3867
  _el$4.$$touchstart = ({ changedTouches: changedTouches , target: target })=>{
3724
3868
  // touchstart should always only have one changed touch, track it here
3725
3869
  if (touches >= 1) {
@@ -3827,7 +3971,7 @@ function $757dac7f7c6c5241$export$9bf11afa910f536e({ args_for_sorting_: args_for
3827
3971
  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
3972
  (0, $gco9i$insert)(_el$18, (()=>{
3829
3973
  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), {});
3974
+ return ()=>_c$() ? (0, $gco9i$createComponent)((0, $e1bb71e65e01a3a0$export$da32f7add8a22e86), {}) : (0, $gco9i$createComponent)((0, $05fbe84eb34564ec$export$d10e63059ddb9fd4), {});
3831
3975
  })(), _el$21, _co$4);
3832
3976
  (0, $gco9i$insert)(_el$19, ()=>i18n_.sorting_text_());
3833
3977
  (0, $gco9i$insert)(_el$17, (0, $gco9i$createComponent)((0, $0b6bc2f8309efa8a$export$e5c2828934226505), {
@@ -3856,7 +4000,7 @@ function $757dac7f7c6c5241$export$9bf11afa910f536e({ args_for_sorting_: args_for
3856
4000
  get summary_ () {
3857
4001
  return (()=>{
3858
4002
  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);
4003
+ (0, $gco9i$insert)(_el$28, (0, $gco9i$createComponent)((0, $b9bf7fce0ae60241$export$28f6150e232898de), {}), _el$31, _co$6);
3860
4004
  (0, $gco9i$insert)(_el$29, ()=>i18n_.filters_());
3861
4005
  (0, $gco9i$insert)(_el$27, (0, $gco9i$createComponent)((0, $0b6bc2f8309efa8a$export$e5c2828934226505), {
3862
4006
  expanded_: filters_expanded,
@@ -4074,130 +4218,144 @@ function $5efb5894079b220e$export$b288c38ae3fddb56({ available_filters_: availab
4074
4218
  }
4075
4219
 
4076
4220
 
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);
4221
+
4222
+
4223
+ 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);
4224
+ function $11d594c749b76228$export$cb808a3c41736d8e() {
4225
+ return (0, $gco9i$getNextElement)($11d594c749b76228$var$_tmpl$);
4226
+ }
4227
+
4228
+
4229
+
4230
+
4231
+
4232
+
4233
+ 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
4234
  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);
4235
+ const Self = ()=>{
4236
+ // 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
4237
+ (0, $5efb5894079b220e$export$b288c38ae3fddb56)({
4238
+ available_filters_: available_filters_,
4239
+ selected_filters_: selected_filters_,
4240
+ local_filter_cache_: local_filter_cache_
4241
+ });
4242
+ const cleanup_promise = new Promise((r)=>(0, $gco9i$onCleanup)(r));
4243
+ const [filters_open, set_filters_open] = search_filters_open_;
4244
+ const [sorting_open, set_sorting_open] = search_sorting_open_;
4245
+ const [get_current_sorting_] = current_sorting_;
4246
+ const [is_small, set_is_small] = (0, $gco9i$createSignal)(false);
4247
+ const dismiss_modal_ = (0, $gco9i$catchify)(()=>{
4248
+ set_filters_open(false);
4249
+ set_sorting_open(false);
4250
+ });
4251
+ const meta_of_currently_selected_sorting_ = (0, $gco9i$createMemo)(()=>available_sortings_()?.find?.((sorting)=>sorting.field === get_current_sorting_()?.field)?.meta);
4252
+ const filter_options = {
4253
+ expanded_hierarchical_filters_: expanded_hierarchical_filters_,
4254
+ local_filter_cache_: local_filter_cache_,
4255
+ available_filters_: available_filters_,
4256
+ expanded_filters_: expanded_filters_,
4257
+ selected_filters_: selected_filters_,
4258
+ i18n_: i18n_
4259
+ };
4260
+ const sorting_options = {
4261
+ current_sorting_: current_sorting_,
4262
+ available_sortings_: available_sortings_,
4263
+ meta_of_currently_selected_sorting_: meta_of_currently_selected_sorting_
4264
+ };
4265
+ const make_open_filters_button = (adhere_to_width = false, is_tabbable = false)=>(0, $gco9i$createComponent)($cdea4cf8c5c071ef$var$OpenFiltersButton, {
4266
+ tabindex_: is_tabbable ? 0 : -1,
4267
+ i18n_: i18n_,
4268
+ search_filters_open_: search_filters_open_,
4269
+ search_sorting_open_: search_sorting_open_,
4270
+ number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
4271
+ filter_button_width_: adhere_to_width ? filter_button_width_ : undefined
4098
4272
  });
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_,
4273
+ const make_open_sorting_button = (adhere_to_width = false, is_tabbable = false)=>(0, $gco9i$createComponent)($cdea4cf8c5c071ef$var$OpenSortingButton, {
4274
+ tabindex_: is_tabbable ? 0 : -1,
4275
+ i18n_: i18n_,
4276
+ get_current_sorting_: get_current_sorting_,
4277
+ search_filters_open_: search_filters_open_,
4278
+ search_sorting_open_: search_sorting_open_,
4110
4279
  available_sortings_: available_sortings_,
4280
+ sort_button_width_: adhere_to_width ? sort_button_width_ : undefined,
4111
4281
  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
4282
  });
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
- })());
4283
+ let open_modal_;
4284
+ let close_modal_;
4285
+ let grid_is_in_original_state = true;
4286
+ (0, $gco9i$createComputed)(()=>{
4287
+ const fi_o = filters_open();
4288
+ const so_o = sorting_open();
4289
+ const i_s = is_small();
4290
+ // 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
4291
+ if ((fi_o || so_o) && !i_s) {
4292
+ if (!grid_is_in_original_state) return;
4293
+ set_sort_or_filter_open_(true);
4294
+ grid_is_in_original_state = false;
4295
+ } else if (!grid_is_in_original_state) {
4296
+ set_sort_or_filter_open_(false);
4297
+ grid_is_in_original_state = true;
4298
+ }
4299
+ });
4300
+ (0, $gco9i$createEffect)(()=>{
4301
+ if (!filters_open() && !sorting_open()) {
4302
+ close_modal_?.();
4303
+ set_extra_els_in_results_container_("");
4304
+ } else if (is_small()) {
4305
+ if ((0, $gco9i$untrack)(()=>input_modal_open_?.())) {
4306
+ // we don't want to shove another modal into the users face, silently close the filters for them
4307
+ set_filters_open(false);
4308
+ set_sorting_open(false);
4309
+ return;
4173
4310
  }
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
- })();
4311
+ open_modal_?.();
4312
+ set_extra_els_in_results_container_("");
4313
+ } else {
4314
+ close_modal_?.();
4315
+ if (filters_open()) set_extra_els_in_results_container_((()=>{
4316
+ const _el$ = (0, $gco9i$getNextElement)($cdea4cf8c5c071ef$var$_tmpl$), _el$2 = _el$.firstChild;
4317
+ (0, $gco9i$insert)(_el$2, (0, $gco9i$createComponent)((0, $fab07f52c9861732$export$3f1a388cc0d8fed7), filter_options));
4318
+ return _el$;
4319
+ })());
4320
+ else set_extra_els_in_results_container_((()=>{
4321
+ const _el$3 = (0, $gco9i$getNextElement)($cdea4cf8c5c071ef$var$_tmpl$2), _el$4 = _el$3.firstChild;
4322
+ (0, $gco9i$insert)(_el$4, (0, $gco9i$createComponent)((0, $68a258a92b88f02f$export$1f1775a58da589b5), sorting_options));
4323
+ return _el$3;
4324
+ })());
4325
+ }
4326
+ });
4327
+ (0, $gco9i$catchify)(async ()=>{
4328
+ ({ open_modal_: open_modal_ , close_modal_: close_modal_ } = await (0, $194bd6b8e4c59830$export$79b1565500412d9b)((0, $757dac7f7c6c5241$export$9bf11afa910f536e), {
4329
+ args_for_sorting_: sorting_options,
4330
+ args_for_filtering_: filter_options,
4331
+ search_filters_open_: search_filters_open_,
4332
+ search_sorting_open_: search_sorting_open_,
4333
+ formatted_number_of_results_: formatted_number_of_results_,
4334
+ dismiss_modal_: dismiss_modal_,
4335
+ i18n_: i18n_
4336
+ }));
4337
+ const { remove: remove } = (0, $gco9i$javascript_media_query)("(max-width:651px)", ({ matches: matches })=>set_is_small(matches));
4338
+ cleanup_promise.then(remove);
4339
+ })();
4340
+ get_extra_filters_button_?.(make_open_filters_button());
4341
+ get_extra_sorting_button_?.(make_open_sorting_button());
4342
+ return (()=>{
4343
+ 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);
4344
+ const _ref$ = set_sort_and_filter_element_;
4345
+ typeof _ref$ === "function" ? (0, $gco9i$use)(_ref$, _el$5) : set_sort_and_filter_element_ = _el$5;
4346
+ (0, $gco9i$insert)(_el$7, ()=>make_open_filters_button(true, true), _el$9, _co$);
4347
+ (0, $gco9i$insert)(_el$7, ()=>middle_elements_?.(), _el$11, _co$2);
4348
+ (0, $gco9i$insert)(_el$7, ()=>make_open_sorting_button(true, true), _el$13, _co$3);
4349
+ return _el$5;
4350
+ })();
4351
+ };
4352
+ return (0, $gco9i$createComponent)((0, $b7436a6d1fd64e3b$export$b69d0d92862de18b), {
4353
+ message_: "Sorting and filters failed",
4354
+ severity_: "error",
4355
+ get children () {
4356
+ return (0, $gco9i$createComponent)(Self, {});
4199
4357
  }
4200
- })();
4358
+ });
4201
4359
  }
4202
4360
  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
4361
  const filters_closed = (0, $gco9i$createMemo)(()=>!search_filters_open_[0]());
@@ -4224,15 +4382,16 @@ function $cdea4cf8c5c071ef$var$OpenFiltersButton({ i18n_: i18n_ , search_filters
4224
4382
  search_sorting_open_[1](false);
4225
4383
  })), true);
4226
4384
  (0, $gco9i$setAttribute)(_el$16, "tabindex", tabindex_);
4385
+ (0, $gco9i$className)(_el$16, "filter toggle-button major-minor-transition" + ((0, $gco9i$isServer) ? " minor" : ""));
4227
4386
  (0, $gco9i$insert)(_el$16, (0, $gco9i$createComponent)((0, $gco9i$Show), {
4228
4387
  get when () {
4229
4388
  return filters_closed();
4230
4389
  },
4231
4390
  get fallback () {
4232
- return (0, $gco9i$createComponent)((0, $gco9i$MinusIcon), {});
4391
+ return (0, $gco9i$createComponent)((0, $11d594c749b76228$export$cb808a3c41736d8e), {});
4233
4392
  },
4234
4393
  get children () {
4235
- return (0, $gco9i$createComponent)((0, $gco9i$FilterIcon), {});
4394
+ return (0, $gco9i$createComponent)((0, $b9bf7fce0ae60241$export$28f6150e232898de), {});
4236
4395
  }
4237
4396
  }), _el$19, _co$4);
4238
4397
  (0, $gco9i$insert)(_el$17, ()=>i18n_.filter_text_());
@@ -4281,10 +4440,10 @@ function $cdea4cf8c5c071ef$var$OpenSortingButton({ i18n_: i18n_ , get_current_so
4281
4440
  return sorting_closed();
4282
4441
  },
4283
4442
  get fallback () {
4284
- return (0, $gco9i$createComponent)((0, $gco9i$MinusIcon), {});
4443
+ return (0, $gco9i$createComponent)((0, $11d594c749b76228$export$cb808a3c41736d8e), {});
4285
4444
  },
4286
4445
  get children () {
4287
- return (0, $gco9i$memo)(()=>get_current_sorting_()?.order === "asc")() ? (0, $gco9i$createComponent)((0, $gco9i$SortIconAsc), {}) : (0, $gco9i$createComponent)((0, $gco9i$SortIconDesc), {});
4446
+ return (0, $gco9i$memo)(()=>get_current_sorting_()?.order === "asc")() ? (0, $gco9i$createComponent)((0, $e1bb71e65e01a3a0$export$da32f7add8a22e86), {}) : (0, $gco9i$createComponent)((0, $05fbe84eb34564ec$export$d10e63059ddb9fd4), {});
4288
4447
  }
4289
4448
  }), _el$25, _co$6);
4290
4449
  (0, $gco9i$effect)((_p$)=>{
@@ -4325,8 +4484,21 @@ function $cdea4cf8c5c071ef$var$OpenSortingButton({ i18n_: i18n_ , get_current_so
4325
4484
 
4326
4485
 
4327
4486
 
4487
+
4488
+
4489
+
4490
+
4491
+
4492
+ 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);
4493
+ function $f9182ab2348d1080$export$2624c5890f1bbcf7() {
4494
+ return (0, $gco9i$getNextElement)($f9182ab2348d1080$var$_tmpl$);
4495
+ }
4496
+
4497
+
4498
+
4328
4499
  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
4500
  function $0b0380f75d729d63$export$b23abd26de154ede(props) {
4501
+ if (0, $gco9i$isServer) return; // won't show in initial render and need scroll position
4330
4502
  const [is_small, set_is_small] = (0, $gco9i$createSignal)(true);
4331
4503
  (0, $gco9i$onCleanup)((0, $gco9i$javascript_media_query)("(max-width:651px)", ({ matches: matches })=>set_is_small(matches)).remove);
4332
4504
  return (0, $gco9i$createComponent)((0, $gco9i$Show), {
@@ -4415,20 +4587,20 @@ function $0b0380f75d729d63$var$ActualFloatingButtons({ search_filters_open_: [ge
4415
4587
  set_search_filters_open_(true);
4416
4588
  set_search_sorting_open_(false);
4417
4589
  }), true);
4418
- (0, $gco9i$insert)(_el$3, (0, $gco9i$createComponent)((0, $gco9i$FilterIcon), {}));
4590
+ (0, $gco9i$insert)(_el$3, (0, $gco9i$createComponent)((0, $b9bf7fce0ae60241$export$28f6150e232898de), {}));
4419
4591
  (0, $gco9i$addEventListener)(_el$4, "click", (0, $gco9i$catchify)(()=>{
4420
4592
  set_search_filters_open_(false);
4421
4593
  set_search_sorting_open_(true);
4422
4594
  }), true);
4423
4595
  (0, $gco9i$insert)(_el$5, (()=>{
4424
4596
  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), {});
4597
+ return ()=>_c$() ? (0, $gco9i$createComponent)((0, $e1bb71e65e01a3a0$export$da32f7add8a22e86), {}) : (0, $gco9i$createComponent)((0, $05fbe84eb34564ec$export$d10e63059ddb9fd4), {});
4426
4598
  })());
4427
4599
  (0, $gco9i$addEventListener)(_el$6, "click", (0, $gco9i$catchify)(()=>scrollTo({
4428
4600
  top: 0,
4429
4601
  behavior: "smooth"
4430
4602
  })), true);
4431
- (0, $gco9i$insert)(_el$7, (0, $gco9i$createComponent)((0, $gco9i$ArrowUp), {}));
4603
+ (0, $gco9i$insert)(_el$7, (0, $gco9i$createComponent)((0, $f9182ab2348d1080$export$2624c5890f1bbcf7), {}));
4432
4604
  (0, $gco9i$effect)((_p$)=>{
4433
4605
  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
4606
  _v$ !== _p$._v$ && _el$.classList.toggle("show-them", _p$._v$ = _v$);
@@ -4696,7 +4868,7 @@ function $dfa5b6f7c5e421df$export$5646050d516e06bc({ crumb_data_: get_api_crumb_
4696
4868
 
4697
4869
 
4698
4870
  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_ }) {
4871
+ function $06edf3aec9073663$export$466cdc317043f6cb({ quicklinks_data_: quicklinks_data_ , router_: router_ , current_query_id_: current_query_id_ , breadcrumb_data_: breadcrumb_data_ , i18n_: i18n_ }) {
4700
4872
  let scrolling_logic_ran_for_query_id = false;
4701
4873
  let last_scroll_position;
4702
4874
  let scroll_to_element_on_dom_insertion;
@@ -4753,7 +4925,6 @@ function $06edf3aec9073663$export$466cdc317043f6cb({ quicklinks_data_: quicklink
4753
4925
  const _el$ = (0, $gco9i$getNextElement)($06edf3aec9073663$var$_tmpl$);
4754
4926
  (0, $gco9i$insert)(_el$, (0, $gco9i$createComponent)((0, $f32e14878e75af51$export$6649caad96ef8870), {
4755
4927
  faded_opacity_: 0.5,
4756
- button_: slider_arrow_button_,
4757
4928
  mutation_plugins_: mutation_plugins,
4758
4929
  slider_ref_: (slider)=>{
4759
4930
  const { insert_here: insert_here , intersecting_items_object: intersecting_items_object } = slider;
@@ -5106,8 +5277,9 @@ function $eb9ba2e49ab3dcc2$export$d4fc5c0e68a52116(el, query_id_, i18n_) {
5106
5277
 
5107
5278
 
5108
5279
 
5280
+
5109
5281
  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_ }) {
5282
+ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({ depict_api_: depict_api_ , query_id_: query_id_ , listing_type_: listing_type_ , 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
5283
  let results_for;
5112
5284
  let only_show_filters_opener_;
5113
5285
  let middle_elements_;
@@ -5132,6 +5304,7 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
5132
5304
  tenant: tenant_(),
5133
5305
  market: market_(),
5134
5306
  query_id: query_id_(),
5307
+ type: listing_type_(),
5135
5308
  ...f.length ? {
5136
5309
  filters: f
5137
5310
  } : {},
@@ -5259,17 +5432,18 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
5259
5432
  (0, $gco9i$createRenderEffect)((0, $gco9i$catchify)(async ()=>{
5260
5433
  const slim = is_slim_();
5261
5434
  const only_show_filters_opener = only_show_filters_opener_?.();
5435
+ const owner = (0, $gco9i$getOwner)();
5262
5436
  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
5437
  // 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
- })());
5438
+ (0, $gco9i$runWithOwner)(owner, ()=>set_results_filters(slim ? only_show_filters_opener ? filters_opener : [
5439
+ results_for,
5440
+ filters_opener
5441
+ ] : (()=>{
5442
+ 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);
5443
+ (0, $gco9i$insert)(_el$8, results_for, _el$10, _co$3);
5444
+ (0, $gco9i$insert)(_el$8, filters_opener, _el$12, _co$4);
5445
+ return _el$8;
5446
+ })()));
5273
5447
  }));
5274
5448
  (0, $fc5a12f3a857ca30$export$e702733a056c40d6)({
5275
5449
  selected_filters_: selected_filters_,
@@ -5288,7 +5462,7 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
5288
5462
  get_breadcrumb_accessor_?.(crumb_data_);
5289
5463
  get_quicklinks_accessor_?.(quicklinks_data_);
5290
5464
  return [
5291
- document.createComment("Category page based on Depict SDK"),
5465
+ (0, $gco9i$isServer) ? "<!-- Category page based on Depict SDK -->" : document.createComment("Category page based on Depict SDK"),
5292
5466
  (()=>{
5293
5467
  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
5468
  (0, $gco9i$use)((el)=>process.env.NODE_ENV === "development" && (0, $eb9ba2e49ab3dcc2$export$d4fc5c0e68a52116)(el, query_id_, i18n_), _el$13);
@@ -5309,7 +5483,6 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
5309
5483
  quicklinks_data_: quicklinks_data_,
5310
5484
  current_query_id_: query_id_,
5311
5485
  router_: router_,
5312
- slider_arrow_button_: slider_arrow_button_,
5313
5486
  breadcrumb_data_: crumb_data_,
5314
5487
  i18n_: i18n_
5315
5488
  });
@@ -5330,7 +5503,6 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
5330
5503
  i18n_: i18n_,
5331
5504
  selected_filters_: selected_filters_,
5332
5505
  local_filter_cache_: local_filter_cache_,
5333
- slider_arrow_button_: slider_arrow_button_,
5334
5506
  search_filters_open_: category_filters_open_,
5335
5507
  search_sorting_open_: category_sorting_open_,
5336
5508
  number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
@@ -5403,7 +5575,7 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
5403
5575
 
5404
5576
  let $90980bd87c9960f9$var$has_ran = false;
5405
5577
  function $90980bd87c9960f9$export$5162a71f252e6122() {
5406
- if ($90980bd87c9960f9$var$has_ran) return;
5578
+ if ($90980bd87c9960f9$var$has_ran || typeof history !== "object") return;
5407
5579
  $90980bd87c9960f9$var$has_ran = true;
5408
5580
  for (const function_name of [
5409
5581
  "replaceState",
@@ -5509,8 +5681,7 @@ function $c16e74cfe125bb05$export$f091cbac892643a4(obj) {
5509
5681
 
5510
5682
  function $16b52438165aafe2$export$23fca46f3143581f(component, error_message) {
5511
5683
  const component_in_error_boundary = (do_with_elements)=>{
5512
- // @ts-ignore
5513
- return (0, $b7436a6d1fd64e3b$export$b69d0d92862de18b)({
5684
+ const error_boundary_wrapped = (0, $b7436a6d1fd64e3b$export$b69d0d92862de18b)({
5514
5685
  severity_: "error",
5515
5686
  message_: error_message,
5516
5687
  get children () {
@@ -5518,7 +5689,12 @@ function $16b52438165aafe2$export$23fca46f3143581f(component, error_message) {
5518
5689
  do_with_elements?.(elements);
5519
5690
  return elements;
5520
5691
  }
5521
- })();
5692
+ });
5693
+ // This might return an accessor, in that case we need to "unwrap" it since our SDK consumers expect HTML elements or arrays thereof
5694
+ if (typeof error_boundary_wrapped === "function") // @ts-ignore
5695
+ return error_boundary_wrapped();
5696
+ // On the server it returns a string, so we just return that
5697
+ return error_boundary_wrapped;
5522
5698
  };
5523
5699
  const owner = (0, $gco9i$getOwner)();
5524
5700
  if (owner == null) return (0, $gco9i$createRoot)((dispose)=>{
@@ -5548,7 +5724,7 @@ function $ccd5db07a3a069c5$export$477caf01aecaeb2a(options) {
5548
5724
  const [get_sorting_, set_sorting] = current_sorting_;
5549
5725
  const [get_selected_filters_, set_selected_filters] = selected_filters_;
5550
5726
  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);
5727
+ const [get_current_href, set_current_href] = (0, $gco9i$createSignal)(globalThis?.location?.href ?? "https://example.com");
5552
5728
  const history_change_handler = (0, $gco9i$catchify)(()=>set_current_href(location.href));
5553
5729
  const owner = (0, $gco9i$getOwner)() || (0, $gco9i$createRoot)(()=>(0, $gco9i$getOwner)());
5554
5730
  let writer_started = false;
@@ -5684,7 +5860,7 @@ class $4fd2ba03703a7d92$export$7e1297a3a19f10d8 {
5684
5860
  * Call this if you *just* want to replace the state object in history.state
5685
5861
  */ replace_state_: (new_state)=>{
5686
5862
  // 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, "");
5863
+ globalThis?.history?.replaceState(new_state, "");
5688
5864
  },
5689
5865
  /**
5690
5866
  * Call this to change the URL
@@ -5726,6 +5902,7 @@ class $4fd2ba03703a7d92$export$7e1297a3a19f10d8 {
5726
5902
  }
5727
5903
 
5728
5904
 
5905
+
5729
5906
  const $961b5c64bef4662f$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="depict plp category"></div>`, 2);
5730
5907
  const $961b5c64bef4662f$var$min_products_to_fetch_ = 20;
5731
5908
  const $961b5c64bef4662f$var$privately_shared_properties = /*@__PURE__*/ new WeakMap();
@@ -5741,6 +5918,7 @@ class $961b5c64bef4662f$export$f34314aa9505732e {
5741
5918
  #merchant_signal = (0, $gco9i$createSignal)();
5742
5919
  #market_signal = (0, $gco9i$createSignal)();
5743
5920
  #query_id_signal = (0, $gco9i$createSignal)("");
5921
+ #listing_type_signal = (0, $gco9i$createSignal)();
5744
5922
  static #has_been_constructed = false;
5745
5923
  get localization() {
5746
5924
  // allow reactive access
@@ -5767,6 +5945,12 @@ class $961b5c64bef4662f$export$f34314aa9505732e {
5767
5945
  set market(market) {
5768
5946
  this.#market_signal[1](market);
5769
5947
  }
5948
+ get listing_type() {
5949
+ return this.#listing_type_signal[0]();
5950
+ }
5951
+ set listing_type(listing_type) {
5952
+ this.#listing_type_signal[1](listing_type);
5953
+ }
5770
5954
  get on_navigation() {
5771
5955
  // The only non-reactive public property on the class (I don't see it making sense to have it reactive)
5772
5956
  return this.#router.on_navigation_;
@@ -5777,7 +5961,8 @@ class $961b5c64bef4662f$export$f34314aa9505732e {
5777
5961
  constructor({ api: api , on_navigation: on_navigation , ...props_on_class }){
5778
5962
  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
5963
  (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");
5964
+ 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
5965
+ throw new Error("You can only have one instance of DepictCategory due to state limitations");
5781
5966
  $961b5c64bef4662f$export$f34314aa9505732e.#has_been_constructed = true;
5782
5967
  Object.assign(this, props_on_class); // set initial signal values
5783
5968
  (0, $90980bd87c9960f9$export$5162a71f252e6122)();
@@ -5805,11 +5990,7 @@ class $961b5c64bef4662f$export$f34314aa9505732e {
5805
5990
  router_: this.#router,
5806
5991
  selected_filters_: selected_filters_,
5807
5992
  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
- })
5993
+ sideways_filter_clearing_flag_: sideways_filter_clearing_flag_
5813
5994
  });
5814
5995
  });
5815
5996
  }
@@ -5823,7 +6004,7 @@ function $961b5c64bef4662f$export$e2bf8ce7779e827e({ depict_category: depict_cat
5823
6004
  grid_spacing: grid_spacing.horizontal
5824
6005
  };
5825
6006
  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;
6007
+ 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
6008
  (0, $gco9i$onCleanup)(reset_history_state_);
5828
6009
  return (0, $df5d81d0fe61ff21$export$f7d2f673fc2f091d)({
5829
6010
  tenant_: ()=>depict_category.merchant,
@@ -5832,6 +6013,7 @@ function $961b5c64bef4662f$export$e2bf8ce7779e827e({ depict_category: depict_cat
5832
6013
  min_products_to_fetch_: $961b5c64bef4662f$var$min_products_to_fetch_,
5833
6014
  local_filter_cache_: local_filter_cache_,
5834
6015
  query_id_: ()=>depict_category.category_id,
6016
+ listing_type_: ()=>depict_category.listing_type,
5835
6017
  i18n_: i18n_,
5836
6018
  show_quicklinks_: show_quicklinks,
5837
6019
  category_title_: category_title,
@@ -5842,7 +6024,6 @@ function $961b5c64bef4662f$export$e2bf8ce7779e827e({ depict_category: depict_cat
5842
6024
  get_quicklinks_accessor_: (accessor)=>(0, $gco9i$createComputed)(()=>quicklinks_signal_[1](accessor())),
5843
6025
  category_filters_open_: category_filters_open_,
5844
6026
  category_sorting_open_: category_sorting_open_,
5845
- slider_arrow_button_: slider_arrow_button_,
5846
6027
  expanded_filters_: expanded_filters_,
5847
6028
  expanded_hierarchical_filters_: expanded_hierarchical_filters_,
5848
6029
  selected_filters_: selected_filters_,
@@ -5869,7 +6050,7 @@ function $961b5c64bef4662f$export$5b7c3ce0ebe51f86({ depict_category: depict_cat
5869
6050
  });
5870
6051
  }
5871
6052
  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);
6053
+ const { i18n_: i18n_ , quicklinks_signal_: [quicklinks_data_] , breadcrumb_signal_: [breadcrumb_data_] , router_: router_ } = $961b5c64bef4662f$var$get_shared_properties(depict_category);
5873
6054
  return (0, $gco9i$createComponent)($961b5c64bef4662f$var$InExternalAreaDiv, {
5874
6055
  get children () {
5875
6056
  return (0, $06edf3aec9073663$export$466cdc317043f6cb)({
@@ -5877,7 +6058,6 @@ function $961b5c64bef4662f$export$de035477d6fef996({ depict_category: depict_cat
5877
6058
  quicklinks_data_: quicklinks_data_,
5878
6059
  router_: router_,
5879
6060
  current_query_id_: ()=>depict_category.category_id,
5880
- slider_arrow_button_: slider_arrow_button_,
5881
6061
  breadcrumb_data_: breadcrumb_data_
5882
6062
  });
5883
6063
  }
@@ -6011,9 +6191,9 @@ const $a79d86d64fb64e8e$export$824dde41348efed1 = /*@__PURE__*/ (()=>{
6011
6191
 
6012
6192
  const $5c5f95951393e5d1$var$TEN_MINUTES = 600000;
6013
6193
  const $5c5f95951393e5d1$var$TWENTY_FOUR_HOURS = 86400000;
6014
- async function $5c5f95951393e5d1$export$643598a327b5833e(tenant, market) {
6194
+ async function $5c5f95951393e5d1$export$643598a327b5833e(tenant, market, type) {
6015
6195
  let localstorage_value;
6016
- const localstorage_key = `depict_categories_` + market;
6196
+ const localstorage_key = `depict_${tenant}_${type ?? "categories"}_` + market;
6017
6197
  try {
6018
6198
  const in_ls = localStorage[localstorage_key];
6019
6199
  if (in_ls) localstorage_value = JSON.parse(in_ls);
@@ -6029,7 +6209,7 @@ async function $5c5f95951393e5d1$export$643598a327b5833e(tenant, market) {
6029
6209
  return stored_queries;
6030
6210
  else if (age < $5c5f95951393e5d1$var$TWENTY_FOUR_HOURS) {
6031
6211
  // 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)([
6212
+ $5c5f95951393e5d1$var$fetch_and_store_categories(tenant, market, localstorage_key, type).catch((e)=>(0, $gco9i$report)([
6033
6213
  e,
6034
6214
  "couldn't fetch categories"
6035
6215
  ], "warning"));
@@ -6037,10 +6217,10 @@ async function $5c5f95951393e5d1$export$643598a327b5833e(tenant, market) {
6037
6217
  }
6038
6218
  // else: we are older and just fetch, store and return new queries
6039
6219
  }
6040
- return await $5c5f95951393e5d1$var$fetch_and_store_categories(tenant, market, localstorage_key);
6220
+ return await $5c5f95951393e5d1$var$fetch_and_store_categories(tenant, market, localstorage_key, type);
6041
6221
  }
6042
- async function $5c5f95951393e5d1$var$fetch_and_store_categories(tenant, market, localstorage_key) {
6043
- const new_categories = await $5c5f95951393e5d1$var$download_categories(tenant, market);
6222
+ async function $5c5f95951393e5d1$var$fetch_and_store_categories(tenant, market, localstorage_key, type) {
6223
+ const new_categories = await $5c5f95951393e5d1$var$download_categories(tenant, market, type);
6044
6224
  try {
6045
6225
  localStorage[localstorage_key] = JSON.stringify({
6046
6226
  updated: +new Date(),
@@ -6054,12 +6234,15 @@ async function $5c5f95951393e5d1$var$fetch_and_store_categories(tenant, market,
6054
6234
  }
6055
6235
  return new_categories;
6056
6236
  }
6057
- async function $5c5f95951393e5d1$var$download_categories(tenant, market) {
6237
+ async function $5c5f95951393e5d1$var$download_categories(tenant, market, type) {
6058
6238
  const fetched = await (0, $gco9i$fetch_retry)((0, $gco9i$base_url) + "/v2/product-listing/queries", {
6059
6239
  method: "POST",
6060
6240
  body: JSON.stringify({
6061
6241
  tenant: tenant,
6062
- market: market
6242
+ market: market,
6243
+ ...type ? {
6244
+ type: type
6245
+ } : {}
6063
6246
  })
6064
6247
  });
6065
6248
  if (!fetched) return [];
@@ -6189,6 +6372,35 @@ function $897bd4a76f611b38$export$d757d54550ebfb3d({ category_suggestion_: categ
6189
6372
 
6190
6373
 
6191
6374
 
6375
+
6376
+
6377
+ 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);
6378
+ function $22e59517c2ec94d3$export$1c641004b5485fed() {
6379
+ return (0, $gco9i$getNextElement)($22e59517c2ec94d3$var$_tmpl$);
6380
+ }
6381
+
6382
+
6383
+
6384
+
6385
+
6386
+
6387
+
6388
+
6389
+ 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);
6390
+ function $16f0ed5ea30d8d9c$export$82eafebb825fc23f(props = {}) {
6391
+ return (()=>{
6392
+ const _el$ = (0, $gco9i$getNextElement)($16f0ed5ea30d8d9c$var$_tmpl$);
6393
+ (0, $gco9i$spread)(_el$, (0, $gco9i$mergeProps)(props, {
6394
+ "xmlns": "http://www.w3.org/2000/svg",
6395
+ "width": "20",
6396
+ "height": "22"
6397
+ }), true, true);
6398
+ (0, $gco9i$runHydrationEvents)();
6399
+ return _el$;
6400
+ })();
6401
+ }
6402
+
6403
+
6192
6404
  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
6405
  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
6406
  let input_element;
@@ -6209,7 +6421,7 @@ function $5285d2814d0fac0c$export$b94867ecbd698f21({ search_field_value_: search
6209
6421
  get children () {
6210
6422
  const _el$2 = (0, $gco9i$getNextElement)($5285d2814d0fac0c$var$_tmpl$);
6211
6423
  (0, $gco9i$addEventListener)(_el$2, "click", (0, $gco9i$catchify)(on_back_), true);
6212
- (0, $gco9i$insert)(_el$2, (0, $gco9i$createComponent)((0, $gco9i$BackIcon), {}));
6424
+ (0, $gco9i$insert)(_el$2, (0, $gco9i$createComponent)((0, $22e59517c2ec94d3$export$1c641004b5485fed), {}));
6213
6425
  (0, $gco9i$effect)(()=>(0, $gco9i$setAttribute)(_el$2, "aria-label", i18n_.back_()));
6214
6426
  (0, $gco9i$runHydrationEvents)();
6215
6427
  return _el$2;
@@ -6266,9 +6478,9 @@ function $5285d2814d0fac0c$export$b94867ecbd698f21({ search_field_value_: search
6266
6478
  clear_filters_(true);
6267
6479
  if (!disabled_) input_element.focus();
6268
6480
  }), true);
6269
- (0, $gco9i$insert)(_el$5, (0, $gco9i$createComponent)((0, $gco9i$CrossIcon), {}));
6481
+ (0, $gco9i$insert)(_el$5, (0, $gco9i$createComponent)((0, $19976a74d273070d$export$3b621d86b1566b2), {}));
6270
6482
  (0, $gco9i$addEventListener)(_el$6, "click", (0, $gco9i$catchify)(()=>submit_query_()), true);
6271
- (0, $gco9i$insert)(_el$6, (0, $gco9i$createComponent)((0, $gco9i$SearchIcon), {}));
6483
+ (0, $gco9i$insert)(_el$6, (0, $gco9i$createComponent)((0, $16f0ed5ea30d8d9c$export$82eafebb825fc23f), {}));
6272
6484
  (0, $gco9i$effect)((_p$)=>{
6273
6485
  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
6486
  _v$ !== _p$._v$ && (0, $gco9i$setAttribute)(_el$4, "aria-label", _p$._v$ = _v$);
@@ -6482,7 +6694,7 @@ function $48d7e4a9707315b6$export$e026af0c7b64ea5f({ selected_filters_: selected
6482
6694
 
6483
6695
 
6484
6696
  function $21f51c14cb3f586f$export$84bba84a7b837187(read_search_query) {
6485
- const ls = localStorage;
6697
+ const ls = globalThis?.localStorage || {};
6486
6698
  const key = "depict_searches";
6487
6699
  const previous_searches = (0, $gco9i$createSignal)(JSON.parse(ls[key] || "[]"));
6488
6700
  const [read_previous_searches, write_previous_searches] = previous_searches;
@@ -6819,6 +7031,15 @@ function $a36cbc4f68bfd590$export$91c3b6774e8be0f5({ param_: param_ , value_: va
6819
7031
 
6820
7032
 
6821
7033
 
7034
+
7035
+
7036
+ 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);
7037
+ function $694b7f90501fea4c$export$5d2caaa6b530761c() {
7038
+ return (0, $gco9i$getNextElement)($694b7f90501fea4c$var$_tmpl$);
7039
+ }
7040
+
7041
+
7042
+
6822
7043
  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
7044
  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
7045
  const has_entries = (0, $gco9i$createMemo)(()=>previous_searches_().length >= 1);
@@ -6865,7 +7086,7 @@ function $7ad3a93cbe6fa208$export$a146ac6fa8346a25({ text_: text_ , previous_sea
6865
7086
  0,
6866
7087
  index
6867
7088
  ])));
6868
- (0, $gco9i$insert)(_el$5, (0, $gco9i$createComponent)((0, $gco9i$PreviousSearchIcon), {}), _el$8, _co$);
7089
+ (0, $gco9i$insert)(_el$5, (0, $gco9i$createComponent)((0, $694b7f90501fea4c$export$5d2caaa6b530761c), {}), _el$8, _co$);
6869
7090
  (0, $gco9i$insert)(_el$6, item);
6870
7091
  (0, $gco9i$use)((element)=>element.addEventListener("click", (0, $gco9i$catchify)((e)=>{
6871
7092
  // 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 +7103,7 @@ function $7ad3a93cbe6fa208$export$a146ac6fa8346a25({ text_: text_ , previous_sea
6882
7103
  e.stopPropagation();
6883
7104
  e.preventDefault();
6884
7105
  })), _el$9);
6885
- (0, $gco9i$insert)(_el$9, (0, $gco9i$createComponent)((0, $gco9i$CrossIcon), {}));
7106
+ (0, $gco9i$insert)(_el$9, (0, $gco9i$createComponent)((0, $19976a74d273070d$export$3b621d86b1566b2), {}));
6886
7107
  (0, $gco9i$effect)((_p$)=>{
6887
7108
  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
7109
  _v$ !== _p$._v$ && _el$4.classList.toggle("selected", _p$._v$ = _v$);
@@ -6985,6 +7206,8 @@ function $f3213c0640246d58$export$ba17c5b7e6dda39f({ whole_text_to_display_: who
6985
7206
  }
6986
7207
 
6987
7208
 
7209
+
7210
+
6988
7211
  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
7212
  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
7213
  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 +7251,12 @@ function $cea52f6b24092f05$export$e872e2339fb04a7f({ suggestion_memo_: suggestio
7028
7251
  get fallback () {
7029
7252
  return (()=>{
7030
7253
  const _el$2 = (0, $gco9i$getNextElement)($cea52f6b24092f05$var$_tmpl$2);
7031
- (0, $gco9i$insert)(_el$2, (0, $gco9i$createComponent)((0, $gco9i$SearchIcon), {}));
7254
+ (0, $gco9i$insert)(_el$2, (0, $gco9i$createComponent)((0, $16f0ed5ea30d8d9c$export$82eafebb825fc23f), {}));
7032
7255
  return _el$2;
7033
7256
  })();
7034
7257
  },
7035
7258
  get children () {
7036
- return (0, $gco9i$createComponent)((0, $gco9i$PreviousSearchIcon), {});
7259
+ return (0, $gco9i$createComponent)((0, $694b7f90501fea4c$export$5d2caaa6b530761c), {});
7037
7260
  }
7038
7261
  }),
7039
7262
  (0, $gco9i$createComponent)((0, $f3213c0640246d58$export$ba17c5b7e6dda39f), {
@@ -7720,7 +7943,7 @@ function $fabfda1230351b1a$var$close_modal_when_navigating_away(close_modal, sea
7720
7943
 
7721
7944
 
7722
7945
  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_ }) {
7946
+ function $793905995512612d$export$c05a196222ba1302({ suggestions_: suggestions_ , children: children }) {
7724
7947
  const category_suggestions_ = (0, $gco9i$createMemo)(()=>suggestions_()?.suggestions.filter((s)=>s.type === "category"));
7725
7948
  return (0, $gco9i$createComponent)((0, $gco9i$Show), {
7726
7949
  get when () {
@@ -7729,7 +7952,6 @@ function $793905995512612d$export$c05a196222ba1302({ suggestions_: suggestions_
7729
7952
  get children () {
7730
7953
  const _el$ = (0, $gco9i$getNextElement)($793905995512612d$var$_tmpl$);
7731
7954
  (0, $gco9i$insert)(_el$, (0, $gco9i$createComponent)((0, $f32e14878e75af51$export$6649caad96ef8870), {
7732
- button_: slider_arrow_button_,
7733
7955
  faded_opacity_: 0.7,
7734
7956
  get children () {
7735
7957
  return (0, $gco9i$createComponent)((0, $gco9i$Show), {
@@ -7802,9 +8024,10 @@ function $f8c929beb82c512b$export$9dd50d35b9d94fdf({ get_search_query_: get_sear
7802
8024
 
7803
8025
 
7804
8026
 
8027
+
7805
8028
  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
8029
  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;
8030
+ 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
8031
  const [get_sorting] = current_sorting_;
7809
8032
  const all_products_loaded_ = (0, $gco9i$createSignal)(false);
7810
8033
  const [get_all_products_loaded, set_all_products_loaded] = all_products_loaded_;
@@ -7924,18 +8147,19 @@ function $7097477c78a89208$export$a54ec244c8863715(opts) {
7924
8147
  number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_
7925
8148
  });
7926
8149
  const results_filters = (0, $gco9i$createSignal)();
8150
+ const owner = (0, $gco9i$getOwner)();
7927
8151
  (0, $gco9i$onCleanup)((0, $gco9i$javascript_media_query)("(max-width:600px)", async ({ matches: matches })=>{
7928
8152
  results_filters[1]();
7929
8153
  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
- })());
8154
+ (0, $gco9i$runWithOwner)(owner, ()=>results_filters[1](matches ? [
8155
+ results_for,
8156
+ filters_opener
8157
+ ] : (()=>{
8158
+ 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);
8159
+ (0, $gco9i$insert)(_el$, results_for, _el$3, _co$);
8160
+ (0, $gco9i$insert)(_el$, filters_opener, _el$5, _co$2);
8161
+ return _el$;
8162
+ })()));
7939
8163
  }).remove);
7940
8164
  (0, $gco9i$catchify)((0, $641bba2917fe862b$export$6e49da55e449af7c))({
7941
8165
  scroll_restoration_data_: scroll_restoration_data_,
@@ -7957,7 +8181,7 @@ function $7097477c78a89208$export$a54ec244c8863715(opts) {
7957
8181
  (0, $d78eea1e8707dc2d$export$c7e181728ad525f)(location);
7958
8182
  });
7959
8183
  return [
7960
- document.createComment("Search page based on Depict SDK"),
8184
+ (0, $gco9i$isServer) ? "<!-- Search page based on Depict SDK -->" : document.createComment("Search page based on Depict SDK"),
7961
8185
  (()=>{
7962
8186
  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
8187
  (0, $gco9i$insert)(_el$7, search_field, _el$9, _co$3);
@@ -7967,7 +8191,6 @@ function $7097477c78a89208$export$a54ec244c8863715(opts) {
7967
8191
  get children () {
7968
8192
  return (0, $gco9i$createComponent)((0, $793905995512612d$export$c05a196222ba1302), {
7969
8193
  suggestions_: suggestions,
7970
- slider_arrow_button_: slider_arrow_button_,
7971
8194
  children: make_category_suggestion_card_
7972
8195
  });
7973
8196
  }
@@ -7987,7 +8210,6 @@ function $7097477c78a89208$export$a54ec244c8863715(opts) {
7987
8210
  i18n_: i18n_,
7988
8211
  selected_filters_: selected_filters_,
7989
8212
  local_filter_cache_: local_filter_cache_,
7990
- slider_arrow_button_: slider_arrow_button_,
7991
8213
  search_filters_open_: search_filters_open_,
7992
8214
  search_sorting_open_: search_sorting_open_,
7993
8215
  number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
@@ -8113,6 +8335,7 @@ function $4ca91518c9a35379$export$828dcdd425fd3231(aligner) {
8113
8335
 
8114
8336
 
8115
8337
 
8338
+
8116
8339
  const $806c97b931758897$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="depict plp search"></div>`, 2);
8117
8340
  /**
8118
8341
  * 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 +8353,8 @@ class $806c97b931758897$export$ac6237957a15b3f0 {
8130
8353
  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
8354
  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
8355
  (0, $gco9i$runWithOwner)(owner, ()=>{
8133
- if ($806c97b931758897$export$ac6237957a15b3f0.#has_been_constructed) throw new Error("You can only have one instance of DepictSearch");
8356
+ 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
8357
+ throw new Error("You can only have one instance of DepictSearch");
8134
8358
  Object.assign(this, props_on_class);
8135
8359
  if (on_navigation) this.#router.on_navigation_ = on_navigation;
8136
8360
  const { current_sorting_: current_sorting_ , selected_filters_: selected_filters_ , search_query_accessor_: raw_search_query_accessor } = (0, $ccd5db07a3a069c5$export$477caf01aecaeb2a)({
@@ -8138,7 +8362,7 @@ class $806c97b931758897$export$ac6237957a15b3f0 {
8138
8362
  router_: this.#router
8139
8363
  });
8140
8364
  const [reset_history_state_, state_] = (0, $a8fa7302d6f93c0b$export$9862539c89138352)(()=>({
8141
- search_field_value: new URLSearchParams(location.search).get(search_query_url_param_name_) ?? "",
8365
+ search_field_value: (globalThis?.location && new URLSearchParams(location.search).get(search_query_url_param_name_)) ?? "",
8142
8366
  search_filters_open: false,
8143
8367
  search_sorting_open: false,
8144
8368
  search_expanded_filters: [],
@@ -8397,10 +8621,6 @@ function $806c97b931758897$export$f2dc7e4e4aa11abb({ depict_search: depict_searc
8397
8621
  cols_at_size: (0, $b5cccc8ee7d24677$export$6daf8749b65a1b77)(extra_depict_options.recommendations_cols_at_size),
8398
8622
  ...grid_spacing_override
8399
8623
  } : undefined,
8400
- slider_arrow_button_: (0, $gco9i$GenericSliderArrowButton)({
8401
- height_: 12,
8402
- width_: 6.46
8403
- }),
8404
8624
  product_card_template_: product_card_template
8405
8625
  });
8406
8626
  }, "Entire SearchPage failed");
@@ -8774,4 +8994,4 @@ const $4690a06c8489dcd0$export$7bf543b9d9be2c22 = (0, $e4615ecd1849548f$export$b
8774
8994
  (0, $gco9i$add_to_version_info)("ui", (0, $ec291e0010116877$export$83d89fbfd8236492));
8775
8995
 
8776
8996
 
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};
8997
+ 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};