@depict-ai/ui 0.0.32 → 0.0.34
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +5 -1
- package/dist/main.js +274 -93
- package/dist/module.js +274 -94
- package/package.json +5 -5
- package/dist/typescript_schema/BaseSearchRequest.d.ts +0 -197
- package/dist/typescript_schema/ProductListingQueriesRequest.d.ts +0 -14
- package/dist/typescript_schema/ProductListingQueriesResponse.d.ts +0 -10
- package/dist/typescript_schema/ProductListingRequest.d.ts +0 -221
- package/dist/typescript_schema/ProductListingResponse.d.ts +0 -232
- package/dist/typescript_schema/RecommendResponse.d.ts +0 -15
- package/dist/typescript_schema/SearchRequest.d.ts +0 -213
- package/dist/typescript_schema/SearchResponse.d.ts +0 -192
- package/dist/typescript_schema/SearchSuggestionsRequest.d.ts +0 -18
- package/dist/typescript_schema/SearchSuggestionsResponse.d.ts +0 -182
- package/dist/typescript_schema/TrackV2Request.d.ts +0 -115
package/dist/main.js
CHANGED
|
@@ -19,6 +19,7 @@ $parcel$export(module.exports, "SearchPage", () => $2267618dcbb65a94$export$f2dc
|
|
|
19
19
|
$parcel$export(module.exports, "SearchField", () => $2267618dcbb65a94$export$b94867ecbd698f21);
|
|
20
20
|
$parcel$export(module.exports, "DefaultInstantCardPlaceholder", () => $17c49340edfdbb31$export$ee1733d9a8495996);
|
|
21
21
|
$parcel$export(module.exports, "align_field", () => $67b60b572b7b7059$export$b3ad617e9036868);
|
|
22
|
+
$parcel$export(module.exports, "styles_to_valid_css_string", () => $d3c94b3b96557917$export$1233ca167bf71f9a);
|
|
22
23
|
$parcel$export(module.exports, "disable_scrolling", () => $fa41c421eb980e23$export$fe334901e8bebd57);
|
|
23
24
|
$parcel$export(module.exports, "open_search_with_shift_slash", () => $308e64f91bb9f839$export$d0596b5cae35ad4);
|
|
24
25
|
$parcel$export(module.exports, "push_state_with_query_param_value", () => $405647fc79da2849$export$26df08e242fe83a3);
|
|
@@ -31,7 +32,7 @@ $parcel$export(module.exports, "solid_format_price", () => $5fc9fc23df1591db$exp
|
|
|
31
32
|
$parcel$export(module.exports, "PageReplacer", () => $37e96a5ebc768cc7$export$3ccaa27d81dd8556);
|
|
32
33
|
$parcel$export(module.exports, "version", () => $ae93561d5649a847$export$83d89fbfd8236492);
|
|
33
34
|
/*! Depict.ai search and product listing SDK */
|
|
34
|
-
const $ae93561d5649a847$export$83d89fbfd8236492 = "0.0.
|
|
35
|
+
const $ae93561d5649a847$export$83d89fbfd8236492 = "0.0.34";
|
|
35
36
|
|
|
36
37
|
|
|
37
38
|
|
|
@@ -331,7 +332,7 @@ function $5fc9fc23df1591db$export$469c7af753d08925({ price_: price_ , price_form
|
|
|
331
332
|
}
|
|
332
333
|
|
|
333
334
|
|
|
334
|
-
const $08fa9d20f7ec85af$var$_tmpl$ =
|
|
335
|
+
const $08fa9d20f7ec85af$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="scroll-status" style="display:none"><span class="text"><b></b> – <b></b> <!> <b></b></span></div>`, 11);
|
|
335
336
|
function $08fa9d20f7ec85af$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_ } }) {
|
|
336
337
|
const [first_to_show, set_first_to_show] = (0, $46MJV$solidjs.createSignal)(0);
|
|
337
338
|
const [last_to_show, set_last_to_show] = (0, $46MJV$solidjs.createSignal)(0);
|
|
@@ -530,10 +531,10 @@ function $6154d0a3d9e9b16e$export$36aef51ac7a64eae({ depict_api_: depict_api_ ,
|
|
|
530
531
|
const info = target_to_info.get(target);
|
|
531
532
|
if (!info) continue; // How did this happen?
|
|
532
533
|
let actual_index_;
|
|
533
|
-
for(let
|
|
534
|
-
const child = parent.children[
|
|
534
|
+
for(let i = 0; i < num_children; i++){
|
|
535
|
+
const child = parent.children[i];
|
|
535
536
|
if (child === target) {
|
|
536
|
-
actual_index_ =
|
|
537
|
+
actual_index_ = i;
|
|
537
538
|
break;
|
|
538
539
|
}
|
|
539
540
|
}
|
|
@@ -604,9 +605,9 @@ async function $6154d0a3d9e9b16e$var$load_more({ depict_api_: depict_api_ , quer
|
|
|
604
605
|
|
|
605
606
|
|
|
606
607
|
|
|
607
|
-
const $b3e6a0e9382bf87e$var$_tmpl$ =
|
|
608
|
+
const $b3e6a0e9382bf87e$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div></div>`, 2);
|
|
608
609
|
const $b3e6a0e9382bf87e$var$closing_functions = /*@__PURE__*/ new Set();
|
|
609
|
-
const $b3e6a0e9382bf87e$export$22970a0140fc759c = /*@__PURE__*/ (0,
|
|
610
|
+
const $b3e6a0e9382bf87e$export$22970a0140fc759c = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjs.createSignal)(false);
|
|
610
611
|
function $b3e6a0e9382bf87e$export$5196e4c01fa56fcb({ children: children , on_close_: on_close_ , close_after_: close_after_ , ...more_attributes }) {
|
|
611
612
|
let close_toast_;
|
|
612
613
|
const stay_open_promise = new Promise((r)=>close_toast_ = r);
|
|
@@ -624,10 +625,10 @@ function $b3e6a0e9382bf87e$export$5196e4c01fa56fcb({ children: children , on_clo
|
|
|
624
625
|
"pointerover",
|
|
625
626
|
"focusin"
|
|
626
627
|
])element.addEventListener(ev, (0, $46MJV$depictaiutilishared.catchify)(()=>closing_animation.pause()));
|
|
627
|
-
for (const
|
|
628
|
+
for (const ev of [
|
|
628
629
|
"pointerout",
|
|
629
630
|
"focusout"
|
|
630
|
-
])element.addEventListener(
|
|
631
|
+
])element.addEventListener(ev, (0, $46MJV$depictaiutilishared.catchify)(()=>closing_animation.play()));
|
|
631
632
|
const body = await (0, $46MJV$depictaiutilishared.observer).wait_for_element("body");
|
|
632
633
|
const x_translate = "translateX(-50%) ";
|
|
633
634
|
let remove_keyboard_listener;
|
|
@@ -710,7 +711,7 @@ function $b3e6a0e9382bf87e$export$5196e4c01fa56fcb({ children: children , on_clo
|
|
|
710
711
|
|
|
711
712
|
|
|
712
713
|
|
|
713
|
-
const $92e4e7906daa1ff8$var$_tmpl$ =
|
|
714
|
+
const $92e4e7906daa1ff8$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="statement"></div>`, 2), $92e4e7906daa1ff8$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="buttons"><button class="restore minor"></button><button class="ok major"></button></div>`, 6);
|
|
714
715
|
function $92e4e7906daa1ff8$export$8895d39404bd2bb1(props) {
|
|
715
716
|
let previous_sorting;
|
|
716
717
|
let on_toast_hidden;
|
|
@@ -788,7 +789,7 @@ function $92e4e7906daa1ff8$export$8895d39404bd2bb1(props) {
|
|
|
788
789
|
|
|
789
790
|
|
|
790
791
|
|
|
791
|
-
const $2b4e3538e183d885$var$_tmpl$ =
|
|
792
|
+
const $2b4e3538e183d885$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<a class="hint" href="javascript:void(0)"></a>`, 2), $2b4e3538e183d885$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="no-results"><div class="text"></div></div>`, 4);
|
|
792
793
|
function $2b4e3538e183d885$export$ef6006467f04ee41({ i18n_: i18n_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , selected_filters_: selected_filters_ , local_filter_cache_: local_filter_cache_ }) {
|
|
793
794
|
return [
|
|
794
795
|
(()=>{
|
|
@@ -831,7 +832,7 @@ function $8e863dc22b06b688$export$a2cc176055f8f08() {
|
|
|
831
832
|
}
|
|
832
833
|
|
|
833
834
|
|
|
834
|
-
const $8d94abc871e13baf$var$_tmpl$ =
|
|
835
|
+
const $8d94abc871e13baf$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="PLP-results"></div>`, 2), $8d94abc871e13baf$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="cards"></div>`, 2);
|
|
835
836
|
let $8d94abc871e13baf$var$cached_placeholder_element;
|
|
836
837
|
function $8d94abc871e13baf$export$3925f87b1545cfc6({ plp_results_: plp_results_ , depict_api_: depict_api_ , all_products_loaded_: all_products_loaded_ , min_products_to_fetch_: min_products_to_fetch_ , query_base_: query_base_ , first_result_in_viewport_: first_result_in_viewport_ , last_result_in_viewport_: last_result_in_viewport_ , scroll_restoration_data_: scroll_restoration_data_ , no_results_options_: no_results_options_ , desktop_filter_elements_: desktop_filter_elements_ , sort_or_filter_open_: sort_or_filter_open_ , rr_options_: rr_options_ , layout_options_: layout_options_ , tenant_object_: tenant_object_ , type_for_tracking_: type_for_tracking_ , id_currently_querying_for_: id_currently_querying_for_ }) {
|
|
837
838
|
// The plp_results_ resource will be delayed because we're using createBatchedMemo to not make triplicate API requests, but we need to show the placeholders before already to match Chrome and Firefox's "content has to be there, ready for scroll restoration, before all popstate tasks have been completed"-requirement
|
|
@@ -1115,15 +1116,8 @@ function $557269f7f9c4f20e$export$6c6d7a51fa9aa15d(props) {
|
|
|
1115
1116
|
const do_duration = dont_animate_if_instant_open_ && fresh_component ? $557269f7f9c4f20e$var$has_new_animate ? 0 : 1 /* if the zero duration is 1 modern chrome will paint a frame with unexpanded and then one with expanded which doesn't look nice, if you have 0 on older browsers they won't play the animation at all (i.e. iOS 12.5.5) */ : duration_;
|
|
1116
1117
|
await expand(0, do_duration);
|
|
1117
1118
|
} else {
|
|
1118
|
-
const closeModal = (0, $46MJV$depictaiutilishared.catchify)(()=>{
|
|
1119
|
-
/*
|
|
1120
|
-
TODO: we currently should not enable the following line, since it causes the following bug:
|
|
1121
|
-
https://linear.app/depictai/issue/FRO-413/on-estoreno-the-browser-crashes-when-expandingcollapsing-filtre-on
|
|
1122
|
-
It seems to be a chrome issue and a bug has been reported to them:
|
|
1123
|
-
https://bugs.chromium.org/p/chromium/issues/detail?id=1404121#c2 */ // details_.open = false;
|
|
1124
|
-
});
|
|
1125
1119
|
const animation = await collapse();
|
|
1126
|
-
animation.addEventListener("finish",
|
|
1120
|
+
animation.addEventListener("finish", (0, $46MJV$depictaiutilishared.catchify)(()=>details_.open = false));
|
|
1127
1121
|
}
|
|
1128
1122
|
}));
|
|
1129
1123
|
details_.addEventListener("toggle", (0, $46MJV$depictaiutilishared.catchify)(()=>{
|
|
@@ -1164,7 +1158,7 @@ function $557269f7f9c4f20e$export$e13dddbb31c3a42f() {
|
|
|
1164
1158
|
|
|
1165
1159
|
|
|
1166
1160
|
|
|
1167
|
-
const $e0eca8b257376d22$var$_tmpl$ =
|
|
1161
|
+
const $e0eca8b257376d22$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div></div>`, 2);
|
|
1168
1162
|
function $e0eca8b257376d22$export$6649caad96ef8870({ children: children , button_: button_ , slider_ref_: slider_ref_ , faded_opacity_: faded_opacity_ = 0.7 , mutation_plugins_: mutation_plugins_ = [] }) {
|
|
1169
1163
|
const slider = new (0, $46MJV$depictaiutilishared.Amazing_Slider)({
|
|
1170
1164
|
button_contents: {
|
|
@@ -1202,7 +1196,7 @@ function $e0eca8b257376d22$export$6649caad96ef8870({ children: children , button
|
|
|
1202
1196
|
|
|
1203
1197
|
|
|
1204
1198
|
|
|
1205
|
-
const $c130252ae1aed6e2$var$_tmpl$ =
|
|
1199
|
+
const $c130252ae1aed6e2$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<button class="clear-all-filters minor"></button>`, 2), $c130252ae1aed6e2$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="inner"><span class="title">: </span></div>`, 4), $c130252ae1aed6e2$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<button class="clear-filter major"><span> – </span></button>`, 4), $c130252ae1aed6e2$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<button class="clear-filter major"><span></span></button>`, 4);
|
|
1206
1200
|
function $c130252ae1aed6e2$export$fecbb157621501bd({ number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_ , i18n_: i18n_ , selected_filters_: selected_filters_ , local_filter_cache_: [read_local_filter_cache] , search_filters_open_: [read_search_filters_open] , search_sorting_open_: [read_search_sorting_open] , slider_arrow_button_: slider_arrow_button_ , local_filter_cache_: local_filter_cache_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ }) {
|
|
1207
1201
|
const { price_formatting_: price_formatting_ } = i18n_;
|
|
1208
1202
|
const [read_selected_filters, write_selected_filters] = selected_filters_;
|
|
@@ -1545,7 +1539,7 @@ async function $089c01924e13fae5$export$79b1565500412d9b(search_modal, modal_fn_
|
|
|
1545
1539
|
|
|
1546
1540
|
|
|
1547
1541
|
|
|
1548
|
-
const $009b5e9a48f61fee$var$_tmpl$ =
|
|
1542
|
+
const $009b5e9a48f61fee$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<span class="count"></span>`, 2), $009b5e9a48f61fee$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<label class="input-row"><div class="left"><input type="checkbox"><span class="custom-indicator"></span><span class="text"></span></div></label>`, 9);
|
|
1549
1543
|
const $009b5e9a48f61fee$export$48513f6b9f8ce62d = (props)=>{
|
|
1550
1544
|
// It seems like there's no diffing without memos here (since we often just have computations in the getters above that update to the same result often because their dependencies change with unrelated changes often), so put memos here to avoid unneeded DOM changes
|
|
1551
1545
|
const count = (0, $46MJV$solidjs.createMemo)(()=>props.count_);
|
|
@@ -1569,6 +1563,7 @@ const $009b5e9a48f61fee$export$48513f6b9f8ce62d = (props)=>{
|
|
|
1569
1563
|
props.input_ref_?.(input_el);
|
|
1570
1564
|
}, _el$3);
|
|
1571
1565
|
(0, $46MJV$solidjsweb.setAttribute)(_el$3, "id", id);
|
|
1566
|
+
(0, $46MJV$solidjsweb.use)((el)=>props.custom_indicator_ref?.(el), _el$4);
|
|
1572
1567
|
(0, $46MJV$solidjsweb.insert)(_el$5, ()=>label() || value());
|
|
1573
1568
|
(0, $46MJV$solidjsweb.insert)(_el$, (0, $46MJV$solidjsweb.createComponent)((0, $46MJV$solidjs.Show), {
|
|
1574
1569
|
get when () {
|
|
@@ -1604,7 +1599,7 @@ const $009b5e9a48f61fee$export$48513f6b9f8ce62d = (props)=>{
|
|
|
1604
1599
|
|
|
1605
1600
|
|
|
1606
1601
|
|
|
1607
|
-
const $76bb4acbbb94c2c6$var$_tmpl$ =
|
|
1602
|
+
const $76bb4acbbb94c2c6$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<button type="button" class="expand-filter"><span></span></button>`, 4);
|
|
1608
1603
|
function $76bb4acbbb94c2c6$export$ca21a16d65b3dd8({ show_extras_: [get_show_extras, set_show_extras] , i18n_: i18n_ }) {
|
|
1609
1604
|
return (()=>{
|
|
1610
1605
|
const _el$ = $76bb4acbbb94c2c6$var$_tmpl$.cloneNode(true), _el$2 = _el$.firstChild;
|
|
@@ -1623,7 +1618,7 @@ function $76bb4acbbb94c2c6$export$ca21a16d65b3dd8({ show_extras_: [get_show_extr
|
|
|
1623
1618
|
]);
|
|
1624
1619
|
|
|
1625
1620
|
|
|
1626
|
-
const $8984a0a949b1c852$var$_tmpl$ =
|
|
1621
|
+
const $8984a0a949b1c852$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<form class="checkboxes"></form>`, 2);
|
|
1627
1622
|
const $8984a0a949b1c852$var$max_visible_without_collapsing = 7;
|
|
1628
1623
|
const $8984a0a949b1c852$var$show_non_collapsible_when_collapsed = 4;
|
|
1629
1624
|
function $8984a0a949b1c852$export$dd948f91abc3a1c4({ filter_: filter_ , selected_filters_: [get_selected_filters, set_selected_filters] , i18n_: i18n_ , view_more_button_below_group_: [_get_view_more_button_below_group_, set_view_more_button_below_group_] }) {
|
|
@@ -1738,7 +1733,7 @@ function $8984a0a949b1c852$export$dd948f91abc3a1c4({ filter_: filter_ , selected
|
|
|
1738
1733
|
|
|
1739
1734
|
|
|
1740
1735
|
|
|
1741
|
-
const $336616ec8a612a1c$var$_tmpl$ =
|
|
1736
|
+
const $336616ec8a612a1c$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<form class="radios"></form>`, 2), $336616ec8a612a1c$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<span class="count"></span>`, 2), $336616ec8a612a1c$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<label class="input-row"><div class="left"><input type="radio"><span class="custom-indicator"></span></div></label>`, 7);
|
|
1742
1737
|
function $336616ec8a612a1c$export$430444115f70a734({ selected_filters_: selected_filters_ , filter_: filter_ }) {
|
|
1743
1738
|
const radio_name = (0, $46MJV$depictaiutilishared.make_random_classname)();
|
|
1744
1739
|
const existing_filter = (0, $46MJV$solidjs.createMemo)(()=>{
|
|
@@ -1817,7 +1812,7 @@ function $336616ec8a612a1c$export$430444115f70a734({ selected_filters_: selected
|
|
|
1817
1812
|
|
|
1818
1813
|
|
|
1819
1814
|
|
|
1820
|
-
const $6833018d8bbbb2ad$var$_tmpl$ =
|
|
1815
|
+
const $6833018d8bbbb2ad$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="range"><div class="input-group"><div class="field"><input type="number"></div><div class="separator">-</div><div class="field"><input type="number"></div></div><div class="value-text"><span class="min"></span><span class="max"></span></div></div>`, 18), $6833018d8bbbb2ad$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="slider"><div class="progress"></div></div>`, 4), $6833018d8bbbb2ad$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="range-group"><input type="range" step="any"><input type="range" step="any"></div>`, 4);
|
|
1821
1816
|
function $6833018d8bbbb2ad$export$e0d834a0ad870cda({ filter_: filter_ , selected_filters_: selected_filters_ , i18n_: i18n_ }) {
|
|
1822
1817
|
const current_range = (0, $46MJV$solidjs.createSignal)((0, $46MJV$solidjs.untrack)(()=>filter_().data));
|
|
1823
1818
|
const selected_filter = (0, $46MJV$solidjs.createMemo)(()=>selected_filters_[0]().find(({ field: checking_field , op: checking_op })=>checking_field === filter_().field && checking_op === filter_().op));
|
|
@@ -2095,7 +2090,7 @@ function $6833018d8bbbb2ad$var$set_range_with_sanitation(min_, max_, current_ran
|
|
|
2095
2090
|
|
|
2096
2091
|
|
|
2097
2092
|
|
|
2098
|
-
const $f51f11e16b8dd872$var$_tmpl$ =
|
|
2093
|
+
const $f51f11e16b8dd872$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="morphing-sign" role="img"><span></span><span></span></div>`, 6);
|
|
2099
2094
|
function $f51f11e16b8dd872$export$e5c2828934226505({ expanded_: expanded_ , i18n_: i18n_ }) {
|
|
2100
2095
|
let first_span;
|
|
2101
2096
|
let second_span;
|
|
@@ -2145,7 +2140,7 @@ function $f51f11e16b8dd872$export$e5c2828934226505({ expanded_: expanded_ , i18n
|
|
|
2145
2140
|
|
|
2146
2141
|
|
|
2147
2142
|
|
|
2148
|
-
const $b7574d1d3a67ed68$var$_tmpl$ =
|
|
2143
|
+
const $b7574d1d3a67ed68$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<form class="checkboxes hierarchical"></form>`, 2), $b7574d1d3a67ed68$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="checkbox-details"></div>`, 2), $b7574d1d3a67ed68$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<details></details>`, 2), $b7574d1d3a67ed68$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<summary class="category-parent"><div class="summary"><span class="count"></span></div></summary>`, 6);
|
|
2149
2144
|
const $b7574d1d3a67ed68$var$max_visible_without_collapsing = 7;
|
|
2150
2145
|
const $b7574d1d3a67ed68$var$show_non_collapsible_when_collapsed = 4;
|
|
2151
2146
|
function $b7574d1d3a67ed68$export$a32086fa6616eafd({ filter_: filter_ , selected_filters_: selected_filters_ , i18n_: i18n_ , view_more_button_below_group_: view_more_button_below_group_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ }) {
|
|
@@ -2510,10 +2505,10 @@ function $b7574d1d3a67ed68$var$expand_until_choice(data_structure) {
|
|
|
2510
2505
|
cloned_nodes.push(...Object.values(node.children_));
|
|
2511
2506
|
}
|
|
2512
2507
|
while(nodes.length === 1){
|
|
2513
|
-
const
|
|
2508
|
+
const node = nodes.pop();
|
|
2514
2509
|
// as long as there's only one thing to expand, expand everything
|
|
2515
|
-
|
|
2516
|
-
nodes.push(...Object.values(
|
|
2510
|
+
node.is_expanded_.set_low_precedence_expanded_(true);
|
|
2511
|
+
nodes.push(...Object.values(node.children_));
|
|
2517
2512
|
}
|
|
2518
2513
|
});
|
|
2519
2514
|
}
|
|
@@ -2527,7 +2522,7 @@ function $b7574d1d3a67ed68$var$expand_until_choice(data_structure) {
|
|
|
2527
2522
|
|
|
2528
2523
|
|
|
2529
2524
|
|
|
2530
|
-
const $9055073b45860dd6$var$_tmpl$ =
|
|
2525
|
+
const $9055073b45860dd6$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="checkbox-grid"></div>`, 2), $9055073b45860dd6$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<button class="major-minor-transition"></button>`, 2);
|
|
2531
2526
|
const $9055073b45860dd6$export$414f6a19d38e655c = ({ filter_: filter_ , selected_filters_: [get_selected_filters, set_selected_filters] })=>{
|
|
2532
2527
|
const existing_filter = (0, $46MJV$solidjs.createMemo)(()=>{
|
|
2533
2528
|
const { field: field , op: op } = filter_();
|
|
@@ -2602,12 +2597,192 @@ const $9055073b45860dd6$export$414f6a19d38e655c = ({ filter_: filter_ , selected
|
|
|
2602
2597
|
]);
|
|
2603
2598
|
|
|
2604
2599
|
|
|
2600
|
+
|
|
2601
|
+
|
|
2602
|
+
|
|
2603
|
+
|
|
2604
|
+
|
|
2605
|
+
|
|
2606
|
+
|
|
2607
|
+
|
|
2608
|
+
|
|
2609
|
+
|
|
2610
|
+
|
|
2611
|
+
|
|
2612
|
+
const $cd6cdf2099e918a4$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<form class="checkbox-color"></form>`, 2);
|
|
2613
|
+
const $cd6cdf2099e918a4$var$max_visible_without_collapsing = 14;
|
|
2614
|
+
const $cd6cdf2099e918a4$var$show_non_collapsible_when_collapsed = 8;
|
|
2615
|
+
function $cd6cdf2099e918a4$export$82ed4b28ecb67608({ filter_: filter_ , selected_filters_: [get_selected_filters, set_selected_filters] , i18n_: i18n_ , view_more_button_below_group_: [_get_view_more_button_below_group_, set_view_more_button_below_group_] }) {
|
|
2616
|
+
const supports_hover = (0, $beec9d22e42ed2cf$export$d9f36cf74e24d595)("not all and (hover: none)");
|
|
2617
|
+
// same as in CheckboxFilter, maybe we should make this DRY at some point
|
|
2618
|
+
const existing_filter = (0, $46MJV$solidjs.createMemo)(()=>{
|
|
2619
|
+
const { field: field , op: op } = filter_();
|
|
2620
|
+
return get_selected_filters().find(({ field: checking_field , op: checking_op })=>checking_field === field && checking_op === op);
|
|
2621
|
+
});
|
|
2622
|
+
let form;
|
|
2623
|
+
const checkboxes = (0, $46MJV$solidjs.createMemo)(()=>{
|
|
2624
|
+
const meta = filter_().meta;
|
|
2625
|
+
return meta.values.map((value_, index)=>// @ts-ignore - backend doesn't support colors yet
|
|
2626
|
+
({
|
|
2627
|
+
value_: value_,
|
|
2628
|
+
name_: meta.names?.[index],
|
|
2629
|
+
count_: meta.counts?.[index],
|
|
2630
|
+
color_: meta.colors?.[index]
|
|
2631
|
+
}));
|
|
2632
|
+
});
|
|
2633
|
+
const render_checkbox = (checkbox)=>{
|
|
2634
|
+
// Checkbox always calls the getters in props, so we don't wrap these values into memos
|
|
2635
|
+
const [get_is_hovered, set_is_hovered] = (0, $46MJV$solidjs.createSignal)(false);
|
|
2636
|
+
const input_row = (0, $46MJV$solidjsweb.createComponent)((0, $009b5e9a48f61fee$export$48513f6b9f8ce62d), {
|
|
2637
|
+
get value_ () {
|
|
2638
|
+
return checkbox().value_;
|
|
2639
|
+
},
|
|
2640
|
+
get label_ () {
|
|
2641
|
+
return checkbox().name_;
|
|
2642
|
+
},
|
|
2643
|
+
get count_ () {
|
|
2644
|
+
return checkbox().count_;
|
|
2645
|
+
},
|
|
2646
|
+
get checked_ () {
|
|
2647
|
+
return existing_filter()?.data?.includes(checkbox().value_);
|
|
2648
|
+
},
|
|
2649
|
+
custom_indicator_ref: (span)=>{
|
|
2650
|
+
const { classList: classList , style: style } = span;
|
|
2651
|
+
// create some memos for diffing
|
|
2652
|
+
const hue = (0, $46MJV$solidjs.createMemo)(()=>checkbox().color_[0]);
|
|
2653
|
+
const saturation = (0, $46MJV$solidjs.createMemo)(()=>checkbox().color_[1]);
|
|
2654
|
+
const lightness = (0, $46MJV$solidjs.createMemo)(()=>checkbox().color_[2]);
|
|
2655
|
+
const special_type = (0, $46MJV$solidjs.createMemo)(()=>checkbox().color_[3]);
|
|
2656
|
+
classList.add("color");
|
|
2657
|
+
(0, $46MJV$solidjs.createComputed)(()=>{
|
|
2658
|
+
const is_hovered = get_is_hovered() && supports_hover();
|
|
2659
|
+
classList.toggle("outline", lightness() > 90);
|
|
2660
|
+
if (special_type() === "multi") {
|
|
2661
|
+
// to generate darkened gradient, this was used:
|
|
2662
|
+
// $change: -5%;
|
|
2663
|
+
// background: linear-gradient(
|
|
2664
|
+
// 180deg,
|
|
2665
|
+
// color.adjust(#ff0000, $lightness: $change) 0%,
|
|
2666
|
+
// color.adjust(#ff6e00, $lightness: $change) 17.71%,
|
|
2667
|
+
// color.adjust(#ffff00, $lightness: $change) 33.33%,
|
|
2668
|
+
// color.adjust(#1eb41e, $lightness: $change) 50.52%,
|
|
2669
|
+
// color.adjust(#00d2ff, $lightness: $change) 67.71%,
|
|
2670
|
+
// color.adjust(#3737c8, $lightness: $change) 83.85%,
|
|
2671
|
+
// color.adjust(#d200ff, $lightness: $change) 100%
|
|
2672
|
+
// );
|
|
2673
|
+
classList.toggle("check-multi", true);
|
|
2674
|
+
style.backgroundImage = is_hovered ? `linear-gradient(#e60000 0%, #e66300 17.71%, #e6e600 33.33%, #1a9e1a 50.52%, #00bde6 67.71%, #3232b4 83.85%, #bd00e6 100%)` : `linear-gradient(180deg, #FF0000 0%, #FF6E00 17.71%, #FFFF00 33.33%, #1EB41E 50.52%, #00D2FF 67.71%, #3737C8 83.85%, #D200FF 100%)`;
|
|
2675
|
+
} else {
|
|
2676
|
+
const is_light = lightness() > 50;
|
|
2677
|
+
// lighten or darken (+/- 10) depending on it's over or under 50 lightness
|
|
2678
|
+
// lighten under 25 lightness by 20
|
|
2679
|
+
const target_lightness = is_hovered ? is_light ? lightness() - 10 : lightness() < 25 ? lightness() + 20 : lightness() + 10 : lightness();
|
|
2680
|
+
classList.toggle("check-dark", lightness() > 75); // dark checkmark for bright colors
|
|
2681
|
+
style.backgroundColor = `hsl(${hue()}, ${saturation()}%, ${target_lightness}%)`;
|
|
2682
|
+
}
|
|
2683
|
+
});
|
|
2684
|
+
}
|
|
2685
|
+
});
|
|
2686
|
+
input_row.addEventListener("mouseover", (0, $46MJV$depictaiutilishared.catchify)(()=>set_is_hovered(true)));
|
|
2687
|
+
input_row.addEventListener("mouseout", (0, $46MJV$depictaiutilishared.catchify)(()=>set_is_hovered(false)));
|
|
2688
|
+
return input_row;
|
|
2689
|
+
};
|
|
2690
|
+
const show_extras_signal = (0, $46MJV$solidjs.createSignal)(false);
|
|
2691
|
+
const [get_show_extras] = show_extras_signal;
|
|
2692
|
+
const togglable_rest = (0, $46MJV$solidjs.createMemo)(()=>checkboxes().length > $cd6cdf2099e918a4$var$max_visible_without_collapsing);
|
|
2693
|
+
const expand_animation_duration = 200;
|
|
2694
|
+
const { expand: expand , collapse: collapse , ExpandingContainer: ExpandingContainer } = (0, $404797169c268f7a$export$5bad61ecde080b1f)({
|
|
2695
|
+
duration: expand_animation_duration
|
|
2696
|
+
});
|
|
2697
|
+
const [get_having_expanding_in_dom, set_having_expanding_in_dom] = (0, $46MJV$solidjs.createSignal)((0, $46MJV$solidjs.untrack)(togglable_rest)); // We need to remove the expanding els from the DOM if they're empty, otherwise the flexbox makes a weird gap to the right of the last item sometimes
|
|
2698
|
+
const expanding_container_els = (0, $46MJV$solidjsweb.createComponent)(ExpandingContainer, {
|
|
2699
|
+
get children () {
|
|
2700
|
+
return (0, $46MJV$solidjsweb.createComponent)((0, $46MJV$solidjs.Show), {
|
|
2701
|
+
get when () {
|
|
2702
|
+
return togglable_rest();
|
|
2703
|
+
},
|
|
2704
|
+
get children () {
|
|
2705
|
+
return (0, $46MJV$solidjsweb.createComponent)((0, $46MJV$solidjs.Index), {
|
|
2706
|
+
get each () {
|
|
2707
|
+
return checkboxes().slice($cd6cdf2099e918a4$var$show_non_collapsible_when_collapsed);
|
|
2708
|
+
},
|
|
2709
|
+
children: render_checkbox
|
|
2710
|
+
});
|
|
2711
|
+
}
|
|
2712
|
+
});
|
|
2713
|
+
}
|
|
2714
|
+
});
|
|
2715
|
+
expanding_container_els.style.flexGrow = "1"; // gets weird otherwise with few elements (we need it to grow to take the whole width so the justify-content to get the gap works)
|
|
2716
|
+
const inner_div = expanding_container_els?.firstChild;
|
|
2717
|
+
if (inner_div) inner_div.classList.add("checkbox-color");
|
|
2718
|
+
else (0, $46MJV$depictaiutilishared.report)(new Error("Someone refactored ExpandingContainer and broke CheckboxColor"), "error");
|
|
2719
|
+
(0, $46MJV$solidjs.createComputed)(()=>{
|
|
2720
|
+
if (togglable_rest()) set_having_expanding_in_dom(true); // instantly put into the DOM before the animation starts
|
|
2721
|
+
});
|
|
2722
|
+
(0, $46MJV$solidjs.createRenderEffect)(()=>{
|
|
2723
|
+
set_view_more_button_below_group_(togglable_rest() ? (0, $46MJV$solidjsweb.createComponent)((0, $76bb4acbbb94c2c6$export$ca21a16d65b3dd8), {
|
|
2724
|
+
show_extras_: show_extras_signal,
|
|
2725
|
+
i18n_: i18n_
|
|
2726
|
+
}) : []);
|
|
2727
|
+
});
|
|
2728
|
+
(0, $46MJV$solidjs.createEffect)((0, $46MJV$depictaiutilishared.catchify)(async ()=>{
|
|
2729
|
+
if (!togglable_rest()) {
|
|
2730
|
+
await collapse();
|
|
2731
|
+
set_having_expanding_in_dom(false); // Once animation has finished, remove expanding from DOM
|
|
2732
|
+
// Waiting with removing might not be needed, but it felt slightly glitchy before and this works so leaving it
|
|
2733
|
+
return;
|
|
2734
|
+
}
|
|
2735
|
+
if (get_show_extras()) await expand();
|
|
2736
|
+
else await collapse();
|
|
2737
|
+
}));
|
|
2738
|
+
return (()=>{
|
|
2739
|
+
const _el$ = $cd6cdf2099e918a4$var$_tmpl$.cloneNode(true);
|
|
2740
|
+
(0, $46MJV$solidjsweb.addEventListener)(_el$, "change", (0, $46MJV$depictaiutilishared.catchify)(()=>{
|
|
2741
|
+
const set_filter = existing_filter();
|
|
2742
|
+
const { field: field , op: op } = filter_();
|
|
2743
|
+
const base_object = set_filter ? set_filter : {
|
|
2744
|
+
op: op,
|
|
2745
|
+
field: field
|
|
2746
|
+
};
|
|
2747
|
+
const filter_object = {
|
|
2748
|
+
...base_object,
|
|
2749
|
+
data: [
|
|
2750
|
+
...new FormData(form)
|
|
2751
|
+
].filter(([_key, value])=>value === "on").map(([key])=>key)
|
|
2752
|
+
};
|
|
2753
|
+
const selected_filters = [
|
|
2754
|
+
...get_selected_filters()
|
|
2755
|
+
];
|
|
2756
|
+
if (set_filter) selected_filters.splice(selected_filters.indexOf(set_filter), 1);
|
|
2757
|
+
if (filter_object.data.length) selected_filters.push(filter_object);
|
|
2758
|
+
set_selected_filters(selected_filters);
|
|
2759
|
+
}));
|
|
2760
|
+
const _ref$ = form;
|
|
2761
|
+
typeof _ref$ === "function" ? (0, $46MJV$solidjsweb.use)(_ref$, _el$) : form = _el$;
|
|
2762
|
+
(0, $46MJV$solidjsweb.insert)(_el$, (0, $46MJV$solidjsweb.createComponent)((0, $46MJV$solidjs.Index), {
|
|
2763
|
+
get each () {
|
|
2764
|
+
return (0, $46MJV$solidjsweb.memo)(()=>!!togglable_rest())() ? checkboxes().slice(0, $cd6cdf2099e918a4$var$show_non_collapsible_when_collapsed) : checkboxes();
|
|
2765
|
+
},
|
|
2766
|
+
children: render_checkbox
|
|
2767
|
+
}), null);
|
|
2768
|
+
(0, $46MJV$solidjsweb.insert)(_el$, (0, $46MJV$solidjsweb.createComponent)((0, $46MJV$solidjs.Show), {
|
|
2769
|
+
get when () {
|
|
2770
|
+
return get_having_expanding_in_dom();
|
|
2771
|
+
},
|
|
2772
|
+
children: expanding_container_els
|
|
2773
|
+
}), null);
|
|
2774
|
+
return _el$;
|
|
2775
|
+
})();
|
|
2776
|
+
}
|
|
2777
|
+
|
|
2778
|
+
|
|
2605
2779
|
var $6865c7388a79e957$export$2e2bcd8739ae039 = {
|
|
2606
2780
|
checkbox: (0, $8984a0a949b1c852$export$dd948f91abc3a1c4),
|
|
2607
2781
|
radio: (0, $336616ec8a612a1c$export$430444115f70a734),
|
|
2608
2782
|
range: (0, $6833018d8bbbb2ad$export$e0d834a0ad870cda),
|
|
2609
2783
|
"checkbox-hierarchical": (0, $b7574d1d3a67ed68$export$a32086fa6616eafd),
|
|
2610
|
-
"checkbox-grid": (0, $9055073b45860dd6$export$414f6a19d38e655c)
|
|
2784
|
+
"checkbox-grid": (0, $9055073b45860dd6$export$414f6a19d38e655c),
|
|
2785
|
+
"checkbox-color": (0, $cd6cdf2099e918a4$export$82ed4b28ecb67608)
|
|
2611
2786
|
};
|
|
2612
2787
|
|
|
2613
2788
|
|
|
@@ -2770,7 +2945,7 @@ function $0bc45cf6753f874a$export$b288c38ae3fddb56({ available_filters_: availab
|
|
|
2770
2945
|
|
|
2771
2946
|
|
|
2772
2947
|
|
|
2773
|
-
const $8578879ddb04f368$var$_tmpl$ =
|
|
2948
|
+
const $8578879ddb04f368$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<span class="show-selected" aria-hidden="true"><span></span></span>`, 4);
|
|
2774
2949
|
function $8578879ddb04f368$export$53c59af873b303c9({ selected_filters_in_group_: selected_filters_in_group_ , i18n_: { price_formatting_: price_formatting_ } }) {
|
|
2775
2950
|
const [show_tick_icon, set_show_tick_icon] = (0, $46MJV$solidjs.createSignal)(false);
|
|
2776
2951
|
return (()=>{
|
|
@@ -2882,7 +3057,7 @@ function $5804fd6cbfb7160f$export$ab34afce88557c0e(props) {
|
|
|
2882
3057
|
|
|
2883
3058
|
|
|
2884
3059
|
|
|
2885
|
-
const $0f2f58dd60b11888$var$_tmpl$ =
|
|
3060
|
+
const $0f2f58dd60b11888$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div></div>`, 2);
|
|
2886
3061
|
function $0f2f58dd60b11888$export$b69d0d92862de18b(props) {
|
|
2887
3062
|
return (0, $46MJV$solidjs.ErrorBoundary)({
|
|
2888
3063
|
fallback (err) {
|
|
@@ -2905,7 +3080,7 @@ function $0f2f58dd60b11888$export$b69d0d92862de18b(props) {
|
|
|
2905
3080
|
|
|
2906
3081
|
|
|
2907
3082
|
|
|
2908
|
-
const $1587765bd31f3722$var$_tmpl$ =
|
|
3083
|
+
const $1587765bd31f3722$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="filter-collapsible"></div>`, 2), $1587765bd31f3722$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<button class="clear-group"><span></span></button>`, 4), $1587765bd31f3722$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="view-more-clear"></div>`, 2), $1587765bd31f3722$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="filter-collapsible-body"><div class="filter-part"></div></div>`, 4), $1587765bd31f3722$var$_tmpl$5 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<details class="filter-collapsible"></details>`, 2), $1587765bd31f3722$var$_tmpl$6 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<summary class="filter-group-summary"><div class="summary"><span></span><div class="selected-w-sign"></div></div></summary>`, 8), $1587765bd31f3722$var$_tmpl$7 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="ungrouped"></div>`, 2), $1587765bd31f3722$var$_tmpl$8 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<button class="clear-all-filters major"></button>`, 2);
|
|
2909
3084
|
function $1587765bd31f3722$export$3f1a388cc0d8fed7(props) {
|
|
2910
3085
|
// Split like this to make placeholder wrapping more visible & this component is exported and used in MobileModal
|
|
2911
3086
|
return (0, $46MJV$solidjsweb.createComponent)((0, $46MJV$solidjs.Show), {
|
|
@@ -3134,7 +3309,7 @@ function $1587765bd31f3722$var$ActualFilterBody(props) {
|
|
|
3134
3309
|
|
|
3135
3310
|
|
|
3136
3311
|
|
|
3137
|
-
const $cc8aaf130b1dc1ea$var$_tmpl$ =
|
|
3312
|
+
const $cc8aaf130b1dc1ea$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="sorting-attributes"></div>`, 2), $cc8aaf130b1dc1ea$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="sorting-direction"></div>`, 2), $cc8aaf130b1dc1ea$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div><div class="input-row"><input type="radio"><span class="custom-indicator"></span></div></div>`, 7), $cc8aaf130b1dc1ea$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div><label class="input-row"><input type="radio"><span class="custom-indicator"></span></label></div>`, 7);
|
|
3138
3313
|
function $cc8aaf130b1dc1ea$export$1f1775a58da589b5({ available_sortings_: available_sortings_ , current_sorting_: current_sorting_ }) {
|
|
3139
3314
|
const title_radio_name = (0, $46MJV$depictaiutilishared.make_random_classname)();
|
|
3140
3315
|
const order_radio_name = (0, $46MJV$depictaiutilishared.make_random_classname)();
|
|
@@ -3265,9 +3440,9 @@ function $fa41c421eb980e23$export$fe334901e8bebd57() {
|
|
|
3265
3440
|
const style = element.style;
|
|
3266
3441
|
const original_value = style.overflow;
|
|
3267
3442
|
style.overflow = "hidden";
|
|
3268
|
-
const
|
|
3269
|
-
cleanup_fns.push(
|
|
3270
|
-
(0, $46MJV$solidjs.onCleanup)(
|
|
3443
|
+
const fn = (0, $46MJV$depictaiutilishared.catchify)(()=>style.overflow = original_value);
|
|
3444
|
+
cleanup_fns.push(fn);
|
|
3445
|
+
(0, $46MJV$solidjs.onCleanup)(fn);
|
|
3271
3446
|
}
|
|
3272
3447
|
}
|
|
3273
3448
|
return cleanup;
|
|
@@ -3282,7 +3457,7 @@ function $fa41c421eb980e23$export$fe334901e8bebd57() {
|
|
|
3282
3457
|
|
|
3283
3458
|
|
|
3284
3459
|
|
|
3285
|
-
const $66ddbcbc40487f95$var$_tmpl$ =
|
|
3460
|
+
const $66ddbcbc40487f95$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<button class="clear minor"></button>`, 2), $66ddbcbc40487f95$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$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>`, 14), $66ddbcbc40487f95$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<details class="sorting"></details>`, 2), $66ddbcbc40487f95$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<summary class="sort-filter-summary"><div class="summary"><div class="left-els"><span></span></div></div></summary>`, 8), $66ddbcbc40487f95$var$_tmpl$5 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="body"></div>`, 2), $66ddbcbc40487f95$var$_tmpl$6 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<details class="filters"></details>`, 2), $66ddbcbc40487f95$var$_tmpl$7 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<b></b>`, 2);
|
|
3286
3461
|
const $66ddbcbc40487f95$var$no_go_selector = ".range .range-group";
|
|
3287
3462
|
function $66ddbcbc40487f95$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_ }) {
|
|
3288
3463
|
(0, $fa41c421eb980e23$export$fe334901e8bebd57)();
|
|
@@ -3553,7 +3728,7 @@ function $66ddbcbc40487f95$export$9bf11afa910f536e({ args_for_sorting_: args_for
|
|
|
3553
3728
|
|
|
3554
3729
|
|
|
3555
3730
|
|
|
3556
|
-
const $881cb1745bafff7a$var$_tmpl$ =
|
|
3731
|
+
const $881cb1745bafff7a$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="filters"><div class="body"></div></div>`, 4), $881cb1745bafff7a$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="sorting"><div class="body"></div></div>`, 4), $881cb1745bafff7a$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="sort-and-filter-buttons"><div class="outer"><div class="inner"></div></div></div>`, 6), $881cb1745bafff7a$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<span class="num-filters"></span>`, 2), $881cb1745bafff7a$var$_tmpl$5 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="open-filters-button-container"><button class="filter toggle-button major-minor-transition" type="button"><span></span></button></div>`, 6), $881cb1745bafff7a$var$_tmpl$6 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<button class="toggle-button for-sorting major-minor-transition"><span></span></button>`, 4);
|
|
3557
3732
|
function $881cb1745bafff7a$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_ }) {
|
|
3558
3733
|
return (0, $0f2f58dd60b11888$export$b69d0d92862de18b)({
|
|
3559
3734
|
severity_: "error",
|
|
@@ -3785,7 +3960,7 @@ function $881cb1745bafff7a$var$OpenSortingButton({ i18n_: i18n_ , current_sortin
|
|
|
3785
3960
|
|
|
3786
3961
|
|
|
3787
3962
|
|
|
3788
|
-
const $fd64465f894d1f29$var$_tmpl$ =
|
|
3963
|
+
const $fd64465f894d1f29$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$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);
|
|
3789
3964
|
function $fd64465f894d1f29$export$b23abd26de154ede(props) {
|
|
3790
3965
|
const [is_small, set_is_small] = (0, $46MJV$solidjs.createSignal)(true);
|
|
3791
3966
|
(0, $46MJV$solidjs.onCleanup)((0, $46MJV$depictaiutilishared.javascript_media_query)("(max-width:651px)", ({ matches: matches })=>set_is_small(matches)).remove);
|
|
@@ -3929,7 +4104,7 @@ function $fd64465f894d1f29$var$ActualFloatingButtons({ search_filters_open_: [ge
|
|
|
3929
4104
|
|
|
3930
4105
|
|
|
3931
4106
|
|
|
3932
|
-
const $495e9998757c5d32$var$_tmpl$ =
|
|
4107
|
+
const $495e9998757c5d32$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<nav class="crumbs"></nav>`, 2), $495e9998757c5d32$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<a class="crumb"></a>`, 2), $495e9998757c5d32$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<span class="separator"></span>`, 2);
|
|
3933
4108
|
function $495e9998757c5d32$export$5646050d516e06bc({ crumb_data_: get_api_crumb_data , on_crumb_click_: on_crumb_click_ , i18n_: i18n_ }) {
|
|
3934
4109
|
const placeholder_crumb_data = [
|
|
3935
4110
|
,
|
|
@@ -3999,7 +4174,7 @@ function $495e9998757c5d32$export$5646050d516e06bc({ crumb_data_: get_api_crumb_
|
|
|
3999
4174
|
|
|
4000
4175
|
|
|
4001
4176
|
|
|
4002
|
-
const $cdc2c00c0a7da86e$var$_tmpl$ =
|
|
4177
|
+
const $cdc2c00c0a7da86e$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<nav class="quicklinks"></nav>`, 2), $cdc2c00c0a7da86e$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div>QuickLinks failed</div>`, 2), $cdc2c00c0a7da86e$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<a class="quicklink"></a>`, 2);
|
|
4003
4178
|
function $cdc2c00c0a7da86e$export$466cdc317043f6cb({ quicklinks_data_: quicklinks_data_ , on_link_click_: on_link_click_ , current_query_id_: current_query_id_ , slider_arrow_button_: slider_arrow_button_ , breadcrumb_data_: breadcrumb_data_ , i18n_: i18n_ }) {
|
|
4004
4179
|
let scrolling_logic_ran_for_query_id = false;
|
|
4005
4180
|
let last_scroll_position;
|
|
@@ -4309,7 +4484,7 @@ let $29b757e2ae26852c$export$44dad306455dddf;
|
|
|
4309
4484
|
})($29b757e2ae26852c$export$44dad306455dddf || ($29b757e2ae26852c$export$44dad306455dddf = {}));
|
|
4310
4485
|
|
|
4311
4486
|
|
|
4312
|
-
const $671632478f2a7ce7$var$_tmpl$ =
|
|
4487
|
+
const $671632478f2a7ce7$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="product-count"> </div>`, 2), $671632478f2a7ce7$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div></div>`, 2), $671632478f2a7ce7$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="filter-results-for-one-row"></div>`, 2), $671632478f2a7ce7$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="depict plp category"><div class="listing-page"></div></div>`, 4);
|
|
4313
4488
|
function $671632478f2a7ce7$export$f7d2f673fc2f091d({ depict_api_: depict_api_ , query_id_: query_id_ , current_sorting_: current_sorting_ , min_products_to_fetch_: min_products_to_fetch_ , category_filters_open_: category_filters_open_ , category_sorting_open_: category_sorting_open_ , expanded_filters_: expanded_filters_ , selected_filters_: selected_filters_ , get_quicklinks_accessor_: get_quicklinks_accessor_ , i18n_: incoming_i18n , get_breadcrumb_accessor_: get_breadcrumb_accessor_ , slider_arrow_button_: slider_arrow_button_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , local_filter_cache_: local_filter_cache_ , tenant_: tenant_ , market_: market_ , on_category_link_click_: on_category_link_click_ , show_quicklinks_: show_quicklinks_ , category_title_: category_title_ , show_breadcrumbs_: show_breadcrumbs_ , layout_options_: layout_options_ , scroll_restoration_data_: scroll_restoration_data_ , rr_options_: rr_options_ , get_product_id_: get_product_id_ }) {
|
|
4314
4489
|
let results_for;
|
|
4315
4490
|
let only_show_filters_opener_;
|
|
@@ -4738,7 +4913,7 @@ function $623202ae203e9e59$export$f091cbac892643a4(obj) {
|
|
|
4738
4913
|
}
|
|
4739
4914
|
|
|
4740
4915
|
|
|
4741
|
-
const $b5bcdaaacb8b81f2$var$_tmpl$ =
|
|
4916
|
+
const $b5bcdaaacb8b81f2$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="depict plp category"></div>`, 2);
|
|
4742
4917
|
const $b5bcdaaacb8b81f2$var$min_products_to_fetch_ = 20;
|
|
4743
4918
|
const $b5bcdaaacb8b81f2$var$privately_shared_properties = /*@__PURE__*/ new WeakMap();
|
|
4744
4919
|
const $b5bcdaaacb8b81f2$var$InExternalAreaDiv = ({ children: children })=>(()=>{
|
|
@@ -4801,10 +4976,10 @@ class $b5bcdaaacb8b81f2$export$f34314aa9505732e {
|
|
|
4801
4976
|
try {
|
|
4802
4977
|
on_navigation(d.page_url, e, d);
|
|
4803
4978
|
e.preventDefault();
|
|
4804
|
-
} catch (
|
|
4979
|
+
} catch (e) {
|
|
4805
4980
|
queueMicrotask(()=>{
|
|
4806
4981
|
// make sure to throw into the global scope if on_navigation throws
|
|
4807
|
-
throw
|
|
4982
|
+
throw e;
|
|
4808
4983
|
});
|
|
4809
4984
|
}
|
|
4810
4985
|
});
|
|
@@ -4906,7 +5081,7 @@ function $b5bcdaaacb8b81f2$var$get_shared_properties(depict_category) {
|
|
|
4906
5081
|
|
|
4907
5082
|
|
|
4908
5083
|
|
|
4909
|
-
const $853f821e60bd06ea$var$_tmpl$ =
|
|
5084
|
+
const $853f821e60bd06ea$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="category-title"><h2 class="title"></h2><span class="explanation"> — </span></div>`, 6);
|
|
4910
5085
|
const $853f821e60bd06ea$export$b91cec6bdc6b32a1 = /*@__PURE__*/ (()=>{
|
|
4911
5086
|
const actual_function = ({ category_title_: category_title_ , product_count_: product_count_ })=>{
|
|
4912
5087
|
return (()=>{
|
|
@@ -4928,7 +5103,7 @@ const $853f821e60bd06ea$export$b91cec6bdc6b32a1 = /*@__PURE__*/ (()=>{
|
|
|
4928
5103
|
|
|
4929
5104
|
|
|
4930
5105
|
|
|
4931
|
-
const $1a89c0064ad43e0d$var$_tmpl$ =
|
|
5106
|
+
const $1a89c0064ad43e0d$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="sort-and-filter-buttons fake" aria-hidden="true" style="position:absolute;z-index:-1;pointer-events:none;opacity:0"><div class="outer"><div class="inner"></div></div></div>`, 6);
|
|
4932
5107
|
const $1a89c0064ad43e0d$export$824dde41348efed1 = /*@__PURE__*/ (()=>{
|
|
4933
5108
|
const actual_function = ({ make_product_count_: make_product_count_ , set_observed_results_filters_elements_: set_observed_results_filters_elements_ , is_slim_: is_slim_ , sort_and_filter_element_: sort_and_filter_element_ , extra_sort_and_filter_args_: extra_sort_and_filter_args_ })=>{
|
|
4934
5109
|
// this does two things: make the sorting and filters button the same width and move the number of products out of the SortAndFilter middle_elements_ if it doesn't fit
|
|
@@ -5091,7 +5266,7 @@ async function $bfd8f91b5a75050a$var$download_categories(tenant, market) {
|
|
|
5091
5266
|
|
|
5092
5267
|
|
|
5093
5268
|
|
|
5094
|
-
const $17c49340edfdbb31$var$_tmpl$ =
|
|
5269
|
+
const $17c49340edfdbb31$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="instant-card"><div class="img-part"></div><div class="right-part"><div class="title-brand-tagline"><span class="title"></span></div></div></div>`, 10);
|
|
5095
5270
|
function $17c49340edfdbb31$export$ee1733d9a8495996() {
|
|
5096
5271
|
return (()=>{
|
|
5097
5272
|
const _el$ = $17c49340edfdbb31$var$_tmpl$.cloneNode(true), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild;
|
|
@@ -5116,7 +5291,7 @@ function $17c49340edfdbb31$export$ee1733d9a8495996() {
|
|
|
5116
5291
|
|
|
5117
5292
|
|
|
5118
5293
|
|
|
5119
|
-
const $67892c03cd3dfa66$var$_tmpl$ =
|
|
5294
|
+
const $67892c03cd3dfa66$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<span class="parent-title"></span>`, 2), $67892c03cd3dfa66$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<a class="category-suggestion"><span class="title"></span></a>`, 4);
|
|
5120
5295
|
function $67892c03cd3dfa66$export$d757d54550ebfb3d({ category_suggestion_: category_suggestion_ , on_navigation_: on_navigation_ }) {
|
|
5121
5296
|
return (()=>{
|
|
5122
5297
|
const _el$ = $67892c03cd3dfa66$var$_tmpl$2.cloneNode(true), _el$2 = _el$.firstChild;
|
|
@@ -5159,7 +5334,7 @@ function $67892c03cd3dfa66$export$d757d54550ebfb3d({ category_suggestion_: categ
|
|
|
5159
5334
|
|
|
5160
5335
|
|
|
5161
5336
|
|
|
5162
|
-
const $231c39725f8fde87$var$_tmpl$ =
|
|
5337
|
+
const $231c39725f8fde87$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<button class="back" type="button"></button>`, 2), $231c39725f8fde87$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="query-input"><div class="field"><input class="query" tabindex="0"><button type="button" class="clear"></button></div><button class="submit major" type="button"></button></div>`, 9);
|
|
5163
5338
|
function $231c39725f8fde87$export$ff21851bb5d30e15({ search_field_value_: search_field_value_ , input_field_ref_: input_field_ref_ , field_element_ref_: field_element_ref_ , submit_query_: submit_query_ , override_on_enter_: override_on_enter_ , clear_filters_: clear_filters_ , disabled_: disabled_ = false , on_back_: on_back_ , i18n_: i18n_ }) {
|
|
5164
5339
|
let input_field;
|
|
5165
5340
|
(0, $46MJV$solidjs.createEffect)((0, $46MJV$depictaiutilishared.catchify)(async ()=>{
|
|
@@ -5258,7 +5433,7 @@ function $231c39725f8fde87$export$ff21851bb5d30e15({ search_field_value_: search
|
|
|
5258
5433
|
|
|
5259
5434
|
|
|
5260
5435
|
|
|
5261
|
-
const $9f81b7ced87aabf2$var$_tmpl$ =
|
|
5436
|
+
const $9f81b7ced87aabf2$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="cards"></div>`, 2), $9f81b7ced87aabf2$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="search-recs"><h3 class="search-recs-title"></h3></div>`, 4), $9f81b7ced87aabf2$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<button class="show-more major" type="button"></button>`, 2);
|
|
5262
5437
|
const $9f81b7ced87aabf2$export$1c8c715550dc689d = 2;
|
|
5263
5438
|
function $9f81b7ced87aabf2$export$7de92c4c2205ebf3({ depict_api_: depict_api_ , i18n_: i18n_ , tenant_object_: tenant_object_ , search_query_base_: search_query_base_ , rr_options_: rr_options_ , showing_recommendation_rows_: showing_recommendation_rows_ , view_more_button_: view_more_button_ = true , layout_options_: layout_options_ }) {
|
|
5264
5439
|
const [is_showing_something, set_is_showing_something] = (0, $46MJV$solidjs.createSignal)(false);
|
|
@@ -5596,7 +5771,7 @@ function $690220645373c65e$export$2542ffb77b620b02(params_to_default_value) {
|
|
|
5596
5771
|
|
|
5597
5772
|
|
|
5598
5773
|
|
|
5599
|
-
const $1bf0125991f2d39b$var$_tmpl$ =
|
|
5774
|
+
const $1bf0125991f2d39b$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<span class="orig price"></span>`, 2), $1bf0125991f2d39b$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<a class="instant-card"><div class="img-part"></div><div class="right-part"><div class="title-brand-tagline"><span class="brand"></span><span class="title"></span></div><div class="price-container"><span class="price"></span></div></div></a>`, 16), $1bf0125991f2d39b$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="tagline"></div>`, 2);
|
|
5600
5775
|
const $1bf0125991f2d39b$export$b05c0ae390cf3e06 = (display_or_variant_container, { i18n: i18n })=>{
|
|
5601
5776
|
const display = (0, $46MJV$solidjs.createMemo)(()=>{
|
|
5602
5777
|
const display = display_or_variant_container();
|
|
@@ -5679,7 +5854,7 @@ const $1bf0125991f2d39b$export$b05c0ae390cf3e06 = (display_or_variant_container,
|
|
|
5679
5854
|
};
|
|
5680
5855
|
|
|
5681
5856
|
|
|
5682
|
-
const $4cadf33fd6aaf4b6$var$_tmpl$ =
|
|
5857
|
+
const $4cadf33fd6aaf4b6$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="instant-results"></div>`, 2);
|
|
5683
5858
|
function $4cadf33fd6aaf4b6$export$62f101a8aa597bf8({ depict_api_: depict_api_ , search_field_value_: [get_search_field_value] , tenant_: tenant_ , market_: market_ , render_instant_card_: render_instant_card_ , render_instant_card_placeholder_: render_instant_card_placeholder_ , min_products_to_fetch_: min_products_to_fetch_ , has_sort_or_filters_: has_sort_or_filters_ , set_num_results_accessor_: set_num_results_accessor_ , i18n_: i18n_ }) {
|
|
5684
5859
|
const max_cards = 4;
|
|
5685
5860
|
const [read_current_instant_query, write_current_instant_query] = (0, $46MJV$solidjs.createSignal)("");
|
|
@@ -5816,7 +5991,7 @@ function $4cadf33fd6aaf4b6$var$unwrapping_helper(elements) {
|
|
|
5816
5991
|
|
|
5817
5992
|
|
|
5818
5993
|
|
|
5819
|
-
const $6ea05d3ebaa81958$var$_tmpl$ =
|
|
5994
|
+
const $6ea05d3ebaa81958$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div style="position:absolute;z-index:-1;pointer-events:none;width:100%;height:200%;top:-100%;"></div>`, 2), $6ea05d3ebaa81958$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div style="position:absolute;z-index:-1;pointer-events:none;width:100%;height:200%;"></div>`, 2);
|
|
5820
5995
|
function $6ea05d3ebaa81958$export$50b90be27d8502d9(el, [get_style_props, set_style_props], bottom_distance) {
|
|
5821
5996
|
const overflow_style_beginning = "position:absolute;z-index:-1;pointer-events:none;width:100%;height:200%;";
|
|
5822
5997
|
const upper_overflowing_box = $6ea05d3ebaa81958$var$_tmpl$.cloneNode(true);
|
|
@@ -5900,7 +6075,7 @@ function $41151dd3f5de2c98$export$91c3b6774e8be0f5({ param_: param_ , value_: va
|
|
|
5900
6075
|
|
|
5901
6076
|
|
|
5902
6077
|
|
|
5903
|
-
const $d9dab2a87a9fc61a$var$_tmpl$ =
|
|
6078
|
+
const $d9dab2a87a9fc61a$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="previous-searches"><h2 class="text"></h2><div class="list"></div></div>`, 6), $d9dab2a87a9fc61a$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<a class="item"><div class="left"><span></span></div><button class="delete"></button></a>`, 8);
|
|
5904
6079
|
function $d9dab2a87a9fc61a$export$a146ac6fa8346a25({ text_: text_ , previous_searches_: previous_searches_ , search_query_param_name_: search_query_param_name_ , currently_showing_suggestions_: currently_showing_suggestions_ , set_unfiltered_previous_searches_: set_unfiltered_previous_searches_ , search_field_value_: search_field_value_ , selected_index_: [read_selected_index_, write_selected_index_] , url_transformer_: url_transformer_ , alternative_query_submitter_for_spas_: alternative_query_submitter_for_spas_ , i18n_: i18n_ , get_search_query_: get_search_query_ , after_submit_: after_submit_ , on_submit_with_unchanged_value_: on_submit_with_unchanged_value_ }) {
|
|
5905
6080
|
const has_entries = (0, $46MJV$solidjs.createMemo)(()=>previous_searches_().length >= 1);
|
|
5906
6081
|
currently_showing_suggestions_[1]((value)=>{
|
|
@@ -6003,7 +6178,7 @@ function $d9dab2a87a9fc61a$export$a146ac6fa8346a25({ text_: text_ , previous_sea
|
|
|
6003
6178
|
|
|
6004
6179
|
|
|
6005
6180
|
|
|
6006
|
-
const $5a0afe153acd45d7$var$_tmpl$ =
|
|
6181
|
+
const $5a0afe153acd45d7$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<span class="highlighted-part"></span>`, 2), $5a0afe153acd45d7$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<span></span>`, 2);
|
|
6007
6182
|
function $5a0afe153acd45d7$export$ba17c5b7e6dda39f({ whole_text_to_display_: whole_text_to_display_memo , searching_for_value_: searching_for_value_memo , class_: class_ }) {
|
|
6008
6183
|
const [get_has_highlighted, set_has_highlighted] = (0, $46MJV$solidjs.createSignal)(false);
|
|
6009
6184
|
const text_itself = (0, $46MJV$solidjs.createMemo)(()=>(0, $46MJV$solidjs.batch)(()=>{
|
|
@@ -6063,7 +6238,7 @@ function $5a0afe153acd45d7$export$ba17c5b7e6dda39f({ whole_text_to_display_: who
|
|
|
6063
6238
|
}
|
|
6064
6239
|
|
|
6065
6240
|
|
|
6066
|
-
const $aabe56c678fa29ec$var$_tmpl$ =
|
|
6241
|
+
const $aabe56c678fa29ec$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<a class="suggestion"></a>`, 2), $aabe56c678fa29ec$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="search-icon"></div>`, 2), $aabe56c678fa29ec$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<span class="type"></span>`, 2), $aabe56c678fa29ec$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div><span class="value"></span></div>`, 4), $aabe56c678fa29ec$var$_tmpl$5 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<h2 class="text"></h2>`, 2), $aabe56c678fa29ec$var$_tmpl$6 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="suggestion-container query"></div>`, 2), $aabe56c678fa29ec$var$_tmpl$7 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="suggestion-container page"></div>`, 2), $aabe56c678fa29ec$var$_tmpl$8 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="suggestions"></div>`, 2);
|
|
6067
6242
|
function $aabe56c678fa29ec$export$e872e2339fb04a7f({ suggestion_memo_: suggestion_memo_ , search_field_value_: search_field_value_ , search_page_url_param_name_: search_page_url_param_name_ , selected_index_: [read_selected_index_, write_selected_index_] , url_transformer_: url_transformer_ , filtered_previous_searches_: filtered_previous_searches_ , currently_showing_suggestions_: currently_showing_suggestions_ , on_previous_searches_page_: on_previous_searches_page_ , alternative_query_submitter_for_spas_: alternative_query_submitter_for_spas_ , i18n_: i18n_ , include_category_suggestions_: include_category_suggestions_ , searching_for_value_: searching_for_value_ , get_search_query_: get_search_query_ , after_submit_: after_submit_ , navigate_page_to_href_: navigate_page_to_href_ , on_submit_with_unchanged_value_: on_submit_with_unchanged_value_ }) {
|
|
6068
6243
|
const queries_memo = (0, $46MJV$solidjs.createMemo)(()=>suggestion_memo_().filter(({ type: type , title: title })=>type === (0, $81eea900c72d569b$export$3cf9497e790da491) && !filtered_previous_searches_().includes(title) // don't show the ones we already show from the history
|
|
6069
6244
|
));
|
|
@@ -6275,7 +6450,7 @@ function $aabe56c678fa29ec$export$e872e2339fb04a7f({ suggestion_memo_: suggestio
|
|
|
6275
6450
|
|
|
6276
6451
|
|
|
6277
6452
|
|
|
6278
|
-
const $bc74fbd61efdd8a5$var$_tmpl$ =
|
|
6453
|
+
const $bc74fbd61efdd8a5$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<a target="_blank"></a>`, 2);
|
|
6279
6454
|
function $bc74fbd61efdd8a5$export$217899a935ef803b({ selected_index_: [read_selected_index, write_selected_index] , currently_showing_suggestions_: [read_currently_showing_suggestions] , ...rest_of_props }) {
|
|
6280
6455
|
const last_suggestion_index_ = (0, $46MJV$solidjs.createMemo)(()=>{
|
|
6281
6456
|
const currently_showing_suggestions = read_currently_showing_suggestions();
|
|
@@ -6572,19 +6747,19 @@ function $4ee1f6be4255fde6$export$3340fdd8259bd4fd({ get_search_field_value_: ge
|
|
|
6572
6747
|
|
|
6573
6748
|
|
|
6574
6749
|
|
|
6575
|
-
const $
|
|
6750
|
+
const $d3c94b3b96557917$export$af8311b651139246 = (css_properties)=>{
|
|
6576
6751
|
return Object.entries(css_properties).map(([key, value])=>`${key}: ${value};`).join(" ");
|
|
6577
6752
|
};
|
|
6578
|
-
const $
|
|
6579
|
-
return Object.entries(styles).map(([selector, css_properties])=>`${selector} { ${$
|
|
6753
|
+
const $d3c94b3b96557917$export$1233ca167bf71f9a = (styles)=>{
|
|
6754
|
+
return Object.entries(styles).map(([selector, css_properties])=>`${selector} { ${$d3c94b3b96557917$export$af8311b651139246(css_properties)} }`).join(" ");
|
|
6580
6755
|
};
|
|
6581
6756
|
|
|
6582
6757
|
|
|
6583
6758
|
|
|
6584
|
-
const $4a976b492943589f$var$_tmpl$ =
|
|
6759
|
+
const $4a976b492943589f$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<style></style>`, 2);
|
|
6585
6760
|
function $4a976b492943589f$export$f021bdedd3ec901a(props) {
|
|
6586
6761
|
const valid_css_string = (0, $46MJV$solidjs.createMemo)(()=>{
|
|
6587
|
-
return (0, $
|
|
6762
|
+
return (0, $d3c94b3b96557917$export$1233ca167bf71f9a)(props.styles());
|
|
6588
6763
|
});
|
|
6589
6764
|
return (()=>{
|
|
6590
6765
|
const _el$ = $4a976b492943589f$var$_tmpl$.cloneNode(true);
|
|
@@ -6594,7 +6769,7 @@ function $4a976b492943589f$export$f021bdedd3ec901a(props) {
|
|
|
6594
6769
|
}
|
|
6595
6770
|
|
|
6596
6771
|
|
|
6597
|
-
const $121d25ca6af2898f$var$_tmpl$ =
|
|
6772
|
+
const $121d25ca6af2898f$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="discover-more"><button class="major" type="button"></button></div>`, 4), $121d25ca6af2898f$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<b></b>`, 2), $121d25ca6af2898f$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="depict-search-modal"><div class="body"><div class="padded"></div></div></div>`, 6), $121d25ca6af2898f$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="depict plp search"><div class="depict-search-modal-backdrop"></div></div>`, 4);
|
|
6598
6773
|
function $121d25ca6af2898f$export$1c593cbd6f1e10bc({ search_field_value_: search_field_value_ , search_query_: search_query_ , search_page_url_param_name_: search_page_url_param_name_ , previous_searches_: previous_searches_ , close_modal_: close_modal_ , style_props_: style_props_ = (0, $46MJV$solidjs.createSignal)({}) , depict_api_: depict_api_ , tenant_: tenant_ , market_: market_ , submit_query_: submit_query_ , instant_results_options_: instant_results_options_ , register_closing_animation_: register_closing_animation_ , url_transformer_: url_transformer_ , closing_animation_: closing_animation_ , alternative_query_submitter_for_spas_: alternative_query_submitter_for_spas_ , clear_filters_: clear_filters_ , i18n_: i18n_ , disable_scrolling_: disable_scrolling_ = true , enable_category_suggestions_: enable_category_suggestions_ , class_list_: class_list_ , after_submit_: after_submit_ , bottom_distance_under_modal_: bottom_distance_under_modal_ , navigate_page_to_href_: navigate_page_to_href_ , on_submit_with_unchanged_value_: on_submit_with_unchanged_value_ }) {
|
|
6599
6774
|
let on_enter_in_query_input_function;
|
|
6600
6775
|
const [input_field, set_input_field] = (0, $46MJV$solidjs.createSignal)();
|
|
@@ -6613,22 +6788,24 @@ function $121d25ca6af2898f$export$1c593cbd6f1e10bc({ search_field_value_: search
|
|
|
6613
6788
|
$121d25ca6af2898f$var$close_modal_when_navigating_away(close_modal_, search_page_url_param_name_);
|
|
6614
6789
|
window.addEventListener("keydown", close_on_escape_handler);
|
|
6615
6790
|
(0, $46MJV$solidjs.onCleanup)((0, $46MJV$depictaiutilishared.catchify)(()=>window.removeEventListener("keydown", close_on_escape_handler)));
|
|
6616
|
-
(0, $46MJV$solidjs.
|
|
6617
|
-
|
|
6618
|
-
|
|
6619
|
-
|
|
6620
|
-
(
|
|
6621
|
-
|
|
6622
|
-
|
|
6623
|
-
|
|
6624
|
-
|
|
6625
|
-
|
|
6626
|
-
|
|
6627
|
-
|
|
6791
|
+
const owner = (0, $46MJV$solidjs.getOwner)();
|
|
6792
|
+
(0, $46MJV$solidjs.onCleanup)((0, $46MJV$depictaiutilishared.javascript_media_query)("(max-height:700px)", ({ matches: matches })=>(0, $46MJV$solidjs.runWithOwner)(owner, ()=>{
|
|
6793
|
+
// the if below is reactive so we need an owner
|
|
6794
|
+
(matches ? set_elements_outside_scrollable : set_elements_inside_scrollable)("");
|
|
6795
|
+
(matches ? set_elements_inside_scrollable : set_elements_outside_scrollable)((()=>{
|
|
6796
|
+
const _el$ = $121d25ca6af2898f$var$_tmpl$.cloneNode(true), _el$2 = _el$.firstChild;
|
|
6797
|
+
(0, $46MJV$solidjsweb.addEventListener)(_el$2, "click", submit_query_, true);
|
|
6798
|
+
(0, $46MJV$solidjsweb.insert)(_el$2, (()=>{
|
|
6799
|
+
const _c$ = (0, $46MJV$solidjsweb.memo)(()=>!!get_search_field_value_());
|
|
6800
|
+
return ()=>_c$() ? i18n_.modal_view_all_results_()((()=>{
|
|
6801
|
+
const _el$3 = $121d25ca6af2898f$var$_tmpl$2.cloneNode(true);
|
|
6802
|
+
(0, $46MJV$solidjsweb.insert)(_el$3, ()=>get_num_results_accessor?.());
|
|
6803
|
+
return _el$3;
|
|
6804
|
+
})()) : i18n_.modal_discover_more_();
|
|
6805
|
+
})());
|
|
6806
|
+
return _el$;
|
|
6628
6807
|
})());
|
|
6629
|
-
|
|
6630
|
-
})());
|
|
6631
|
-
}).remove);
|
|
6808
|
+
})).remove);
|
|
6632
6809
|
if (closing_animation_) register_closing_animation_(closing_animation_);
|
|
6633
6810
|
(0, $4ee1f6be4255fde6$export$3340fdd8259bd4fd)({
|
|
6634
6811
|
get_search_field_value_: get_search_field_value_,
|
|
@@ -6779,7 +6956,7 @@ function $121d25ca6af2898f$var$close_modal_when_navigating_away(close_modal, sea
|
|
|
6779
6956
|
|
|
6780
6957
|
|
|
6781
6958
|
|
|
6782
|
-
const $ea038dec4ee16624$var$_tmpl$ =
|
|
6959
|
+
const $ea038dec4ee16624$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="category-suggestions"></div>`, 2), $ea038dec4ee16624$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="category-suggestion"></div>`, 2);
|
|
6783
6960
|
function $ea038dec4ee16624$export$c05a196222ba1302({ suggestions_: suggestions_ , children: children , selected_filters_: selected_filters_ , slider_arrow_button_: slider_arrow_button_ }) {
|
|
6784
6961
|
const category_suggestions_ = (0, $46MJV$solidjs.createMemo)(()=>suggestions_()?.suggestions.filter((s)=>s.type === "category"));
|
|
6785
6962
|
return (0, $46MJV$solidjsweb.createComponent)((0, $46MJV$solidjs.Show), {
|
|
@@ -6833,7 +7010,7 @@ function $ea038dec4ee16624$export$c05a196222ba1302({ suggestions_: suggestions_
|
|
|
6833
7010
|
|
|
6834
7011
|
|
|
6835
7012
|
|
|
6836
|
-
const $297ca03cb5dd5701$var$_tmpl$ =
|
|
7013
|
+
const $297ca03cb5dd5701$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<b></b>`, 2), $297ca03cb5dd5701$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="results-for"></div>`, 2);
|
|
6837
7014
|
function $297ca03cb5dd5701$export$9dd50d35b9d94fdf({ search_query_: search_query_ , i18n_: i18n_ , formatted_number_of_results_: formatted_number_of_results_ }) {
|
|
6838
7015
|
const contents = (0, $46MJV$solidjs.createMemo)((0, $46MJV$depictaiutilishared.catchify)(()=>{
|
|
6839
7016
|
const q = search_query_[0]();
|
|
@@ -6861,7 +7038,7 @@ function $297ca03cb5dd5701$export$9dd50d35b9d94fdf({ search_query_: search_query
|
|
|
6861
7038
|
|
|
6862
7039
|
|
|
6863
7040
|
|
|
6864
|
-
const $93779a41dce11249$var$_tmpl$ =
|
|
7041
|
+
const $93779a41dce11249$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="filter-results-for-one-row"></div>`, 2), $93779a41dce11249$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="depict plp search"><div class="listing-page"></div></div>`, 4);
|
|
6865
7042
|
function $93779a41dce11249$export$a54ec244c8863715(opts) {
|
|
6866
7043
|
const { depict_api_: depict_api_ , search_field_value_: search_field_value_ , search_query_: search_query_ , open_modal_: open_modal_ , submit_query_: submit_query_ , current_sorting_: current_sorting_ , min_products_to_fetch_: min_products_to_fetch_ , search_filters_open_: search_filters_open_ , search_sorting_open_: search_sorting_open_ , expanded_filters_: expanded_filters_ , input_modal_open_: input_modal_open_ , selected_filters_: selected_filters_ , i18n_: i18n_ , slider_arrow_button_: slider_arrow_button_ , make_category_suggestion_card_: make_category_suggestion_card_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , clear_filters_on_next_submit_: clear_filters_on_next_submit_ , local_filter_cache_: local_filter_cache_ , include_input_field_: include_input_field_ , tenant_: tenant_ , market_: market_ , showing_recommendation_rows_: showing_recommendation_rows_ , rr_options_: rr_options_ , recommendations_rr_options_: recommendations_rr_options_ = rr_options_ , search_recs_view_more_: search_recs_view_more_ , get_product_id_: get_product_id_ , disable_search_recommendations_: disable_search_recommendations_ , layout_options_: layout_options_ , recommendations_layout_options_: recommendations_layout_options_ = layout_options_ , scroll_restoration_data_: scroll_restoration_data_ } = opts;
|
|
6867
7044
|
const tenant_object_ = new (0, $46MJV$depictaiutilishared.Tenant)({
|
|
@@ -7152,7 +7329,7 @@ function $93779a41dce11249$export$a54ec244c8863715(opts) {
|
|
|
7152
7329
|
|
|
7153
7330
|
|
|
7154
7331
|
|
|
7155
|
-
const $2267618dcbb65a94$var$_tmpl$ =
|
|
7332
|
+
const $2267618dcbb65a94$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="depict plp search"></div>`, 2);
|
|
7156
7333
|
/**
|
|
7157
7334
|
* 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.
|
|
7158
7335
|
*/ const $2267618dcbb65a94$var$privately_shared_properties = /*@__PURE__*/ new WeakMap();
|
|
@@ -7247,6 +7424,7 @@ class $2267618dcbb65a94$export$ac6237957a15b3f0 {
|
|
|
7247
7424
|
});
|
|
7248
7425
|
(0, $33815c5a406b6cc0$export$5162a71f252e6122)();
|
|
7249
7426
|
(0, $46MJV$depictaiutilishared.catchify)(async ()=>{
|
|
7427
|
+
const owner = (0, $46MJV$solidjs.getOwner)(); // we might have an owner, if so, pass it on
|
|
7250
7428
|
const { open_modal_: open_modal_ , close_modal_: close_modal_ } = await (0, $089c01924e13fae5$export$79b1565500412d9b)((...args)=>{
|
|
7251
7429
|
(0, $46MJV$solidjs.onCleanup)(()=>this.modal_open = false);
|
|
7252
7430
|
return (0, $121d25ca6af2898f$export$1c593cbd6f1e10bc)(...args);
|
|
@@ -7278,7 +7456,7 @@ class $2267618dcbb65a94$export$ac6237957a15b3f0 {
|
|
|
7278
7456
|
});
|
|
7279
7457
|
// This will add some default behaviour to open_modal_ if no style_props_ are supplied
|
|
7280
7458
|
// The default behaviour is to align the modal with the input field if possible
|
|
7281
|
-
|
|
7459
|
+
const computation = ()=>{
|
|
7282
7460
|
const open_signal_value = this.modal_open;
|
|
7283
7461
|
const signal_value_is_options = Array.isArray(open_signal_value);
|
|
7284
7462
|
// Close modal if signal is false
|
|
@@ -7322,17 +7500,19 @@ class $2267618dcbb65a94$export$ac6237957a15b3f0 {
|
|
|
7322
7500
|
transform: transform_y() ? "translateY(-50%)" : "unset"
|
|
7323
7501
|
})));
|
|
7324
7502
|
if (signal_value_is_options) {
|
|
7325
|
-
const [
|
|
7503
|
+
const [options_arg, ...rest] = open_signal_value;
|
|
7326
7504
|
open_modal_({
|
|
7327
|
-
...
|
|
7505
|
+
...options_arg,
|
|
7328
7506
|
style_props_: search_page_aligned_modal_body_style_signal_
|
|
7329
|
-
}, ...
|
|
7507
|
+
}, ...rest);
|
|
7330
7508
|
return;
|
|
7331
7509
|
}
|
|
7332
7510
|
open_modal_({
|
|
7333
7511
|
style_props_: style_props_
|
|
7334
7512
|
});
|
|
7335
|
-
}
|
|
7513
|
+
};
|
|
7514
|
+
if (owner != null) (0, $46MJV$solidjs.runWithOwner)(owner, ()=>(0, $46MJV$solidjs.createComputed)(computation));
|
|
7515
|
+
else computation();
|
|
7336
7516
|
})();
|
|
7337
7517
|
$2267618dcbb65a94$export$ac6237957a15b3f0.#has_been_constructed = true;
|
|
7338
7518
|
}
|
|
@@ -7496,6 +7676,7 @@ function $2267618dcbb65a94$export$b94867ecbd698f21({ depict_search: depict_searc
|
|
|
7496
7676
|
|
|
7497
7677
|
|
|
7498
7678
|
|
|
7679
|
+
|
|
7499
7680
|
function $308e64f91bb9f839$export$d0596b5cae35ad4(open_search) {
|
|
7500
7681
|
const handler = (0, $46MJV$depictaiutilishared.catchify)((e)=>{
|
|
7501
7682
|
const { key: key , target: target } = e;
|