@depict-ai/ui 0.0.33 → 0.0.35
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 +7 -3
- package/dist/main.js +290 -100
- package/dist/module.js +290 -101
- 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.35";
|
|
35
36
|
|
|
36
37
|
|
|
37
38
|
|
|
@@ -221,12 +222,15 @@ class $9ce64f69303c371e$export$e015ed2f2950f2e3 {
|
|
|
221
222
|
}
|
|
222
223
|
}
|
|
223
224
|
function $9ce64f69303c371e$var$get_version_headers() {
|
|
225
|
+
// We can't use any header name or the browser will make an OPTIONS request which will slow down search a lot
|
|
226
|
+
const version_object = {
|
|
227
|
+
...(0, $72835d7ac907c037$export$89a2f5e6eb5005b6),
|
|
228
|
+
"@depict-ai/utilishared": (0, $46MJV$depictaiutilishared.version),
|
|
229
|
+
"@depict-ai/ui": (0, $ae93561d5649a847$export$83d89fbfd8236492)
|
|
230
|
+
};
|
|
224
231
|
return {
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
"@depict-ai/utilishared": (0, $46MJV$depictaiutilishared.version),
|
|
228
|
-
"@depict-ai/ui": (0, $ae93561d5649a847$export$83d89fbfd8236492)
|
|
229
|
-
})
|
|
232
|
+
"Accept": Object.entries(version_object)// No special characters allowed: https://developer.mozilla.org/en-US/docs/Glossary/CORS-safelisted_request_header
|
|
233
|
+
.map(([pkg, version])=>`${pkg.replaceAll("@", "")}=${version}`).join(",")
|
|
230
234
|
};
|
|
231
235
|
}
|
|
232
236
|
|
|
@@ -331,7 +335,7 @@ function $5fc9fc23df1591db$export$469c7af753d08925({ price_: price_ , price_form
|
|
|
331
335
|
}
|
|
332
336
|
|
|
333
337
|
|
|
334
|
-
const $08fa9d20f7ec85af$var$_tmpl$ =
|
|
338
|
+
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
339
|
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
340
|
const [first_to_show, set_first_to_show] = (0, $46MJV$solidjs.createSignal)(0);
|
|
337
341
|
const [last_to_show, set_last_to_show] = (0, $46MJV$solidjs.createSignal)(0);
|
|
@@ -530,10 +534,10 @@ function $6154d0a3d9e9b16e$export$36aef51ac7a64eae({ depict_api_: depict_api_ ,
|
|
|
530
534
|
const info = target_to_info.get(target);
|
|
531
535
|
if (!info) continue; // How did this happen?
|
|
532
536
|
let actual_index_;
|
|
533
|
-
for(let
|
|
534
|
-
const child = parent.children[
|
|
537
|
+
for(let i = 0; i < num_children; i++){
|
|
538
|
+
const child = parent.children[i];
|
|
535
539
|
if (child === target) {
|
|
536
|
-
actual_index_ =
|
|
540
|
+
actual_index_ = i;
|
|
537
541
|
break;
|
|
538
542
|
}
|
|
539
543
|
}
|
|
@@ -604,9 +608,9 @@ async function $6154d0a3d9e9b16e$var$load_more({ depict_api_: depict_api_ , quer
|
|
|
604
608
|
|
|
605
609
|
|
|
606
610
|
|
|
607
|
-
const $b3e6a0e9382bf87e$var$_tmpl$ =
|
|
611
|
+
const $b3e6a0e9382bf87e$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div></div>`, 2);
|
|
608
612
|
const $b3e6a0e9382bf87e$var$closing_functions = /*@__PURE__*/ new Set();
|
|
609
|
-
const $b3e6a0e9382bf87e$export$22970a0140fc759c = /*@__PURE__*/ (0,
|
|
613
|
+
const $b3e6a0e9382bf87e$export$22970a0140fc759c = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjs.createSignal)(false);
|
|
610
614
|
function $b3e6a0e9382bf87e$export$5196e4c01fa56fcb({ children: children , on_close_: on_close_ , close_after_: close_after_ , ...more_attributes }) {
|
|
611
615
|
let close_toast_;
|
|
612
616
|
const stay_open_promise = new Promise((r)=>close_toast_ = r);
|
|
@@ -624,10 +628,10 @@ function $b3e6a0e9382bf87e$export$5196e4c01fa56fcb({ children: children , on_clo
|
|
|
624
628
|
"pointerover",
|
|
625
629
|
"focusin"
|
|
626
630
|
])element.addEventListener(ev, (0, $46MJV$depictaiutilishared.catchify)(()=>closing_animation.pause()));
|
|
627
|
-
for (const
|
|
631
|
+
for (const ev of [
|
|
628
632
|
"pointerout",
|
|
629
633
|
"focusout"
|
|
630
|
-
])element.addEventListener(
|
|
634
|
+
])element.addEventListener(ev, (0, $46MJV$depictaiutilishared.catchify)(()=>closing_animation.play()));
|
|
631
635
|
const body = await (0, $46MJV$depictaiutilishared.observer).wait_for_element("body");
|
|
632
636
|
const x_translate = "translateX(-50%) ";
|
|
633
637
|
let remove_keyboard_listener;
|
|
@@ -710,7 +714,7 @@ function $b3e6a0e9382bf87e$export$5196e4c01fa56fcb({ children: children , on_clo
|
|
|
710
714
|
|
|
711
715
|
|
|
712
716
|
|
|
713
|
-
const $92e4e7906daa1ff8$var$_tmpl$ =
|
|
717
|
+
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
718
|
function $92e4e7906daa1ff8$export$8895d39404bd2bb1(props) {
|
|
715
719
|
let previous_sorting;
|
|
716
720
|
let on_toast_hidden;
|
|
@@ -788,7 +792,7 @@ function $92e4e7906daa1ff8$export$8895d39404bd2bb1(props) {
|
|
|
788
792
|
|
|
789
793
|
|
|
790
794
|
|
|
791
|
-
const $2b4e3538e183d885$var$_tmpl$ =
|
|
795
|
+
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
796
|
function $2b4e3538e183d885$export$ef6006467f04ee41({ i18n_: i18n_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , selected_filters_: selected_filters_ , local_filter_cache_: local_filter_cache_ }) {
|
|
793
797
|
return [
|
|
794
798
|
(()=>{
|
|
@@ -831,7 +835,7 @@ function $8e863dc22b06b688$export$a2cc176055f8f08() {
|
|
|
831
835
|
}
|
|
832
836
|
|
|
833
837
|
|
|
834
|
-
const $8d94abc871e13baf$var$_tmpl$ =
|
|
838
|
+
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
839
|
let $8d94abc871e13baf$var$cached_placeholder_element;
|
|
836
840
|
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
841
|
// 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 +1119,8 @@ function $557269f7f9c4f20e$export$6c6d7a51fa9aa15d(props) {
|
|
|
1115
1119
|
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
1120
|
await expand(0, do_duration);
|
|
1117
1121
|
} 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
1122
|
const animation = await collapse();
|
|
1126
|
-
animation.addEventListener("finish",
|
|
1123
|
+
animation.addEventListener("finish", (0, $46MJV$depictaiutilishared.catchify)(()=>details_.open = false));
|
|
1127
1124
|
}
|
|
1128
1125
|
}));
|
|
1129
1126
|
details_.addEventListener("toggle", (0, $46MJV$depictaiutilishared.catchify)(()=>{
|
|
@@ -1164,7 +1161,7 @@ function $557269f7f9c4f20e$export$e13dddbb31c3a42f() {
|
|
|
1164
1161
|
|
|
1165
1162
|
|
|
1166
1163
|
|
|
1167
|
-
const $e0eca8b257376d22$var$_tmpl$ =
|
|
1164
|
+
const $e0eca8b257376d22$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div></div>`, 2);
|
|
1168
1165
|
function $e0eca8b257376d22$export$6649caad96ef8870({ children: children , button_: button_ , slider_ref_: slider_ref_ , faded_opacity_: faded_opacity_ = 0.7 , mutation_plugins_: mutation_plugins_ = [] }) {
|
|
1169
1166
|
const slider = new (0, $46MJV$depictaiutilishared.Amazing_Slider)({
|
|
1170
1167
|
button_contents: {
|
|
@@ -1202,7 +1199,7 @@ function $e0eca8b257376d22$export$6649caad96ef8870({ children: children , button
|
|
|
1202
1199
|
|
|
1203
1200
|
|
|
1204
1201
|
|
|
1205
|
-
const $c130252ae1aed6e2$var$_tmpl$ =
|
|
1202
|
+
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
1203
|
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
1204
|
const { price_formatting_: price_formatting_ } = i18n_;
|
|
1208
1205
|
const [read_selected_filters, write_selected_filters] = selected_filters_;
|
|
@@ -1545,7 +1542,7 @@ async function $089c01924e13fae5$export$79b1565500412d9b(search_modal, modal_fn_
|
|
|
1545
1542
|
|
|
1546
1543
|
|
|
1547
1544
|
|
|
1548
|
-
const $009b5e9a48f61fee$var$_tmpl$ =
|
|
1545
|
+
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
1546
|
const $009b5e9a48f61fee$export$48513f6b9f8ce62d = (props)=>{
|
|
1550
1547
|
// 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
1548
|
const count = (0, $46MJV$solidjs.createMemo)(()=>props.count_);
|
|
@@ -1569,6 +1566,7 @@ const $009b5e9a48f61fee$export$48513f6b9f8ce62d = (props)=>{
|
|
|
1569
1566
|
props.input_ref_?.(input_el);
|
|
1570
1567
|
}, _el$3);
|
|
1571
1568
|
(0, $46MJV$solidjsweb.setAttribute)(_el$3, "id", id);
|
|
1569
|
+
(0, $46MJV$solidjsweb.use)((el)=>props.custom_indicator_ref?.(el), _el$4);
|
|
1572
1570
|
(0, $46MJV$solidjsweb.insert)(_el$5, ()=>label() || value());
|
|
1573
1571
|
(0, $46MJV$solidjsweb.insert)(_el$, (0, $46MJV$solidjsweb.createComponent)((0, $46MJV$solidjs.Show), {
|
|
1574
1572
|
get when () {
|
|
@@ -1604,7 +1602,7 @@ const $009b5e9a48f61fee$export$48513f6b9f8ce62d = (props)=>{
|
|
|
1604
1602
|
|
|
1605
1603
|
|
|
1606
1604
|
|
|
1607
|
-
const $76bb4acbbb94c2c6$var$_tmpl$ =
|
|
1605
|
+
const $76bb4acbbb94c2c6$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<button type="button" class="expand-filter"><span></span></button>`, 4);
|
|
1608
1606
|
function $76bb4acbbb94c2c6$export$ca21a16d65b3dd8({ show_extras_: [get_show_extras, set_show_extras] , i18n_: i18n_ }) {
|
|
1609
1607
|
return (()=>{
|
|
1610
1608
|
const _el$ = $76bb4acbbb94c2c6$var$_tmpl$.cloneNode(true), _el$2 = _el$.firstChild;
|
|
@@ -1623,7 +1621,7 @@ function $76bb4acbbb94c2c6$export$ca21a16d65b3dd8({ show_extras_: [get_show_extr
|
|
|
1623
1621
|
]);
|
|
1624
1622
|
|
|
1625
1623
|
|
|
1626
|
-
const $8984a0a949b1c852$var$_tmpl$ =
|
|
1624
|
+
const $8984a0a949b1c852$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<form class="checkboxes"></form>`, 2);
|
|
1627
1625
|
const $8984a0a949b1c852$var$max_visible_without_collapsing = 7;
|
|
1628
1626
|
const $8984a0a949b1c852$var$show_non_collapsible_when_collapsed = 4;
|
|
1629
1627
|
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 +1736,7 @@ function $8984a0a949b1c852$export$dd948f91abc3a1c4({ filter_: filter_ , selected
|
|
|
1738
1736
|
|
|
1739
1737
|
|
|
1740
1738
|
|
|
1741
|
-
const $336616ec8a612a1c$var$_tmpl$ =
|
|
1739
|
+
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
1740
|
function $336616ec8a612a1c$export$430444115f70a734({ selected_filters_: selected_filters_ , filter_: filter_ }) {
|
|
1743
1741
|
const radio_name = (0, $46MJV$depictaiutilishared.make_random_classname)();
|
|
1744
1742
|
const existing_filter = (0, $46MJV$solidjs.createMemo)(()=>{
|
|
@@ -1817,7 +1815,7 @@ function $336616ec8a612a1c$export$430444115f70a734({ selected_filters_: selected
|
|
|
1817
1815
|
|
|
1818
1816
|
|
|
1819
1817
|
|
|
1820
|
-
const $6833018d8bbbb2ad$var$_tmpl$ =
|
|
1818
|
+
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
1819
|
function $6833018d8bbbb2ad$export$e0d834a0ad870cda({ filter_: filter_ , selected_filters_: selected_filters_ , i18n_: i18n_ }) {
|
|
1822
1820
|
const current_range = (0, $46MJV$solidjs.createSignal)((0, $46MJV$solidjs.untrack)(()=>filter_().data));
|
|
1823
1821
|
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 +2093,7 @@ function $6833018d8bbbb2ad$var$set_range_with_sanitation(min_, max_, current_ran
|
|
|
2095
2093
|
|
|
2096
2094
|
|
|
2097
2095
|
|
|
2098
|
-
const $f51f11e16b8dd872$var$_tmpl$ =
|
|
2096
|
+
const $f51f11e16b8dd872$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="morphing-sign" role="img"><span></span><span></span></div>`, 6);
|
|
2099
2097
|
function $f51f11e16b8dd872$export$e5c2828934226505({ expanded_: expanded_ , i18n_: i18n_ }) {
|
|
2100
2098
|
let first_span;
|
|
2101
2099
|
let second_span;
|
|
@@ -2145,7 +2143,7 @@ function $f51f11e16b8dd872$export$e5c2828934226505({ expanded_: expanded_ , i18n
|
|
|
2145
2143
|
|
|
2146
2144
|
|
|
2147
2145
|
|
|
2148
|
-
const $b7574d1d3a67ed68$var$_tmpl$ =
|
|
2146
|
+
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
2147
|
const $b7574d1d3a67ed68$var$max_visible_without_collapsing = 7;
|
|
2150
2148
|
const $b7574d1d3a67ed68$var$show_non_collapsible_when_collapsed = 4;
|
|
2151
2149
|
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 +2508,10 @@ function $b7574d1d3a67ed68$var$expand_until_choice(data_structure) {
|
|
|
2510
2508
|
cloned_nodes.push(...Object.values(node.children_));
|
|
2511
2509
|
}
|
|
2512
2510
|
while(nodes.length === 1){
|
|
2513
|
-
const
|
|
2511
|
+
const node = nodes.pop();
|
|
2514
2512
|
// as long as there's only one thing to expand, expand everything
|
|
2515
|
-
|
|
2516
|
-
nodes.push(...Object.values(
|
|
2513
|
+
node.is_expanded_.set_low_precedence_expanded_(true);
|
|
2514
|
+
nodes.push(...Object.values(node.children_));
|
|
2517
2515
|
}
|
|
2518
2516
|
});
|
|
2519
2517
|
}
|
|
@@ -2527,7 +2525,7 @@ function $b7574d1d3a67ed68$var$expand_until_choice(data_structure) {
|
|
|
2527
2525
|
|
|
2528
2526
|
|
|
2529
2527
|
|
|
2530
|
-
const $9055073b45860dd6$var$_tmpl$ =
|
|
2528
|
+
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
2529
|
const $9055073b45860dd6$export$414f6a19d38e655c = ({ filter_: filter_ , selected_filters_: [get_selected_filters, set_selected_filters] })=>{
|
|
2532
2530
|
const existing_filter = (0, $46MJV$solidjs.createMemo)(()=>{
|
|
2533
2531
|
const { field: field , op: op } = filter_();
|
|
@@ -2602,12 +2600,192 @@ const $9055073b45860dd6$export$414f6a19d38e655c = ({ filter_: filter_ , selected
|
|
|
2602
2600
|
]);
|
|
2603
2601
|
|
|
2604
2602
|
|
|
2603
|
+
|
|
2604
|
+
|
|
2605
|
+
|
|
2606
|
+
|
|
2607
|
+
|
|
2608
|
+
|
|
2609
|
+
|
|
2610
|
+
|
|
2611
|
+
|
|
2612
|
+
|
|
2613
|
+
|
|
2614
|
+
|
|
2615
|
+
const $cd6cdf2099e918a4$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<form class="checkbox-color"></form>`, 2);
|
|
2616
|
+
const $cd6cdf2099e918a4$var$max_visible_without_collapsing = 14;
|
|
2617
|
+
const $cd6cdf2099e918a4$var$show_non_collapsible_when_collapsed = 8;
|
|
2618
|
+
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_] }) {
|
|
2619
|
+
const supports_hover = (0, $beec9d22e42ed2cf$export$d9f36cf74e24d595)("not all and (hover: none)");
|
|
2620
|
+
// same as in CheckboxFilter, maybe we should make this DRY at some point
|
|
2621
|
+
const existing_filter = (0, $46MJV$solidjs.createMemo)(()=>{
|
|
2622
|
+
const { field: field , op: op } = filter_();
|
|
2623
|
+
return get_selected_filters().find(({ field: checking_field , op: checking_op })=>checking_field === field && checking_op === op);
|
|
2624
|
+
});
|
|
2625
|
+
let form;
|
|
2626
|
+
const checkboxes = (0, $46MJV$solidjs.createMemo)(()=>{
|
|
2627
|
+
const meta = filter_().meta;
|
|
2628
|
+
return meta.values.map((value_, index)=>// @ts-ignore - backend doesn't support colors yet
|
|
2629
|
+
({
|
|
2630
|
+
value_: value_,
|
|
2631
|
+
name_: meta.names?.[index],
|
|
2632
|
+
count_: meta.counts?.[index],
|
|
2633
|
+
color_: meta.colors?.[index]
|
|
2634
|
+
}));
|
|
2635
|
+
});
|
|
2636
|
+
const render_checkbox = (checkbox)=>{
|
|
2637
|
+
// Checkbox always calls the getters in props, so we don't wrap these values into memos
|
|
2638
|
+
const [get_is_hovered, set_is_hovered] = (0, $46MJV$solidjs.createSignal)(false);
|
|
2639
|
+
const input_row = (0, $46MJV$solidjsweb.createComponent)((0, $009b5e9a48f61fee$export$48513f6b9f8ce62d), {
|
|
2640
|
+
get value_ () {
|
|
2641
|
+
return checkbox().value_;
|
|
2642
|
+
},
|
|
2643
|
+
get label_ () {
|
|
2644
|
+
return checkbox().name_;
|
|
2645
|
+
},
|
|
2646
|
+
get count_ () {
|
|
2647
|
+
return checkbox().count_;
|
|
2648
|
+
},
|
|
2649
|
+
get checked_ () {
|
|
2650
|
+
return existing_filter()?.data?.includes(checkbox().value_);
|
|
2651
|
+
},
|
|
2652
|
+
custom_indicator_ref: (span)=>{
|
|
2653
|
+
const { classList: classList , style: style } = span;
|
|
2654
|
+
// create some memos for diffing
|
|
2655
|
+
const hue = (0, $46MJV$solidjs.createMemo)(()=>checkbox().color_[0]);
|
|
2656
|
+
const saturation = (0, $46MJV$solidjs.createMemo)(()=>checkbox().color_[1]);
|
|
2657
|
+
const lightness = (0, $46MJV$solidjs.createMemo)(()=>checkbox().color_[2]);
|
|
2658
|
+
const special_type = (0, $46MJV$solidjs.createMemo)(()=>checkbox().color_[3]);
|
|
2659
|
+
classList.add("color");
|
|
2660
|
+
(0, $46MJV$solidjs.createComputed)(()=>{
|
|
2661
|
+
const is_hovered = get_is_hovered() && supports_hover();
|
|
2662
|
+
classList.toggle("outline", lightness() > 90);
|
|
2663
|
+
if (special_type() === "multi") {
|
|
2664
|
+
// to generate darkened gradient, this was used:
|
|
2665
|
+
// $change: -5%;
|
|
2666
|
+
// background: linear-gradient(
|
|
2667
|
+
// 180deg,
|
|
2668
|
+
// color.adjust(#ff0000, $lightness: $change) 0%,
|
|
2669
|
+
// color.adjust(#ff6e00, $lightness: $change) 17.71%,
|
|
2670
|
+
// color.adjust(#ffff00, $lightness: $change) 33.33%,
|
|
2671
|
+
// color.adjust(#1eb41e, $lightness: $change) 50.52%,
|
|
2672
|
+
// color.adjust(#00d2ff, $lightness: $change) 67.71%,
|
|
2673
|
+
// color.adjust(#3737c8, $lightness: $change) 83.85%,
|
|
2674
|
+
// color.adjust(#d200ff, $lightness: $change) 100%
|
|
2675
|
+
// );
|
|
2676
|
+
classList.toggle("check-multi", true);
|
|
2677
|
+
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%)`;
|
|
2678
|
+
} else {
|
|
2679
|
+
const is_light = lightness() > 50;
|
|
2680
|
+
// lighten or darken (+/- 10) depending on it's over or under 50 lightness
|
|
2681
|
+
// lighten under 25 lightness by 20
|
|
2682
|
+
const target_lightness = is_hovered ? is_light ? lightness() - 10 : lightness() < 25 ? lightness() + 20 : lightness() + 10 : lightness();
|
|
2683
|
+
classList.toggle("check-dark", lightness() > 75); // dark checkmark for bright colors
|
|
2684
|
+
style.backgroundColor = `hsl(${hue()}, ${saturation()}%, ${target_lightness}%)`;
|
|
2685
|
+
}
|
|
2686
|
+
});
|
|
2687
|
+
}
|
|
2688
|
+
});
|
|
2689
|
+
input_row.addEventListener("mouseover", (0, $46MJV$depictaiutilishared.catchify)(()=>set_is_hovered(true)));
|
|
2690
|
+
input_row.addEventListener("mouseout", (0, $46MJV$depictaiutilishared.catchify)(()=>set_is_hovered(false)));
|
|
2691
|
+
return input_row;
|
|
2692
|
+
};
|
|
2693
|
+
const show_extras_signal = (0, $46MJV$solidjs.createSignal)(false);
|
|
2694
|
+
const [get_show_extras] = show_extras_signal;
|
|
2695
|
+
const togglable_rest = (0, $46MJV$solidjs.createMemo)(()=>checkboxes().length > $cd6cdf2099e918a4$var$max_visible_without_collapsing);
|
|
2696
|
+
const expand_animation_duration = 200;
|
|
2697
|
+
const { expand: expand , collapse: collapse , ExpandingContainer: ExpandingContainer } = (0, $404797169c268f7a$export$5bad61ecde080b1f)({
|
|
2698
|
+
duration: expand_animation_duration
|
|
2699
|
+
});
|
|
2700
|
+
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
|
|
2701
|
+
const expanding_container_els = (0, $46MJV$solidjsweb.createComponent)(ExpandingContainer, {
|
|
2702
|
+
get children () {
|
|
2703
|
+
return (0, $46MJV$solidjsweb.createComponent)((0, $46MJV$solidjs.Show), {
|
|
2704
|
+
get when () {
|
|
2705
|
+
return togglable_rest();
|
|
2706
|
+
},
|
|
2707
|
+
get children () {
|
|
2708
|
+
return (0, $46MJV$solidjsweb.createComponent)((0, $46MJV$solidjs.Index), {
|
|
2709
|
+
get each () {
|
|
2710
|
+
return checkboxes().slice($cd6cdf2099e918a4$var$show_non_collapsible_when_collapsed);
|
|
2711
|
+
},
|
|
2712
|
+
children: render_checkbox
|
|
2713
|
+
});
|
|
2714
|
+
}
|
|
2715
|
+
});
|
|
2716
|
+
}
|
|
2717
|
+
});
|
|
2718
|
+
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)
|
|
2719
|
+
const inner_div = expanding_container_els?.firstChild;
|
|
2720
|
+
if (inner_div) inner_div.classList.add("checkbox-color");
|
|
2721
|
+
else (0, $46MJV$depictaiutilishared.report)(new Error("Someone refactored ExpandingContainer and broke CheckboxColor"), "error");
|
|
2722
|
+
(0, $46MJV$solidjs.createComputed)(()=>{
|
|
2723
|
+
if (togglable_rest()) set_having_expanding_in_dom(true); // instantly put into the DOM before the animation starts
|
|
2724
|
+
});
|
|
2725
|
+
(0, $46MJV$solidjs.createRenderEffect)(()=>{
|
|
2726
|
+
set_view_more_button_below_group_(togglable_rest() ? (0, $46MJV$solidjsweb.createComponent)((0, $76bb4acbbb94c2c6$export$ca21a16d65b3dd8), {
|
|
2727
|
+
show_extras_: show_extras_signal,
|
|
2728
|
+
i18n_: i18n_
|
|
2729
|
+
}) : []);
|
|
2730
|
+
});
|
|
2731
|
+
(0, $46MJV$solidjs.createEffect)((0, $46MJV$depictaiutilishared.catchify)(async ()=>{
|
|
2732
|
+
if (!togglable_rest()) {
|
|
2733
|
+
await collapse();
|
|
2734
|
+
set_having_expanding_in_dom(false); // Once animation has finished, remove expanding from DOM
|
|
2735
|
+
// Waiting with removing might not be needed, but it felt slightly glitchy before and this works so leaving it
|
|
2736
|
+
return;
|
|
2737
|
+
}
|
|
2738
|
+
if (get_show_extras()) await expand();
|
|
2739
|
+
else await collapse();
|
|
2740
|
+
}));
|
|
2741
|
+
return (()=>{
|
|
2742
|
+
const _el$ = $cd6cdf2099e918a4$var$_tmpl$.cloneNode(true);
|
|
2743
|
+
(0, $46MJV$solidjsweb.addEventListener)(_el$, "change", (0, $46MJV$depictaiutilishared.catchify)(()=>{
|
|
2744
|
+
const set_filter = existing_filter();
|
|
2745
|
+
const { field: field , op: op } = filter_();
|
|
2746
|
+
const base_object = set_filter ? set_filter : {
|
|
2747
|
+
op: op,
|
|
2748
|
+
field: field
|
|
2749
|
+
};
|
|
2750
|
+
const filter_object = {
|
|
2751
|
+
...base_object,
|
|
2752
|
+
data: [
|
|
2753
|
+
...new FormData(form)
|
|
2754
|
+
].filter(([_key, value])=>value === "on").map(([key])=>key)
|
|
2755
|
+
};
|
|
2756
|
+
const selected_filters = [
|
|
2757
|
+
...get_selected_filters()
|
|
2758
|
+
];
|
|
2759
|
+
if (set_filter) selected_filters.splice(selected_filters.indexOf(set_filter), 1);
|
|
2760
|
+
if (filter_object.data.length) selected_filters.push(filter_object);
|
|
2761
|
+
set_selected_filters(selected_filters);
|
|
2762
|
+
}));
|
|
2763
|
+
const _ref$ = form;
|
|
2764
|
+
typeof _ref$ === "function" ? (0, $46MJV$solidjsweb.use)(_ref$, _el$) : form = _el$;
|
|
2765
|
+
(0, $46MJV$solidjsweb.insert)(_el$, (0, $46MJV$solidjsweb.createComponent)((0, $46MJV$solidjs.Index), {
|
|
2766
|
+
get each () {
|
|
2767
|
+
return (0, $46MJV$solidjsweb.memo)(()=>!!togglable_rest())() ? checkboxes().slice(0, $cd6cdf2099e918a4$var$show_non_collapsible_when_collapsed) : checkboxes();
|
|
2768
|
+
},
|
|
2769
|
+
children: render_checkbox
|
|
2770
|
+
}), null);
|
|
2771
|
+
(0, $46MJV$solidjsweb.insert)(_el$, (0, $46MJV$solidjsweb.createComponent)((0, $46MJV$solidjs.Show), {
|
|
2772
|
+
get when () {
|
|
2773
|
+
return get_having_expanding_in_dom();
|
|
2774
|
+
},
|
|
2775
|
+
children: expanding_container_els
|
|
2776
|
+
}), null);
|
|
2777
|
+
return _el$;
|
|
2778
|
+
})();
|
|
2779
|
+
}
|
|
2780
|
+
|
|
2781
|
+
|
|
2605
2782
|
var $6865c7388a79e957$export$2e2bcd8739ae039 = {
|
|
2606
2783
|
checkbox: (0, $8984a0a949b1c852$export$dd948f91abc3a1c4),
|
|
2607
2784
|
radio: (0, $336616ec8a612a1c$export$430444115f70a734),
|
|
2608
2785
|
range: (0, $6833018d8bbbb2ad$export$e0d834a0ad870cda),
|
|
2609
2786
|
"checkbox-hierarchical": (0, $b7574d1d3a67ed68$export$a32086fa6616eafd),
|
|
2610
|
-
"checkbox-grid": (0, $9055073b45860dd6$export$414f6a19d38e655c)
|
|
2787
|
+
"checkbox-grid": (0, $9055073b45860dd6$export$414f6a19d38e655c),
|
|
2788
|
+
"checkbox-color": (0, $cd6cdf2099e918a4$export$82ed4b28ecb67608)
|
|
2611
2789
|
};
|
|
2612
2790
|
|
|
2613
2791
|
|
|
@@ -2770,7 +2948,7 @@ function $0bc45cf6753f874a$export$b288c38ae3fddb56({ available_filters_: availab
|
|
|
2770
2948
|
|
|
2771
2949
|
|
|
2772
2950
|
|
|
2773
|
-
const $8578879ddb04f368$var$_tmpl$ =
|
|
2951
|
+
const $8578879ddb04f368$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<span class="show-selected" aria-hidden="true"><span></span></span>`, 4);
|
|
2774
2952
|
function $8578879ddb04f368$export$53c59af873b303c9({ selected_filters_in_group_: selected_filters_in_group_ , i18n_: { price_formatting_: price_formatting_ } }) {
|
|
2775
2953
|
const [show_tick_icon, set_show_tick_icon] = (0, $46MJV$solidjs.createSignal)(false);
|
|
2776
2954
|
return (()=>{
|
|
@@ -2882,7 +3060,7 @@ function $5804fd6cbfb7160f$export$ab34afce88557c0e(props) {
|
|
|
2882
3060
|
|
|
2883
3061
|
|
|
2884
3062
|
|
|
2885
|
-
const $0f2f58dd60b11888$var$_tmpl$ =
|
|
3063
|
+
const $0f2f58dd60b11888$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div></div>`, 2);
|
|
2886
3064
|
function $0f2f58dd60b11888$export$b69d0d92862de18b(props) {
|
|
2887
3065
|
return (0, $46MJV$solidjs.ErrorBoundary)({
|
|
2888
3066
|
fallback (err) {
|
|
@@ -2905,7 +3083,7 @@ function $0f2f58dd60b11888$export$b69d0d92862de18b(props) {
|
|
|
2905
3083
|
|
|
2906
3084
|
|
|
2907
3085
|
|
|
2908
|
-
const $1587765bd31f3722$var$_tmpl$ =
|
|
3086
|
+
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
3087
|
function $1587765bd31f3722$export$3f1a388cc0d8fed7(props) {
|
|
2910
3088
|
// Split like this to make placeholder wrapping more visible & this component is exported and used in MobileModal
|
|
2911
3089
|
return (0, $46MJV$solidjsweb.createComponent)((0, $46MJV$solidjs.Show), {
|
|
@@ -3134,7 +3312,7 @@ function $1587765bd31f3722$var$ActualFilterBody(props) {
|
|
|
3134
3312
|
|
|
3135
3313
|
|
|
3136
3314
|
|
|
3137
|
-
const $cc8aaf130b1dc1ea$var$_tmpl$ =
|
|
3315
|
+
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
3316
|
function $cc8aaf130b1dc1ea$export$1f1775a58da589b5({ available_sortings_: available_sortings_ , current_sorting_: current_sorting_ }) {
|
|
3139
3317
|
const title_radio_name = (0, $46MJV$depictaiutilishared.make_random_classname)();
|
|
3140
3318
|
const order_radio_name = (0, $46MJV$depictaiutilishared.make_random_classname)();
|
|
@@ -3265,9 +3443,9 @@ function $fa41c421eb980e23$export$fe334901e8bebd57() {
|
|
|
3265
3443
|
const style = element.style;
|
|
3266
3444
|
const original_value = style.overflow;
|
|
3267
3445
|
style.overflow = "hidden";
|
|
3268
|
-
const
|
|
3269
|
-
cleanup_fns.push(
|
|
3270
|
-
(0, $46MJV$solidjs.onCleanup)(
|
|
3446
|
+
const fn = (0, $46MJV$depictaiutilishared.catchify)(()=>style.overflow = original_value);
|
|
3447
|
+
cleanup_fns.push(fn);
|
|
3448
|
+
(0, $46MJV$solidjs.onCleanup)(fn);
|
|
3271
3449
|
}
|
|
3272
3450
|
}
|
|
3273
3451
|
return cleanup;
|
|
@@ -3282,7 +3460,7 @@ function $fa41c421eb980e23$export$fe334901e8bebd57() {
|
|
|
3282
3460
|
|
|
3283
3461
|
|
|
3284
3462
|
|
|
3285
|
-
const $66ddbcbc40487f95$var$_tmpl$ =
|
|
3463
|
+
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
3464
|
const $66ddbcbc40487f95$var$no_go_selector = ".range .range-group";
|
|
3287
3465
|
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
3466
|
(0, $fa41c421eb980e23$export$fe334901e8bebd57)();
|
|
@@ -3553,7 +3731,7 @@ function $66ddbcbc40487f95$export$9bf11afa910f536e({ args_for_sorting_: args_for
|
|
|
3553
3731
|
|
|
3554
3732
|
|
|
3555
3733
|
|
|
3556
|
-
const $881cb1745bafff7a$var$_tmpl$ =
|
|
3734
|
+
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
3735
|
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
3736
|
return (0, $0f2f58dd60b11888$export$b69d0d92862de18b)({
|
|
3559
3737
|
severity_: "error",
|
|
@@ -3785,7 +3963,7 @@ function $881cb1745bafff7a$var$OpenSortingButton({ i18n_: i18n_ , current_sortin
|
|
|
3785
3963
|
|
|
3786
3964
|
|
|
3787
3965
|
|
|
3788
|
-
const $fd64465f894d1f29$var$_tmpl$ =
|
|
3966
|
+
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
3967
|
function $fd64465f894d1f29$export$b23abd26de154ede(props) {
|
|
3790
3968
|
const [is_small, set_is_small] = (0, $46MJV$solidjs.createSignal)(true);
|
|
3791
3969
|
(0, $46MJV$solidjs.onCleanup)((0, $46MJV$depictaiutilishared.javascript_media_query)("(max-width:651px)", ({ matches: matches })=>set_is_small(matches)).remove);
|
|
@@ -3929,7 +4107,7 @@ function $fd64465f894d1f29$var$ActualFloatingButtons({ search_filters_open_: [ge
|
|
|
3929
4107
|
|
|
3930
4108
|
|
|
3931
4109
|
|
|
3932
|
-
const $495e9998757c5d32$var$_tmpl$ =
|
|
4110
|
+
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
4111
|
function $495e9998757c5d32$export$5646050d516e06bc({ crumb_data_: get_api_crumb_data , on_crumb_click_: on_crumb_click_ , i18n_: i18n_ }) {
|
|
3934
4112
|
const placeholder_crumb_data = [
|
|
3935
4113
|
,
|
|
@@ -3999,7 +4177,7 @@ function $495e9998757c5d32$export$5646050d516e06bc({ crumb_data_: get_api_crumb_
|
|
|
3999
4177
|
|
|
4000
4178
|
|
|
4001
4179
|
|
|
4002
|
-
const $cdc2c00c0a7da86e$var$_tmpl$ =
|
|
4180
|
+
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
4181
|
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
4182
|
let scrolling_logic_ran_for_query_id = false;
|
|
4005
4183
|
let last_scroll_position;
|
|
@@ -4309,7 +4487,7 @@ let $29b757e2ae26852c$export$44dad306455dddf;
|
|
|
4309
4487
|
})($29b757e2ae26852c$export$44dad306455dddf || ($29b757e2ae26852c$export$44dad306455dddf = {}));
|
|
4310
4488
|
|
|
4311
4489
|
|
|
4312
|
-
const $671632478f2a7ce7$var$_tmpl$ =
|
|
4490
|
+
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
4491
|
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
4492
|
let results_for;
|
|
4315
4493
|
let only_show_filters_opener_;
|
|
@@ -4738,7 +4916,7 @@ function $623202ae203e9e59$export$f091cbac892643a4(obj) {
|
|
|
4738
4916
|
}
|
|
4739
4917
|
|
|
4740
4918
|
|
|
4741
|
-
const $b5bcdaaacb8b81f2$var$_tmpl$ =
|
|
4919
|
+
const $b5bcdaaacb8b81f2$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="depict plp category"></div>`, 2);
|
|
4742
4920
|
const $b5bcdaaacb8b81f2$var$min_products_to_fetch_ = 20;
|
|
4743
4921
|
const $b5bcdaaacb8b81f2$var$privately_shared_properties = /*@__PURE__*/ new WeakMap();
|
|
4744
4922
|
const $b5bcdaaacb8b81f2$var$InExternalAreaDiv = ({ children: children })=>(()=>{
|
|
@@ -4801,10 +4979,10 @@ class $b5bcdaaacb8b81f2$export$f34314aa9505732e {
|
|
|
4801
4979
|
try {
|
|
4802
4980
|
on_navigation(d.page_url, e, d);
|
|
4803
4981
|
e.preventDefault();
|
|
4804
|
-
} catch (
|
|
4982
|
+
} catch (e) {
|
|
4805
4983
|
queueMicrotask(()=>{
|
|
4806
4984
|
// make sure to throw into the global scope if on_navigation throws
|
|
4807
|
-
throw
|
|
4985
|
+
throw e;
|
|
4808
4986
|
});
|
|
4809
4987
|
}
|
|
4810
4988
|
});
|
|
@@ -4862,7 +5040,10 @@ function $b5bcdaaacb8b81f2$export$e2bf8ce7779e827e({ depict_category: depict_cat
|
|
|
4862
5040
|
...grid_spacing_override
|
|
4863
5041
|
},
|
|
4864
5042
|
rr_options_: {
|
|
4865
|
-
template:
|
|
5043
|
+
template: (display, info)=>{
|
|
5044
|
+
const is_placeholder = info.rendering_options.type === "placeholder";
|
|
5045
|
+
return product_card_template(is_placeholder ? null : display, info);
|
|
5046
|
+
}
|
|
4866
5047
|
}
|
|
4867
5048
|
});
|
|
4868
5049
|
}, "Entire CategoryPage failed");
|
|
@@ -4906,7 +5087,7 @@ function $b5bcdaaacb8b81f2$var$get_shared_properties(depict_category) {
|
|
|
4906
5087
|
|
|
4907
5088
|
|
|
4908
5089
|
|
|
4909
|
-
const $853f821e60bd06ea$var$_tmpl$ =
|
|
5090
|
+
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
5091
|
const $853f821e60bd06ea$export$b91cec6bdc6b32a1 = /*@__PURE__*/ (()=>{
|
|
4911
5092
|
const actual_function = ({ category_title_: category_title_ , product_count_: product_count_ })=>{
|
|
4912
5093
|
return (()=>{
|
|
@@ -4928,7 +5109,7 @@ const $853f821e60bd06ea$export$b91cec6bdc6b32a1 = /*@__PURE__*/ (()=>{
|
|
|
4928
5109
|
|
|
4929
5110
|
|
|
4930
5111
|
|
|
4931
|
-
const $1a89c0064ad43e0d$var$_tmpl$ =
|
|
5112
|
+
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
5113
|
const $1a89c0064ad43e0d$export$824dde41348efed1 = /*@__PURE__*/ (()=>{
|
|
4933
5114
|
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
5115
|
// 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 +5272,7 @@ async function $bfd8f91b5a75050a$var$download_categories(tenant, market) {
|
|
|
5091
5272
|
|
|
5092
5273
|
|
|
5093
5274
|
|
|
5094
|
-
const $17c49340edfdbb31$var$_tmpl$ =
|
|
5275
|
+
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
5276
|
function $17c49340edfdbb31$export$ee1733d9a8495996() {
|
|
5096
5277
|
return (()=>{
|
|
5097
5278
|
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 +5297,7 @@ function $17c49340edfdbb31$export$ee1733d9a8495996() {
|
|
|
5116
5297
|
|
|
5117
5298
|
|
|
5118
5299
|
|
|
5119
|
-
const $67892c03cd3dfa66$var$_tmpl$ =
|
|
5300
|
+
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
5301
|
function $67892c03cd3dfa66$export$d757d54550ebfb3d({ category_suggestion_: category_suggestion_ , on_navigation_: on_navigation_ }) {
|
|
5121
5302
|
return (()=>{
|
|
5122
5303
|
const _el$ = $67892c03cd3dfa66$var$_tmpl$2.cloneNode(true), _el$2 = _el$.firstChild;
|
|
@@ -5159,7 +5340,7 @@ function $67892c03cd3dfa66$export$d757d54550ebfb3d({ category_suggestion_: categ
|
|
|
5159
5340
|
|
|
5160
5341
|
|
|
5161
5342
|
|
|
5162
|
-
const $231c39725f8fde87$var$_tmpl$ =
|
|
5343
|
+
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
5344
|
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
5345
|
let input_field;
|
|
5165
5346
|
(0, $46MJV$solidjs.createEffect)((0, $46MJV$depictaiutilishared.catchify)(async ()=>{
|
|
@@ -5258,7 +5439,7 @@ function $231c39725f8fde87$export$ff21851bb5d30e15({ search_field_value_: search
|
|
|
5258
5439
|
|
|
5259
5440
|
|
|
5260
5441
|
|
|
5261
|
-
const $9f81b7ced87aabf2$var$_tmpl$ =
|
|
5442
|
+
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
5443
|
const $9f81b7ced87aabf2$export$1c8c715550dc689d = 2;
|
|
5263
5444
|
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
5445
|
const [is_showing_something, set_is_showing_something] = (0, $46MJV$solidjs.createSignal)(false);
|
|
@@ -5596,7 +5777,7 @@ function $690220645373c65e$export$2542ffb77b620b02(params_to_default_value) {
|
|
|
5596
5777
|
|
|
5597
5778
|
|
|
5598
5779
|
|
|
5599
|
-
const $1bf0125991f2d39b$var$_tmpl$ =
|
|
5780
|
+
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
5781
|
const $1bf0125991f2d39b$export$b05c0ae390cf3e06 = (display_or_variant_container, { i18n: i18n })=>{
|
|
5601
5782
|
const display = (0, $46MJV$solidjs.createMemo)(()=>{
|
|
5602
5783
|
const display = display_or_variant_container();
|
|
@@ -5679,7 +5860,7 @@ const $1bf0125991f2d39b$export$b05c0ae390cf3e06 = (display_or_variant_container,
|
|
|
5679
5860
|
};
|
|
5680
5861
|
|
|
5681
5862
|
|
|
5682
|
-
const $4cadf33fd6aaf4b6$var$_tmpl$ =
|
|
5863
|
+
const $4cadf33fd6aaf4b6$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="instant-results"></div>`, 2);
|
|
5683
5864
|
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
5865
|
const max_cards = 4;
|
|
5685
5866
|
const [read_current_instant_query, write_current_instant_query] = (0, $46MJV$solidjs.createSignal)("");
|
|
@@ -5816,7 +5997,7 @@ function $4cadf33fd6aaf4b6$var$unwrapping_helper(elements) {
|
|
|
5816
5997
|
|
|
5817
5998
|
|
|
5818
5999
|
|
|
5819
|
-
const $6ea05d3ebaa81958$var$_tmpl$ =
|
|
6000
|
+
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
6001
|
function $6ea05d3ebaa81958$export$50b90be27d8502d9(el, [get_style_props, set_style_props], bottom_distance) {
|
|
5821
6002
|
const overflow_style_beginning = "position:absolute;z-index:-1;pointer-events:none;width:100%;height:200%;";
|
|
5822
6003
|
const upper_overflowing_box = $6ea05d3ebaa81958$var$_tmpl$.cloneNode(true);
|
|
@@ -5900,7 +6081,7 @@ function $41151dd3f5de2c98$export$91c3b6774e8be0f5({ param_: param_ , value_: va
|
|
|
5900
6081
|
|
|
5901
6082
|
|
|
5902
6083
|
|
|
5903
|
-
const $d9dab2a87a9fc61a$var$_tmpl$ =
|
|
6084
|
+
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
6085
|
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
6086
|
const has_entries = (0, $46MJV$solidjs.createMemo)(()=>previous_searches_().length >= 1);
|
|
5906
6087
|
currently_showing_suggestions_[1]((value)=>{
|
|
@@ -6003,7 +6184,7 @@ function $d9dab2a87a9fc61a$export$a146ac6fa8346a25({ text_: text_ , previous_sea
|
|
|
6003
6184
|
|
|
6004
6185
|
|
|
6005
6186
|
|
|
6006
|
-
const $5a0afe153acd45d7$var$_tmpl$ =
|
|
6187
|
+
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
6188
|
function $5a0afe153acd45d7$export$ba17c5b7e6dda39f({ whole_text_to_display_: whole_text_to_display_memo , searching_for_value_: searching_for_value_memo , class_: class_ }) {
|
|
6008
6189
|
const [get_has_highlighted, set_has_highlighted] = (0, $46MJV$solidjs.createSignal)(false);
|
|
6009
6190
|
const text_itself = (0, $46MJV$solidjs.createMemo)(()=>(0, $46MJV$solidjs.batch)(()=>{
|
|
@@ -6063,7 +6244,7 @@ function $5a0afe153acd45d7$export$ba17c5b7e6dda39f({ whole_text_to_display_: who
|
|
|
6063
6244
|
}
|
|
6064
6245
|
|
|
6065
6246
|
|
|
6066
|
-
const $aabe56c678fa29ec$var$_tmpl$ =
|
|
6247
|
+
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
6248
|
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
6249
|
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
6250
|
));
|
|
@@ -6275,7 +6456,7 @@ function $aabe56c678fa29ec$export$e872e2339fb04a7f({ suggestion_memo_: suggestio
|
|
|
6275
6456
|
|
|
6276
6457
|
|
|
6277
6458
|
|
|
6278
|
-
const $bc74fbd61efdd8a5$var$_tmpl$ =
|
|
6459
|
+
const $bc74fbd61efdd8a5$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<a target="_blank"></a>`, 2);
|
|
6279
6460
|
function $bc74fbd61efdd8a5$export$217899a935ef803b({ selected_index_: [read_selected_index, write_selected_index] , currently_showing_suggestions_: [read_currently_showing_suggestions] , ...rest_of_props }) {
|
|
6280
6461
|
const last_suggestion_index_ = (0, $46MJV$solidjs.createMemo)(()=>{
|
|
6281
6462
|
const currently_showing_suggestions = read_currently_showing_suggestions();
|
|
@@ -6572,19 +6753,19 @@ function $4ee1f6be4255fde6$export$3340fdd8259bd4fd({ get_search_field_value_: ge
|
|
|
6572
6753
|
|
|
6573
6754
|
|
|
6574
6755
|
|
|
6575
|
-
const $
|
|
6756
|
+
const $d3c94b3b96557917$export$af8311b651139246 = (css_properties)=>{
|
|
6576
6757
|
return Object.entries(css_properties).map(([key, value])=>`${key}: ${value};`).join(" ");
|
|
6577
6758
|
};
|
|
6578
|
-
const $
|
|
6579
|
-
return Object.entries(styles).map(([selector, css_properties])=>`${selector} { ${$
|
|
6759
|
+
const $d3c94b3b96557917$export$1233ca167bf71f9a = (styles)=>{
|
|
6760
|
+
return Object.entries(styles).map(([selector, css_properties])=>`${selector} { ${$d3c94b3b96557917$export$af8311b651139246(css_properties)} }`).join(" ");
|
|
6580
6761
|
};
|
|
6581
6762
|
|
|
6582
6763
|
|
|
6583
6764
|
|
|
6584
|
-
const $4a976b492943589f$var$_tmpl$ =
|
|
6765
|
+
const $4a976b492943589f$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<style></style>`, 2);
|
|
6585
6766
|
function $4a976b492943589f$export$f021bdedd3ec901a(props) {
|
|
6586
6767
|
const valid_css_string = (0, $46MJV$solidjs.createMemo)(()=>{
|
|
6587
|
-
return (0, $
|
|
6768
|
+
return (0, $d3c94b3b96557917$export$1233ca167bf71f9a)(props.styles());
|
|
6588
6769
|
});
|
|
6589
6770
|
return (()=>{
|
|
6590
6771
|
const _el$ = $4a976b492943589f$var$_tmpl$.cloneNode(true);
|
|
@@ -6594,7 +6775,7 @@ function $4a976b492943589f$export$f021bdedd3ec901a(props) {
|
|
|
6594
6775
|
}
|
|
6595
6776
|
|
|
6596
6777
|
|
|
6597
|
-
const $121d25ca6af2898f$var$_tmpl$ =
|
|
6778
|
+
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
6779
|
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
6780
|
let on_enter_in_query_input_function;
|
|
6600
6781
|
const [input_field, set_input_field] = (0, $46MJV$solidjs.createSignal)();
|
|
@@ -6613,22 +6794,24 @@ function $121d25ca6af2898f$export$1c593cbd6f1e10bc({ search_field_value_: search
|
|
|
6613
6794
|
$121d25ca6af2898f$var$close_modal_when_navigating_away(close_modal_, search_page_url_param_name_);
|
|
6614
6795
|
window.addEventListener("keydown", close_on_escape_handler);
|
|
6615
6796
|
(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
|
-
|
|
6797
|
+
const owner = (0, $46MJV$solidjs.getOwner)();
|
|
6798
|
+
(0, $46MJV$solidjs.onCleanup)((0, $46MJV$depictaiutilishared.javascript_media_query)("(max-height:700px)", ({ matches: matches })=>(0, $46MJV$solidjs.runWithOwner)(owner, ()=>{
|
|
6799
|
+
// the if below is reactive so we need an owner
|
|
6800
|
+
(matches ? set_elements_outside_scrollable : set_elements_inside_scrollable)("");
|
|
6801
|
+
(matches ? set_elements_inside_scrollable : set_elements_outside_scrollable)((()=>{
|
|
6802
|
+
const _el$ = $121d25ca6af2898f$var$_tmpl$.cloneNode(true), _el$2 = _el$.firstChild;
|
|
6803
|
+
(0, $46MJV$solidjsweb.addEventListener)(_el$2, "click", submit_query_, true);
|
|
6804
|
+
(0, $46MJV$solidjsweb.insert)(_el$2, (()=>{
|
|
6805
|
+
const _c$ = (0, $46MJV$solidjsweb.memo)(()=>!!get_search_field_value_());
|
|
6806
|
+
return ()=>_c$() ? i18n_.modal_view_all_results_()((()=>{
|
|
6807
|
+
const _el$3 = $121d25ca6af2898f$var$_tmpl$2.cloneNode(true);
|
|
6808
|
+
(0, $46MJV$solidjsweb.insert)(_el$3, ()=>get_num_results_accessor?.());
|
|
6809
|
+
return _el$3;
|
|
6810
|
+
})()) : i18n_.modal_discover_more_();
|
|
6811
|
+
})());
|
|
6812
|
+
return _el$;
|
|
6628
6813
|
})());
|
|
6629
|
-
|
|
6630
|
-
})());
|
|
6631
|
-
}).remove);
|
|
6814
|
+
})).remove);
|
|
6632
6815
|
if (closing_animation_) register_closing_animation_(closing_animation_);
|
|
6633
6816
|
(0, $4ee1f6be4255fde6$export$3340fdd8259bd4fd)({
|
|
6634
6817
|
get_search_field_value_: get_search_field_value_,
|
|
@@ -6779,7 +6962,7 @@ function $121d25ca6af2898f$var$close_modal_when_navigating_away(close_modal, sea
|
|
|
6779
6962
|
|
|
6780
6963
|
|
|
6781
6964
|
|
|
6782
|
-
const $ea038dec4ee16624$var$_tmpl$ =
|
|
6965
|
+
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
6966
|
function $ea038dec4ee16624$export$c05a196222ba1302({ suggestions_: suggestions_ , children: children , selected_filters_: selected_filters_ , slider_arrow_button_: slider_arrow_button_ }) {
|
|
6784
6967
|
const category_suggestions_ = (0, $46MJV$solidjs.createMemo)(()=>suggestions_()?.suggestions.filter((s)=>s.type === "category"));
|
|
6785
6968
|
return (0, $46MJV$solidjsweb.createComponent)((0, $46MJV$solidjs.Show), {
|
|
@@ -6833,7 +7016,7 @@ function $ea038dec4ee16624$export$c05a196222ba1302({ suggestions_: suggestions_
|
|
|
6833
7016
|
|
|
6834
7017
|
|
|
6835
7018
|
|
|
6836
|
-
const $297ca03cb5dd5701$var$_tmpl$ =
|
|
7019
|
+
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
7020
|
function $297ca03cb5dd5701$export$9dd50d35b9d94fdf({ search_query_: search_query_ , i18n_: i18n_ , formatted_number_of_results_: formatted_number_of_results_ }) {
|
|
6838
7021
|
const contents = (0, $46MJV$solidjs.createMemo)((0, $46MJV$depictaiutilishared.catchify)(()=>{
|
|
6839
7022
|
const q = search_query_[0]();
|
|
@@ -6861,7 +7044,7 @@ function $297ca03cb5dd5701$export$9dd50d35b9d94fdf({ search_query_: search_query
|
|
|
6861
7044
|
|
|
6862
7045
|
|
|
6863
7046
|
|
|
6864
|
-
const $93779a41dce11249$var$_tmpl$ =
|
|
7047
|
+
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
7048
|
function $93779a41dce11249$export$a54ec244c8863715(opts) {
|
|
6866
7049
|
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
7050
|
const tenant_object_ = new (0, $46MJV$depictaiutilishared.Tenant)({
|
|
@@ -7152,7 +7335,7 @@ function $93779a41dce11249$export$a54ec244c8863715(opts) {
|
|
|
7152
7335
|
|
|
7153
7336
|
|
|
7154
7337
|
|
|
7155
|
-
const $2267618dcbb65a94$var$_tmpl$ =
|
|
7338
|
+
const $2267618dcbb65a94$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="depict plp search"></div>`, 2);
|
|
7156
7339
|
/**
|
|
7157
7340
|
* 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
7341
|
*/ const $2267618dcbb65a94$var$privately_shared_properties = /*@__PURE__*/ new WeakMap();
|
|
@@ -7247,6 +7430,7 @@ class $2267618dcbb65a94$export$ac6237957a15b3f0 {
|
|
|
7247
7430
|
});
|
|
7248
7431
|
(0, $33815c5a406b6cc0$export$5162a71f252e6122)();
|
|
7249
7432
|
(0, $46MJV$depictaiutilishared.catchify)(async ()=>{
|
|
7433
|
+
const owner = (0, $46MJV$solidjs.getOwner)(); // we might have an owner, if so, pass it on
|
|
7250
7434
|
const { open_modal_: open_modal_ , close_modal_: close_modal_ } = await (0, $089c01924e13fae5$export$79b1565500412d9b)((...args)=>{
|
|
7251
7435
|
(0, $46MJV$solidjs.onCleanup)(()=>this.modal_open = false);
|
|
7252
7436
|
return (0, $121d25ca6af2898f$export$1c593cbd6f1e10bc)(...args);
|
|
@@ -7278,7 +7462,7 @@ class $2267618dcbb65a94$export$ac6237957a15b3f0 {
|
|
|
7278
7462
|
});
|
|
7279
7463
|
// This will add some default behaviour to open_modal_ if no style_props_ are supplied
|
|
7280
7464
|
// The default behaviour is to align the modal with the input field if possible
|
|
7281
|
-
|
|
7465
|
+
const computation = ()=>{
|
|
7282
7466
|
const open_signal_value = this.modal_open;
|
|
7283
7467
|
const signal_value_is_options = Array.isArray(open_signal_value);
|
|
7284
7468
|
// Close modal if signal is false
|
|
@@ -7322,17 +7506,19 @@ class $2267618dcbb65a94$export$ac6237957a15b3f0 {
|
|
|
7322
7506
|
transform: transform_y() ? "translateY(-50%)" : "unset"
|
|
7323
7507
|
})));
|
|
7324
7508
|
if (signal_value_is_options) {
|
|
7325
|
-
const [
|
|
7509
|
+
const [options_arg, ...rest] = open_signal_value;
|
|
7326
7510
|
open_modal_({
|
|
7327
|
-
...
|
|
7511
|
+
...options_arg,
|
|
7328
7512
|
style_props_: search_page_aligned_modal_body_style_signal_
|
|
7329
|
-
}, ...
|
|
7513
|
+
}, ...rest);
|
|
7330
7514
|
return;
|
|
7331
7515
|
}
|
|
7332
7516
|
open_modal_({
|
|
7333
7517
|
style_props_: style_props_
|
|
7334
7518
|
});
|
|
7335
|
-
}
|
|
7519
|
+
};
|
|
7520
|
+
if (owner != null) (0, $46MJV$solidjs.runWithOwner)(owner, ()=>(0, $46MJV$solidjs.createComputed)(computation));
|
|
7521
|
+
else (0, $46MJV$solidjs.createComputed)(computation);
|
|
7336
7522
|
})();
|
|
7337
7523
|
$2267618dcbb65a94$export$ac6237957a15b3f0.#has_been_constructed = true;
|
|
7338
7524
|
}
|
|
@@ -7435,7 +7621,10 @@ function $2267618dcbb65a94$export$f2dc7e4e4aa11abb({ depict_search: depict_searc
|
|
|
7435
7621
|
width_: 6.46
|
|
7436
7622
|
}),
|
|
7437
7623
|
rr_options_: {
|
|
7438
|
-
template:
|
|
7624
|
+
template: (display, info)=>{
|
|
7625
|
+
const is_placeholder = info.rendering_options.type === "placeholder";
|
|
7626
|
+
return product_card_template(is_placeholder ? null : display, info);
|
|
7627
|
+
},
|
|
7439
7628
|
pre_processors: extra_depict_options?.pre_processors,
|
|
7440
7629
|
post_processors: extra_depict_options?.post_processors
|
|
7441
7630
|
},
|
|
@@ -7496,6 +7685,7 @@ function $2267618dcbb65a94$export$b94867ecbd698f21({ depict_search: depict_searc
|
|
|
7496
7685
|
|
|
7497
7686
|
|
|
7498
7687
|
|
|
7688
|
+
|
|
7499
7689
|
function $308e64f91bb9f839$export$d0596b5cae35ad4(open_search) {
|
|
7500
7690
|
const handler = (0, $46MJV$depictaiutilishared.catchify)((e)=>{
|
|
7501
7691
|
const { key: key , target: target } = e;
|