@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.
- package/README.md +5 -1
- package/dist/client/main.js +453 -231
- package/dist/client/module.js +454 -234
- package/dist/index.d.ts +111 -103
- package/dist/main.js +108 -60
- package/dist/module.js +108 -60
- package/dist/server/main.js +397 -196
- package/dist/server/module.js +398 -199
- package/package.json +4 -4
package/dist/client/main.js
CHANGED
|
@@ -6,6 +6,8 @@ function $parcel$export(e, n, v, s) {
|
|
|
6
6
|
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
7
7
|
}
|
|
8
8
|
|
|
9
|
+
$parcel$export(module.exports, "CrossIcon", () => $c77c68e559a1506c$export$3b621d86b1566b2);
|
|
10
|
+
$parcel$export(module.exports, "GenericSliderArrowButton", () => $0f313083912e447a$export$8be2714ec7f169ee);
|
|
9
11
|
$parcel$export(module.exports, "fetchDepictRecommendations", () => $bc91d938b8c601b4$export$58e808b1db15d3bc);
|
|
10
12
|
$parcel$export(module.exports, "QuickLinks", () => $48567ac5b39bac56$export$de035477d6fef996);
|
|
11
13
|
$parcel$export(module.exports, "BreadCrumbs", () => $48567ac5b39bac56$export$5b7c3ce0ebe51f86);
|
|
@@ -40,11 +42,54 @@ $parcel$export(module.exports, "defaultGridSpacing", () => $a3280f0aad997933$exp
|
|
|
40
42
|
$parcel$export(module.exports, "defaultColsAtSize", () => $a3280f0aad997933$export$c3834fa86c616831);
|
|
41
43
|
$parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $a3280f0aad997933$export$7bf543b9d9be2c22);
|
|
42
44
|
$parcel$export(module.exports, "version", () => $b757f75811f3261f$export$83d89fbfd8236492);
|
|
43
|
-
/*! Depict.ai search and product listing SDK */ const $b757f75811f3261f$export$83d89fbfd8236492 = "1.0.
|
|
45
|
+
/*! Depict.ai search and product listing SDK */ const $b757f75811f3261f$export$83d89fbfd8236492 = "1.0.18";
|
|
44
46
|
|
|
45
47
|
|
|
46
48
|
|
|
47
49
|
|
|
50
|
+
|
|
51
|
+
|
|
52
|
+
|
|
53
|
+
|
|
54
|
+
const $c77c68e559a1506c$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.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);
|
|
55
|
+
function $c77c68e559a1506c$export$3b621d86b1566b2(props = {}) {
|
|
56
|
+
return (()=>{
|
|
57
|
+
const _el$ = (0, $57o7A$solidjsweb.getNextElement)($c77c68e559a1506c$var$_tmpl$);
|
|
58
|
+
(0, $57o7A$solidjsweb.spread)(_el$, (0, $57o7A$solidjsweb.mergeProps)(props, {
|
|
59
|
+
"xmlns": "http://www.w3.org/2000/svg",
|
|
60
|
+
"width": "21.064",
|
|
61
|
+
"height": "21.047",
|
|
62
|
+
"viewBox": "0 0 21.064 21.064"
|
|
63
|
+
}), true, true);
|
|
64
|
+
(0, $57o7A$solidjsweb.runHydrationEvents)();
|
|
65
|
+
return _el$;
|
|
66
|
+
})();
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
|
|
70
|
+
|
|
71
|
+
|
|
72
|
+
|
|
73
|
+
|
|
74
|
+
const $0f313083912e447a$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.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);
|
|
75
|
+
function $0f313083912e447a$export$8be2714ec7f169ee(props = {}) {
|
|
76
|
+
return (()=>{
|
|
77
|
+
const _el$ = (0, $57o7A$solidjsweb.getNextElement)($0f313083912e447a$var$_tmpl$);
|
|
78
|
+
(0, $57o7A$solidjsweb.effect)((_p$)=>{
|
|
79
|
+
const _v$ = props.width_ ?? 14, _v$2 = props.height_ ?? 26;
|
|
80
|
+
_v$ !== _p$._v$ && (0, $57o7A$solidjsweb.setAttribute)(_el$, "width", _p$._v$ = _v$);
|
|
81
|
+
_v$2 !== _p$._v$2 && (0, $57o7A$solidjsweb.setAttribute)(_el$, "height", _p$._v$2 = _v$2);
|
|
82
|
+
return _p$;
|
|
83
|
+
}, {
|
|
84
|
+
_v$: undefined,
|
|
85
|
+
_v$2: undefined
|
|
86
|
+
});
|
|
87
|
+
return _el$;
|
|
88
|
+
})();
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
|
|
92
|
+
|
|
48
93
|
async function $bc91d938b8c601b4$export$58e808b1db15d3bc({ merchant: merchant , market: market , headers: headers , ...fetch_recs_options }) {
|
|
49
94
|
return await (0, $57o7A$depictaiutilishared.fetch_recs)({
|
|
50
95
|
tenant: merchant,
|
|
@@ -62,7 +107,6 @@ async function $bc91d938b8c601b4$export$58e808b1db15d3bc({ merchant: merchant ,
|
|
|
62
107
|
|
|
63
108
|
|
|
64
109
|
|
|
65
|
-
|
|
66
110
|
function $6e22b5314fb52f4c$export$e183a13865960371(params_to_default_value, router_) {
|
|
67
111
|
const signals = {};
|
|
68
112
|
const entries = Object.entries(params_to_default_value);
|
|
@@ -72,7 +116,9 @@ function $6e22b5314fb52f4c$export$e183a13865960371(params_to_default_value, rout
|
|
|
72
116
|
// createRenderEffect because we need the instant execution so the signals always contain values, even before solid's render phase
|
|
73
117
|
(0, $57o7A$solidjs.createRenderEffect)(()=>{
|
|
74
118
|
let signal_changed = false;
|
|
75
|
-
let { state: state } = history
|
|
119
|
+
let { state: state } = globalThis?.history || {
|
|
120
|
+
state: {}
|
|
121
|
+
}; // cloning isn't necessary because we're calling replaceState on it anyway
|
|
76
122
|
if (state === null || typeof state != "object") state = {};
|
|
77
123
|
for (const [param, default_value] of entries){
|
|
78
124
|
const [read_signal] = signals[param] ||= (0, $57o7A$solidjs.createSignal)(state[param] ?? default_value);
|
|
@@ -183,10 +229,23 @@ class $e1d6c0f3d89d531c$export$e015ed2f2950f2e3 {
|
|
|
183
229
|
let resolve_in_progress;
|
|
184
230
|
cache_obj.in_progress_[body] = new Promise((r)=>resolve_in_progress = r);
|
|
185
231
|
try {
|
|
186
|
-
|
|
232
|
+
let search_results = await (0, $57o7A$depictaiutilishared.fetch_retry)((0, $57o7A$depictaiutilishared.add_version_query_params)(endpoint1), {
|
|
187
233
|
method: "POST",
|
|
188
234
|
body: body
|
|
189
235
|
});
|
|
236
|
+
if ("query_id" in request && request.type === "collection") // FIXME: Remove. Backwards compatibility layer
|
|
237
|
+
// This will retry the request without the collection type if the first request fails
|
|
238
|
+
{
|
|
239
|
+
if (!search_results || search_results?.status === 404) {
|
|
240
|
+
(0, $57o7A$depictaiutilishared.dlog)("Fallback request for collections due to failure");
|
|
241
|
+
const fallback_body = JSON.parse(body);
|
|
242
|
+
delete fallback_body.type;
|
|
243
|
+
search_results = await (0, $57o7A$depictaiutilishared.fetch_retry)((0, $57o7A$depictaiutilishared.add_version_query_params)(endpoint1), {
|
|
244
|
+
method: "POST",
|
|
245
|
+
body: JSON.stringify(fallback_body)
|
|
246
|
+
});
|
|
247
|
+
}
|
|
248
|
+
}
|
|
190
249
|
if (!search_results || search_results.status !== 200) {
|
|
191
250
|
const retval = fallback_response(input_req);
|
|
192
251
|
resolve_in_progress(retval);
|
|
@@ -350,13 +409,14 @@ function $d659702496cb72ea$export$a71e92cfbb498adc(props) {
|
|
|
350
409
|
|
|
351
410
|
function $76b6ac05693f5c71$export$205efb947c7ffd78(handler, passive = true) {
|
|
352
411
|
const catchified_handler = (0, $57o7A$depictaiutilishared.catchify)(handler);
|
|
412
|
+
const owner = (0, $57o7A$solidjs.getOwner)();
|
|
353
413
|
// 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.
|
|
354
414
|
// Use observer in case that this gets called before body exists
|
|
355
415
|
const disconnect = (0, $57o7A$depictaiutilishared.observer).onexists("body", ({ element: element })=>{
|
|
356
416
|
element.addEventListener("scroll", catchified_handler, {
|
|
357
417
|
passive: passive
|
|
358
418
|
});
|
|
359
|
-
(0, $57o7A$solidjs.onCleanup)(()=>element.removeEventListener("scroll", catchified_handler));
|
|
419
|
+
(0, $57o7A$solidjs.runWithOwner)(owner, ()=>(0, $57o7A$solidjs.onCleanup)(()=>element.removeEventListener("scroll", catchified_handler)));
|
|
360
420
|
});
|
|
361
421
|
(0, $57o7A$solidjs.onCleanup)(disconnect);
|
|
362
422
|
for (const event of [
|
|
@@ -372,8 +432,10 @@ function $76b6ac05693f5c71$export$205efb947c7ffd78(handler, passive = true) {
|
|
|
372
432
|
}
|
|
373
433
|
|
|
374
434
|
|
|
435
|
+
|
|
375
436
|
const $401aee5f33dca9e2$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="scroll-status" style="display:none"><span class="text"><b></b> – <b></b> <!#><!/> <b></b></span></div>`, 12);
|
|
376
437
|
function $401aee5f33dca9e2$export$83fd5de5504a7a67({ formatted_number_of_results_: formatted_number_of_results_ , first_result_in_viewport_: [get_first_result_in_viewport] , last_result_in_viewport_: [get_last_result_in_viewport] , number_of_results_: number_of_results_ , i18n_: { price_formatting_: price_formatting_ , of_: of_ } }) {
|
|
438
|
+
if (0, $57o7A$solidjsweb.isServer) return; // won't show in initial render and need scroll position
|
|
377
439
|
const [first_to_show, set_first_to_show] = (0, $57o7A$solidjs.createSignal)(0);
|
|
378
440
|
const [last_to_show, set_last_to_show] = (0, $57o7A$solidjs.createSignal)(0);
|
|
379
441
|
const [count_to_show, set_count_to_show] = (0, $57o7A$solidjs.createSignal)("");
|
|
@@ -714,6 +776,7 @@ function $47e2cc552c02110c$export$8895d39404bd2bb1(props) {
|
|
|
714
776
|
|
|
715
777
|
const $0d0b172488865048$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<a class="hint" href="javascript:void(0)"></a>`, 2), $0d0b172488865048$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="no-results"><div class="text"></div><!#><!/></div>`, 6);
|
|
716
778
|
function $0d0b172488865048$export$ef6006467f04ee41({ i18n_: i18n_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , selected_filters_: selected_filters_ , local_filter_cache_: local_filter_cache_ }) {
|
|
779
|
+
const root = (0, $57o7A$solidjs.getOwner)();
|
|
717
780
|
return [
|
|
718
781
|
(()=>{
|
|
719
782
|
const _el$ = (0, $57o7A$solidjsweb.getNextElement)($0d0b172488865048$var$_tmpl$2), _el$2 = _el$.firstChild, _el$4 = _el$2.nextSibling, [_el$5, _co$] = (0, $57o7A$solidjsweb.getNextMarker)(_el$4.nextSibling);
|
|
@@ -724,14 +787,14 @@ function $0d0b172488865048$export$ef6006467f04ee41({ i18n_: i18n_ , expanded_hie
|
|
|
724
787
|
},
|
|
725
788
|
get children () {
|
|
726
789
|
const _el$3 = (0, $57o7A$solidjsweb.getNextElement)($0d0b172488865048$var$_tmpl$);
|
|
727
|
-
(0, $57o7A$solidjsweb.addEventListener)(_el$3, "click", (0, $57o7A$depictaiutilishared.catchify)(()=>(0, $47e2cc552c02110c$export$8895d39404bd2bb1)({
|
|
728
|
-
|
|
729
|
-
|
|
730
|
-
|
|
731
|
-
|
|
732
|
-
|
|
733
|
-
|
|
734
|
-
|
|
790
|
+
(0, $57o7A$solidjsweb.addEventListener)(_el$3, "click", (0, $57o7A$depictaiutilishared.catchify)(()=>(0, $57o7A$solidjs.runWithOwner)(root, ()=>(0, $47e2cc552c02110c$export$8895d39404bd2bb1)({
|
|
791
|
+
user_triggered_: true,
|
|
792
|
+
selected_filters_: selected_filters_,
|
|
793
|
+
also_clear_sorting_: false,
|
|
794
|
+
expanded_hierarchical_filters_: expanded_hierarchical_filters_,
|
|
795
|
+
i18n_: i18n_,
|
|
796
|
+
local_filter_cache_: local_filter_cache_
|
|
797
|
+
}))), true);
|
|
735
798
|
(0, $57o7A$solidjsweb.insert)(_el$3, ()=>i18n_.try_without_filters_());
|
|
736
799
|
(0, $57o7A$solidjsweb.runHydrationEvents)();
|
|
737
800
|
return _el$3;
|
|
@@ -746,8 +809,10 @@ function $0d0b172488865048$export$ef6006467f04ee41({ i18n_: i18n_ , expanded_hie
|
|
|
746
809
|
]);
|
|
747
810
|
|
|
748
811
|
|
|
812
|
+
|
|
749
813
|
function $fc23d7668ae0011d$export$a2cc176055f8f08() {
|
|
750
|
-
|
|
814
|
+
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.";
|
|
815
|
+
return (0, $57o7A$solidjsweb.isServer) ? `<!-- ${text} -->` : document.createComment(text);
|
|
751
816
|
}
|
|
752
817
|
|
|
753
818
|
|
|
@@ -819,11 +884,20 @@ function $5f7d55c710fd1bc2$var$unwrapping_helper(elements) {
|
|
|
819
884
|
}
|
|
820
885
|
|
|
821
886
|
|
|
887
|
+
|
|
822
888
|
let $0caf87eaa19079da$var$cached_placeholder_element;
|
|
823
889
|
let $0caf87eaa19079da$var$rendering_cached_placeholder_element;
|
|
824
890
|
function $0caf87eaa19079da$export$f33414a4df0afd3f({ product_card_template_: product_card_template_ , num_placeholders_: num_placeholders_ }) {
|
|
825
891
|
const [get_elements, set_elements] = (0, $57o7A$solidjs.createSignal)([]);
|
|
826
892
|
let existing_num = 0;
|
|
893
|
+
if (0, $57o7A$solidjsweb.isServer) // want to render simple placeholders on server, effects don't run there
|
|
894
|
+
return (0, $57o7A$solidjs.createMemo)(()=>Array.from({
|
|
895
|
+
length: num_placeholders_()
|
|
896
|
+
}).map(()=>{
|
|
897
|
+
const template_result = product_card_template_(null, undefined);
|
|
898
|
+
// @ts-ignore
|
|
899
|
+
if (typeof template_result?.then !== "function") return template_result;
|
|
900
|
+
}));
|
|
827
901
|
(0, $57o7A$solidjs.createRenderEffect)(()=>{
|
|
828
902
|
const to_add = num_placeholders_() - existing_num;
|
|
829
903
|
if (to_add <= 0) return;
|
|
@@ -1016,22 +1090,17 @@ function $a73063cc642f3e5f$export$43f0fb951fcb0c54({ displays_by_key_: displays_
|
|
|
1016
1090
|
];
|
|
1017
1091
|
},
|
|
1018
1092
|
children: (product_id, index)=>{
|
|
1019
|
-
// We're using `untrack` here since we don't want to react in here to displays_by_key changing
|
|
1020
|
-
// As long as our key stays the same we assume that the display hasn't changed, so we don't want to rerender
|
|
1021
|
-
// If the key gets removed, <For> will remove us
|
|
1022
1093
|
const owner = (0, $57o7A$solidjs.getOwner)();
|
|
1023
1094
|
const display_accessor = (0, $57o7A$solidjs.createMemo)(()=>displays_by_key_().get(product_id));
|
|
1024
|
-
const [product_card_resource] = (0, $57o7A$solidjs.createResource)(
|
|
1025
|
-
|
|
1026
|
-
|
|
1027
|
-
]), // re-render when merchant or market changes
|
|
1028
|
-
([merchant, market])=>{
|
|
1095
|
+
const [product_card_resource] = (0, $57o7A$solidjs.createResource)(display_accessor, // re-render when the reference to the display object changes
|
|
1096
|
+
// this should only be the case when the merchant or market changes and the new request has completed
|
|
1097
|
+
(display)=>{
|
|
1029
1098
|
// get display in the function that re-runs when merchant or market have changed, since the display may have changed but product_id not
|
|
1030
|
-
const display = (0, $57o7A$solidjs.untrack)(display_accessor);
|
|
1031
1099
|
return product_card_template_(display, {
|
|
1032
1100
|
set_on_index_change: (fn)=>(0, $57o7A$solidjs.runWithOwner)(owner, ()=>(0, $57o7A$solidjs.createEffect)(()=>fn(index()))),
|
|
1033
|
-
merchant:
|
|
1034
|
-
market
|
|
1101
|
+
merchant: (0, $57o7A$solidjs.untrack)(merchant_),
|
|
1102
|
+
// 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
|
|
1103
|
+
market: (0, $57o7A$solidjs.untrack)(market_)
|
|
1035
1104
|
});
|
|
1036
1105
|
});
|
|
1037
1106
|
const node_accessor = (0, $5f7d55c710fd1bc2$export$2f0cbfbb4354bb52)(product_card_resource);
|
|
@@ -1174,7 +1243,7 @@ function $fe76fb463cc60b89$export$3925f87b1545cfc6({ plp_results_: plp_results_
|
|
|
1174
1243
|
const random_id = (0, $57o7A$depictaiutilishared.make_random_classname)();
|
|
1175
1244
|
const selector_beginning_ = `.depict.plp #${random_id}>`;
|
|
1176
1245
|
const [get_styling, set_styling_] = (0, $57o7A$solidjs.createSignal)("");
|
|
1177
|
-
const [get_should_have_placeholders_rendered, set_should_have_placeholders_rendered] = (0, $57o7A$solidjs.createSignal)(
|
|
1246
|
+
const [get_should_have_placeholders_rendered, set_should_have_placeholders_rendered] = (0, $57o7A$solidjs.createSignal)(true);
|
|
1178
1247
|
const rendered_placeholders = (0, $57o7A$solidjs.createMemo)(()=>get_should_have_placeholders_rendered() ? (0, $0caf87eaa19079da$export$f33414a4df0afd3f)({
|
|
1179
1248
|
product_card_template_: product_card_template_,
|
|
1180
1249
|
num_placeholders_: (0, $57o7A$solidjs.createMemo)(()=>{
|
|
@@ -1430,21 +1499,23 @@ function $a69e505a12a77874$export$e13dddbb31c3a42f() {
|
|
|
1430
1499
|
|
|
1431
1500
|
|
|
1432
1501
|
|
|
1502
|
+
|
|
1503
|
+
|
|
1433
1504
|
const $a0e53f99354809d9$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div></div>`, 2);
|
|
1434
|
-
function $a0e53f99354809d9$export$6649caad96ef8870({ children: children ,
|
|
1505
|
+
function $a0e53f99354809d9$export$6649caad96ef8870({ children: children , slider_ref_: slider_ref_ , faded_opacity_: faded_opacity_ = 0.7 , mutation_plugins_: mutation_plugins_ = [] }) {
|
|
1435
1506
|
const slider = new (0, $57o7A$depictaiutilishared.Amazing_Slider)({
|
|
1436
1507
|
button_contents: {
|
|
1437
1508
|
left: [
|
|
1438
1509
|
(()=>{
|
|
1439
1510
|
const _el$ = (0, $57o7A$solidjsweb.getNextElement)($a0e53f99354809d9$var$_tmpl$);
|
|
1440
|
-
(0, $57o7A$solidjsweb.insert)(_el$, ()
|
|
1511
|
+
(0, $57o7A$solidjsweb.insert)(_el$, (0, $57o7A$solidjsweb.createComponent)((0, $0f313083912e447a$export$8be2714ec7f169ee), {}));
|
|
1441
1512
|
return _el$;
|
|
1442
1513
|
})()
|
|
1443
1514
|
],
|
|
1444
1515
|
right: [
|
|
1445
1516
|
(()=>{
|
|
1446
1517
|
const _el$2 = (0, $57o7A$solidjsweb.getNextElement)($a0e53f99354809d9$var$_tmpl$);
|
|
1447
|
-
(0, $57o7A$solidjsweb.insert)(_el$2, ()
|
|
1518
|
+
(0, $57o7A$solidjsweb.insert)(_el$2, (0, $57o7A$solidjsweb.createComponent)((0, $0f313083912e447a$export$8be2714ec7f169ee), {}));
|
|
1448
1519
|
return _el$2;
|
|
1449
1520
|
})()
|
|
1450
1521
|
]
|
|
@@ -1468,8 +1539,9 @@ function $a0e53f99354809d9$export$6649caad96ef8870({ children: children , button
|
|
|
1468
1539
|
|
|
1469
1540
|
|
|
1470
1541
|
|
|
1542
|
+
|
|
1471
1543
|
const $235a2771a44e28e9$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<button class="clear-all-filters minor"></button>`, 2), $235a2771a44e28e9$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="inner"><span class="title"><!#><!/>: </span><!#><!/></div>`, 8), $235a2771a44e28e9$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<button class="clear-filter major"><!#><!/><span><!#><!/><!#><!/><!#><!/> – <!#><!/><!#><!/><!#><!/></span></button>`, 18), $235a2771a44e28e9$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<button class="clear-filter major"><!#><!/><span></span></button>`, 6);
|
|
1472
|
-
function $235a2771a44e28e9$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] ,
|
|
1544
|
+
function $235a2771a44e28e9$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_ }) {
|
|
1473
1545
|
const { price_formatting_: price_formatting_ } = i18n_;
|
|
1474
1546
|
const [read_selected_filters, write_selected_filters] = selected_filters_;
|
|
1475
1547
|
const { collapse: collapse , expand: expand , ExpandingContainer: ExpandingContainer } = (0, $4b455f60dadde8b8$export$5bad61ecde080b1f)({
|
|
@@ -1486,7 +1558,6 @@ function $235a2771a44e28e9$export$fecbb157621501bd({ number_of_rendered_selected
|
|
|
1486
1558
|
const _el$ = (0, $57o7A$solidjsweb.getNextElement)($235a2771a44e28e9$var$_tmpl$2), _el$2 = _el$.firstChild, _el$4 = _el$2.firstChild, [_el$5, _co$] = (0, $57o7A$solidjsweb.getNextMarker)(_el$4.nextSibling), _el$3 = _el$5.nextSibling, _el$7 = _el$2.nextSibling, [_el$8, _co$2] = (0, $57o7A$solidjsweb.getNextMarker)(_el$7.nextSibling);
|
|
1487
1559
|
(0, $57o7A$solidjsweb.insert)(_el$2, ()=>i18n_.selected_filters_title_(), _el$5, _co$);
|
|
1488
1560
|
(0, $57o7A$solidjsweb.insert)(_el$, (0, $57o7A$solidjsweb.createComponent)((0, $a0e53f99354809d9$export$6649caad96ef8870), {
|
|
1489
|
-
button_: slider_arrow_button_,
|
|
1490
1561
|
slider_ref_: (slider)=>slider.container.classList.add("filter-crumbs"),
|
|
1491
1562
|
get children () {
|
|
1492
1563
|
return [
|
|
@@ -1584,7 +1655,7 @@ function $235a2771a44e28e9$export$fecbb157621501bd({ number_of_rendered_selected
|
|
|
1584
1655
|
cloned_selected_filters.splice(index_in_selected_filters, 1);
|
|
1585
1656
|
write_selected_filters(cloned_selected_filters);
|
|
1586
1657
|
};
|
|
1587
|
-
(0, $57o7A$solidjsweb.insert)(_el$9, (0, $57o7A$solidjsweb.createComponent)((0, $
|
|
1658
|
+
(0, $57o7A$solidjsweb.insert)(_el$9, (0, $57o7A$solidjsweb.createComponent)((0, $c77c68e559a1506c$export$3b621d86b1566b2), {}), _el$25, _co$9);
|
|
1588
1659
|
(0, $57o7A$solidjsweb.insert)(_el$10, ()=>price_formatting_().pre_, _el$13, _co$3);
|
|
1589
1660
|
(0, $57o7A$solidjsweb.insert)(_el$10, (0, $57o7A$solidjsweb.createComponent)((0, $d659702496cb72ea$export$a71e92cfbb498adc), {
|
|
1590
1661
|
get price_ () {
|
|
@@ -1693,7 +1764,7 @@ function $235a2771a44e28e9$export$fecbb157621501bd({ number_of_rendered_selected
|
|
|
1693
1764
|
}
|
|
1694
1765
|
write_selected_filters(cloned_selected_filters);
|
|
1695
1766
|
}), true);
|
|
1696
|
-
(0, $57o7A$solidjsweb.insert)(_el$26, (0, $57o7A$solidjsweb.createComponent)((0, $
|
|
1767
|
+
(0, $57o7A$solidjsweb.insert)(_el$26, (0, $57o7A$solidjsweb.createComponent)((0, $c77c68e559a1506c$export$3b621d86b1566b2), {}), _el$29, _co$10);
|
|
1697
1768
|
(0, $57o7A$solidjsweb.insert)(_el$27, name);
|
|
1698
1769
|
(0, $57o7A$solidjsweb.runHydrationEvents)();
|
|
1699
1770
|
return _el$26;
|
|
@@ -1753,6 +1824,7 @@ function $235a2771a44e28e9$export$fecbb157621501bd({ number_of_rendered_selected
|
|
|
1753
1824
|
|
|
1754
1825
|
|
|
1755
1826
|
|
|
1827
|
+
|
|
1756
1828
|
async function $9abb0a35d4b60ed3$export$79b1565500412d9b(search_modal, modal_fn_opts) {
|
|
1757
1829
|
const body = await (0, $57o7A$depictaiutilishared.observer).wait_for_element("body");
|
|
1758
1830
|
let dispose_and_remove;
|
|
@@ -1895,12 +1967,32 @@ const $b3cf6ca8dc0e9998$export$48513f6b9f8ce62d = (props)=>{
|
|
|
1895
1967
|
|
|
1896
1968
|
|
|
1897
1969
|
|
|
1970
|
+
|
|
1971
|
+
|
|
1972
|
+
|
|
1973
|
+
|
|
1974
|
+
|
|
1975
|
+
const $cc43b6428000c4bf$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.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);
|
|
1976
|
+
function $cc43b6428000c4bf$export$f21ab0717a89c77f(props) {
|
|
1977
|
+
return (()=>{
|
|
1978
|
+
const _el$ = (0, $57o7A$solidjsweb.getNextElement)($cc43b6428000c4bf$var$_tmpl$);
|
|
1979
|
+
(0, $57o7A$solidjsweb.spread)(_el$, (0, $57o7A$solidjsweb.mergeProps)(props, {
|
|
1980
|
+
"xmlns": "http://www.w3.org/2000/svg",
|
|
1981
|
+
"width": "11",
|
|
1982
|
+
"height": "12"
|
|
1983
|
+
}), true, true);
|
|
1984
|
+
(0, $57o7A$solidjsweb.runHydrationEvents)();
|
|
1985
|
+
return _el$;
|
|
1986
|
+
})();
|
|
1987
|
+
}
|
|
1988
|
+
|
|
1989
|
+
|
|
1898
1990
|
const $0fe1e7efdf4200d6$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<button type="button" class="expand-filter"><!#><!/><span></span></button>`, 6);
|
|
1899
1991
|
function $0fe1e7efdf4200d6$export$ca21a16d65b3dd8({ show_extras_: [get_show_extras, set_show_extras] , i18n_: i18n_ }) {
|
|
1900
1992
|
return (()=>{
|
|
1901
1993
|
const _el$ = (0, $57o7A$solidjsweb.getNextElement)($0fe1e7efdf4200d6$var$_tmpl$), _el$3 = _el$.firstChild, [_el$4, _co$] = (0, $57o7A$solidjsweb.getNextMarker)(_el$3.nextSibling), _el$2 = _el$4.nextSibling;
|
|
1902
1994
|
(0, $57o7A$solidjsweb.addEventListener)(_el$, "click", (0, $57o7A$depictaiutilishared.catchify)(()=>set_show_extras((p)=>!p)), true);
|
|
1903
|
-
(0, $57o7A$solidjsweb.insert)(_el$, (0, $57o7A$solidjsweb.createComponent)((0, $
|
|
1995
|
+
(0, $57o7A$solidjsweb.insert)(_el$, (0, $57o7A$solidjsweb.createComponent)((0, $cc43b6428000c4bf$export$f21ab0717a89c77f), {}), _el$4, _co$);
|
|
1904
1996
|
(0, $57o7A$solidjsweb.insert)(_el$2, (()=>{
|
|
1905
1997
|
const _c$ = (0, $57o7A$solidjsweb.memo)(()=>!!get_show_extras());
|
|
1906
1998
|
return ()=>_c$() ? i18n_.view_less_() : i18n_.view_more_();
|
|
@@ -3127,6 +3219,20 @@ var $a636ca15e3d3570d$export$2e2bcd8739ae039 = {
|
|
|
3127
3219
|
|
|
3128
3220
|
|
|
3129
3221
|
|
|
3222
|
+
|
|
3223
|
+
|
|
3224
|
+
|
|
3225
|
+
const $0f4656eaf6c22d1d$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.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);
|
|
3226
|
+
function $0f4656eaf6c22d1d$export$f2ca6fc699ca1fb4(props = {}) {
|
|
3227
|
+
return (()=>{
|
|
3228
|
+
const _el$ = (0, $57o7A$solidjsweb.getNextElement)($0f4656eaf6c22d1d$var$_tmpl$);
|
|
3229
|
+
(0, $57o7A$solidjsweb.spread)(_el$, props, true, true);
|
|
3230
|
+
(0, $57o7A$solidjsweb.runHydrationEvents)();
|
|
3231
|
+
return _el$;
|
|
3232
|
+
})();
|
|
3233
|
+
}
|
|
3234
|
+
|
|
3235
|
+
|
|
3130
3236
|
const $b064919833b3e80b$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<span class="show-selected" aria-hidden="true"><span></span><!#><!/></span>`, 6);
|
|
3131
3237
|
function $b064919833b3e80b$export$53c59af873b303c9({ selected_filters_in_group_: selected_filters_in_group_ , i18n_: { price_formatting_: price_formatting_ } }) {
|
|
3132
3238
|
const [show_tick_icon, set_show_tick_icon] = (0, $57o7A$solidjs.createSignal)(false);
|
|
@@ -3186,7 +3292,7 @@ function $b064919833b3e80b$export$53c59af873b303c9({ selected_filters_in_group_:
|
|
|
3186
3292
|
return show_tick_icon();
|
|
3187
3293
|
},
|
|
3188
3294
|
get children () {
|
|
3189
|
-
return (0, $57o7A$solidjsweb.createComponent)((0, $
|
|
3295
|
+
return (0, $57o7A$solidjsweb.createComponent)((0, $0f4656eaf6c22d1d$export$f2ca6fc699ca1fb4), {});
|
|
3190
3296
|
}
|
|
3191
3297
|
}), _el$4, _co$);
|
|
3192
3298
|
return _el$;
|
|
@@ -3294,6 +3400,7 @@ function $061ff5b4c3d36171$export$89c6019e4baa40b1(props) {
|
|
|
3294
3400
|
}
|
|
3295
3401
|
|
|
3296
3402
|
|
|
3403
|
+
|
|
3297
3404
|
const $aff9a96d30ed3563$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="filter-collapsible"></div>`, 2), $aff9a96d30ed3563$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<button class="clear-group"><!#><!/><span></span></button>`, 6), $aff9a96d30ed3563$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="view-more-clear"><!#><!/><!#><!/></div>`, 6), $aff9a96d30ed3563$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="filter-collapsible-body"><div class="filter-part"></div><!#><!/></div>`, 6), $aff9a96d30ed3563$var$_tmpl$5 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<details class="filter-collapsible"></details>`, 2), $aff9a96d30ed3563$var$_tmpl$6 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<summary class="filter-group-summary"><div class="summary"><span></span><div class="selected-w-sign"><!#><!/><!#><!/></div></div></summary>`, 12), $aff9a96d30ed3563$var$_tmpl$7 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="ungrouped"></div>`, 2), $aff9a96d30ed3563$var$_tmpl$8 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<button class="clear-all-filters major"></button>`, 2);
|
|
3298
3405
|
function $aff9a96d30ed3563$export$3f1a388cc0d8fed7(props) {
|
|
3299
3406
|
// Split like this to make placeholder wrapping more visible & this component is exported and used in MobileModal
|
|
@@ -3450,7 +3557,7 @@ function $aff9a96d30ed3563$var$ActualFilterBody(props) {
|
|
|
3450
3557
|
}
|
|
3451
3558
|
props.selected_filters_[1](new_filter_obj);
|
|
3452
3559
|
}), true);
|
|
3453
|
-
(0, $57o7A$solidjsweb.insert)(_el$5, (0, $57o7A$solidjsweb.createComponent)((0, $
|
|
3560
|
+
(0, $57o7A$solidjsweb.insert)(_el$5, (0, $57o7A$solidjsweb.createComponent)((0, $c77c68e559a1506c$export$3b621d86b1566b2), {}), _el$8, _co$);
|
|
3454
3561
|
(0, $57o7A$solidjsweb.insert)(_el$6, ()=>props.i18n_.clear_individual_filter_());
|
|
3455
3562
|
(0, $57o7A$solidjsweb.runHydrationEvents)();
|
|
3456
3563
|
return _el$5;
|
|
@@ -3690,6 +3797,45 @@ function $ca1176b694a6ee2e$export$fe334901e8bebd57() {
|
|
|
3690
3797
|
|
|
3691
3798
|
|
|
3692
3799
|
|
|
3800
|
+
|
|
3801
|
+
|
|
3802
|
+
|
|
3803
|
+
|
|
3804
|
+
|
|
3805
|
+
const $f958b5ac0e4a78da$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.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);
|
|
3806
|
+
function $f958b5ac0e4a78da$export$da32f7add8a22e86(props = {}) {
|
|
3807
|
+
return (()=>{
|
|
3808
|
+
const _el$ = (0, $57o7A$solidjsweb.getNextElement)($f958b5ac0e4a78da$var$_tmpl$);
|
|
3809
|
+
(0, $57o7A$solidjsweb.spread)(_el$, props, true, true);
|
|
3810
|
+
(0, $57o7A$solidjsweb.runHydrationEvents)();
|
|
3811
|
+
return _el$;
|
|
3812
|
+
})();
|
|
3813
|
+
}
|
|
3814
|
+
|
|
3815
|
+
|
|
3816
|
+
|
|
3817
|
+
|
|
3818
|
+
|
|
3819
|
+
|
|
3820
|
+
const $046db47e0326c715$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.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);
|
|
3821
|
+
function $046db47e0326c715$export$d10e63059ddb9fd4(props = {}) {
|
|
3822
|
+
return (()=>{
|
|
3823
|
+
const _el$ = (0, $57o7A$solidjsweb.getNextElement)($046db47e0326c715$var$_tmpl$);
|
|
3824
|
+
(0, $57o7A$solidjsweb.spread)(_el$, props, true, true);
|
|
3825
|
+
(0, $57o7A$solidjsweb.runHydrationEvents)();
|
|
3826
|
+
return _el$;
|
|
3827
|
+
})();
|
|
3828
|
+
}
|
|
3829
|
+
|
|
3830
|
+
|
|
3831
|
+
|
|
3832
|
+
|
|
3833
|
+
const $02215fefc955d01e$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.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);
|
|
3834
|
+
function $02215fefc955d01e$export$28f6150e232898de() {
|
|
3835
|
+
return (0, $57o7A$solidjsweb.getNextElement)($02215fefc955d01e$var$_tmpl$);
|
|
3836
|
+
}
|
|
3837
|
+
|
|
3838
|
+
|
|
3693
3839
|
const $1872ceb56ede7a52$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<button class="clear minor"></button>`, 2), $1872ceb56ede7a52$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.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), $1872ceb56ede7a52$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<details class="sorting"></details>`, 2), $1872ceb56ede7a52$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<summary class="sort-filter-summary"><div class="summary"><div class="left-els"><!#><!/><span></span></div><!#><!/></div></summary>`, 12), $1872ceb56ede7a52$var$_tmpl$5 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="body"></div>`, 2), $1872ceb56ede7a52$var$_tmpl$6 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<details class="filters"></details>`, 2), $1872ceb56ede7a52$var$_tmpl$7 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<b></b>`, 2);
|
|
3694
3840
|
const $1872ceb56ede7a52$var$no_go_selector = ".range .range-group";
|
|
3695
3841
|
function $1872ceb56ede7a52$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_ }) {
|
|
@@ -3757,7 +3903,7 @@ function $1872ceb56ede7a52$export$9bf11afa910f536e({ args_for_sorting_: args_for
|
|
|
3757
3903
|
}));
|
|
3758
3904
|
}, _el$3);
|
|
3759
3905
|
(0, $57o7A$solidjsweb.addEventListener)(_el$3, "click", dismiss_modal_, true);
|
|
3760
|
-
(0, $57o7A$solidjsweb.insert)(_el$3, (0, $57o7A$solidjsweb.createComponent)((0, $
|
|
3906
|
+
(0, $57o7A$solidjsweb.insert)(_el$3, (0, $57o7A$solidjsweb.createComponent)((0, $c77c68e559a1506c$export$3b621d86b1566b2), {}));
|
|
3761
3907
|
_el$4.$$touchstart = ({ changedTouches: changedTouches , target: target })=>{
|
|
3762
3908
|
// touchstart should always only have one changed touch, track it here
|
|
3763
3909
|
if (touches >= 1) {
|
|
@@ -3865,7 +4011,7 @@ function $1872ceb56ede7a52$export$9bf11afa910f536e({ args_for_sorting_: args_for
|
|
|
3865
4011
|
const _el$16 = (0, $57o7A$solidjsweb.getNextElement)($1872ceb56ede7a52$var$_tmpl$4), _el$17 = _el$16.firstChild, _el$18 = _el$17.firstChild, _el$20 = _el$18.firstChild, [_el$21, _co$4] = (0, $57o7A$solidjsweb.getNextMarker)(_el$20.nextSibling), _el$19 = _el$21.nextSibling, _el$22 = _el$18.nextSibling, [_el$23, _co$5] = (0, $57o7A$solidjsweb.getNextMarker)(_el$22.nextSibling);
|
|
3866
4012
|
(0, $57o7A$solidjsweb.insert)(_el$18, (()=>{
|
|
3867
4013
|
const _c$ = (0, $57o7A$solidjsweb.memo)(()=>args_for_sorting_.current_sorting_[0]()?.order === "asc");
|
|
3868
|
-
return ()=>_c$() ? (0, $57o7A$solidjsweb.createComponent)((0, $
|
|
4014
|
+
return ()=>_c$() ? (0, $57o7A$solidjsweb.createComponent)((0, $f958b5ac0e4a78da$export$da32f7add8a22e86), {}) : (0, $57o7A$solidjsweb.createComponent)((0, $046db47e0326c715$export$d10e63059ddb9fd4), {});
|
|
3869
4015
|
})(), _el$21, _co$4);
|
|
3870
4016
|
(0, $57o7A$solidjsweb.insert)(_el$19, ()=>i18n_.sorting_text_());
|
|
3871
4017
|
(0, $57o7A$solidjsweb.insert)(_el$17, (0, $57o7A$solidjsweb.createComponent)((0, $7567511a7c3e4bd7$export$e5c2828934226505), {
|
|
@@ -3894,7 +4040,7 @@ function $1872ceb56ede7a52$export$9bf11afa910f536e({ args_for_sorting_: args_for
|
|
|
3894
4040
|
get summary_ () {
|
|
3895
4041
|
return (()=>{
|
|
3896
4042
|
const _el$26 = (0, $57o7A$solidjsweb.getNextElement)($1872ceb56ede7a52$var$_tmpl$4), _el$27 = _el$26.firstChild, _el$28 = _el$27.firstChild, _el$30 = _el$28.firstChild, [_el$31, _co$6] = (0, $57o7A$solidjsweb.getNextMarker)(_el$30.nextSibling), _el$29 = _el$31.nextSibling, _el$32 = _el$28.nextSibling, [_el$33, _co$7] = (0, $57o7A$solidjsweb.getNextMarker)(_el$32.nextSibling);
|
|
3897
|
-
(0, $57o7A$solidjsweb.insert)(_el$28, (0, $57o7A$solidjsweb.createComponent)((0, $
|
|
4043
|
+
(0, $57o7A$solidjsweb.insert)(_el$28, (0, $57o7A$solidjsweb.createComponent)((0, $02215fefc955d01e$export$28f6150e232898de), {}), _el$31, _co$6);
|
|
3898
4044
|
(0, $57o7A$solidjsweb.insert)(_el$29, ()=>i18n_.filters_());
|
|
3899
4045
|
(0, $57o7A$solidjsweb.insert)(_el$27, (0, $57o7A$solidjsweb.createComponent)((0, $7567511a7c3e4bd7$export$e5c2828934226505), {
|
|
3900
4046
|
expanded_: filters_expanded,
|
|
@@ -4112,130 +4258,144 @@ function $70482f04605572e2$export$b288c38ae3fddb56({ available_filters_: availab
|
|
|
4112
4258
|
}
|
|
4113
4259
|
|
|
4114
4260
|
|
|
4115
|
-
|
|
4261
|
+
|
|
4262
|
+
|
|
4263
|
+
const $f49857214f7675b1$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.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);
|
|
4264
|
+
function $f49857214f7675b1$export$cb808a3c41736d8e() {
|
|
4265
|
+
return (0, $57o7A$solidjsweb.getNextElement)($f49857214f7675b1$var$_tmpl$);
|
|
4266
|
+
}
|
|
4267
|
+
|
|
4268
|
+
|
|
4269
|
+
|
|
4270
|
+
|
|
4271
|
+
|
|
4272
|
+
|
|
4273
|
+
const $f8f64d05c525825b$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="filters"><div class="body"></div></div>`, 4), $f8f64d05c525825b$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="sorting"><div class="body"></div></div>`, 4), $f8f64d05c525825b$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="sort-and-filter-buttons"><div class="outer"><div class="inner"><!#><!/><!#><!/><!#><!/></div></div></div>`, 12), $f8f64d05c525825b$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<span class="num-filters"></span>`, 2), $f8f64d05c525825b$var$_tmpl$5 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="open-filters-button-container"><!#><!/><button type="button"><!#><!/><span></span></button></div>`, 10), $f8f64d05c525825b$var$_tmpl$6 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<button class="toggle-button for-sorting major-minor-transition"><span></span><!#><!/></button>`, 6);
|
|
4116
4274
|
function $f8f64d05c525825b$export$d7841e452f2e59a8({ current_sorting_: current_sorting_ , set_extra_els_in_results_container_: set_extra_els_in_results_container_ , search_filters_open_: search_filters_open_ , search_sorting_open_: search_sorting_open_ , set_sort_or_filter_open_: set_sort_or_filter_open_ , i18n_: i18n_ , available_sortings_: available_sortings_ , available_filters_: available_filters_ , expanded_filters_: expanded_filters_ , middle_elements_: middle_elements_ , input_modal_open_: input_modal_open_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_ , set_sort_and_filter_element_: set_sort_and_filter_element_ , formatted_number_of_results_: formatted_number_of_results_ , filter_button_width_: filter_button_width_ , sort_button_width_: sort_button_width_ , selected_filters_: selected_filters_ , local_filter_cache_: local_filter_cache_ , get_extra_filters_button_: get_extra_filters_button_ , get_extra_sorting_button_: get_extra_sorting_button_ }) {
|
|
4117
|
-
|
|
4118
|
-
|
|
4119
|
-
|
|
4120
|
-
|
|
4121
|
-
|
|
4122
|
-
|
|
4123
|
-
|
|
4124
|
-
|
|
4125
|
-
|
|
4126
|
-
|
|
4127
|
-
|
|
4128
|
-
|
|
4129
|
-
|
|
4130
|
-
|
|
4131
|
-
|
|
4132
|
-
|
|
4133
|
-
|
|
4134
|
-
|
|
4135
|
-
|
|
4275
|
+
const Self = ()=>{
|
|
4276
|
+
// 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
|
|
4277
|
+
(0, $70482f04605572e2$export$b288c38ae3fddb56)({
|
|
4278
|
+
available_filters_: available_filters_,
|
|
4279
|
+
selected_filters_: selected_filters_,
|
|
4280
|
+
local_filter_cache_: local_filter_cache_
|
|
4281
|
+
});
|
|
4282
|
+
const cleanup_promise = new Promise((r)=>(0, $57o7A$solidjs.onCleanup)(r));
|
|
4283
|
+
const [filters_open, set_filters_open] = search_filters_open_;
|
|
4284
|
+
const [sorting_open, set_sorting_open] = search_sorting_open_;
|
|
4285
|
+
const [get_current_sorting_] = current_sorting_;
|
|
4286
|
+
const [is_small, set_is_small] = (0, $57o7A$solidjs.createSignal)(false);
|
|
4287
|
+
const dismiss_modal_ = (0, $57o7A$depictaiutilishared.catchify)(()=>{
|
|
4288
|
+
set_filters_open(false);
|
|
4289
|
+
set_sorting_open(false);
|
|
4290
|
+
});
|
|
4291
|
+
const meta_of_currently_selected_sorting_ = (0, $57o7A$solidjs.createMemo)(()=>available_sortings_()?.find?.((sorting)=>sorting.field === get_current_sorting_()?.field)?.meta);
|
|
4292
|
+
const filter_options = {
|
|
4293
|
+
expanded_hierarchical_filters_: expanded_hierarchical_filters_,
|
|
4294
|
+
local_filter_cache_: local_filter_cache_,
|
|
4295
|
+
available_filters_: available_filters_,
|
|
4296
|
+
expanded_filters_: expanded_filters_,
|
|
4297
|
+
selected_filters_: selected_filters_,
|
|
4298
|
+
i18n_: i18n_
|
|
4299
|
+
};
|
|
4300
|
+
const sorting_options = {
|
|
4301
|
+
current_sorting_: current_sorting_,
|
|
4302
|
+
available_sortings_: available_sortings_,
|
|
4303
|
+
meta_of_currently_selected_sorting_: meta_of_currently_selected_sorting_
|
|
4304
|
+
};
|
|
4305
|
+
const make_open_filters_button = (adhere_to_width = false, is_tabbable = false)=>(0, $57o7A$solidjsweb.createComponent)($f8f64d05c525825b$var$OpenFiltersButton, {
|
|
4306
|
+
tabindex_: is_tabbable ? 0 : -1,
|
|
4307
|
+
i18n_: i18n_,
|
|
4308
|
+
search_filters_open_: search_filters_open_,
|
|
4309
|
+
search_sorting_open_: search_sorting_open_,
|
|
4310
|
+
number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
|
|
4311
|
+
filter_button_width_: adhere_to_width ? filter_button_width_ : undefined
|
|
4136
4312
|
});
|
|
4137
|
-
|
|
4138
|
-
|
|
4139
|
-
|
|
4140
|
-
|
|
4141
|
-
|
|
4142
|
-
|
|
4143
|
-
selected_filters_: selected_filters_,
|
|
4144
|
-
i18n_: i18n_
|
|
4145
|
-
};
|
|
4146
|
-
const sorting_options = {
|
|
4147
|
-
current_sorting_: current_sorting_,
|
|
4313
|
+
const make_open_sorting_button = (adhere_to_width = false, is_tabbable = false)=>(0, $57o7A$solidjsweb.createComponent)($f8f64d05c525825b$var$OpenSortingButton, {
|
|
4314
|
+
tabindex_: is_tabbable ? 0 : -1,
|
|
4315
|
+
i18n_: i18n_,
|
|
4316
|
+
get_current_sorting_: get_current_sorting_,
|
|
4317
|
+
search_filters_open_: search_filters_open_,
|
|
4318
|
+
search_sorting_open_: search_sorting_open_,
|
|
4148
4319
|
available_sortings_: available_sortings_,
|
|
4320
|
+
sort_button_width_: adhere_to_width ? sort_button_width_ : undefined,
|
|
4149
4321
|
meta_of_currently_selected_sorting_: meta_of_currently_selected_sorting_
|
|
4150
|
-
};
|
|
4151
|
-
const make_open_filters_button = (adhere_to_width = false, is_tabbable = false)=>(0, $57o7A$solidjsweb.createComponent)($f8f64d05c525825b$var$OpenFiltersButton, {
|
|
4152
|
-
tabindex_: is_tabbable ? 0 : -1,
|
|
4153
|
-
i18n_: i18n_,
|
|
4154
|
-
search_filters_open_: search_filters_open_,
|
|
4155
|
-
search_sorting_open_: search_sorting_open_,
|
|
4156
|
-
number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
|
|
4157
|
-
filter_button_width_: adhere_to_width ? filter_button_width_ : undefined
|
|
4158
|
-
});
|
|
4159
|
-
const make_open_sorting_button = (adhere_to_width = false, is_tabbable = false)=>(0, $57o7A$solidjsweb.createComponent)($f8f64d05c525825b$var$OpenSortingButton, {
|
|
4160
|
-
tabindex_: is_tabbable ? 0 : -1,
|
|
4161
|
-
i18n_: i18n_,
|
|
4162
|
-
get_current_sorting_: get_current_sorting_,
|
|
4163
|
-
search_filters_open_: search_filters_open_,
|
|
4164
|
-
search_sorting_open_: search_sorting_open_,
|
|
4165
|
-
available_sortings_: available_sortings_,
|
|
4166
|
-
sort_button_width_: adhere_to_width ? sort_button_width_ : undefined,
|
|
4167
|
-
meta_of_currently_selected_sorting_: meta_of_currently_selected_sorting_
|
|
4168
|
-
});
|
|
4169
|
-
let open_modal_;
|
|
4170
|
-
let close_modal_;
|
|
4171
|
-
let grid_is_in_original_state = true;
|
|
4172
|
-
(0, $57o7A$solidjs.createComputed)(()=>{
|
|
4173
|
-
const fi_o = filters_open();
|
|
4174
|
-
const so_o = sorting_open();
|
|
4175
|
-
const i_s = is_small();
|
|
4176
|
-
// 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
|
|
4177
|
-
if ((fi_o || so_o) && !i_s) {
|
|
4178
|
-
if (!grid_is_in_original_state) return;
|
|
4179
|
-
set_sort_or_filter_open_(true);
|
|
4180
|
-
grid_is_in_original_state = false;
|
|
4181
|
-
} else if (!grid_is_in_original_state) {
|
|
4182
|
-
set_sort_or_filter_open_(false);
|
|
4183
|
-
grid_is_in_original_state = true;
|
|
4184
|
-
}
|
|
4185
4322
|
});
|
|
4186
|
-
|
|
4187
|
-
|
|
4188
|
-
|
|
4189
|
-
|
|
4190
|
-
|
|
4191
|
-
|
|
4192
|
-
|
|
4193
|
-
|
|
4194
|
-
|
|
4195
|
-
|
|
4196
|
-
|
|
4197
|
-
|
|
4198
|
-
|
|
4199
|
-
|
|
4200
|
-
|
|
4201
|
-
|
|
4202
|
-
|
|
4203
|
-
|
|
4204
|
-
|
|
4205
|
-
|
|
4206
|
-
|
|
4207
|
-
|
|
4208
|
-
|
|
4209
|
-
|
|
4210
|
-
|
|
4323
|
+
let open_modal_;
|
|
4324
|
+
let close_modal_;
|
|
4325
|
+
let grid_is_in_original_state = true;
|
|
4326
|
+
(0, $57o7A$solidjs.createComputed)(()=>{
|
|
4327
|
+
const fi_o = filters_open();
|
|
4328
|
+
const so_o = sorting_open();
|
|
4329
|
+
const i_s = is_small();
|
|
4330
|
+
// 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
|
|
4331
|
+
if ((fi_o || so_o) && !i_s) {
|
|
4332
|
+
if (!grid_is_in_original_state) return;
|
|
4333
|
+
set_sort_or_filter_open_(true);
|
|
4334
|
+
grid_is_in_original_state = false;
|
|
4335
|
+
} else if (!grid_is_in_original_state) {
|
|
4336
|
+
set_sort_or_filter_open_(false);
|
|
4337
|
+
grid_is_in_original_state = true;
|
|
4338
|
+
}
|
|
4339
|
+
});
|
|
4340
|
+
(0, $57o7A$solidjs.createEffect)(()=>{
|
|
4341
|
+
if (!filters_open() && !sorting_open()) {
|
|
4342
|
+
close_modal_?.();
|
|
4343
|
+
set_extra_els_in_results_container_("");
|
|
4344
|
+
} else if (is_small()) {
|
|
4345
|
+
if ((0, $57o7A$solidjs.untrack)(()=>input_modal_open_?.())) {
|
|
4346
|
+
// we don't want to shove another modal into the users face, silently close the filters for them
|
|
4347
|
+
set_filters_open(false);
|
|
4348
|
+
set_sorting_open(false);
|
|
4349
|
+
return;
|
|
4211
4350
|
}
|
|
4212
|
-
|
|
4213
|
-
|
|
4214
|
-
|
|
4215
|
-
|
|
4216
|
-
|
|
4217
|
-
|
|
4218
|
-
|
|
4219
|
-
|
|
4220
|
-
|
|
4221
|
-
|
|
4222
|
-
|
|
4223
|
-
|
|
4224
|
-
|
|
4225
|
-
|
|
4226
|
-
|
|
4227
|
-
|
|
4228
|
-
|
|
4229
|
-
|
|
4230
|
-
|
|
4231
|
-
|
|
4232
|
-
|
|
4233
|
-
|
|
4234
|
-
|
|
4235
|
-
|
|
4236
|
-
|
|
4351
|
+
open_modal_?.();
|
|
4352
|
+
set_extra_els_in_results_container_("");
|
|
4353
|
+
} else {
|
|
4354
|
+
close_modal_?.();
|
|
4355
|
+
if (filters_open()) set_extra_els_in_results_container_((()=>{
|
|
4356
|
+
const _el$ = (0, $57o7A$solidjsweb.getNextElement)($f8f64d05c525825b$var$_tmpl$), _el$2 = _el$.firstChild;
|
|
4357
|
+
(0, $57o7A$solidjsweb.insert)(_el$2, (0, $57o7A$solidjsweb.createComponent)((0, $aff9a96d30ed3563$export$3f1a388cc0d8fed7), filter_options));
|
|
4358
|
+
return _el$;
|
|
4359
|
+
})());
|
|
4360
|
+
else set_extra_els_in_results_container_((()=>{
|
|
4361
|
+
const _el$3 = (0, $57o7A$solidjsweb.getNextElement)($f8f64d05c525825b$var$_tmpl$2), _el$4 = _el$3.firstChild;
|
|
4362
|
+
(0, $57o7A$solidjsweb.insert)(_el$4, (0, $57o7A$solidjsweb.createComponent)((0, $be89be42ce9ea60f$export$1f1775a58da589b5), sorting_options));
|
|
4363
|
+
return _el$3;
|
|
4364
|
+
})());
|
|
4365
|
+
}
|
|
4366
|
+
});
|
|
4367
|
+
(0, $57o7A$depictaiutilishared.catchify)(async ()=>{
|
|
4368
|
+
({ open_modal_: open_modal_ , close_modal_: close_modal_ } = await (0, $9abb0a35d4b60ed3$export$79b1565500412d9b)((0, $1872ceb56ede7a52$export$9bf11afa910f536e), {
|
|
4369
|
+
args_for_sorting_: sorting_options,
|
|
4370
|
+
args_for_filtering_: filter_options,
|
|
4371
|
+
search_filters_open_: search_filters_open_,
|
|
4372
|
+
search_sorting_open_: search_sorting_open_,
|
|
4373
|
+
formatted_number_of_results_: formatted_number_of_results_,
|
|
4374
|
+
dismiss_modal_: dismiss_modal_,
|
|
4375
|
+
i18n_: i18n_
|
|
4376
|
+
}));
|
|
4377
|
+
const { remove: remove } = (0, $57o7A$depictaiutilishared.javascript_media_query)("(max-width:651px)", ({ matches: matches })=>set_is_small(matches));
|
|
4378
|
+
cleanup_promise.then(remove);
|
|
4379
|
+
})();
|
|
4380
|
+
get_extra_filters_button_?.(make_open_filters_button());
|
|
4381
|
+
get_extra_sorting_button_?.(make_open_sorting_button());
|
|
4382
|
+
return (()=>{
|
|
4383
|
+
const _el$5 = (0, $57o7A$solidjsweb.getNextElement)($f8f64d05c525825b$var$_tmpl$3), _el$6 = _el$5.firstChild, _el$7 = _el$6.firstChild, _el$8 = _el$7.firstChild, [_el$9, _co$] = (0, $57o7A$solidjsweb.getNextMarker)(_el$8.nextSibling), _el$10 = _el$9.nextSibling, [_el$11, _co$2] = (0, $57o7A$solidjsweb.getNextMarker)(_el$10.nextSibling), _el$12 = _el$11.nextSibling, [_el$13, _co$3] = (0, $57o7A$solidjsweb.getNextMarker)(_el$12.nextSibling);
|
|
4384
|
+
const _ref$ = set_sort_and_filter_element_;
|
|
4385
|
+
typeof _ref$ === "function" ? (0, $57o7A$solidjsweb.use)(_ref$, _el$5) : set_sort_and_filter_element_ = _el$5;
|
|
4386
|
+
(0, $57o7A$solidjsweb.insert)(_el$7, ()=>make_open_filters_button(true, true), _el$9, _co$);
|
|
4387
|
+
(0, $57o7A$solidjsweb.insert)(_el$7, ()=>middle_elements_?.(), _el$11, _co$2);
|
|
4388
|
+
(0, $57o7A$solidjsweb.insert)(_el$7, ()=>make_open_sorting_button(true, true), _el$13, _co$3);
|
|
4389
|
+
return _el$5;
|
|
4390
|
+
})();
|
|
4391
|
+
};
|
|
4392
|
+
return (0, $57o7A$solidjsweb.createComponent)((0, $edafe91daf3091d7$export$b69d0d92862de18b), {
|
|
4393
|
+
message_: "Sorting and filters failed",
|
|
4394
|
+
severity_: "error",
|
|
4395
|
+
get children () {
|
|
4396
|
+
return (0, $57o7A$solidjsweb.createComponent)(Self, {});
|
|
4237
4397
|
}
|
|
4238
|
-
})
|
|
4398
|
+
});
|
|
4239
4399
|
}
|
|
4240
4400
|
function $f8f64d05c525825b$var$OpenFiltersButton({ i18n_: i18n_ , search_filters_open_: search_filters_open_ , search_sorting_open_: search_sorting_open_ , filter_button_width_: filter_button_width_ , tabindex_: tabindex_ , number_of_rendered_selected_filters_items_: [num_selected_filters] }) {
|
|
4241
4401
|
const filters_closed = (0, $57o7A$solidjs.createMemo)(()=>!search_filters_open_[0]());
|
|
@@ -4262,15 +4422,16 @@ function $f8f64d05c525825b$var$OpenFiltersButton({ i18n_: i18n_ , search_filters
|
|
|
4262
4422
|
search_sorting_open_[1](false);
|
|
4263
4423
|
})), true);
|
|
4264
4424
|
(0, $57o7A$solidjsweb.setAttribute)(_el$16, "tabindex", tabindex_);
|
|
4425
|
+
(0, $57o7A$solidjsweb.className)(_el$16, "filter toggle-button major-minor-transition" + ((0, $57o7A$solidjsweb.isServer) ? " minor" : ""));
|
|
4265
4426
|
(0, $57o7A$solidjsweb.insert)(_el$16, (0, $57o7A$solidjsweb.createComponent)((0, $57o7A$solidjs.Show), {
|
|
4266
4427
|
get when () {
|
|
4267
4428
|
return filters_closed();
|
|
4268
4429
|
},
|
|
4269
4430
|
get fallback () {
|
|
4270
|
-
return (0, $57o7A$solidjsweb.createComponent)((0, $
|
|
4431
|
+
return (0, $57o7A$solidjsweb.createComponent)((0, $f49857214f7675b1$export$cb808a3c41736d8e), {});
|
|
4271
4432
|
},
|
|
4272
4433
|
get children () {
|
|
4273
|
-
return (0, $57o7A$solidjsweb.createComponent)((0, $
|
|
4434
|
+
return (0, $57o7A$solidjsweb.createComponent)((0, $02215fefc955d01e$export$28f6150e232898de), {});
|
|
4274
4435
|
}
|
|
4275
4436
|
}), _el$19, _co$4);
|
|
4276
4437
|
(0, $57o7A$solidjsweb.insert)(_el$17, ()=>i18n_.filter_text_());
|
|
@@ -4319,10 +4480,10 @@ function $f8f64d05c525825b$var$OpenSortingButton({ i18n_: i18n_ , get_current_so
|
|
|
4319
4480
|
return sorting_closed();
|
|
4320
4481
|
},
|
|
4321
4482
|
get fallback () {
|
|
4322
|
-
return (0, $57o7A$solidjsweb.createComponent)((0, $
|
|
4483
|
+
return (0, $57o7A$solidjsweb.createComponent)((0, $f49857214f7675b1$export$cb808a3c41736d8e), {});
|
|
4323
4484
|
},
|
|
4324
4485
|
get children () {
|
|
4325
|
-
return (0, $57o7A$solidjsweb.memo)(()=>get_current_sorting_()?.order === "asc")() ? (0, $57o7A$solidjsweb.createComponent)((0, $
|
|
4486
|
+
return (0, $57o7A$solidjsweb.memo)(()=>get_current_sorting_()?.order === "asc")() ? (0, $57o7A$solidjsweb.createComponent)((0, $f958b5ac0e4a78da$export$da32f7add8a22e86), {}) : (0, $57o7A$solidjsweb.createComponent)((0, $046db47e0326c715$export$d10e63059ddb9fd4), {});
|
|
4326
4487
|
}
|
|
4327
4488
|
}), _el$25, _co$6);
|
|
4328
4489
|
(0, $57o7A$solidjsweb.effect)((_p$)=>{
|
|
@@ -4363,8 +4524,21 @@ function $f8f64d05c525825b$var$OpenSortingButton({ i18n_: i18n_ , get_current_so
|
|
|
4363
4524
|
|
|
4364
4525
|
|
|
4365
4526
|
|
|
4527
|
+
|
|
4528
|
+
|
|
4529
|
+
|
|
4530
|
+
|
|
4531
|
+
|
|
4532
|
+
const $084b6a0ee1d481de$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.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);
|
|
4533
|
+
function $084b6a0ee1d481de$export$2624c5890f1bbcf7() {
|
|
4534
|
+
return (0, $57o7A$solidjsweb.getNextElement)($084b6a0ee1d481de$var$_tmpl$);
|
|
4535
|
+
}
|
|
4536
|
+
|
|
4537
|
+
|
|
4538
|
+
|
|
4366
4539
|
const $2fb324fbcc7b4a7b$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.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);
|
|
4367
4540
|
function $2fb324fbcc7b4a7b$export$b23abd26de154ede(props) {
|
|
4541
|
+
if (0, $57o7A$solidjsweb.isServer) return; // won't show in initial render and need scroll position
|
|
4368
4542
|
const [is_small, set_is_small] = (0, $57o7A$solidjs.createSignal)(true);
|
|
4369
4543
|
(0, $57o7A$solidjs.onCleanup)((0, $57o7A$depictaiutilishared.javascript_media_query)("(max-width:651px)", ({ matches: matches })=>set_is_small(matches)).remove);
|
|
4370
4544
|
return (0, $57o7A$solidjsweb.createComponent)((0, $57o7A$solidjs.Show), {
|
|
@@ -4453,20 +4627,20 @@ function $2fb324fbcc7b4a7b$var$ActualFloatingButtons({ search_filters_open_: [ge
|
|
|
4453
4627
|
set_search_filters_open_(true);
|
|
4454
4628
|
set_search_sorting_open_(false);
|
|
4455
4629
|
}), true);
|
|
4456
|
-
(0, $57o7A$solidjsweb.insert)(_el$3, (0, $57o7A$solidjsweb.createComponent)((0, $
|
|
4630
|
+
(0, $57o7A$solidjsweb.insert)(_el$3, (0, $57o7A$solidjsweb.createComponent)((0, $02215fefc955d01e$export$28f6150e232898de), {}));
|
|
4457
4631
|
(0, $57o7A$solidjsweb.addEventListener)(_el$4, "click", (0, $57o7A$depictaiutilishared.catchify)(()=>{
|
|
4458
4632
|
set_search_filters_open_(false);
|
|
4459
4633
|
set_search_sorting_open_(true);
|
|
4460
4634
|
}), true);
|
|
4461
4635
|
(0, $57o7A$solidjsweb.insert)(_el$5, (()=>{
|
|
4462
4636
|
const _c$ = (0, $57o7A$solidjsweb.memo)(()=>current_sorting_[0]()?.order === "asc");
|
|
4463
|
-
return ()=>_c$() ? (0, $57o7A$solidjsweb.createComponent)((0, $
|
|
4637
|
+
return ()=>_c$() ? (0, $57o7A$solidjsweb.createComponent)((0, $f958b5ac0e4a78da$export$da32f7add8a22e86), {}) : (0, $57o7A$solidjsweb.createComponent)((0, $046db47e0326c715$export$d10e63059ddb9fd4), {});
|
|
4464
4638
|
})());
|
|
4465
4639
|
(0, $57o7A$solidjsweb.addEventListener)(_el$6, "click", (0, $57o7A$depictaiutilishared.catchify)(()=>scrollTo({
|
|
4466
4640
|
top: 0,
|
|
4467
4641
|
behavior: "smooth"
|
|
4468
4642
|
})), true);
|
|
4469
|
-
(0, $57o7A$solidjsweb.insert)(_el$7, (0, $57o7A$solidjsweb.createComponent)((0, $
|
|
4643
|
+
(0, $57o7A$solidjsweb.insert)(_el$7, (0, $57o7A$solidjsweb.createComponent)((0, $084b6a0ee1d481de$export$2624c5890f1bbcf7), {}));
|
|
4470
4644
|
(0, $57o7A$solidjsweb.effect)((_p$)=>{
|
|
4471
4645
|
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_();
|
|
4472
4646
|
_v$ !== _p$._v$ && _el$.classList.toggle("show-them", _p$._v$ = _v$);
|
|
@@ -4734,7 +4908,7 @@ function $e53b2e7e632ac4cb$export$5646050d516e06bc({ crumb_data_: get_api_crumb_
|
|
|
4734
4908
|
|
|
4735
4909
|
|
|
4736
4910
|
const $8cceb1d3a967f369$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<nav class="quicklinks"></nav>`, 2), $8cceb1d3a967f369$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div>QuickLinks failed</div>`, 2), $8cceb1d3a967f369$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<a class="quicklink"></a>`, 2);
|
|
4737
|
-
function $8cceb1d3a967f369$export$466cdc317043f6cb({ quicklinks_data_: quicklinks_data_ , router_: router_ , current_query_id_: current_query_id_ ,
|
|
4911
|
+
function $8cceb1d3a967f369$export$466cdc317043f6cb({ quicklinks_data_: quicklinks_data_ , router_: router_ , current_query_id_: current_query_id_ , breadcrumb_data_: breadcrumb_data_ , i18n_: i18n_ }) {
|
|
4738
4912
|
let scrolling_logic_ran_for_query_id = false;
|
|
4739
4913
|
let last_scroll_position;
|
|
4740
4914
|
let scroll_to_element_on_dom_insertion;
|
|
@@ -4791,7 +4965,6 @@ function $8cceb1d3a967f369$export$466cdc317043f6cb({ quicklinks_data_: quicklink
|
|
|
4791
4965
|
const _el$ = (0, $57o7A$solidjsweb.getNextElement)($8cceb1d3a967f369$var$_tmpl$);
|
|
4792
4966
|
(0, $57o7A$solidjsweb.insert)(_el$, (0, $57o7A$solidjsweb.createComponent)((0, $a0e53f99354809d9$export$6649caad96ef8870), {
|
|
4793
4967
|
faded_opacity_: 0.5,
|
|
4794
|
-
button_: slider_arrow_button_,
|
|
4795
4968
|
mutation_plugins_: mutation_plugins,
|
|
4796
4969
|
slider_ref_: (slider)=>{
|
|
4797
4970
|
const { insert_here: insert_here , intersecting_items_object: intersecting_items_object } = slider;
|
|
@@ -5144,8 +5317,9 @@ function $cafad5eca9f09cb5$export$d4fc5c0e68a52116(el, query_id_, i18n_) {
|
|
|
5144
5317
|
|
|
5145
5318
|
|
|
5146
5319
|
|
|
5320
|
+
|
|
5147
5321
|
const $840d88a04b2d22a7$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="product-count"><!#><!/> <!#><!/></div>`, 6), $840d88a04b2d22a7$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div></div>`, 2), $840d88a04b2d22a7$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="filter-results-for-one-row"><!#><!/><!#><!/></div>`, 6), $840d88a04b2d22a7$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="depict plp category"><div class="listing-page"><!#><!/><!#><!/><!#><!/><!#><!/><!#><!/><!#><!/></div><!#><!/><!#><!/></div>`, 20);
|
|
5148
|
-
function $840d88a04b2d22a7$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_ ,
|
|
5322
|
+
function $840d88a04b2d22a7$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_ }) {
|
|
5149
5323
|
let results_for;
|
|
5150
5324
|
let only_show_filters_opener_;
|
|
5151
5325
|
let middle_elements_;
|
|
@@ -5170,6 +5344,7 @@ function $840d88a04b2d22a7$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
|
|
|
5170
5344
|
tenant: tenant_(),
|
|
5171
5345
|
market: market_(),
|
|
5172
5346
|
query_id: query_id_(),
|
|
5347
|
+
type: listing_type_(),
|
|
5173
5348
|
...f.length ? {
|
|
5174
5349
|
filters: f
|
|
5175
5350
|
} : {},
|
|
@@ -5297,17 +5472,18 @@ function $840d88a04b2d22a7$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
|
|
|
5297
5472
|
(0, $57o7A$solidjs.createRenderEffect)((0, $57o7A$depictaiutilishared.catchify)(async ()=>{
|
|
5298
5473
|
const slim = is_slim_();
|
|
5299
5474
|
const only_show_filters_opener = only_show_filters_opener_?.();
|
|
5475
|
+
const owner = (0, $57o7A$solidjs.getOwner)();
|
|
5300
5476
|
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
|
|
5301
5477
|
// signals can't be read reactively anymore after the await FYI
|
|
5302
|
-
set_results_filters(slim ? only_show_filters_opener ? filters_opener : [
|
|
5303
|
-
|
|
5304
|
-
|
|
5305
|
-
|
|
5306
|
-
|
|
5307
|
-
|
|
5308
|
-
|
|
5309
|
-
|
|
5310
|
-
|
|
5478
|
+
(0, $57o7A$solidjs.runWithOwner)(owner, ()=>set_results_filters(slim ? only_show_filters_opener ? filters_opener : [
|
|
5479
|
+
results_for,
|
|
5480
|
+
filters_opener
|
|
5481
|
+
] : (()=>{
|
|
5482
|
+
const _el$8 = (0, $57o7A$solidjsweb.getNextElement)($840d88a04b2d22a7$var$_tmpl$3), _el$9 = _el$8.firstChild, [_el$10, _co$3] = (0, $57o7A$solidjsweb.getNextMarker)(_el$9.nextSibling), _el$11 = _el$10.nextSibling, [_el$12, _co$4] = (0, $57o7A$solidjsweb.getNextMarker)(_el$11.nextSibling);
|
|
5483
|
+
(0, $57o7A$solidjsweb.insert)(_el$8, results_for, _el$10, _co$3);
|
|
5484
|
+
(0, $57o7A$solidjsweb.insert)(_el$8, filters_opener, _el$12, _co$4);
|
|
5485
|
+
return _el$8;
|
|
5486
|
+
})()));
|
|
5311
5487
|
}));
|
|
5312
5488
|
(0, $6b384adf40a5f4d7$export$e702733a056c40d6)({
|
|
5313
5489
|
selected_filters_: selected_filters_,
|
|
@@ -5326,7 +5502,7 @@ function $840d88a04b2d22a7$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
|
|
|
5326
5502
|
get_breadcrumb_accessor_?.(crumb_data_);
|
|
5327
5503
|
get_quicklinks_accessor_?.(quicklinks_data_);
|
|
5328
5504
|
return [
|
|
5329
|
-
document.createComment("Category page based on Depict SDK"),
|
|
5505
|
+
(0, $57o7A$solidjsweb.isServer) ? "<!-- Category page based on Depict SDK -->" : document.createComment("Category page based on Depict SDK"),
|
|
5330
5506
|
(()=>{
|
|
5331
5507
|
const _el$13 = (0, $57o7A$solidjsweb.getNextElement)($840d88a04b2d22a7$var$_tmpl$4), _el$14 = _el$13.firstChild, _el$15 = _el$14.firstChild, [_el$16, _co$5] = (0, $57o7A$solidjsweb.getNextMarker)(_el$15.nextSibling), _el$17 = _el$16.nextSibling, [_el$18, _co$6] = (0, $57o7A$solidjsweb.getNextMarker)(_el$17.nextSibling), _el$19 = _el$18.nextSibling, [_el$20, _co$7] = (0, $57o7A$solidjsweb.getNextMarker)(_el$19.nextSibling), _el$21 = _el$20.nextSibling, [_el$22, _co$8] = (0, $57o7A$solidjsweb.getNextMarker)(_el$21.nextSibling), _el$23 = _el$22.nextSibling, [_el$24, _co$9] = (0, $57o7A$solidjsweb.getNextMarker)(_el$23.nextSibling), _el$25 = _el$24.nextSibling, [_el$26, _co$10] = (0, $57o7A$solidjsweb.getNextMarker)(_el$25.nextSibling), _el$27 = _el$14.nextSibling, [_el$28, _co$11] = (0, $57o7A$solidjsweb.getNextMarker)(_el$27.nextSibling), _el$29 = _el$28.nextSibling, [_el$30, _co$12] = (0, $57o7A$solidjsweb.getNextMarker)(_el$29.nextSibling);
|
|
5332
5508
|
(0, $57o7A$solidjsweb.use)((el)=>process.env.NODE_ENV === "development" && (0, $cafad5eca9f09cb5$export$d4fc5c0e68a52116)(el, query_id_, i18n_), _el$13);
|
|
@@ -5347,7 +5523,6 @@ function $840d88a04b2d22a7$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
|
|
|
5347
5523
|
quicklinks_data_: quicklinks_data_,
|
|
5348
5524
|
current_query_id_: query_id_,
|
|
5349
5525
|
router_: router_,
|
|
5350
|
-
slider_arrow_button_: slider_arrow_button_,
|
|
5351
5526
|
breadcrumb_data_: crumb_data_,
|
|
5352
5527
|
i18n_: i18n_
|
|
5353
5528
|
});
|
|
@@ -5368,7 +5543,6 @@ function $840d88a04b2d22a7$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
|
|
|
5368
5543
|
i18n_: i18n_,
|
|
5369
5544
|
selected_filters_: selected_filters_,
|
|
5370
5545
|
local_filter_cache_: local_filter_cache_,
|
|
5371
|
-
slider_arrow_button_: slider_arrow_button_,
|
|
5372
5546
|
search_filters_open_: category_filters_open_,
|
|
5373
5547
|
search_sorting_open_: category_sorting_open_,
|
|
5374
5548
|
number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
|
|
@@ -5441,7 +5615,7 @@ function $840d88a04b2d22a7$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
|
|
|
5441
5615
|
|
|
5442
5616
|
let $d84fe647b84b5dc5$var$has_ran = false;
|
|
5443
5617
|
function $d84fe647b84b5dc5$export$5162a71f252e6122() {
|
|
5444
|
-
if ($d84fe647b84b5dc5$var$has_ran) return;
|
|
5618
|
+
if ($d84fe647b84b5dc5$var$has_ran || typeof history !== "object") return;
|
|
5445
5619
|
$d84fe647b84b5dc5$var$has_ran = true;
|
|
5446
5620
|
for (const function_name of [
|
|
5447
5621
|
"replaceState",
|
|
@@ -5547,8 +5721,7 @@ function $0785f4c9947d9b5f$export$f091cbac892643a4(obj) {
|
|
|
5547
5721
|
|
|
5548
5722
|
function $95837413165cc2df$export$23fca46f3143581f(component, error_message) {
|
|
5549
5723
|
const component_in_error_boundary = (do_with_elements)=>{
|
|
5550
|
-
|
|
5551
|
-
return (0, $edafe91daf3091d7$export$b69d0d92862de18b)({
|
|
5724
|
+
const error_boundary_wrapped = (0, $edafe91daf3091d7$export$b69d0d92862de18b)({
|
|
5552
5725
|
severity_: "error",
|
|
5553
5726
|
message_: error_message,
|
|
5554
5727
|
get children () {
|
|
@@ -5556,7 +5729,12 @@ function $95837413165cc2df$export$23fca46f3143581f(component, error_message) {
|
|
|
5556
5729
|
do_with_elements?.(elements);
|
|
5557
5730
|
return elements;
|
|
5558
5731
|
}
|
|
5559
|
-
})
|
|
5732
|
+
});
|
|
5733
|
+
// This might return an accessor, in that case we need to "unwrap" it since our SDK consumers expect HTML elements or arrays thereof
|
|
5734
|
+
if (typeof error_boundary_wrapped === "function") // @ts-ignore
|
|
5735
|
+
return error_boundary_wrapped();
|
|
5736
|
+
// On the server it returns a string, so we just return that
|
|
5737
|
+
return error_boundary_wrapped;
|
|
5560
5738
|
};
|
|
5561
5739
|
const owner = (0, $57o7A$solidjs.getOwner)();
|
|
5562
5740
|
if (owner == null) return (0, $57o7A$solidjs.createRoot)((dispose)=>{
|
|
@@ -5586,7 +5764,7 @@ function $c79fd10a3ab7d6e0$export$477caf01aecaeb2a(options) {
|
|
|
5586
5764
|
const [get_sorting_, set_sorting] = current_sorting_;
|
|
5587
5765
|
const [get_selected_filters_, set_selected_filters] = selected_filters_;
|
|
5588
5766
|
const [get_has_sideways_filter_clearing_flag_, set_has_sideways_filter_clearing_flag] = sideways_filter_clearing_flag_;
|
|
5589
|
-
const [get_current_href, set_current_href] = (0, $57o7A$solidjs.createSignal)(location.
|
|
5767
|
+
const [get_current_href, set_current_href] = (0, $57o7A$solidjs.createSignal)(globalThis?.location?.href ?? "https://example.com");
|
|
5590
5768
|
const history_change_handler = (0, $57o7A$depictaiutilishared.catchify)(()=>set_current_href(location.href));
|
|
5591
5769
|
const owner = (0, $57o7A$solidjs.getOwner)() || (0, $57o7A$solidjs.createRoot)(()=>(0, $57o7A$solidjs.getOwner)());
|
|
5592
5770
|
let writer_started = false;
|
|
@@ -5722,7 +5900,7 @@ class $e96dd13889871fc0$export$7e1297a3a19f10d8 {
|
|
|
5722
5900
|
* Call this if you *just* want to replace the state object in history.state
|
|
5723
5901
|
*/ replace_state_: (new_state)=>{
|
|
5724
5902
|
// 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
|
|
5725
|
-
history
|
|
5903
|
+
globalThis?.history?.replaceState(new_state, "");
|
|
5726
5904
|
},
|
|
5727
5905
|
/**
|
|
5728
5906
|
* Call this to change the URL
|
|
@@ -5764,6 +5942,7 @@ class $e96dd13889871fc0$export$7e1297a3a19f10d8 {
|
|
|
5764
5942
|
}
|
|
5765
5943
|
|
|
5766
5944
|
|
|
5945
|
+
|
|
5767
5946
|
const $48567ac5b39bac56$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="depict plp category"></div>`, 2);
|
|
5768
5947
|
const $48567ac5b39bac56$var$min_products_to_fetch_ = 20;
|
|
5769
5948
|
const $48567ac5b39bac56$var$privately_shared_properties = /*@__PURE__*/ new WeakMap();
|
|
@@ -5779,6 +5958,7 @@ class $48567ac5b39bac56$export$f34314aa9505732e {
|
|
|
5779
5958
|
#merchant_signal = (0, $57o7A$solidjs.createSignal)();
|
|
5780
5959
|
#market_signal = (0, $57o7A$solidjs.createSignal)();
|
|
5781
5960
|
#query_id_signal = (0, $57o7A$solidjs.createSignal)("");
|
|
5961
|
+
#listing_type_signal = (0, $57o7A$solidjs.createSignal)();
|
|
5782
5962
|
static #has_been_constructed = false;
|
|
5783
5963
|
get localization() {
|
|
5784
5964
|
// allow reactive access
|
|
@@ -5805,6 +5985,12 @@ class $48567ac5b39bac56$export$f34314aa9505732e {
|
|
|
5805
5985
|
set market(market) {
|
|
5806
5986
|
this.#market_signal[1](market);
|
|
5807
5987
|
}
|
|
5988
|
+
get listing_type() {
|
|
5989
|
+
return this.#listing_type_signal[0]();
|
|
5990
|
+
}
|
|
5991
|
+
set listing_type(listing_type) {
|
|
5992
|
+
this.#listing_type_signal[1](listing_type);
|
|
5993
|
+
}
|
|
5808
5994
|
get on_navigation() {
|
|
5809
5995
|
// The only non-reactive public property on the class (I don't see it making sense to have it reactive)
|
|
5810
5996
|
return this.#router.on_navigation_;
|
|
@@ -5815,7 +6001,8 @@ class $48567ac5b39bac56$export$f34314aa9505732e {
|
|
|
5815
6001
|
constructor({ api: api , on_navigation: on_navigation , ...props_on_class }){
|
|
5816
6002
|
const owner = (0, $57o7A$solidjs.getOwner)() || (0, $57o7A$solidjs.createRoot)(()=>(0, $57o7A$solidjs.getOwner)()); // we might have an owner, if so, pass it on. Otherwise, create one so solid doesn't print warnings to the console
|
|
5817
6003
|
(0, $57o7A$solidjs.runWithOwner)(owner, ()=>{
|
|
5818
|
-
if ($48567ac5b39bac56$export$f34314aa9505732e.#has_been_constructed
|
|
6004
|
+
if ($48567ac5b39bac56$export$f34314aa9505732e.#has_been_constructed && !(0, $57o7A$solidjsweb.isServer)) // on the server we can't write stuff to history.state anyway so can have multiple
|
|
6005
|
+
throw new Error("You can only have one instance of DepictCategory due to state limitations");
|
|
5819
6006
|
$48567ac5b39bac56$export$f34314aa9505732e.#has_been_constructed = true;
|
|
5820
6007
|
Object.assign(this, props_on_class); // set initial signal values
|
|
5821
6008
|
(0, $d84fe647b84b5dc5$export$5162a71f252e6122)();
|
|
@@ -5843,11 +6030,7 @@ class $48567ac5b39bac56$export$f34314aa9505732e {
|
|
|
5843
6030
|
router_: this.#router,
|
|
5844
6031
|
selected_filters_: selected_filters_,
|
|
5845
6032
|
current_sorting_: current_sorting_,
|
|
5846
|
-
sideways_filter_clearing_flag_: sideways_filter_clearing_flag_
|
|
5847
|
-
slider_arrow_button_: (0, $57o7A$depictaiutilishared.GenericSliderArrowButton)({
|
|
5848
|
-
height_: 12,
|
|
5849
|
-
width_: 6.46
|
|
5850
|
-
})
|
|
6033
|
+
sideways_filter_clearing_flag_: sideways_filter_clearing_flag_
|
|
5851
6034
|
});
|
|
5852
6035
|
});
|
|
5853
6036
|
}
|
|
@@ -5861,7 +6044,7 @@ function $48567ac5b39bac56$export$e2bf8ce7779e827e({ depict_category: depict_cat
|
|
|
5861
6044
|
grid_spacing: grid_spacing.horizontal
|
|
5862
6045
|
};
|
|
5863
6046
|
return (0, $95837413165cc2df$export$23fca46f3143581f)(()=>{
|
|
5864
|
-
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_ ,
|
|
6047
|
+
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;
|
|
5865
6048
|
(0, $57o7A$solidjs.onCleanup)(reset_history_state_);
|
|
5866
6049
|
return (0, $840d88a04b2d22a7$export$f7d2f673fc2f091d)({
|
|
5867
6050
|
tenant_: ()=>depict_category.merchant,
|
|
@@ -5870,6 +6053,7 @@ function $48567ac5b39bac56$export$e2bf8ce7779e827e({ depict_category: depict_cat
|
|
|
5870
6053
|
min_products_to_fetch_: $48567ac5b39bac56$var$min_products_to_fetch_,
|
|
5871
6054
|
local_filter_cache_: local_filter_cache_,
|
|
5872
6055
|
query_id_: ()=>depict_category.category_id,
|
|
6056
|
+
listing_type_: ()=>depict_category.listing_type,
|
|
5873
6057
|
i18n_: i18n_,
|
|
5874
6058
|
show_quicklinks_: show_quicklinks,
|
|
5875
6059
|
category_title_: category_title,
|
|
@@ -5880,7 +6064,6 @@ function $48567ac5b39bac56$export$e2bf8ce7779e827e({ depict_category: depict_cat
|
|
|
5880
6064
|
get_quicklinks_accessor_: (accessor)=>(0, $57o7A$solidjs.createComputed)(()=>quicklinks_signal_[1](accessor())),
|
|
5881
6065
|
category_filters_open_: category_filters_open_,
|
|
5882
6066
|
category_sorting_open_: category_sorting_open_,
|
|
5883
|
-
slider_arrow_button_: slider_arrow_button_,
|
|
5884
6067
|
expanded_filters_: expanded_filters_,
|
|
5885
6068
|
expanded_hierarchical_filters_: expanded_hierarchical_filters_,
|
|
5886
6069
|
selected_filters_: selected_filters_,
|
|
@@ -5907,7 +6090,7 @@ function $48567ac5b39bac56$export$5b7c3ce0ebe51f86({ depict_category: depict_cat
|
|
|
5907
6090
|
});
|
|
5908
6091
|
}
|
|
5909
6092
|
function $48567ac5b39bac56$export$de035477d6fef996({ depict_category: depict_category }) {
|
|
5910
|
-
const { i18n_: i18n_ , quicklinks_signal_: [quicklinks_data_] , breadcrumb_signal_: [breadcrumb_data_] , router_: router_
|
|
6093
|
+
const { i18n_: i18n_ , quicklinks_signal_: [quicklinks_data_] , breadcrumb_signal_: [breadcrumb_data_] , router_: router_ } = $48567ac5b39bac56$var$get_shared_properties(depict_category);
|
|
5911
6094
|
return (0, $57o7A$solidjsweb.createComponent)($48567ac5b39bac56$var$InExternalAreaDiv, {
|
|
5912
6095
|
get children () {
|
|
5913
6096
|
return (0, $8cceb1d3a967f369$export$466cdc317043f6cb)({
|
|
@@ -5915,7 +6098,6 @@ function $48567ac5b39bac56$export$de035477d6fef996({ depict_category: depict_cat
|
|
|
5915
6098
|
quicklinks_data_: quicklinks_data_,
|
|
5916
6099
|
router_: router_,
|
|
5917
6100
|
current_query_id_: ()=>depict_category.category_id,
|
|
5918
|
-
slider_arrow_button_: slider_arrow_button_,
|
|
5919
6101
|
breadcrumb_data_: breadcrumb_data_
|
|
5920
6102
|
});
|
|
5921
6103
|
}
|
|
@@ -6049,9 +6231,9 @@ const $93e94e7b0aa8ca88$export$824dde41348efed1 = /*@__PURE__*/ (()=>{
|
|
|
6049
6231
|
|
|
6050
6232
|
const $7b4bc889571cc67b$var$TEN_MINUTES = 600000;
|
|
6051
6233
|
const $7b4bc889571cc67b$var$TWENTY_FOUR_HOURS = 86400000;
|
|
6052
|
-
async function $7b4bc889571cc67b$export$643598a327b5833e(tenant, market) {
|
|
6234
|
+
async function $7b4bc889571cc67b$export$643598a327b5833e(tenant, market, type) {
|
|
6053
6235
|
let localstorage_value;
|
|
6054
|
-
const localstorage_key = `
|
|
6236
|
+
const localstorage_key = `depict_${tenant}_${type ?? "categories"}_` + market;
|
|
6055
6237
|
try {
|
|
6056
6238
|
const in_ls = localStorage[localstorage_key];
|
|
6057
6239
|
if (in_ls) localstorage_value = JSON.parse(in_ls);
|
|
@@ -6067,7 +6249,7 @@ async function $7b4bc889571cc67b$export$643598a327b5833e(tenant, market) {
|
|
|
6067
6249
|
return stored_queries;
|
|
6068
6250
|
else if (age < $7b4bc889571cc67b$var$TWENTY_FOUR_HOURS) {
|
|
6069
6251
|
// 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)
|
|
6070
|
-
$7b4bc889571cc67b$var$fetch_and_store_categories(tenant, market, localstorage_key).catch((e)=>(0, $57o7A$depictaiutilishared.report)([
|
|
6252
|
+
$7b4bc889571cc67b$var$fetch_and_store_categories(tenant, market, localstorage_key, type).catch((e)=>(0, $57o7A$depictaiutilishared.report)([
|
|
6071
6253
|
e,
|
|
6072
6254
|
"couldn't fetch categories"
|
|
6073
6255
|
], "warning"));
|
|
@@ -6075,10 +6257,10 @@ async function $7b4bc889571cc67b$export$643598a327b5833e(tenant, market) {
|
|
|
6075
6257
|
}
|
|
6076
6258
|
// else: we are older and just fetch, store and return new queries
|
|
6077
6259
|
}
|
|
6078
|
-
return await $7b4bc889571cc67b$var$fetch_and_store_categories(tenant, market, localstorage_key);
|
|
6260
|
+
return await $7b4bc889571cc67b$var$fetch_and_store_categories(tenant, market, localstorage_key, type);
|
|
6079
6261
|
}
|
|
6080
|
-
async function $7b4bc889571cc67b$var$fetch_and_store_categories(tenant, market, localstorage_key) {
|
|
6081
|
-
const new_categories = await $7b4bc889571cc67b$var$download_categories(tenant, market);
|
|
6262
|
+
async function $7b4bc889571cc67b$var$fetch_and_store_categories(tenant, market, localstorage_key, type) {
|
|
6263
|
+
const new_categories = await $7b4bc889571cc67b$var$download_categories(tenant, market, type);
|
|
6082
6264
|
try {
|
|
6083
6265
|
localStorage[localstorage_key] = JSON.stringify({
|
|
6084
6266
|
updated: +new Date(),
|
|
@@ -6092,12 +6274,15 @@ async function $7b4bc889571cc67b$var$fetch_and_store_categories(tenant, market,
|
|
|
6092
6274
|
}
|
|
6093
6275
|
return new_categories;
|
|
6094
6276
|
}
|
|
6095
|
-
async function $7b4bc889571cc67b$var$download_categories(tenant, market) {
|
|
6277
|
+
async function $7b4bc889571cc67b$var$download_categories(tenant, market, type) {
|
|
6096
6278
|
const fetched = await (0, $57o7A$depictaiutilishared.fetch_retry)((0, $57o7A$depictaiutilishared.base_url) + "/v2/product-listing/queries", {
|
|
6097
6279
|
method: "POST",
|
|
6098
6280
|
body: JSON.stringify({
|
|
6099
6281
|
tenant: tenant,
|
|
6100
|
-
market: market
|
|
6282
|
+
market: market,
|
|
6283
|
+
...type ? {
|
|
6284
|
+
type: type
|
|
6285
|
+
} : {}
|
|
6101
6286
|
})
|
|
6102
6287
|
});
|
|
6103
6288
|
if (!fetched) return [];
|
|
@@ -6227,6 +6412,35 @@ function $dae23104ba8bb78c$export$d757d54550ebfb3d({ category_suggestion_: categ
|
|
|
6227
6412
|
|
|
6228
6413
|
|
|
6229
6414
|
|
|
6415
|
+
|
|
6416
|
+
|
|
6417
|
+
const $3df11fc61432d1fd$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.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);
|
|
6418
|
+
function $3df11fc61432d1fd$export$1c641004b5485fed() {
|
|
6419
|
+
return (0, $57o7A$solidjsweb.getNextElement)($3df11fc61432d1fd$var$_tmpl$);
|
|
6420
|
+
}
|
|
6421
|
+
|
|
6422
|
+
|
|
6423
|
+
|
|
6424
|
+
|
|
6425
|
+
|
|
6426
|
+
|
|
6427
|
+
|
|
6428
|
+
|
|
6429
|
+
const $87d7574e1d89d69b$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.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);
|
|
6430
|
+
function $87d7574e1d89d69b$export$82eafebb825fc23f(props = {}) {
|
|
6431
|
+
return (()=>{
|
|
6432
|
+
const _el$ = (0, $57o7A$solidjsweb.getNextElement)($87d7574e1d89d69b$var$_tmpl$);
|
|
6433
|
+
(0, $57o7A$solidjsweb.spread)(_el$, (0, $57o7A$solidjsweb.mergeProps)(props, {
|
|
6434
|
+
"xmlns": "http://www.w3.org/2000/svg",
|
|
6435
|
+
"width": "20",
|
|
6436
|
+
"height": "22"
|
|
6437
|
+
}), true, true);
|
|
6438
|
+
(0, $57o7A$solidjsweb.runHydrationEvents)();
|
|
6439
|
+
return _el$;
|
|
6440
|
+
})();
|
|
6441
|
+
}
|
|
6442
|
+
|
|
6443
|
+
|
|
6230
6444
|
const $66b8b9a9613c141d$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<button class="back" type="button"></button>`, 2), $66b8b9a9613c141d$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.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);
|
|
6231
6445
|
function $66b8b9a9613c141d$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_ }) {
|
|
6232
6446
|
let input_element;
|
|
@@ -6247,7 +6461,7 @@ function $66b8b9a9613c141d$export$b94867ecbd698f21({ search_field_value_: search
|
|
|
6247
6461
|
get children () {
|
|
6248
6462
|
const _el$2 = (0, $57o7A$solidjsweb.getNextElement)($66b8b9a9613c141d$var$_tmpl$);
|
|
6249
6463
|
(0, $57o7A$solidjsweb.addEventListener)(_el$2, "click", (0, $57o7A$depictaiutilishared.catchify)(on_back_), true);
|
|
6250
|
-
(0, $57o7A$solidjsweb.insert)(_el$2, (0, $57o7A$solidjsweb.createComponent)((0, $
|
|
6464
|
+
(0, $57o7A$solidjsweb.insert)(_el$2, (0, $57o7A$solidjsweb.createComponent)((0, $3df11fc61432d1fd$export$1c641004b5485fed), {}));
|
|
6251
6465
|
(0, $57o7A$solidjsweb.effect)(()=>(0, $57o7A$solidjsweb.setAttribute)(_el$2, "aria-label", i18n_.back_()));
|
|
6252
6466
|
(0, $57o7A$solidjsweb.runHydrationEvents)();
|
|
6253
6467
|
return _el$2;
|
|
@@ -6304,9 +6518,9 @@ function $66b8b9a9613c141d$export$b94867ecbd698f21({ search_field_value_: search
|
|
|
6304
6518
|
clear_filters_(true);
|
|
6305
6519
|
if (!disabled_) input_element.focus();
|
|
6306
6520
|
}), true);
|
|
6307
|
-
(0, $57o7A$solidjsweb.insert)(_el$5, (0, $57o7A$solidjsweb.createComponent)((0, $
|
|
6521
|
+
(0, $57o7A$solidjsweb.insert)(_el$5, (0, $57o7A$solidjsweb.createComponent)((0, $c77c68e559a1506c$export$3b621d86b1566b2), {}));
|
|
6308
6522
|
(0, $57o7A$solidjsweb.addEventListener)(_el$6, "click", (0, $57o7A$depictaiutilishared.catchify)(()=>submit_query_()), true);
|
|
6309
|
-
(0, $57o7A$solidjsweb.insert)(_el$6, (0, $57o7A$solidjsweb.createComponent)((0, $
|
|
6523
|
+
(0, $57o7A$solidjsweb.insert)(_el$6, (0, $57o7A$solidjsweb.createComponent)((0, $87d7574e1d89d69b$export$82eafebb825fc23f), {}));
|
|
6310
6524
|
(0, $57o7A$solidjsweb.effect)((_p$)=>{
|
|
6311
6525
|
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, $57o7A$solidjs.createMemo)(()=>search_field_value_[0]() ? "" : "display: none")(), _v$5 = i18n_.search_submit_button_aria_label_();
|
|
6312
6526
|
_v$ !== _p$._v$ && (0, $57o7A$solidjsweb.setAttribute)(_el$4, "aria-label", _p$._v$ = _v$);
|
|
@@ -6520,7 +6734,7 @@ function $b34ce0b89e6db4e1$export$e026af0c7b64ea5f({ selected_filters_: selected
|
|
|
6520
6734
|
|
|
6521
6735
|
|
|
6522
6736
|
function $2b7a005a65221045$export$84bba84a7b837187(read_search_query) {
|
|
6523
|
-
const ls = localStorage;
|
|
6737
|
+
const ls = globalThis?.localStorage || {};
|
|
6524
6738
|
const key = "depict_searches";
|
|
6525
6739
|
const previous_searches = (0, $57o7A$solidjs.createSignal)(JSON.parse(ls[key] || "[]"));
|
|
6526
6740
|
const [read_previous_searches, write_previous_searches] = previous_searches;
|
|
@@ -6857,6 +7071,15 @@ function $496cde876b53ce1e$export$91c3b6774e8be0f5({ param_: param_ , value_: va
|
|
|
6857
7071
|
|
|
6858
7072
|
|
|
6859
7073
|
|
|
7074
|
+
|
|
7075
|
+
|
|
7076
|
+
const $9e30168c4b1661d2$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.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);
|
|
7077
|
+
function $9e30168c4b1661d2$export$5d2caaa6b530761c() {
|
|
7078
|
+
return (0, $57o7A$solidjsweb.getNextElement)($9e30168c4b1661d2$var$_tmpl$);
|
|
7079
|
+
}
|
|
7080
|
+
|
|
7081
|
+
|
|
7082
|
+
|
|
6860
7083
|
const $9a268bf73b31a717$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="previous-searches"><h2 class="text"></h2><div class="list"></div></div>`, 6), $9a268bf73b31a717$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<a class="item"><div class="left"><!#><!/><span></span></div><button class="delete"></button></a>`, 10);
|
|
6861
7084
|
function $9a268bf73b31a717$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_ }) {
|
|
6862
7085
|
const has_entries = (0, $57o7A$solidjs.createMemo)(()=>previous_searches_().length >= 1);
|
|
@@ -6903,7 +7126,7 @@ function $9a268bf73b31a717$export$a146ac6fa8346a25({ text_: text_ , previous_sea
|
|
|
6903
7126
|
0,
|
|
6904
7127
|
index
|
|
6905
7128
|
])));
|
|
6906
|
-
(0, $57o7A$solidjsweb.insert)(_el$5, (0, $57o7A$solidjsweb.createComponent)((0, $
|
|
7129
|
+
(0, $57o7A$solidjsweb.insert)(_el$5, (0, $57o7A$solidjsweb.createComponent)((0, $9e30168c4b1661d2$export$5d2caaa6b530761c), {}), _el$8, _co$);
|
|
6907
7130
|
(0, $57o7A$solidjsweb.insert)(_el$6, item);
|
|
6908
7131
|
(0, $57o7A$solidjsweb.use)((element)=>element.addEventListener("click", (0, $57o7A$depictaiutilishared.catchify)((e)=>{
|
|
6909
7132
|
// 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.
|
|
@@ -6920,7 +7143,7 @@ function $9a268bf73b31a717$export$a146ac6fa8346a25({ text_: text_ , previous_sea
|
|
|
6920
7143
|
e.stopPropagation();
|
|
6921
7144
|
e.preventDefault();
|
|
6922
7145
|
})), _el$9);
|
|
6923
|
-
(0, $57o7A$solidjsweb.insert)(_el$9, (0, $57o7A$solidjsweb.createComponent)((0, $
|
|
7146
|
+
(0, $57o7A$solidjsweb.insert)(_el$9, (0, $57o7A$solidjsweb.createComponent)((0, $c77c68e559a1506c$export$3b621d86b1566b2), {}));
|
|
6924
7147
|
(0, $57o7A$solidjsweb.effect)((_p$)=>{
|
|
6925
7148
|
const _v$ = !!(0, $57o7A$solidjs.createMemo)(()=>read_selected_index_()?.[0] === 0 && read_selected_index_()?.[1] === index)(), _v$2 = href(), _v$3 = i18n_.previous_searches_delete_entry_from_history_();
|
|
6926
7149
|
_v$ !== _p$._v$ && _el$4.classList.toggle("selected", _p$._v$ = _v$);
|
|
@@ -7023,6 +7246,8 @@ function $d023ed916c84e75d$export$ba17c5b7e6dda39f({ whole_text_to_display_: who
|
|
|
7023
7246
|
}
|
|
7024
7247
|
|
|
7025
7248
|
|
|
7249
|
+
|
|
7250
|
+
|
|
7026
7251
|
const $6b65ba8af12c5a26$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<a class="suggestion"></a>`, 2), $6b65ba8af12c5a26$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="search-icon"></div>`, 2), $6b65ba8af12c5a26$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<span class="type"></span>`, 2), $6b65ba8af12c5a26$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div><!#><!/><span class="value"></span></div>`, 6), $6b65ba8af12c5a26$var$_tmpl$5 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<h2 class="text"></h2>`, 2), $6b65ba8af12c5a26$var$_tmpl$6 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="suggestion-container query"><!#><!/><!#><!/></div>`, 6), $6b65ba8af12c5a26$var$_tmpl$7 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="suggestion-container page"></div>`, 2), $6b65ba8af12c5a26$var$_tmpl$8 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="suggestions"><!#><!/><!#><!/><!#><!/></div>`, 8);
|
|
7027
7252
|
function $6b65ba8af12c5a26$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_ }) {
|
|
7028
7253
|
const queries_memo = (0, $57o7A$solidjs.createMemo)(()=>suggestion_memo_().filter(({ type: type , title: title })=>type === (0, $3ec9e21d6b6debdd$export$3cf9497e790da491) && !filtered_previous_searches_().includes(title) // don't show the ones we already show from the history
|
|
@@ -7066,12 +7291,12 @@ function $6b65ba8af12c5a26$export$e872e2339fb04a7f({ suggestion_memo_: suggestio
|
|
|
7066
7291
|
get fallback () {
|
|
7067
7292
|
return (()=>{
|
|
7068
7293
|
const _el$2 = (0, $57o7A$solidjsweb.getNextElement)($6b65ba8af12c5a26$var$_tmpl$2);
|
|
7069
|
-
(0, $57o7A$solidjsweb.insert)(_el$2, (0, $57o7A$solidjsweb.createComponent)((0, $
|
|
7294
|
+
(0, $57o7A$solidjsweb.insert)(_el$2, (0, $57o7A$solidjsweb.createComponent)((0, $87d7574e1d89d69b$export$82eafebb825fc23f), {}));
|
|
7070
7295
|
return _el$2;
|
|
7071
7296
|
})();
|
|
7072
7297
|
},
|
|
7073
7298
|
get children () {
|
|
7074
|
-
return (0, $57o7A$solidjsweb.createComponent)((0, $
|
|
7299
|
+
return (0, $57o7A$solidjsweb.createComponent)((0, $9e30168c4b1661d2$export$5d2caaa6b530761c), {});
|
|
7075
7300
|
}
|
|
7076
7301
|
}),
|
|
7077
7302
|
(0, $57o7A$solidjsweb.createComponent)((0, $d023ed916c84e75d$export$ba17c5b7e6dda39f), {
|
|
@@ -7758,7 +7983,7 @@ function $f40a47a30a358305$var$close_modal_when_navigating_away(close_modal, sea
|
|
|
7758
7983
|
|
|
7759
7984
|
|
|
7760
7985
|
const $04048c1bef16c249$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="category-suggestions"></div>`, 2), $04048c1bef16c249$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="category-suggestion"></div>`, 2);
|
|
7761
|
-
function $04048c1bef16c249$export$c05a196222ba1302({ suggestions_: suggestions_ , children: children
|
|
7986
|
+
function $04048c1bef16c249$export$c05a196222ba1302({ suggestions_: suggestions_ , children: children }) {
|
|
7762
7987
|
const category_suggestions_ = (0, $57o7A$solidjs.createMemo)(()=>suggestions_()?.suggestions.filter((s)=>s.type === "category"));
|
|
7763
7988
|
return (0, $57o7A$solidjsweb.createComponent)((0, $57o7A$solidjs.Show), {
|
|
7764
7989
|
get when () {
|
|
@@ -7767,7 +7992,6 @@ function $04048c1bef16c249$export$c05a196222ba1302({ suggestions_: suggestions_
|
|
|
7767
7992
|
get children () {
|
|
7768
7993
|
const _el$ = (0, $57o7A$solidjsweb.getNextElement)($04048c1bef16c249$var$_tmpl$);
|
|
7769
7994
|
(0, $57o7A$solidjsweb.insert)(_el$, (0, $57o7A$solidjsweb.createComponent)((0, $a0e53f99354809d9$export$6649caad96ef8870), {
|
|
7770
|
-
button_: slider_arrow_button_,
|
|
7771
7995
|
faded_opacity_: 0.7,
|
|
7772
7996
|
get children () {
|
|
7773
7997
|
return (0, $57o7A$solidjsweb.createComponent)((0, $57o7A$solidjs.Show), {
|
|
@@ -7840,9 +8064,10 @@ function $65a0c4b1c2eb5d0b$export$9dd50d35b9d94fdf({ get_search_query_: get_sear
|
|
|
7840
8064
|
|
|
7841
8065
|
|
|
7842
8066
|
|
|
8067
|
+
|
|
7843
8068
|
const $f1d7cb69f839a526$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="filter-results-for-one-row"><!#><!/><!#><!/></div>`, 6), $f1d7cb69f839a526$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="depict plp search"><div class="listing-page"><!#><!/><!#><!/><!#><!/><!#><!/><!#><!/><!#><!/></div><!#><!/><!#><!/></div>`, 20);
|
|
7844
8069
|
function $f1d7cb69f839a526$export$a54ec244c8863715(opts) {
|
|
7845
|
-
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_ ,
|
|
8070
|
+
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;
|
|
7846
8071
|
const [get_sorting] = current_sorting_;
|
|
7847
8072
|
const all_products_loaded_ = (0, $57o7A$solidjs.createSignal)(false);
|
|
7848
8073
|
const [get_all_products_loaded, set_all_products_loaded] = all_products_loaded_;
|
|
@@ -7962,18 +8187,19 @@ function $f1d7cb69f839a526$export$a54ec244c8863715(opts) {
|
|
|
7962
8187
|
number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_
|
|
7963
8188
|
});
|
|
7964
8189
|
const results_filters = (0, $57o7A$solidjs.createSignal)();
|
|
8190
|
+
const owner = (0, $57o7A$solidjs.getOwner)();
|
|
7965
8191
|
(0, $57o7A$solidjs.onCleanup)((0, $57o7A$depictaiutilishared.javascript_media_query)("(max-width:600px)", async ({ matches: matches })=>{
|
|
7966
8192
|
results_filters[1]();
|
|
7967
8193
|
await new Promise((r)=>queueMicrotask(r));
|
|
7968
|
-
results_filters[1](matches ? [
|
|
7969
|
-
|
|
7970
|
-
|
|
7971
|
-
|
|
7972
|
-
|
|
7973
|
-
|
|
7974
|
-
|
|
7975
|
-
|
|
7976
|
-
|
|
8194
|
+
(0, $57o7A$solidjs.runWithOwner)(owner, ()=>results_filters[1](matches ? [
|
|
8195
|
+
results_for,
|
|
8196
|
+
filters_opener
|
|
8197
|
+
] : (()=>{
|
|
8198
|
+
const _el$ = (0, $57o7A$solidjsweb.getNextElement)($f1d7cb69f839a526$var$_tmpl$), _el$2 = _el$.firstChild, [_el$3, _co$] = (0, $57o7A$solidjsweb.getNextMarker)(_el$2.nextSibling), _el$4 = _el$3.nextSibling, [_el$5, _co$2] = (0, $57o7A$solidjsweb.getNextMarker)(_el$4.nextSibling);
|
|
8199
|
+
(0, $57o7A$solidjsweb.insert)(_el$, results_for, _el$3, _co$);
|
|
8200
|
+
(0, $57o7A$solidjsweb.insert)(_el$, filters_opener, _el$5, _co$2);
|
|
8201
|
+
return _el$;
|
|
8202
|
+
})()));
|
|
7977
8203
|
}).remove);
|
|
7978
8204
|
(0, $57o7A$depictaiutilishared.catchify)((0, $276380e4607fb9fb$export$6e49da55e449af7c))({
|
|
7979
8205
|
scroll_restoration_data_: scroll_restoration_data_,
|
|
@@ -7995,7 +8221,7 @@ function $f1d7cb69f839a526$export$a54ec244c8863715(opts) {
|
|
|
7995
8221
|
(0, $341a019928b8b91e$export$c7e181728ad525f)(location);
|
|
7996
8222
|
});
|
|
7997
8223
|
return [
|
|
7998
|
-
document.createComment("Search page based on Depict SDK"),
|
|
8224
|
+
(0, $57o7A$solidjsweb.isServer) ? "<!-- Search page based on Depict SDK -->" : document.createComment("Search page based on Depict SDK"),
|
|
7999
8225
|
(()=>{
|
|
8000
8226
|
const _el$6 = (0, $57o7A$solidjsweb.getNextElement)($f1d7cb69f839a526$var$_tmpl$2), _el$7 = _el$6.firstChild, _el$8 = _el$7.firstChild, [_el$9, _co$3] = (0, $57o7A$solidjsweb.getNextMarker)(_el$8.nextSibling), _el$10 = _el$9.nextSibling, [_el$11, _co$4] = (0, $57o7A$solidjsweb.getNextMarker)(_el$10.nextSibling), _el$12 = _el$11.nextSibling, [_el$13, _co$5] = (0, $57o7A$solidjsweb.getNextMarker)(_el$12.nextSibling), _el$14 = _el$13.nextSibling, [_el$15, _co$6] = (0, $57o7A$solidjsweb.getNextMarker)(_el$14.nextSibling), _el$16 = _el$15.nextSibling, [_el$17, _co$7] = (0, $57o7A$solidjsweb.getNextMarker)(_el$16.nextSibling), _el$18 = _el$17.nextSibling, [_el$19, _co$8] = (0, $57o7A$solidjsweb.getNextMarker)(_el$18.nextSibling), _el$20 = _el$7.nextSibling, [_el$21, _co$9] = (0, $57o7A$solidjsweb.getNextMarker)(_el$20.nextSibling), _el$22 = _el$21.nextSibling, [_el$23, _co$10] = (0, $57o7A$solidjsweb.getNextMarker)(_el$22.nextSibling);
|
|
8001
8227
|
(0, $57o7A$solidjsweb.insert)(_el$7, search_field, _el$9, _co$3);
|
|
@@ -8005,7 +8231,6 @@ function $f1d7cb69f839a526$export$a54ec244c8863715(opts) {
|
|
|
8005
8231
|
get children () {
|
|
8006
8232
|
return (0, $57o7A$solidjsweb.createComponent)((0, $04048c1bef16c249$export$c05a196222ba1302), {
|
|
8007
8233
|
suggestions_: suggestions,
|
|
8008
|
-
slider_arrow_button_: slider_arrow_button_,
|
|
8009
8234
|
children: make_category_suggestion_card_
|
|
8010
8235
|
});
|
|
8011
8236
|
}
|
|
@@ -8025,7 +8250,6 @@ function $f1d7cb69f839a526$export$a54ec244c8863715(opts) {
|
|
|
8025
8250
|
i18n_: i18n_,
|
|
8026
8251
|
selected_filters_: selected_filters_,
|
|
8027
8252
|
local_filter_cache_: local_filter_cache_,
|
|
8028
|
-
slider_arrow_button_: slider_arrow_button_,
|
|
8029
8253
|
search_filters_open_: search_filters_open_,
|
|
8030
8254
|
search_sorting_open_: search_sorting_open_,
|
|
8031
8255
|
number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
|
|
@@ -8151,6 +8375,7 @@ function $d8e94ea381ab57fa$export$828dcdd425fd3231(aligner) {
|
|
|
8151
8375
|
|
|
8152
8376
|
|
|
8153
8377
|
|
|
8378
|
+
|
|
8154
8379
|
const $2c61e4cd8229c49a$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="depict plp search"></div>`, 2);
|
|
8155
8380
|
/**
|
|
8156
8381
|
* 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.
|
|
@@ -8168,7 +8393,8 @@ class $2c61e4cd8229c49a$export$ac6237957a15b3f0 {
|
|
|
8168
8393
|
disable_scrolling_during_modal = true , api: api , bottom_distance_under_modal: bottom_distance_under_modal , render_instant_card: render_instant_card , ...props_on_class }){
|
|
8169
8394
|
const owner = (0, $57o7A$solidjs.getOwner)() || (0, $57o7A$solidjs.createRoot)(()=>(0, $57o7A$solidjs.getOwner)()); // we might have an owner, if so, pass it on. Otherwise, create one so solid doesn't print warnings to the console
|
|
8170
8395
|
(0, $57o7A$solidjs.runWithOwner)(owner, ()=>{
|
|
8171
|
-
if ($2c61e4cd8229c49a$export$ac6237957a15b3f0.#has_been_constructed)
|
|
8396
|
+
if ($2c61e4cd8229c49a$export$ac6237957a15b3f0.#has_been_constructed && !(0, $57o7A$solidjsweb.isServer)) // on the server we can't write stuff to history.state anyway so can have multiple
|
|
8397
|
+
throw new Error("You can only have one instance of DepictSearch");
|
|
8172
8398
|
Object.assign(this, props_on_class);
|
|
8173
8399
|
if (on_navigation) this.#router.on_navigation_ = on_navigation;
|
|
8174
8400
|
const { current_sorting_: current_sorting_ , selected_filters_: selected_filters_ , search_query_accessor_: raw_search_query_accessor } = (0, $c79fd10a3ab7d6e0$export$477caf01aecaeb2a)({
|
|
@@ -8176,7 +8402,7 @@ class $2c61e4cd8229c49a$export$ac6237957a15b3f0 {
|
|
|
8176
8402
|
router_: this.#router
|
|
8177
8403
|
});
|
|
8178
8404
|
const [reset_history_state_, state_] = (0, $26a56f6b44703084$export$9862539c89138352)(()=>({
|
|
8179
|
-
search_field_value: new URLSearchParams(location.search).get(search_query_url_param_name_) ?? "",
|
|
8405
|
+
search_field_value: (globalThis?.location && new URLSearchParams(location.search).get(search_query_url_param_name_)) ?? "",
|
|
8180
8406
|
search_filters_open: false,
|
|
8181
8407
|
search_sorting_open: false,
|
|
8182
8408
|
search_expanded_filters: [],
|
|
@@ -8435,10 +8661,6 @@ function $2c61e4cd8229c49a$export$f2dc7e4e4aa11abb({ depict_search: depict_searc
|
|
|
8435
8661
|
cols_at_size: (0, $4e04be41243c3d80$export$6daf8749b65a1b77)(extra_depict_options.recommendations_cols_at_size),
|
|
8436
8662
|
...grid_spacing_override
|
|
8437
8663
|
} : undefined,
|
|
8438
|
-
slider_arrow_button_: (0, $57o7A$depictaiutilishared.GenericSliderArrowButton)({
|
|
8439
|
-
height_: 12,
|
|
8440
|
-
width_: 6.46
|
|
8441
|
-
}),
|
|
8442
8664
|
product_card_template_: product_card_template
|
|
8443
8665
|
});
|
|
8444
8666
|
}, "Entire SearchPage failed");
|