@depict-ai/ui 1.0.16 → 1.0.17
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/client/main.js +164 -374
- package/dist/client/module.js +167 -375
- package/dist/index.d.ts +26 -52
- package/dist/main.js +8601 -0
- package/dist/module.js +8567 -0
- package/dist/server/main.js +142 -333
- package/dist/server/module.js +145 -334
- package/package.json +27 -50
package/dist/client/main.js
CHANGED
|
@@ -6,8 +6,6 @@ function $parcel$export(e, n, v, s) {
|
|
|
6
6
|
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
7
7
|
}
|
|
8
8
|
|
|
9
|
-
$parcel$export(module.exports, "CrossIcon", () => $c77c68e559a1506c$export$3b621d86b1566b2);
|
|
10
|
-
$parcel$export(module.exports, "GenericSliderArrowButton", () => $0f313083912e447a$export$8be2714ec7f169ee);
|
|
11
9
|
$parcel$export(module.exports, "fetchDepictRecommendations", () => $bc91d938b8c601b4$export$58e808b1db15d3bc);
|
|
12
10
|
$parcel$export(module.exports, "QuickLinks", () => $48567ac5b39bac56$export$de035477d6fef996);
|
|
13
11
|
$parcel$export(module.exports, "BreadCrumbs", () => $48567ac5b39bac56$export$5b7c3ce0ebe51f86);
|
|
@@ -42,54 +40,11 @@ $parcel$export(module.exports, "defaultGridSpacing", () => $a3280f0aad997933$exp
|
|
|
42
40
|
$parcel$export(module.exports, "defaultColsAtSize", () => $a3280f0aad997933$export$c3834fa86c616831);
|
|
43
41
|
$parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $a3280f0aad997933$export$7bf543b9d9be2c22);
|
|
44
42
|
$parcel$export(module.exports, "version", () => $b757f75811f3261f$export$83d89fbfd8236492);
|
|
45
|
-
/*! Depict.ai search and product listing SDK */ const $b757f75811f3261f$export$83d89fbfd8236492 = "1.0.
|
|
43
|
+
/*! Depict.ai search and product listing SDK */ const $b757f75811f3261f$export$83d89fbfd8236492 = "1.0.15";
|
|
46
44
|
|
|
47
45
|
|
|
48
46
|
|
|
49
47
|
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
const $c77c68e559a1506c$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<svg><path d="M11.669 10.531l9.156-9.156a.78.78 0 0 0 .237-.569c0-.221-.079-.412-.237-.569A.8.8 0 0 0 20.24 0a.77.77 0 0 0-.569.237l-9.14 9.14-9.14-9.14A.79.79 0 0 0 .807 0a.77.77 0 0 0-.569.237A.78.78 0 0 0 0 .807a.77.77 0 0 0 .237.569l9.156 9.156-9.156 9.14c-.159.157-.237.349-.237.569s.079.412.237.569c.085.085.174.148.268.19a1.095 1.095 0 0 0 .316.048.894.894 0 0 0 .285-.048.84.84 0 0 0 .285-.19l9.139-9.14 9.14 9.14a.894.894 0 0 0 .268.19 1.049 1.049 0 0 0 .301.048.941.941 0 0 0 .301-.048.84.84 0 0 0 .285-.19.78.78 0 0 0 .237-.569c0-.221-.079-.412-.237-.569z"></path></svg>`, 4);
|
|
55
|
-
function $c77c68e559a1506c$export$3b621d86b1566b2(props = {}) {
|
|
56
|
-
return (()=>{
|
|
57
|
-
const _el$ = (0, $57o7A$solidjsweb.getNextElement)($c77c68e559a1506c$var$_tmpl$);
|
|
58
|
-
(0, $57o7A$solidjsweb.spread)(_el$, (0, $57o7A$solidjsweb.mergeProps)(props, {
|
|
59
|
-
"xmlns": "http://www.w3.org/2000/svg",
|
|
60
|
-
"width": "21.064",
|
|
61
|
-
"height": "21.047",
|
|
62
|
-
"viewBox": "0 0 21.064 21.064"
|
|
63
|
-
}), true, true);
|
|
64
|
-
(0, $57o7A$solidjsweb.runHydrationEvents)();
|
|
65
|
-
return _el$;
|
|
66
|
-
})();
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
const $0f313083912e447a$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 26"><path d="M2 24.656c-.078 0-.156-.016-.234-.047s-.133-.066-.187-.129c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422l10.371-10.371L1.578 2.883c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422.258-.176.422-.176.305.059.422.176l10.805 10.793a.59.59 0 0 1 .176.434c0 .172-.059.305-.176.422L2.422 24.48a.42.42 0 0 1-.199.129.54.54 0 0 1-.223.047zm0 0" fill="#0f0f0f"></path></svg>`, 4);
|
|
75
|
-
function $0f313083912e447a$export$8be2714ec7f169ee(props = {}) {
|
|
76
|
-
return (()=>{
|
|
77
|
-
const _el$ = (0, $57o7A$solidjsweb.getNextElement)($0f313083912e447a$var$_tmpl$);
|
|
78
|
-
(0, $57o7A$solidjsweb.effect)((_p$)=>{
|
|
79
|
-
const _v$ = props.width_ ?? 14, _v$2 = props.height_ ?? 26;
|
|
80
|
-
_v$ !== _p$._v$ && (0, $57o7A$solidjsweb.setAttribute)(_el$, "width", _p$._v$ = _v$);
|
|
81
|
-
_v$2 !== _p$._v$2 && (0, $57o7A$solidjsweb.setAttribute)(_el$, "height", _p$._v$2 = _v$2);
|
|
82
|
-
return _p$;
|
|
83
|
-
}, {
|
|
84
|
-
_v$: undefined,
|
|
85
|
-
_v$2: undefined
|
|
86
|
-
});
|
|
87
|
-
return _el$;
|
|
88
|
-
})();
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
48
|
async function $bc91d938b8c601b4$export$58e808b1db15d3bc({ merchant: merchant , market: market , headers: headers , ...fetch_recs_options }) {
|
|
94
49
|
return await (0, $57o7A$depictaiutilishared.fetch_recs)({
|
|
95
50
|
tenant: merchant,
|
|
@@ -107,6 +62,7 @@ async function $bc91d938b8c601b4$export$58e808b1db15d3bc({ merchant: merchant ,
|
|
|
107
62
|
|
|
108
63
|
|
|
109
64
|
|
|
65
|
+
|
|
110
66
|
function $6e22b5314fb52f4c$export$e183a13865960371(params_to_default_value, router_) {
|
|
111
67
|
const signals = {};
|
|
112
68
|
const entries = Object.entries(params_to_default_value);
|
|
@@ -116,9 +72,7 @@ function $6e22b5314fb52f4c$export$e183a13865960371(params_to_default_value, rout
|
|
|
116
72
|
// createRenderEffect because we need the instant execution so the signals always contain values, even before solid's render phase
|
|
117
73
|
(0, $57o7A$solidjs.createRenderEffect)(()=>{
|
|
118
74
|
let signal_changed = false;
|
|
119
|
-
let { state: state } =
|
|
120
|
-
state: {}
|
|
121
|
-
}; // cloning isn't necessary because we're calling replaceState on it anyway
|
|
75
|
+
let { state: state } = history; // cloning isn't necessary because we're calling replaceState on it anyway
|
|
122
76
|
if (state === null || typeof state != "object") state = {};
|
|
123
77
|
for (const [param, default_value] of entries){
|
|
124
78
|
const [read_signal] = signals[param] ||= (0, $57o7A$solidjs.createSignal)(state[param] ?? default_value);
|
|
@@ -396,14 +350,13 @@ function $d659702496cb72ea$export$a71e92cfbb498adc(props) {
|
|
|
396
350
|
|
|
397
351
|
function $76b6ac05693f5c71$export$205efb947c7ffd78(handler, passive = true) {
|
|
398
352
|
const catchified_handler = (0, $57o7A$depictaiutilishared.catchify)(handler);
|
|
399
|
-
const owner = (0, $57o7A$solidjs.getOwner)();
|
|
400
353
|
// Some customers (e.g. equestrian) have `height: 100%` and/or `overflow-x: hidden` on the body, which means that scroll events won't get dispatched on `window`. The pages who get it on <body> won't get it on `window` and vice-versa, so there shouldn't be a worry about duplicate calling of the handler.
|
|
401
354
|
// Use observer in case that this gets called before body exists
|
|
402
355
|
const disconnect = (0, $57o7A$depictaiutilishared.observer).onexists("body", ({ element: element })=>{
|
|
403
356
|
element.addEventListener("scroll", catchified_handler, {
|
|
404
357
|
passive: passive
|
|
405
358
|
});
|
|
406
|
-
(0, $57o7A$solidjs.
|
|
359
|
+
(0, $57o7A$solidjs.onCleanup)(()=>element.removeEventListener("scroll", catchified_handler));
|
|
407
360
|
});
|
|
408
361
|
(0, $57o7A$solidjs.onCleanup)(disconnect);
|
|
409
362
|
for (const event of [
|
|
@@ -419,10 +372,8 @@ function $76b6ac05693f5c71$export$205efb947c7ffd78(handler, passive = true) {
|
|
|
419
372
|
}
|
|
420
373
|
|
|
421
374
|
|
|
422
|
-
|
|
423
375
|
const $401aee5f33dca9e2$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="scroll-status" style="display:none"><span class="text"><b></b> – <b></b> <!#><!/> <b></b></span></div>`, 12);
|
|
424
376
|
function $401aee5f33dca9e2$export$83fd5de5504a7a67({ formatted_number_of_results_: formatted_number_of_results_ , first_result_in_viewport_: [get_first_result_in_viewport] , last_result_in_viewport_: [get_last_result_in_viewport] , number_of_results_: number_of_results_ , i18n_: { price_formatting_: price_formatting_ , of_: of_ } }) {
|
|
425
|
-
if (0, $57o7A$solidjsweb.isServer) return; // won't show in initial render and need scroll position
|
|
426
377
|
const [first_to_show, set_first_to_show] = (0, $57o7A$solidjs.createSignal)(0);
|
|
427
378
|
const [last_to_show, set_last_to_show] = (0, $57o7A$solidjs.createSignal)(0);
|
|
428
379
|
const [count_to_show, set_count_to_show] = (0, $57o7A$solidjs.createSignal)("");
|
|
@@ -795,10 +746,8 @@ function $0d0b172488865048$export$ef6006467f04ee41({ i18n_: i18n_ , expanded_hie
|
|
|
795
746
|
]);
|
|
796
747
|
|
|
797
748
|
|
|
798
|
-
|
|
799
749
|
function $fc23d7668ae0011d$export$a2cc176055f8f08() {
|
|
800
|
-
|
|
801
|
-
return (0, $57o7A$solidjsweb.isServer) ? `<!-- ${text} -->` : document.createComment(text);
|
|
750
|
+
return document.createComment("Please try setting `colsAtSize` on the `SearchPage`/`CategoryPage` components to change the grid before setting it with CSS. If you do with CSS, set `ColsAtSize` to an empty array to ensure no declarations created by the SDK leak through.");
|
|
802
751
|
}
|
|
803
752
|
|
|
804
753
|
|
|
@@ -1481,28 +1430,22 @@ function $a69e505a12a77874$export$e13dddbb31c3a42f() {
|
|
|
1481
1430
|
|
|
1482
1431
|
|
|
1483
1432
|
|
|
1484
|
-
const $a0e53f99354809d9$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div
|
|
1433
|
+
const $a0e53f99354809d9$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div></div>`, 2);
|
|
1485
1434
|
function $a0e53f99354809d9$export$6649caad96ef8870({ children: children , button_: button_ , slider_ref_: slider_ref_ , faded_opacity_: faded_opacity_ = 0.7 , mutation_plugins_: mutation_plugins_ = [] }) {
|
|
1486
|
-
// TODO: Actual SSR:able slider
|
|
1487
|
-
if (0, $57o7A$solidjsweb.isServer) return (()=>{
|
|
1488
|
-
const _el$ = (0, $57o7A$solidjsweb.getNextElement)($a0e53f99354809d9$var$_tmpl$), _el$2 = _el$.firstChild;
|
|
1489
|
-
(0, $57o7A$solidjsweb.insert)(_el$2, children);
|
|
1490
|
-
return _el$;
|
|
1491
|
-
})();
|
|
1492
1435
|
const slider = new (0, $57o7A$depictaiutilishared.Amazing_Slider)({
|
|
1493
1436
|
button_contents: {
|
|
1494
1437
|
left: [
|
|
1495
1438
|
(()=>{
|
|
1496
|
-
const _el$
|
|
1497
|
-
(0, $57o7A$solidjsweb.insert)(_el
|
|
1498
|
-
return _el
|
|
1439
|
+
const _el$ = (0, $57o7A$solidjsweb.getNextElement)($a0e53f99354809d9$var$_tmpl$);
|
|
1440
|
+
(0, $57o7A$solidjsweb.insert)(_el$, ()=>button_.cloneNode(true));
|
|
1441
|
+
return _el$;
|
|
1499
1442
|
})()
|
|
1500
1443
|
],
|
|
1501
1444
|
right: [
|
|
1502
1445
|
(()=>{
|
|
1503
|
-
const _el$
|
|
1504
|
-
(0, $57o7A$solidjsweb.insert)(_el$
|
|
1505
|
-
return _el$
|
|
1446
|
+
const _el$2 = (0, $57o7A$solidjsweb.getNextElement)($a0e53f99354809d9$var$_tmpl$);
|
|
1447
|
+
(0, $57o7A$solidjsweb.insert)(_el$2, ()=>button_.cloneNode(true));
|
|
1448
|
+
return _el$2;
|
|
1506
1449
|
})()
|
|
1507
1450
|
]
|
|
1508
1451
|
},
|
|
@@ -1525,7 +1468,6 @@ function $a0e53f99354809d9$export$6649caad96ef8870({ children: children , button
|
|
|
1525
1468
|
|
|
1526
1469
|
|
|
1527
1470
|
|
|
1528
|
-
|
|
1529
1471
|
const $235a2771a44e28e9$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<button class="clear-all-filters minor"></button>`, 2), $235a2771a44e28e9$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="inner"><span class="title"><!#><!/>: </span><!#><!/></div>`, 8), $235a2771a44e28e9$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<button class="clear-filter major"><!#><!/><span><!#><!/><!#><!/><!#><!/> – <!#><!/><!#><!/><!#><!/></span></button>`, 18), $235a2771a44e28e9$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<button class="clear-filter major"><!#><!/><span></span></button>`, 6);
|
|
1530
1472
|
function $235a2771a44e28e9$export$fecbb157621501bd({ number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_ , i18n_: i18n_ , selected_filters_: selected_filters_ , local_filter_cache_: [read_local_filter_cache] , search_filters_open_: [read_search_filters_open] , search_sorting_open_: [read_search_sorting_open] , slider_arrow_button_: slider_arrow_button_ , local_filter_cache_: local_filter_cache_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ }) {
|
|
1531
1473
|
const { price_formatting_: price_formatting_ } = i18n_;
|
|
@@ -1642,7 +1584,7 @@ function $235a2771a44e28e9$export$fecbb157621501bd({ number_of_rendered_selected
|
|
|
1642
1584
|
cloned_selected_filters.splice(index_in_selected_filters, 1);
|
|
1643
1585
|
write_selected_filters(cloned_selected_filters);
|
|
1644
1586
|
};
|
|
1645
|
-
(0, $57o7A$solidjsweb.insert)(_el$9, (0, $57o7A$solidjsweb.createComponent)((0, $
|
|
1587
|
+
(0, $57o7A$solidjsweb.insert)(_el$9, (0, $57o7A$solidjsweb.createComponent)((0, $57o7A$depictaiutilishared.CrossIcon), {}), _el$25, _co$9);
|
|
1646
1588
|
(0, $57o7A$solidjsweb.insert)(_el$10, ()=>price_formatting_().pre_, _el$13, _co$3);
|
|
1647
1589
|
(0, $57o7A$solidjsweb.insert)(_el$10, (0, $57o7A$solidjsweb.createComponent)((0, $d659702496cb72ea$export$a71e92cfbb498adc), {
|
|
1648
1590
|
get price_ () {
|
|
@@ -1751,7 +1693,7 @@ function $235a2771a44e28e9$export$fecbb157621501bd({ number_of_rendered_selected
|
|
|
1751
1693
|
}
|
|
1752
1694
|
write_selected_filters(cloned_selected_filters);
|
|
1753
1695
|
}), true);
|
|
1754
|
-
(0, $57o7A$solidjsweb.insert)(_el$26, (0, $57o7A$solidjsweb.createComponent)((0, $
|
|
1696
|
+
(0, $57o7A$solidjsweb.insert)(_el$26, (0, $57o7A$solidjsweb.createComponent)((0, $57o7A$depictaiutilishared.CrossIcon), {}), _el$29, _co$10);
|
|
1755
1697
|
(0, $57o7A$solidjsweb.insert)(_el$27, name);
|
|
1756
1698
|
(0, $57o7A$solidjsweb.runHydrationEvents)();
|
|
1757
1699
|
return _el$26;
|
|
@@ -1953,32 +1895,12 @@ const $b3cf6ca8dc0e9998$export$48513f6b9f8ce62d = (props)=>{
|
|
|
1953
1895
|
|
|
1954
1896
|
|
|
1955
1897
|
|
|
1956
|
-
|
|
1957
|
-
|
|
1958
|
-
|
|
1959
|
-
|
|
1960
|
-
|
|
1961
|
-
const $cc43b6428000c4bf$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<svg><path d="M10.173 5.548H5.5V.875c0-.075-.027-.14-.081-.193S5.301.601 5.226.601s-.14.027-.193.081-.081.118-.081.193v4.673H.274c-.075 0-.14.027-.193.081A.27.27 0 0 0 0 5.827c0 .075.027.14.081.193s.118.081.193.081h4.678v4.673c0 .075.027.14.081.193s.118.081.193.081.14-.027.193-.081.081-.118.081-.193V6.101h4.673a.27.27 0 0 0 .199-.081c.054-.054.08-.118.08-.193a.27.27 0 0 0-.279-.279z" fill="#000"></path></svg>`, 4);
|
|
1962
|
-
function $cc43b6428000c4bf$export$f21ab0717a89c77f(props) {
|
|
1963
|
-
return (()=>{
|
|
1964
|
-
const _el$ = (0, $57o7A$solidjsweb.getNextElement)($cc43b6428000c4bf$var$_tmpl$);
|
|
1965
|
-
(0, $57o7A$solidjsweb.spread)(_el$, (0, $57o7A$solidjsweb.mergeProps)(props, {
|
|
1966
|
-
"xmlns": "http://www.w3.org/2000/svg",
|
|
1967
|
-
"width": "11",
|
|
1968
|
-
"height": "12"
|
|
1969
|
-
}), true, true);
|
|
1970
|
-
(0, $57o7A$solidjsweb.runHydrationEvents)();
|
|
1971
|
-
return _el$;
|
|
1972
|
-
})();
|
|
1973
|
-
}
|
|
1974
|
-
|
|
1975
|
-
|
|
1976
1898
|
const $0fe1e7efdf4200d6$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<button type="button" class="expand-filter"><!#><!/><span></span></button>`, 6);
|
|
1977
1899
|
function $0fe1e7efdf4200d6$export$ca21a16d65b3dd8({ show_extras_: [get_show_extras, set_show_extras] , i18n_: i18n_ }) {
|
|
1978
1900
|
return (()=>{
|
|
1979
1901
|
const _el$ = (0, $57o7A$solidjsweb.getNextElement)($0fe1e7efdf4200d6$var$_tmpl$), _el$3 = _el$.firstChild, [_el$4, _co$] = (0, $57o7A$solidjsweb.getNextMarker)(_el$3.nextSibling), _el$2 = _el$4.nextSibling;
|
|
1980
1902
|
(0, $57o7A$solidjsweb.addEventListener)(_el$, "click", (0, $57o7A$depictaiutilishared.catchify)(()=>set_show_extras((p)=>!p)), true);
|
|
1981
|
-
(0, $57o7A$solidjsweb.insert)(_el$, (0, $57o7A$solidjsweb.createComponent)((0, $
|
|
1903
|
+
(0, $57o7A$solidjsweb.insert)(_el$, (0, $57o7A$solidjsweb.createComponent)((0, $57o7A$depictaiutilishared.PlusIcon), {}), _el$4, _co$);
|
|
1982
1904
|
(0, $57o7A$solidjsweb.insert)(_el$2, (()=>{
|
|
1983
1905
|
const _c$ = (0, $57o7A$solidjsweb.memo)(()=>!!get_show_extras());
|
|
1984
1906
|
return ()=>_c$() ? i18n_.view_less_() : i18n_.view_more_();
|
|
@@ -3205,20 +3127,6 @@ var $a636ca15e3d3570d$export$2e2bcd8739ae039 = {
|
|
|
3205
3127
|
|
|
3206
3128
|
|
|
3207
3129
|
|
|
3208
|
-
|
|
3209
|
-
|
|
3210
|
-
|
|
3211
|
-
const $0f4656eaf6c22d1d$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<svg xmlns="http://www.w3.org/2000/svg" width="16.8" height="14"><path d="M4.617 12.738a.48.48 0 0 1-.164-.027c-.051-.023-.094-.055-.129-.098L.125 8.414A.39.39 0 0 1 0 8.117c0-.113.039-.211.125-.293s.18-.125.293-.125.215.043.297.125l3.902 3.902L16.086.262c.082-.082.18-.125.297-.125s.211.043.293.125.125.184.125.301-.043.215-.125.297L4.914 12.613c-.039.043-.086.078-.141.098s-.102.027-.156.027zm0 0"></path></svg>`, 4);
|
|
3212
|
-
function $0f4656eaf6c22d1d$export$f2ca6fc699ca1fb4(props = {}) {
|
|
3213
|
-
return (()=>{
|
|
3214
|
-
const _el$ = (0, $57o7A$solidjsweb.getNextElement)($0f4656eaf6c22d1d$var$_tmpl$);
|
|
3215
|
-
(0, $57o7A$solidjsweb.spread)(_el$, props, true, true);
|
|
3216
|
-
(0, $57o7A$solidjsweb.runHydrationEvents)();
|
|
3217
|
-
return _el$;
|
|
3218
|
-
})();
|
|
3219
|
-
}
|
|
3220
|
-
|
|
3221
|
-
|
|
3222
3130
|
const $b064919833b3e80b$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<span class="show-selected" aria-hidden="true"><span></span><!#><!/></span>`, 6);
|
|
3223
3131
|
function $b064919833b3e80b$export$53c59af873b303c9({ selected_filters_in_group_: selected_filters_in_group_ , i18n_: { price_formatting_: price_formatting_ } }) {
|
|
3224
3132
|
const [show_tick_icon, set_show_tick_icon] = (0, $57o7A$solidjs.createSignal)(false);
|
|
@@ -3278,7 +3186,7 @@ function $b064919833b3e80b$export$53c59af873b303c9({ selected_filters_in_group_:
|
|
|
3278
3186
|
return show_tick_icon();
|
|
3279
3187
|
},
|
|
3280
3188
|
get children () {
|
|
3281
|
-
return (0, $57o7A$solidjsweb.createComponent)((0, $
|
|
3189
|
+
return (0, $57o7A$solidjsweb.createComponent)((0, $57o7A$depictaiutilishared.TickIcon), {});
|
|
3282
3190
|
}
|
|
3283
3191
|
}), _el$4, _co$);
|
|
3284
3192
|
return _el$;
|
|
@@ -3386,7 +3294,6 @@ function $061ff5b4c3d36171$export$89c6019e4baa40b1(props) {
|
|
|
3386
3294
|
}
|
|
3387
3295
|
|
|
3388
3296
|
|
|
3389
|
-
|
|
3390
3297
|
const $aff9a96d30ed3563$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="filter-collapsible"></div>`, 2), $aff9a96d30ed3563$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<button class="clear-group"><!#><!/><span></span></button>`, 6), $aff9a96d30ed3563$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="view-more-clear"><!#><!/><!#><!/></div>`, 6), $aff9a96d30ed3563$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="filter-collapsible-body"><div class="filter-part"></div><!#><!/></div>`, 6), $aff9a96d30ed3563$var$_tmpl$5 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<details class="filter-collapsible"></details>`, 2), $aff9a96d30ed3563$var$_tmpl$6 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<summary class="filter-group-summary"><div class="summary"><span></span><div class="selected-w-sign"><!#><!/><!#><!/></div></div></summary>`, 12), $aff9a96d30ed3563$var$_tmpl$7 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="ungrouped"></div>`, 2), $aff9a96d30ed3563$var$_tmpl$8 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<button class="clear-all-filters major"></button>`, 2);
|
|
3391
3298
|
function $aff9a96d30ed3563$export$3f1a388cc0d8fed7(props) {
|
|
3392
3299
|
// Split like this to make placeholder wrapping more visible & this component is exported and used in MobileModal
|
|
@@ -3543,7 +3450,7 @@ function $aff9a96d30ed3563$var$ActualFilterBody(props) {
|
|
|
3543
3450
|
}
|
|
3544
3451
|
props.selected_filters_[1](new_filter_obj);
|
|
3545
3452
|
}), true);
|
|
3546
|
-
(0, $57o7A$solidjsweb.insert)(_el$5, (0, $57o7A$solidjsweb.createComponent)((0, $
|
|
3453
|
+
(0, $57o7A$solidjsweb.insert)(_el$5, (0, $57o7A$solidjsweb.createComponent)((0, $57o7A$depictaiutilishared.CrossIcon), {}), _el$8, _co$);
|
|
3547
3454
|
(0, $57o7A$solidjsweb.insert)(_el$6, ()=>props.i18n_.clear_individual_filter_());
|
|
3548
3455
|
(0, $57o7A$solidjsweb.runHydrationEvents)();
|
|
3549
3456
|
return _el$5;
|
|
@@ -3783,45 +3690,6 @@ function $ca1176b694a6ee2e$export$fe334901e8bebd57() {
|
|
|
3783
3690
|
|
|
3784
3691
|
|
|
3785
3692
|
|
|
3786
|
-
|
|
3787
|
-
|
|
3788
|
-
|
|
3789
|
-
|
|
3790
|
-
|
|
3791
|
-
const $f958b5ac0e4a78da$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" class="sort-icon"><path d="M6.199 10.254a.35.35 0 0 0-.496 0L3.5 12.453V.348a.35.35 0 0 0-.7 0v12.105L.598 10.254c-.137-.137-.359-.137-.492 0a.35.35 0 0 0 0 .492l2.797 2.801a.35.35 0 0 0 .496 0L6.2 10.746c.137-.137.137-.355 0-.492zM9.449 3.5H8.051a.35.35 0 0 1-.352-.352V1.75c0-.191.156-.352.352-.352h1.398c.195 0 .352.16.352.352v1.398a.35.35 0 0 1-.352.352zm-1.051-.699h.703v-.699h-.703zm0 0"></path><path d="M10.852 6.301H8.051a.35.35 0 0 1-.352-.352V4.551a.35.35 0 0 1 .352-.352h2.801a.35.35 0 0 1 .348.352v1.398a.35.35 0 0 1-.348.352zm-2.453-.699H10.5v-.703H8.398zm3.851 3.5H8.051c-.195 0-.352-.16-.352-.352V7.352A.35.35 0 0 1 8.051 7h4.199c.191 0 .352.156.352.352V8.75c0 .191-.16.352-.352.352zm-3.852-.703h3.5V7.7h-3.5zm5.25 3.499H8.051a.35.35 0 0 1-.352-.348v-1.402a.35.35 0 0 1 .352-.348h5.598a.35.35 0 0 1 .352.348v1.402a.35.35 0 0 1-.352.348zm-5.25-.699H13.3V10.5H8.398zm0 0"></path></svg>`, 6);
|
|
3792
|
-
function $f958b5ac0e4a78da$export$da32f7add8a22e86(props = {}) {
|
|
3793
|
-
return (()=>{
|
|
3794
|
-
const _el$ = (0, $57o7A$solidjsweb.getNextElement)($f958b5ac0e4a78da$var$_tmpl$);
|
|
3795
|
-
(0, $57o7A$solidjsweb.spread)(_el$, props, true, true);
|
|
3796
|
-
(0, $57o7A$solidjsweb.runHydrationEvents)();
|
|
3797
|
-
return _el$;
|
|
3798
|
-
})();
|
|
3799
|
-
}
|
|
3800
|
-
|
|
3801
|
-
|
|
3802
|
-
|
|
3803
|
-
|
|
3804
|
-
|
|
3805
|
-
|
|
3806
|
-
const $046db47e0326c715$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" class="sort-icon"><path d="M6.199 10.254a.35.35 0 0 0-.496 0L3.5 12.453V.348a.35.35 0 0 0-.7 0v12.105L.598 10.254c-.137-.137-.359-.137-.492 0a.35.35 0 0 0 0 .492l2.797 2.801a.35.35 0 0 0 .496 0L6.2 10.746c.137-.137.137-.355 0-.492zm3.25 1.644H8.051a.35.35 0 0 1-.352-.348v-1.402a.35.35 0 0 1 .352-.348h1.398a.35.35 0 0 1 .352.348v1.402a.35.35 0 0 1-.352.348zm-1.051-.699h.703V10.5h-.703zm2.454-2.097H8.051c-.195 0-.352-.16-.352-.352V7.352A.35.35 0 0 1 8.051 7h2.801a.35.35 0 0 1 .348.352V8.75c0 .191-.156.352-.348.352zm-2.453-.703H10.5V7.7H8.398zm3.851-2.098H8.051a.35.35 0 0 1-.352-.352V4.551a.35.35 0 0 1 .352-.352h4.199c.191 0 .352.156.352.352v1.398c0 .195-.16.352-.352.352zm-3.852-.699h3.5v-.703h-3.5zm5.25-2.102H8.051a.35.35 0 0 1-.352-.352V1.75c0-.191.156-.352.352-.352h5.598c.195 0 .352.16.352.352v1.398a.35.35 0 0 1-.352.352zm-5.25-.699H13.3v-.699H8.398zm0 0"></path></svg>`, 4);
|
|
3807
|
-
function $046db47e0326c715$export$d10e63059ddb9fd4(props = {}) {
|
|
3808
|
-
return (()=>{
|
|
3809
|
-
const _el$ = (0, $57o7A$solidjsweb.getNextElement)($046db47e0326c715$var$_tmpl$);
|
|
3810
|
-
(0, $57o7A$solidjsweb.spread)(_el$, props, true, true);
|
|
3811
|
-
(0, $57o7A$solidjsweb.runHydrationEvents)();
|
|
3812
|
-
return _el$;
|
|
3813
|
-
})();
|
|
3814
|
-
}
|
|
3815
|
-
|
|
3816
|
-
|
|
3817
|
-
|
|
3818
|
-
|
|
3819
|
-
const $02215fefc955d01e$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<svg xmlns="http://www.w3.org/2000/svg" width="14" height="15" class="filter-icon"><path d="M1.75 14.697c-.096 0-.178-.034-.246-.103s-.103-.15-.103-.246V8.75c0-.096.034-.178.103-.246s.15-.103.246-.103.178.034.246.103.103.15.103.246v5.599c0 .096-.034.178-.103.246s-.15.103-.246.103zm0-9.796c-.096 0-.178-.034-.246-.103s-.103-.15-.103-.246v-3.5c0-.1.034-.185.103-.253s.15-.103.246-.103.178.034.246.103.103.153.103.253v3.5c0 .096-.034.178-.103.246s-.15.103-.246.103zm.697 2.796H1.053c-.292 0-.54-.103-.745-.308S0 6.938 0 6.651s.103-.54.308-.745.453-.308.745-.308h1.395c.292 0 .54.103.745.308s.308.453.308.745-.103.533-.308.738-.453.308-.745.308zM1.053 6.303c-.1 0-.185.034-.253.103s-.103.15-.103.246.034.178.103.246S.952 7 1.053 7h1.395c.1 0 .185-.034.253-.103s.103-.15.103-.246-.034-.178-.103-.246-.153-.103-.253-.103H1.053zm5.599 8.395c-.096 0-.178-.034-.246-.103s-.103-.15-.103-.246v-2.796c0-.1.034-.184.103-.253s.15-.102.246-.102.178.034.246.102.103.153.103.253v2.796c0 .096-.034.178-.103.246s-.15.103-.246.103zm0-7c-.096 0-.178-.034-.246-.103s-.103-.15-.103-.246V1.053c0-.1.034-.185.103-.253s.15-.103.246-.103.178.034.246.103S7 .952 7 1.053v6.296c0 .096-.034.178-.103.246s-.15.103-.246.103zm.697 2.803H5.947c-.287 0-.533-.102-.738-.308s-.308-.453-.308-.745.103-.533.308-.738.451-.308.738-.308h1.401c.292 0 .54.103.745.308s.308.451.308.738-.103.54-.308.745-.453.308-.745.308zM5.947 9.099c-.096 0-.178.034-.246.103s-.103.15-.103.246.034.185.103.253.15.103.246.103h1.401c.096 0 .178-.034.246-.103s.103-.153.103-.253-.034-.178-.103-.246-.15-.103-.246-.103H5.947zm5.605 5.599c-.1 0-.184-.034-.253-.103s-.102-.15-.102-.246v-7c0-.096.034-.178.102-.246S11.453 7 11.553 7s.178.034.246.103.103.15.103.246v7c0 .096-.034.178-.103.246s-.15.103-.246.103zm0-11.197c-.1 0-.184-.034-.253-.103s-.102-.15-.102-.246V1.053c0-.1.034-.185.102-.253s.153-.103.253-.103.178.034.246.103.103.153.103.253v2.099c0 .096-.034.178-.103.246s-.15.103-.246.103zm.697 2.803h-1.401c-.287 0-.533-.103-.738-.308s-.308-.453-.308-.745.103-.54.308-.745.451-.308.738-.308h1.401c.292 0 .54.103.745.308s.308.453.308.745-.102.54-.308.745-.453.308-.745.308zm-1.401-1.401c-.096 0-.178.034-.246.103s-.102.15-.102.246.034.178.102.246.15.103.246.103h1.401c.096 0 .178-.034.246-.103s.102-.15.102-.246-.034-.178-.102-.246-.15-.103-.246-.103h-1.401z"></path></svg>`, 4);
|
|
3820
|
-
function $02215fefc955d01e$export$28f6150e232898de() {
|
|
3821
|
-
return (0, $57o7A$solidjsweb.getNextElement)($02215fefc955d01e$var$_tmpl$);
|
|
3822
|
-
}
|
|
3823
|
-
|
|
3824
|
-
|
|
3825
3693
|
const $1872ceb56ede7a52$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<button class="clear minor"></button>`, 2), $1872ceb56ede7a52$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="depict plp depict-filter-sort-mobile-modal-container"><div class="depict-filter-sort-modal-backdrop"></div><button class="dismiss-modal"></button><div class="filter-sort-modal"><div class="body"><!#><!/><!#><!/></div><div class="bottom-row"><!#><!/><button class="show-results major"></button></div></div></div>`, 20), $1872ceb56ede7a52$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<details class="sorting"></details>`, 2), $1872ceb56ede7a52$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<summary class="sort-filter-summary"><div class="summary"><div class="left-els"><!#><!/><span></span></div><!#><!/></div></summary>`, 12), $1872ceb56ede7a52$var$_tmpl$5 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="body"></div>`, 2), $1872ceb56ede7a52$var$_tmpl$6 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<details class="filters"></details>`, 2), $1872ceb56ede7a52$var$_tmpl$7 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<b></b>`, 2);
|
|
3826
3694
|
const $1872ceb56ede7a52$var$no_go_selector = ".range .range-group";
|
|
3827
3695
|
function $1872ceb56ede7a52$export$9bf11afa910f536e({ args_for_sorting_: args_for_sorting_ , args_for_filtering_: args_for_filtering_ , search_filters_open_: [get_search_filters_open, set_search_filters_open] , search_sorting_open_: [get_search_sorting_open, set_search_sorting_open] , dismiss_modal_: dismiss_modal_ , register_closing_animation_: register_closing_animation_ , formatted_number_of_results_: formatted_number_of_results_ , i18n_: i18n_ }) {
|
|
@@ -3889,7 +3757,7 @@ function $1872ceb56ede7a52$export$9bf11afa910f536e({ args_for_sorting_: args_for
|
|
|
3889
3757
|
}));
|
|
3890
3758
|
}, _el$3);
|
|
3891
3759
|
(0, $57o7A$solidjsweb.addEventListener)(_el$3, "click", dismiss_modal_, true);
|
|
3892
|
-
(0, $57o7A$solidjsweb.insert)(_el$3, (0, $57o7A$solidjsweb.createComponent)((0, $
|
|
3760
|
+
(0, $57o7A$solidjsweb.insert)(_el$3, (0, $57o7A$solidjsweb.createComponent)((0, $57o7A$depictaiutilishared.CrossIcon), {}));
|
|
3893
3761
|
_el$4.$$touchstart = ({ changedTouches: changedTouches , target: target })=>{
|
|
3894
3762
|
// touchstart should always only have one changed touch, track it here
|
|
3895
3763
|
if (touches >= 1) {
|
|
@@ -3997,7 +3865,7 @@ function $1872ceb56ede7a52$export$9bf11afa910f536e({ args_for_sorting_: args_for
|
|
|
3997
3865
|
const _el$16 = (0, $57o7A$solidjsweb.getNextElement)($1872ceb56ede7a52$var$_tmpl$4), _el$17 = _el$16.firstChild, _el$18 = _el$17.firstChild, _el$20 = _el$18.firstChild, [_el$21, _co$4] = (0, $57o7A$solidjsweb.getNextMarker)(_el$20.nextSibling), _el$19 = _el$21.nextSibling, _el$22 = _el$18.nextSibling, [_el$23, _co$5] = (0, $57o7A$solidjsweb.getNextMarker)(_el$22.nextSibling);
|
|
3998
3866
|
(0, $57o7A$solidjsweb.insert)(_el$18, (()=>{
|
|
3999
3867
|
const _c$ = (0, $57o7A$solidjsweb.memo)(()=>args_for_sorting_.current_sorting_[0]()?.order === "asc");
|
|
4000
|
-
return ()=>_c$() ? (0, $57o7A$solidjsweb.createComponent)((0, $
|
|
3868
|
+
return ()=>_c$() ? (0, $57o7A$solidjsweb.createComponent)((0, $57o7A$depictaiutilishared.SortIconAsc), {}) : (0, $57o7A$solidjsweb.createComponent)((0, $57o7A$depictaiutilishared.SortIconDesc), {});
|
|
4001
3869
|
})(), _el$21, _co$4);
|
|
4002
3870
|
(0, $57o7A$solidjsweb.insert)(_el$19, ()=>i18n_.sorting_text_());
|
|
4003
3871
|
(0, $57o7A$solidjsweb.insert)(_el$17, (0, $57o7A$solidjsweb.createComponent)((0, $7567511a7c3e4bd7$export$e5c2828934226505), {
|
|
@@ -4026,7 +3894,7 @@ function $1872ceb56ede7a52$export$9bf11afa910f536e({ args_for_sorting_: args_for
|
|
|
4026
3894
|
get summary_ () {
|
|
4027
3895
|
return (()=>{
|
|
4028
3896
|
const _el$26 = (0, $57o7A$solidjsweb.getNextElement)($1872ceb56ede7a52$var$_tmpl$4), _el$27 = _el$26.firstChild, _el$28 = _el$27.firstChild, _el$30 = _el$28.firstChild, [_el$31, _co$6] = (0, $57o7A$solidjsweb.getNextMarker)(_el$30.nextSibling), _el$29 = _el$31.nextSibling, _el$32 = _el$28.nextSibling, [_el$33, _co$7] = (0, $57o7A$solidjsweb.getNextMarker)(_el$32.nextSibling);
|
|
4029
|
-
(0, $57o7A$solidjsweb.insert)(_el$28, (0, $57o7A$solidjsweb.createComponent)((0, $
|
|
3897
|
+
(0, $57o7A$solidjsweb.insert)(_el$28, (0, $57o7A$solidjsweb.createComponent)((0, $57o7A$depictaiutilishared.FilterIcon), {}), _el$31, _co$6);
|
|
4030
3898
|
(0, $57o7A$solidjsweb.insert)(_el$29, ()=>i18n_.filters_());
|
|
4031
3899
|
(0, $57o7A$solidjsweb.insert)(_el$27, (0, $57o7A$solidjsweb.createComponent)((0, $7567511a7c3e4bd7$export$e5c2828934226505), {
|
|
4032
3900
|
expanded_: filters_expanded,
|
|
@@ -4244,143 +4112,130 @@ function $70482f04605572e2$export$b288c38ae3fddb56({ available_filters_: availab
|
|
|
4244
4112
|
}
|
|
4245
4113
|
|
|
4246
4114
|
|
|
4247
|
-
|
|
4248
|
-
|
|
4249
|
-
const $f49857214f7675b1$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"><path d="M12.949 7.699H.352A.35.35 0 0 1 0 7.352.35.35 0 0 1 .352 7h12.598a.35.35 0 0 1 .352.352.35.35 0 0 1-.352.348zm0 0"></path></svg>`, 4);
|
|
4250
|
-
function $f49857214f7675b1$export$cb808a3c41736d8e() {
|
|
4251
|
-
return (0, $57o7A$solidjsweb.getNextElement)($f49857214f7675b1$var$_tmpl$);
|
|
4252
|
-
}
|
|
4253
|
-
|
|
4254
|
-
|
|
4255
|
-
|
|
4256
|
-
|
|
4257
|
-
|
|
4258
4115
|
const $f8f64d05c525825b$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="filters"><div class="body"></div></div>`, 4), $f8f64d05c525825b$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="sorting"><div class="body"></div></div>`, 4), $f8f64d05c525825b$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="sort-and-filter-buttons"><div class="outer"><div class="inner"><!#><!/><!#><!/><!#><!/></div></div></div>`, 12), $f8f64d05c525825b$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<span class="num-filters"></span>`, 2), $f8f64d05c525825b$var$_tmpl$5 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="open-filters-button-container"><!#><!/><button class="filter toggle-button major-minor-transition" type="button"><!#><!/><span></span></button></div>`, 10), $f8f64d05c525825b$var$_tmpl$6 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<button class="toggle-button for-sorting major-minor-transition"><span></span><!#><!/></button>`, 6);
|
|
4259
4116
|
function $f8f64d05c525825b$export$d7841e452f2e59a8({ current_sorting_: current_sorting_ , set_extra_els_in_results_container_: set_extra_els_in_results_container_ , search_filters_open_: search_filters_open_ , search_sorting_open_: search_sorting_open_ , set_sort_or_filter_open_: set_sort_or_filter_open_ , i18n_: i18n_ , available_sortings_: available_sortings_ , available_filters_: available_filters_ , expanded_filters_: expanded_filters_ , middle_elements_: middle_elements_ , input_modal_open_: input_modal_open_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_ , set_sort_and_filter_element_: set_sort_and_filter_element_ , formatted_number_of_results_: formatted_number_of_results_ , filter_button_width_: filter_button_width_ , sort_button_width_: sort_button_width_ , selected_filters_: selected_filters_ , local_filter_cache_: local_filter_cache_ , get_extra_filters_button_: get_extra_filters_button_ , get_extra_sorting_button_: get_extra_sorting_button_ }) {
|
|
4260
|
-
|
|
4261
|
-
|
|
4262
|
-
|
|
4263
|
-
|
|
4264
|
-
|
|
4265
|
-
local_filter_cache_
|
|
4266
|
-
|
|
4267
|
-
|
|
4268
|
-
|
|
4269
|
-
|
|
4270
|
-
const [get_current_sorting_] = current_sorting_;
|
|
4271
|
-
const [is_small, set_is_small] = (0, $57o7A$solidjs.createSignal)(false);
|
|
4272
|
-
const dismiss_modal_ = (0, $57o7A$depictaiutilishared.catchify)(()=>{
|
|
4273
|
-
set_filters_open(false);
|
|
4274
|
-
set_sorting_open(false);
|
|
4275
|
-
});
|
|
4276
|
-
const meta_of_currently_selected_sorting_ = (0, $57o7A$solidjs.createMemo)(()=>available_sortings_()?.find?.((sorting)=>sorting.field === get_current_sorting_()?.field)?.meta);
|
|
4277
|
-
const filter_options = {
|
|
4278
|
-
expanded_hierarchical_filters_: expanded_hierarchical_filters_,
|
|
4279
|
-
local_filter_cache_: local_filter_cache_,
|
|
4280
|
-
available_filters_: available_filters_,
|
|
4281
|
-
expanded_filters_: expanded_filters_,
|
|
4282
|
-
selected_filters_: selected_filters_,
|
|
4283
|
-
i18n_: i18n_
|
|
4284
|
-
};
|
|
4285
|
-
const sorting_options = {
|
|
4286
|
-
current_sorting_: current_sorting_,
|
|
4287
|
-
available_sortings_: available_sortings_,
|
|
4288
|
-
meta_of_currently_selected_sorting_: meta_of_currently_selected_sorting_
|
|
4289
|
-
};
|
|
4290
|
-
const make_open_filters_button = (adhere_to_width = false, is_tabbable = false)=>(0, $57o7A$solidjsweb.createComponent)($f8f64d05c525825b$var$OpenFiltersButton, {
|
|
4291
|
-
tabindex_: is_tabbable ? 0 : -1,
|
|
4292
|
-
i18n_: i18n_,
|
|
4293
|
-
search_filters_open_: search_filters_open_,
|
|
4294
|
-
search_sorting_open_: search_sorting_open_,
|
|
4295
|
-
number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
|
|
4296
|
-
filter_button_width_: adhere_to_width ? filter_button_width_ : undefined
|
|
4117
|
+
// @ts-ignore
|
|
4118
|
+
return (0, $edafe91daf3091d7$export$b69d0d92862de18b)({
|
|
4119
|
+
severity_: "error",
|
|
4120
|
+
message_: "Sorting and filters failed",
|
|
4121
|
+
get children () {
|
|
4122
|
+
// This could technically be in SearchPage and CategoryPage and would be better suited there since it writes into local_filter_cache_ which i.e. SelectedFilters uses, but it's better suited here IMO due to DRY and being inside the correct error boundary here
|
|
4123
|
+
(0, $70482f04605572e2$export$b288c38ae3fddb56)({
|
|
4124
|
+
available_filters_: available_filters_,
|
|
4125
|
+
selected_filters_: selected_filters_,
|
|
4126
|
+
local_filter_cache_: local_filter_cache_
|
|
4297
4127
|
});
|
|
4298
|
-
|
|
4299
|
-
|
|
4300
|
-
|
|
4301
|
-
|
|
4302
|
-
|
|
4303
|
-
|
|
4128
|
+
const cleanup_promise = new Promise((r)=>(0, $57o7A$solidjs.onCleanup)(r));
|
|
4129
|
+
const [filters_open, set_filters_open] = search_filters_open_;
|
|
4130
|
+
const [sorting_open, set_sorting_open] = search_sorting_open_;
|
|
4131
|
+
const [get_current_sorting_] = current_sorting_;
|
|
4132
|
+
const [is_small, set_is_small] = (0, $57o7A$solidjs.createSignal)(false);
|
|
4133
|
+
const dismiss_modal_ = (0, $57o7A$depictaiutilishared.catchify)(()=>{
|
|
4134
|
+
set_filters_open(false);
|
|
4135
|
+
set_sorting_open(false);
|
|
4136
|
+
});
|
|
4137
|
+
const meta_of_currently_selected_sorting_ = (0, $57o7A$solidjs.createMemo)(()=>available_sortings_()?.find?.((sorting)=>sorting.field === get_current_sorting_()?.field)?.meta);
|
|
4138
|
+
const filter_options = {
|
|
4139
|
+
expanded_hierarchical_filters_: expanded_hierarchical_filters_,
|
|
4140
|
+
local_filter_cache_: local_filter_cache_,
|
|
4141
|
+
available_filters_: available_filters_,
|
|
4142
|
+
expanded_filters_: expanded_filters_,
|
|
4143
|
+
selected_filters_: selected_filters_,
|
|
4144
|
+
i18n_: i18n_
|
|
4145
|
+
};
|
|
4146
|
+
const sorting_options = {
|
|
4147
|
+
current_sorting_: current_sorting_,
|
|
4304
4148
|
available_sortings_: available_sortings_,
|
|
4305
|
-
sort_button_width_: adhere_to_width ? sort_button_width_ : undefined,
|
|
4306
4149
|
meta_of_currently_selected_sorting_: meta_of_currently_selected_sorting_
|
|
4150
|
+
};
|
|
4151
|
+
const make_open_filters_button = (adhere_to_width = false, is_tabbable = false)=>(0, $57o7A$solidjsweb.createComponent)($f8f64d05c525825b$var$OpenFiltersButton, {
|
|
4152
|
+
tabindex_: is_tabbable ? 0 : -1,
|
|
4153
|
+
i18n_: i18n_,
|
|
4154
|
+
search_filters_open_: search_filters_open_,
|
|
4155
|
+
search_sorting_open_: search_sorting_open_,
|
|
4156
|
+
number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
|
|
4157
|
+
filter_button_width_: adhere_to_width ? filter_button_width_ : undefined
|
|
4158
|
+
});
|
|
4159
|
+
const make_open_sorting_button = (adhere_to_width = false, is_tabbable = false)=>(0, $57o7A$solidjsweb.createComponent)($f8f64d05c525825b$var$OpenSortingButton, {
|
|
4160
|
+
tabindex_: is_tabbable ? 0 : -1,
|
|
4161
|
+
i18n_: i18n_,
|
|
4162
|
+
get_current_sorting_: get_current_sorting_,
|
|
4163
|
+
search_filters_open_: search_filters_open_,
|
|
4164
|
+
search_sorting_open_: search_sorting_open_,
|
|
4165
|
+
available_sortings_: available_sortings_,
|
|
4166
|
+
sort_button_width_: adhere_to_width ? sort_button_width_ : undefined,
|
|
4167
|
+
meta_of_currently_selected_sorting_: meta_of_currently_selected_sorting_
|
|
4168
|
+
});
|
|
4169
|
+
let open_modal_;
|
|
4170
|
+
let close_modal_;
|
|
4171
|
+
let grid_is_in_original_state = true;
|
|
4172
|
+
(0, $57o7A$solidjs.createComputed)(()=>{
|
|
4173
|
+
const fi_o = filters_open();
|
|
4174
|
+
const so_o = sorting_open();
|
|
4175
|
+
const i_s = is_small();
|
|
4176
|
+
// we need to always read all the signal if we have them in the if-statement the value of it changes when the computation runs
|
|
4177
|
+
if ((fi_o || so_o) && !i_s) {
|
|
4178
|
+
if (!grid_is_in_original_state) return;
|
|
4179
|
+
set_sort_or_filter_open_(true);
|
|
4180
|
+
grid_is_in_original_state = false;
|
|
4181
|
+
} else if (!grid_is_in_original_state) {
|
|
4182
|
+
set_sort_or_filter_open_(false);
|
|
4183
|
+
grid_is_in_original_state = true;
|
|
4184
|
+
}
|
|
4307
4185
|
});
|
|
4308
|
-
|
|
4309
|
-
|
|
4310
|
-
|
|
4311
|
-
|
|
4312
|
-
|
|
4313
|
-
|
|
4314
|
-
|
|
4315
|
-
|
|
4316
|
-
|
|
4317
|
-
|
|
4318
|
-
|
|
4319
|
-
|
|
4320
|
-
|
|
4321
|
-
|
|
4322
|
-
|
|
4323
|
-
|
|
4324
|
-
|
|
4325
|
-
|
|
4326
|
-
|
|
4327
|
-
|
|
4328
|
-
|
|
4329
|
-
|
|
4330
|
-
|
|
4331
|
-
|
|
4332
|
-
|
|
4333
|
-
set_sorting_open(false);
|
|
4334
|
-
return;
|
|
4186
|
+
(0, $57o7A$solidjs.createEffect)(()=>{
|
|
4187
|
+
if (!filters_open() && !sorting_open()) {
|
|
4188
|
+
close_modal_?.();
|
|
4189
|
+
set_extra_els_in_results_container_("");
|
|
4190
|
+
} else if (is_small()) {
|
|
4191
|
+
if ((0, $57o7A$solidjs.untrack)(()=>input_modal_open_?.())) {
|
|
4192
|
+
// we don't want to shove another modal into the users face, silently close the filters for them
|
|
4193
|
+
set_filters_open(false);
|
|
4194
|
+
set_sorting_open(false);
|
|
4195
|
+
return;
|
|
4196
|
+
}
|
|
4197
|
+
open_modal_?.();
|
|
4198
|
+
set_extra_els_in_results_container_("");
|
|
4199
|
+
} else {
|
|
4200
|
+
close_modal_?.();
|
|
4201
|
+
if (filters_open()) set_extra_els_in_results_container_((()=>{
|
|
4202
|
+
const _el$ = (0, $57o7A$solidjsweb.getNextElement)($f8f64d05c525825b$var$_tmpl$), _el$2 = _el$.firstChild;
|
|
4203
|
+
(0, $57o7A$solidjsweb.insert)(_el$2, (0, $57o7A$solidjsweb.createComponent)((0, $aff9a96d30ed3563$export$3f1a388cc0d8fed7), filter_options));
|
|
4204
|
+
return _el$;
|
|
4205
|
+
})());
|
|
4206
|
+
else set_extra_els_in_results_container_((()=>{
|
|
4207
|
+
const _el$3 = (0, $57o7A$solidjsweb.getNextElement)($f8f64d05c525825b$var$_tmpl$2), _el$4 = _el$3.firstChild;
|
|
4208
|
+
(0, $57o7A$solidjsweb.insert)(_el$4, (0, $57o7A$solidjsweb.createComponent)((0, $be89be42ce9ea60f$export$1f1775a58da589b5), sorting_options));
|
|
4209
|
+
return _el$3;
|
|
4210
|
+
})());
|
|
4335
4211
|
}
|
|
4336
|
-
|
|
4337
|
-
|
|
4338
|
-
|
|
4339
|
-
|
|
4340
|
-
|
|
4341
|
-
|
|
4342
|
-
|
|
4343
|
-
|
|
4344
|
-
|
|
4345
|
-
|
|
4346
|
-
|
|
4347
|
-
|
|
4348
|
-
|
|
4349
|
-
|
|
4350
|
-
|
|
4351
|
-
|
|
4352
|
-
|
|
4353
|
-
|
|
4354
|
-
|
|
4355
|
-
|
|
4356
|
-
|
|
4357
|
-
|
|
4358
|
-
|
|
4359
|
-
|
|
4360
|
-
|
|
4361
|
-
}));
|
|
4362
|
-
const { remove: remove } = (0, $57o7A$depictaiutilishared.javascript_media_query)("(max-width:651px)", ({ matches: matches })=>set_is_small(matches));
|
|
4363
|
-
cleanup_promise.then(remove);
|
|
4364
|
-
})();
|
|
4365
|
-
get_extra_filters_button_?.(make_open_filters_button());
|
|
4366
|
-
get_extra_sorting_button_?.(make_open_sorting_button());
|
|
4367
|
-
return (()=>{
|
|
4368
|
-
const _el$5 = (0, $57o7A$solidjsweb.getNextElement)($f8f64d05c525825b$var$_tmpl$3), _el$6 = _el$5.firstChild, _el$7 = _el$6.firstChild, _el$8 = _el$7.firstChild, [_el$9, _co$] = (0, $57o7A$solidjsweb.getNextMarker)(_el$8.nextSibling), _el$10 = _el$9.nextSibling, [_el$11, _co$2] = (0, $57o7A$solidjsweb.getNextMarker)(_el$10.nextSibling), _el$12 = _el$11.nextSibling, [_el$13, _co$3] = (0, $57o7A$solidjsweb.getNextMarker)(_el$12.nextSibling);
|
|
4369
|
-
const _ref$ = set_sort_and_filter_element_;
|
|
4370
|
-
typeof _ref$ === "function" ? (0, $57o7A$solidjsweb.use)(_ref$, _el$5) : set_sort_and_filter_element_ = _el$5;
|
|
4371
|
-
(0, $57o7A$solidjsweb.insert)(_el$7, ()=>make_open_filters_button(true, true), _el$9, _co$);
|
|
4372
|
-
(0, $57o7A$solidjsweb.insert)(_el$7, ()=>middle_elements_?.(), _el$11, _co$2);
|
|
4373
|
-
(0, $57o7A$solidjsweb.insert)(_el$7, ()=>make_open_sorting_button(true, true), _el$13, _co$3);
|
|
4374
|
-
return _el$5;
|
|
4375
|
-
})();
|
|
4376
|
-
};
|
|
4377
|
-
return (0, $57o7A$solidjsweb.createComponent)((0, $edafe91daf3091d7$export$b69d0d92862de18b), {
|
|
4378
|
-
message_: "Sorting and filters failed",
|
|
4379
|
-
severity_: "error",
|
|
4380
|
-
get children () {
|
|
4381
|
-
return (0, $57o7A$solidjsweb.createComponent)(Self, {});
|
|
4212
|
+
});
|
|
4213
|
+
(0, $57o7A$depictaiutilishared.catchify)(async ()=>{
|
|
4214
|
+
({ open_modal_: open_modal_ , close_modal_: close_modal_ } = await (0, $9abb0a35d4b60ed3$export$79b1565500412d9b)((0, $1872ceb56ede7a52$export$9bf11afa910f536e), {
|
|
4215
|
+
args_for_sorting_: sorting_options,
|
|
4216
|
+
args_for_filtering_: filter_options,
|
|
4217
|
+
search_filters_open_: search_filters_open_,
|
|
4218
|
+
search_sorting_open_: search_sorting_open_,
|
|
4219
|
+
formatted_number_of_results_: formatted_number_of_results_,
|
|
4220
|
+
dismiss_modal_: dismiss_modal_,
|
|
4221
|
+
i18n_: i18n_
|
|
4222
|
+
}));
|
|
4223
|
+
const { remove: remove } = (0, $57o7A$depictaiutilishared.javascript_media_query)("(max-width:651px)", ({ matches: matches })=>set_is_small(matches));
|
|
4224
|
+
cleanup_promise.then(remove);
|
|
4225
|
+
})();
|
|
4226
|
+
get_extra_filters_button_?.(make_open_filters_button());
|
|
4227
|
+
get_extra_sorting_button_?.(make_open_sorting_button());
|
|
4228
|
+
return (()=>{
|
|
4229
|
+
const _el$5 = (0, $57o7A$solidjsweb.getNextElement)($f8f64d05c525825b$var$_tmpl$3), _el$6 = _el$5.firstChild, _el$7 = _el$6.firstChild, _el$8 = _el$7.firstChild, [_el$9, _co$] = (0, $57o7A$solidjsweb.getNextMarker)(_el$8.nextSibling), _el$10 = _el$9.nextSibling, [_el$11, _co$2] = (0, $57o7A$solidjsweb.getNextMarker)(_el$10.nextSibling), _el$12 = _el$11.nextSibling, [_el$13, _co$3] = (0, $57o7A$solidjsweb.getNextMarker)(_el$12.nextSibling);
|
|
4230
|
+
const _ref$ = set_sort_and_filter_element_;
|
|
4231
|
+
typeof _ref$ === "function" ? (0, $57o7A$solidjsweb.use)(_ref$, _el$5) : set_sort_and_filter_element_ = _el$5;
|
|
4232
|
+
(0, $57o7A$solidjsweb.insert)(_el$7, ()=>make_open_filters_button(true, true), _el$9, _co$);
|
|
4233
|
+
(0, $57o7A$solidjsweb.insert)(_el$7, ()=>middle_elements_?.(), _el$11, _co$2);
|
|
4234
|
+
(0, $57o7A$solidjsweb.insert)(_el$7, ()=>make_open_sorting_button(true, true), _el$13, _co$3);
|
|
4235
|
+
return _el$5;
|
|
4236
|
+
})();
|
|
4382
4237
|
}
|
|
4383
|
-
});
|
|
4238
|
+
})();
|
|
4384
4239
|
}
|
|
4385
4240
|
function $f8f64d05c525825b$var$OpenFiltersButton({ i18n_: i18n_ , search_filters_open_: search_filters_open_ , search_sorting_open_: search_sorting_open_ , filter_button_width_: filter_button_width_ , tabindex_: tabindex_ , number_of_rendered_selected_filters_items_: [num_selected_filters] }) {
|
|
4386
4241
|
const filters_closed = (0, $57o7A$solidjs.createMemo)(()=>!search_filters_open_[0]());
|
|
@@ -4412,10 +4267,10 @@ function $f8f64d05c525825b$var$OpenFiltersButton({ i18n_: i18n_ , search_filters
|
|
|
4412
4267
|
return filters_closed();
|
|
4413
4268
|
},
|
|
4414
4269
|
get fallback () {
|
|
4415
|
-
return (0, $57o7A$solidjsweb.createComponent)((0, $
|
|
4270
|
+
return (0, $57o7A$solidjsweb.createComponent)((0, $57o7A$depictaiutilishared.MinusIcon), {});
|
|
4416
4271
|
},
|
|
4417
4272
|
get children () {
|
|
4418
|
-
return (0, $57o7A$solidjsweb.createComponent)((0, $
|
|
4273
|
+
return (0, $57o7A$solidjsweb.createComponent)((0, $57o7A$depictaiutilishared.FilterIcon), {});
|
|
4419
4274
|
}
|
|
4420
4275
|
}), _el$19, _co$4);
|
|
4421
4276
|
(0, $57o7A$solidjsweb.insert)(_el$17, ()=>i18n_.filter_text_());
|
|
@@ -4464,10 +4319,10 @@ function $f8f64d05c525825b$var$OpenSortingButton({ i18n_: i18n_ , get_current_so
|
|
|
4464
4319
|
return sorting_closed();
|
|
4465
4320
|
},
|
|
4466
4321
|
get fallback () {
|
|
4467
|
-
return (0, $57o7A$solidjsweb.createComponent)((0, $
|
|
4322
|
+
return (0, $57o7A$solidjsweb.createComponent)((0, $57o7A$depictaiutilishared.MinusIcon), {});
|
|
4468
4323
|
},
|
|
4469
4324
|
get children () {
|
|
4470
|
-
return (0, $57o7A$solidjsweb.memo)(()=>get_current_sorting_()?.order === "asc")() ? (0, $57o7A$solidjsweb.createComponent)((0, $
|
|
4325
|
+
return (0, $57o7A$solidjsweb.memo)(()=>get_current_sorting_()?.order === "asc")() ? (0, $57o7A$solidjsweb.createComponent)((0, $57o7A$depictaiutilishared.SortIconAsc), {}) : (0, $57o7A$solidjsweb.createComponent)((0, $57o7A$depictaiutilishared.SortIconDesc), {});
|
|
4471
4326
|
}
|
|
4472
4327
|
}), _el$25, _co$6);
|
|
4473
4328
|
(0, $57o7A$solidjsweb.effect)((_p$)=>{
|
|
@@ -4508,21 +4363,8 @@ function $f8f64d05c525825b$var$OpenSortingButton({ i18n_: i18n_ , get_current_so
|
|
|
4508
4363
|
|
|
4509
4364
|
|
|
4510
4365
|
|
|
4511
|
-
|
|
4512
|
-
|
|
4513
|
-
|
|
4514
|
-
|
|
4515
|
-
|
|
4516
|
-
const $084b6a0ee1d481de$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"><path d="M6.402.453L2.203 4.652a.35.35 0 0 0 0 .496c.137.137.359.137.492 0l3.605-3.605v11.406a.35.35 0 0 0 .348.352.35.35 0 0 0 .352-.352V1.543l3.602 3.605a.35.35 0 0 0 .496 0c.066-.07.102-.16.102-.25a.35.35 0 0 0-.102-.246L6.895.453c-.133-.137-.355-.137-.492 0zm0 0"></path></svg>`, 4);
|
|
4517
|
-
function $084b6a0ee1d481de$export$2624c5890f1bbcf7() {
|
|
4518
|
-
return (0, $57o7A$solidjsweb.getNextElement)($084b6a0ee1d481de$var$_tmpl$);
|
|
4519
|
-
}
|
|
4520
|
-
|
|
4521
|
-
|
|
4522
|
-
|
|
4523
4366
|
const $2fb324fbcc7b4a7b$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="floating-buttons"><button class="filter"><div></div></button><button class="sort"><div></div></button><button class="up"><div></div></button></div>`, 14);
|
|
4524
4367
|
function $2fb324fbcc7b4a7b$export$b23abd26de154ede(props) {
|
|
4525
|
-
if (0, $57o7A$solidjsweb.isServer) return; // won't show in initial render and need scroll position
|
|
4526
4368
|
const [is_small, set_is_small] = (0, $57o7A$solidjs.createSignal)(true);
|
|
4527
4369
|
(0, $57o7A$solidjs.onCleanup)((0, $57o7A$depictaiutilishared.javascript_media_query)("(max-width:651px)", ({ matches: matches })=>set_is_small(matches)).remove);
|
|
4528
4370
|
return (0, $57o7A$solidjsweb.createComponent)((0, $57o7A$solidjs.Show), {
|
|
@@ -4611,20 +4453,20 @@ function $2fb324fbcc7b4a7b$var$ActualFloatingButtons({ search_filters_open_: [ge
|
|
|
4611
4453
|
set_search_filters_open_(true);
|
|
4612
4454
|
set_search_sorting_open_(false);
|
|
4613
4455
|
}), true);
|
|
4614
|
-
(0, $57o7A$solidjsweb.insert)(_el$3, (0, $57o7A$solidjsweb.createComponent)((0, $
|
|
4456
|
+
(0, $57o7A$solidjsweb.insert)(_el$3, (0, $57o7A$solidjsweb.createComponent)((0, $57o7A$depictaiutilishared.FilterIcon), {}));
|
|
4615
4457
|
(0, $57o7A$solidjsweb.addEventListener)(_el$4, "click", (0, $57o7A$depictaiutilishared.catchify)(()=>{
|
|
4616
4458
|
set_search_filters_open_(false);
|
|
4617
4459
|
set_search_sorting_open_(true);
|
|
4618
4460
|
}), true);
|
|
4619
4461
|
(0, $57o7A$solidjsweb.insert)(_el$5, (()=>{
|
|
4620
4462
|
const _c$ = (0, $57o7A$solidjsweb.memo)(()=>current_sorting_[0]()?.order === "asc");
|
|
4621
|
-
return ()=>_c$() ? (0, $57o7A$solidjsweb.createComponent)((0, $
|
|
4463
|
+
return ()=>_c$() ? (0, $57o7A$solidjsweb.createComponent)((0, $57o7A$depictaiutilishared.SortIconAsc), {}) : (0, $57o7A$solidjsweb.createComponent)((0, $57o7A$depictaiutilishared.SortIconDesc), {});
|
|
4622
4464
|
})());
|
|
4623
4465
|
(0, $57o7A$solidjsweb.addEventListener)(_el$6, "click", (0, $57o7A$depictaiutilishared.catchify)(()=>scrollTo({
|
|
4624
4466
|
top: 0,
|
|
4625
4467
|
behavior: "smooth"
|
|
4626
4468
|
})), true);
|
|
4627
|
-
(0, $57o7A$solidjsweb.insert)(_el$7, (0, $57o7A$solidjsweb.createComponent)((0, $
|
|
4469
|
+
(0, $57o7A$solidjsweb.insert)(_el$7, (0, $57o7A$solidjsweb.createComponent)((0, $57o7A$depictaiutilishared.ArrowUp), {}));
|
|
4628
4470
|
(0, $57o7A$solidjsweb.effect)((_p$)=>{
|
|
4629
4471
|
const _v$ = !!(is_scrolling_upwards() && modal_is_closed() && !regular_buttons_are_in_view() && !get_is_showing_toast()), _v$2 = i18n_.filter_text_(), _v$3 = i18n_.sorting_text_(), _v$4 = i18n_.scroll_to_top_();
|
|
4630
4472
|
_v$ !== _p$._v$ && _el$.classList.toggle("show-them", _p$._v$ = _v$);
|
|
@@ -5302,7 +5144,6 @@ function $cafad5eca9f09cb5$export$d4fc5c0e68a52116(el, query_id_, i18n_) {
|
|
|
5302
5144
|
|
|
5303
5145
|
|
|
5304
5146
|
|
|
5305
|
-
|
|
5306
5147
|
const $840d88a04b2d22a7$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="product-count"><!#><!/> <!#><!/></div>`, 6), $840d88a04b2d22a7$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div></div>`, 2), $840d88a04b2d22a7$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="filter-results-for-one-row"><!#><!/><!#><!/></div>`, 6), $840d88a04b2d22a7$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="depict plp category"><div class="listing-page"><!#><!/><!#><!/><!#><!/><!#><!/><!#><!/><!#><!/></div><!#><!/><!#><!/></div>`, 20);
|
|
5307
5148
|
function $840d88a04b2d22a7$export$f7d2f673fc2f091d({ depict_api_: depict_api_ , query_id_: query_id_ , current_sorting_: current_sorting_ , min_products_to_fetch_: min_products_to_fetch_ , category_filters_open_: category_filters_open_ , category_sorting_open_: category_sorting_open_ , expanded_filters_: expanded_filters_ , selected_filters_: selected_filters_ , get_quicklinks_accessor_: get_quicklinks_accessor_ , i18n_: incoming_i18n , get_breadcrumb_accessor_: get_breadcrumb_accessor_ , slider_arrow_button_: slider_arrow_button_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , local_filter_cache_: local_filter_cache_ , tenant_: tenant_ , market_: market_ , router_: router_ , show_quicklinks_: show_quicklinks_ , category_title_: category_title_ , show_breadcrumbs_: show_breadcrumbs_ , layout_options_: layout_options_ , scroll_restoration_data_: scroll_restoration_data_ , product_card_template_: product_card_template_ , sideways_filter_clearing_flag_: sideways_filter_clearing_flag_ }) {
|
|
5308
5149
|
let results_for;
|
|
@@ -5485,7 +5326,7 @@ function $840d88a04b2d22a7$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
|
|
|
5485
5326
|
get_breadcrumb_accessor_?.(crumb_data_);
|
|
5486
5327
|
get_quicklinks_accessor_?.(quicklinks_data_);
|
|
5487
5328
|
return [
|
|
5488
|
-
|
|
5329
|
+
document.createComment("Category page based on Depict SDK"),
|
|
5489
5330
|
(()=>{
|
|
5490
5331
|
const _el$13 = (0, $57o7A$solidjsweb.getNextElement)($840d88a04b2d22a7$var$_tmpl$4), _el$14 = _el$13.firstChild, _el$15 = _el$14.firstChild, [_el$16, _co$5] = (0, $57o7A$solidjsweb.getNextMarker)(_el$15.nextSibling), _el$17 = _el$16.nextSibling, [_el$18, _co$6] = (0, $57o7A$solidjsweb.getNextMarker)(_el$17.nextSibling), _el$19 = _el$18.nextSibling, [_el$20, _co$7] = (0, $57o7A$solidjsweb.getNextMarker)(_el$19.nextSibling), _el$21 = _el$20.nextSibling, [_el$22, _co$8] = (0, $57o7A$solidjsweb.getNextMarker)(_el$21.nextSibling), _el$23 = _el$22.nextSibling, [_el$24, _co$9] = (0, $57o7A$solidjsweb.getNextMarker)(_el$23.nextSibling), _el$25 = _el$24.nextSibling, [_el$26, _co$10] = (0, $57o7A$solidjsweb.getNextMarker)(_el$25.nextSibling), _el$27 = _el$14.nextSibling, [_el$28, _co$11] = (0, $57o7A$solidjsweb.getNextMarker)(_el$27.nextSibling), _el$29 = _el$28.nextSibling, [_el$30, _co$12] = (0, $57o7A$solidjsweb.getNextMarker)(_el$29.nextSibling);
|
|
5491
5332
|
(0, $57o7A$solidjsweb.use)((el)=>process.env.NODE_ENV === "development" && (0, $cafad5eca9f09cb5$export$d4fc5c0e68a52116)(el, query_id_, i18n_), _el$13);
|
|
@@ -5600,7 +5441,7 @@ function $840d88a04b2d22a7$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
|
|
|
5600
5441
|
|
|
5601
5442
|
let $d84fe647b84b5dc5$var$has_ran = false;
|
|
5602
5443
|
function $d84fe647b84b5dc5$export$5162a71f252e6122() {
|
|
5603
|
-
if ($d84fe647b84b5dc5$var$has_ran
|
|
5444
|
+
if ($d84fe647b84b5dc5$var$has_ran) return;
|
|
5604
5445
|
$d84fe647b84b5dc5$var$has_ran = true;
|
|
5605
5446
|
for (const function_name of [
|
|
5606
5447
|
"replaceState",
|
|
@@ -5706,7 +5547,8 @@ function $0785f4c9947d9b5f$export$f091cbac892643a4(obj) {
|
|
|
5706
5547
|
|
|
5707
5548
|
function $95837413165cc2df$export$23fca46f3143581f(component, error_message) {
|
|
5708
5549
|
const component_in_error_boundary = (do_with_elements)=>{
|
|
5709
|
-
|
|
5550
|
+
// @ts-ignore
|
|
5551
|
+
return (0, $edafe91daf3091d7$export$b69d0d92862de18b)({
|
|
5710
5552
|
severity_: "error",
|
|
5711
5553
|
message_: error_message,
|
|
5712
5554
|
get children () {
|
|
@@ -5714,12 +5556,7 @@ function $95837413165cc2df$export$23fca46f3143581f(component, error_message) {
|
|
|
5714
5556
|
do_with_elements?.(elements);
|
|
5715
5557
|
return elements;
|
|
5716
5558
|
}
|
|
5717
|
-
});
|
|
5718
|
-
// This might return an accessor, in that case we need to "unwrap" it since our SDK consumers expect HTML elements or arrays thereof
|
|
5719
|
-
if (typeof error_boundary_wrapped === "function") // @ts-ignore
|
|
5720
|
-
return error_boundary_wrapped();
|
|
5721
|
-
// On the server it returns a string, so we just return that
|
|
5722
|
-
return error_boundary_wrapped;
|
|
5559
|
+
})();
|
|
5723
5560
|
};
|
|
5724
5561
|
const owner = (0, $57o7A$solidjs.getOwner)();
|
|
5725
5562
|
if (owner == null) return (0, $57o7A$solidjs.createRoot)((dispose)=>{
|
|
@@ -5749,7 +5586,7 @@ function $c79fd10a3ab7d6e0$export$477caf01aecaeb2a(options) {
|
|
|
5749
5586
|
const [get_sorting_, set_sorting] = current_sorting_;
|
|
5750
5587
|
const [get_selected_filters_, set_selected_filters] = selected_filters_;
|
|
5751
5588
|
const [get_has_sideways_filter_clearing_flag_, set_has_sideways_filter_clearing_flag] = sideways_filter_clearing_flag_;
|
|
5752
|
-
const [get_current_href, set_current_href] = (0, $57o7A$solidjs.createSignal)(
|
|
5589
|
+
const [get_current_href, set_current_href] = (0, $57o7A$solidjs.createSignal)(location.href);
|
|
5753
5590
|
const history_change_handler = (0, $57o7A$depictaiutilishared.catchify)(()=>set_current_href(location.href));
|
|
5754
5591
|
const owner = (0, $57o7A$solidjs.getOwner)() || (0, $57o7A$solidjs.createRoot)(()=>(0, $57o7A$solidjs.getOwner)());
|
|
5755
5592
|
let writer_started = false;
|
|
@@ -5885,7 +5722,7 @@ class $e96dd13889871fc0$export$7e1297a3a19f10d8 {
|
|
|
5885
5722
|
* Call this if you *just* want to replace the state object in history.state
|
|
5886
5723
|
*/ replace_state_: (new_state)=>{
|
|
5887
5724
|
// This doesn't break any router, so we just do this directly for now, since many don't expose an interface for changing the state
|
|
5888
|
-
|
|
5725
|
+
history.replaceState(new_state, "");
|
|
5889
5726
|
},
|
|
5890
5727
|
/**
|
|
5891
5728
|
* Call this to change the URL
|
|
@@ -5927,8 +5764,6 @@ class $e96dd13889871fc0$export$7e1297a3a19f10d8 {
|
|
|
5927
5764
|
}
|
|
5928
5765
|
|
|
5929
5766
|
|
|
5930
|
-
|
|
5931
|
-
|
|
5932
5767
|
const $48567ac5b39bac56$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="depict plp category"></div>`, 2);
|
|
5933
5768
|
const $48567ac5b39bac56$var$min_products_to_fetch_ = 20;
|
|
5934
5769
|
const $48567ac5b39bac56$var$privately_shared_properties = /*@__PURE__*/ new WeakMap();
|
|
@@ -5980,8 +5815,7 @@ class $48567ac5b39bac56$export$f34314aa9505732e {
|
|
|
5980
5815
|
constructor({ api: api , on_navigation: on_navigation , ...props_on_class }){
|
|
5981
5816
|
const owner = (0, $57o7A$solidjs.getOwner)() || (0, $57o7A$solidjs.createRoot)(()=>(0, $57o7A$solidjs.getOwner)()); // we might have an owner, if so, pass it on. Otherwise, create one so solid doesn't print warnings to the console
|
|
5982
5817
|
(0, $57o7A$solidjs.runWithOwner)(owner, ()=>{
|
|
5983
|
-
if ($48567ac5b39bac56$export$f34314aa9505732e.#has_been_constructed
|
|
5984
|
-
throw new Error("You can only have one instance of DepictCategory due to state limitations");
|
|
5818
|
+
if ($48567ac5b39bac56$export$f34314aa9505732e.#has_been_constructed) throw new Error("You can only have one instance of DepictCategory due to state limitations");
|
|
5985
5819
|
$48567ac5b39bac56$export$f34314aa9505732e.#has_been_constructed = true;
|
|
5986
5820
|
Object.assign(this, props_on_class); // set initial signal values
|
|
5987
5821
|
(0, $d84fe647b84b5dc5$export$5162a71f252e6122)();
|
|
@@ -6010,7 +5844,7 @@ class $48567ac5b39bac56$export$f34314aa9505732e {
|
|
|
6010
5844
|
selected_filters_: selected_filters_,
|
|
6011
5845
|
current_sorting_: current_sorting_,
|
|
6012
5846
|
sideways_filter_clearing_flag_: sideways_filter_clearing_flag_,
|
|
6013
|
-
slider_arrow_button_: (0, $
|
|
5847
|
+
slider_arrow_button_: (0, $57o7A$depictaiutilishared.GenericSliderArrowButton)({
|
|
6014
5848
|
height_: 12,
|
|
6015
5849
|
width_: 6.46
|
|
6016
5850
|
})
|
|
@@ -6393,35 +6227,6 @@ function $dae23104ba8bb78c$export$d757d54550ebfb3d({ category_suggestion_: categ
|
|
|
6393
6227
|
|
|
6394
6228
|
|
|
6395
6229
|
|
|
6396
|
-
|
|
6397
|
-
|
|
6398
|
-
const $3df11fc61432d1fd$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="16"><path d="M.773 7.371L7.98.176C8.098.059 8.238 0 8.402 0s.305.059.422.176S9 .434 9 .598s-.059.305-.176.422L2.648 7.195h19.547a.59.59 0 0 1 .609.609c0 .172-.059.305-.176.422s-.262.176-.434.176H2.648l6.176 6.176a.59.59 0 0 1 .176.426c0 .16-.059.301-.176.422-.055.059-.121.109-.199.137s-.148.039-.223.039-.156-.012-.234-.039a.54.54 0 0 1-.187-.137L.773 8.227c-.117-.117-.176-.258-.176-.422a.6.6 0 0 1 .176-.434zm0 0"></path></svg>`, 4);
|
|
6399
|
-
function $3df11fc61432d1fd$export$1c641004b5485fed() {
|
|
6400
|
-
return (0, $57o7A$solidjsweb.getNextElement)($3df11fc61432d1fd$var$_tmpl$);
|
|
6401
|
-
}
|
|
6402
|
-
|
|
6403
|
-
|
|
6404
|
-
|
|
6405
|
-
|
|
6406
|
-
|
|
6407
|
-
|
|
6408
|
-
|
|
6409
|
-
|
|
6410
|
-
const $87d7574e1d89d69b$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<svg><path d="M19.811 20.174l-6.234-6.809a7.96 7.96 0 0 0 .923-1.179c.274-.424.502-.865.687-1.323a8.04 8.04 0 0 0 .42-1.436 7.88 7.88 0 0 0 .144-1.507c0-.526-.051-1.042-.154-1.548-.096-.506-.243-.995-.441-1.466s-.441-.919-.728-1.343a8.28 8.28 0 0 0-.984-1.21 7.86 7.86 0 0 0-1.2-.984A7.56 7.56 0 0 0 10.89.651C10.418.453 9.929.302 9.423.2S8.401.046 7.875.046 6.833.097 6.327.2 5.332.453 4.86.651a7.56 7.56 0 0 0-1.354.718c-.431.287-.831.615-1.2.984a8.28 8.28 0 0 0-.984 1.21 7.73 7.73 0 0 0-.728 1.343c-.198.472-.349.96-.451 1.466A8.31 8.31 0 0 0 0 7.921a8.31 8.31 0 0 0 .144 1.548c.103.506.253.995.451 1.466a8.08 8.08 0 0 0 .728 1.354 7.86 7.86 0 0 0 .984 1.2 7.54 7.54 0 0 0 1.2.995c.431.287.882.53 1.354.728.472.191.96.338 1.466.441a8.31 8.31 0 0 0 1.548.144c.451 0 .896-.038 1.333-.113a7.83 7.83 0 0 0 1.282-.328 7.55 7.55 0 0 0 1.2-.533 8.08 8.08 0 0 0 1.107-.749l6.245 6.809a.45.45 0 0 0 .174.123.55.55 0 0 0 .205.041.61.61 0 0 0 .195-.031c.061-.021.116-.055.164-.102.109-.096.164-.219.164-.369.007-.144-.038-.267-.133-.369zM1.046 7.921c0-.937.178-1.818.533-2.646.362-.834.851-1.559 1.466-2.174.622-.615 1.347-1.101 2.174-1.456.827-.362 1.712-.543 2.656-.543s1.829.181 2.656.543c.827.355 1.548.841 2.164 1.456.622.615 1.111 1.34 1.466 2.174a6.52 6.52 0 0 1 .543 2.646c0 .943-.181 1.829-.543 2.656a6.89 6.89 0 0 1-1.466 2.174c-.615.615-1.336 1.104-2.164 1.466-.827.356-1.712.533-2.656.533s-1.829-.178-2.656-.533c-.827-.362-1.552-.851-2.174-1.466-.615-.622-1.104-1.347-1.466-2.174-.355-.827-.533-1.712-.533-2.656z"></path></svg>`, 4);
|
|
6411
|
-
function $87d7574e1d89d69b$export$82eafebb825fc23f(props = {}) {
|
|
6412
|
-
return (()=>{
|
|
6413
|
-
const _el$ = (0, $57o7A$solidjsweb.getNextElement)($87d7574e1d89d69b$var$_tmpl$);
|
|
6414
|
-
(0, $57o7A$solidjsweb.spread)(_el$, (0, $57o7A$solidjsweb.mergeProps)(props, {
|
|
6415
|
-
"xmlns": "http://www.w3.org/2000/svg",
|
|
6416
|
-
"width": "20",
|
|
6417
|
-
"height": "22"
|
|
6418
|
-
}), true, true);
|
|
6419
|
-
(0, $57o7A$solidjsweb.runHydrationEvents)();
|
|
6420
|
-
return _el$;
|
|
6421
|
-
})();
|
|
6422
|
-
}
|
|
6423
|
-
|
|
6424
|
-
|
|
6425
6230
|
const $66b8b9a9613c141d$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<button class="back" type="button"></button>`, 2), $66b8b9a9613c141d$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="search-field"><!#><!/><div class="field"><input class="query" tabindex="0"><button type="button" class="clear"></button></div><button class="submit major" type="button"></button></div>`, 11);
|
|
6426
6231
|
function $66b8b9a9613c141d$export$b94867ecbd698f21({ search_field_value_: search_field_value_ , input_field_ref_: input_field_ref_ , field_element_ref_: field_element_ref_ , submit_query_: submit_query_ , override_on_enter_: override_on_enter_ , clear_filters_: clear_filters_ , disabled_: disabled_ = false , on_back_: on_back_ , i18n_: i18n_ , after_focusing_: after_focusing_ }) {
|
|
6427
6232
|
let input_element;
|
|
@@ -6442,7 +6247,7 @@ function $66b8b9a9613c141d$export$b94867ecbd698f21({ search_field_value_: search
|
|
|
6442
6247
|
get children () {
|
|
6443
6248
|
const _el$2 = (0, $57o7A$solidjsweb.getNextElement)($66b8b9a9613c141d$var$_tmpl$);
|
|
6444
6249
|
(0, $57o7A$solidjsweb.addEventListener)(_el$2, "click", (0, $57o7A$depictaiutilishared.catchify)(on_back_), true);
|
|
6445
|
-
(0, $57o7A$solidjsweb.insert)(_el$2, (0, $57o7A$solidjsweb.createComponent)((0, $
|
|
6250
|
+
(0, $57o7A$solidjsweb.insert)(_el$2, (0, $57o7A$solidjsweb.createComponent)((0, $57o7A$depictaiutilishared.BackIcon), {}));
|
|
6446
6251
|
(0, $57o7A$solidjsweb.effect)(()=>(0, $57o7A$solidjsweb.setAttribute)(_el$2, "aria-label", i18n_.back_()));
|
|
6447
6252
|
(0, $57o7A$solidjsweb.runHydrationEvents)();
|
|
6448
6253
|
return _el$2;
|
|
@@ -6499,9 +6304,9 @@ function $66b8b9a9613c141d$export$b94867ecbd698f21({ search_field_value_: search
|
|
|
6499
6304
|
clear_filters_(true);
|
|
6500
6305
|
if (!disabled_) input_element.focus();
|
|
6501
6306
|
}), true);
|
|
6502
|
-
(0, $57o7A$solidjsweb.insert)(_el$5, (0, $57o7A$solidjsweb.createComponent)((0, $
|
|
6307
|
+
(0, $57o7A$solidjsweb.insert)(_el$5, (0, $57o7A$solidjsweb.createComponent)((0, $57o7A$depictaiutilishared.CrossIcon), {}));
|
|
6503
6308
|
(0, $57o7A$solidjsweb.addEventListener)(_el$6, "click", (0, $57o7A$depictaiutilishared.catchify)(()=>submit_query_()), true);
|
|
6504
|
-
(0, $57o7A$solidjsweb.insert)(_el$6, (0, $57o7A$solidjsweb.createComponent)((0, $
|
|
6309
|
+
(0, $57o7A$solidjsweb.insert)(_el$6, (0, $57o7A$solidjsweb.createComponent)((0, $57o7A$depictaiutilishared.SearchIcon), {}));
|
|
6505
6310
|
(0, $57o7A$solidjsweb.effect)((_p$)=>{
|
|
6506
6311
|
const _v$ = i18n_.search_field_field_aria_label_(), _v$2 = i18n_.placeholder_text_(), _v$3 = i18n_.clear_filters_query_sorting_after_submit_(), _v$4 = (0, $57o7A$solidjs.createMemo)(()=>search_field_value_[0]() ? "" : "display: none")(), _v$5 = i18n_.search_submit_button_aria_label_();
|
|
6507
6312
|
_v$ !== _p$._v$ && (0, $57o7A$solidjsweb.setAttribute)(_el$4, "aria-label", _p$._v$ = _v$);
|
|
@@ -6715,7 +6520,7 @@ function $b34ce0b89e6db4e1$export$e026af0c7b64ea5f({ selected_filters_: selected
|
|
|
6715
6520
|
|
|
6716
6521
|
|
|
6717
6522
|
function $2b7a005a65221045$export$84bba84a7b837187(read_search_query) {
|
|
6718
|
-
const ls =
|
|
6523
|
+
const ls = localStorage;
|
|
6719
6524
|
const key = "depict_searches";
|
|
6720
6525
|
const previous_searches = (0, $57o7A$solidjs.createSignal)(JSON.parse(ls[key] || "[]"));
|
|
6721
6526
|
const [read_previous_searches, write_previous_searches] = previous_searches;
|
|
@@ -7052,15 +6857,6 @@ function $496cde876b53ce1e$export$91c3b6774e8be0f5({ param_: param_ , value_: va
|
|
|
7052
6857
|
|
|
7053
6858
|
|
|
7054
6859
|
|
|
7055
|
-
|
|
7056
|
-
|
|
7057
|
-
const $9e30168c4b1661d2$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<svg xmlns="http://www.w3.org/2000/svg" width="12" height="13"><path d="M6 12.598a5.88 5.88 0 0 1-1.611-.223c-.52-.145-1.008-.352-1.465-.621s-.875-.605-1.254-.996-.693-.83-.955-1.318c-.039-.07-.047-.145-.023-.223s.072-.143.146-.182.145-.047.223-.023.143.072.182.146a5.54 5.54 0 0 0 .861 1.184c.34.352.715.65 1.125.897s.85.435 1.318.568A5.5 5.5 0 0 0 6 12a5.24 5.24 0 0 0 2.098-.422c.656-.285 1.229-.672 1.717-1.16s.879-1.061 1.16-1.717a5.22 5.22 0 0 0 .428-2.104c0-.742-.143-1.441-.428-2.098s-.668-1.229-1.16-1.717a5.42 5.42 0 0 0-1.717-1.154A5.18 5.18 0 0 0 6 1.201c-.496 0-.979.066-1.447.199s-.904.316-1.318.563-.785.539-1.125.891a5.31 5.31 0 0 0-.855 1.172.32.32 0 0 1-.164.141c-.066.023-.135.023-.205 0a.3.3 0 0 1-.158-.135C.691 3.965.682 3.895.697 3.82l.51-2.385c.016-.078.059-.141.129-.187a.28.28 0 0 1 .229-.041c.078.016.141.059.188.129a.28.28 0 0 1 .041.229l-.211.973a5.91 5.91 0 0 1 .926-.814 5.78 5.78 0 0 1 1.066-.609A5.79 5.79 0 0 1 4.746.732C5.156.643 5.574.598 6 .598c.402 0 .795.039 1.178.117s.76.191 1.119.34a5.95 5.95 0 0 1 1.031.551c.328.219.633.469.914.75s.535.592.75.92a5.77 5.77 0 0 1 .551 1.025 5.53 5.53 0 0 1 .34 1.119c.078.387.117.779.117 1.178s-.039.797-.117 1.184-.187.754-.34 1.113a5.96 5.96 0 0 1-.551 1.031 5.56 5.56 0 0 1-.75.914c-.281.285-.586.537-.914.756a5.95 5.95 0 0 1-1.031.551c-.359.148-.732.26-1.119.334s-.775.117-1.178.117zm0-5.695c-.023 0-.049-.004-.076-.012s-.047-.018-.07-.029l-2.701-1.5c-.07-.039-.117-.098-.141-.176a.29.29 0 0 1 .023-.229c.043-.074.104-.123.182-.146s.158-.014.229.029l2.543 1.412 3.152-2.004c.07-.047.145-.061.223-.041a.29.29 0 0 1 .188.135c.047.066.061.141.041.223a.27.27 0 0 1-.129.188L6.158 6.855a.27.27 0 0 1-.076.035c-.027.008-.055.012-.082.012z" fill="#0f0f0f"></path></svg>`, 4);
|
|
7058
|
-
function $9e30168c4b1661d2$export$5d2caaa6b530761c() {
|
|
7059
|
-
return (0, $57o7A$solidjsweb.getNextElement)($9e30168c4b1661d2$var$_tmpl$);
|
|
7060
|
-
}
|
|
7061
|
-
|
|
7062
|
-
|
|
7063
|
-
|
|
7064
6860
|
const $9a268bf73b31a717$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="previous-searches"><h2 class="text"></h2><div class="list"></div></div>`, 6), $9a268bf73b31a717$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<a class="item"><div class="left"><!#><!/><span></span></div><button class="delete"></button></a>`, 10);
|
|
7065
6861
|
function $9a268bf73b31a717$export$a146ac6fa8346a25({ text_: text_ , previous_searches_: previous_searches_ , search_query_param_name_: search_query_param_name_ , currently_showing_suggestions_: currently_showing_suggestions_ , set_unfiltered_previous_searches_: set_unfiltered_previous_searches_ , selected_index_: [read_selected_index_, write_selected_index_] , url_transformer_: url_transformer_ , i18n_: i18n_ , submit_query_: submit_query_ }) {
|
|
7066
6862
|
const has_entries = (0, $57o7A$solidjs.createMemo)(()=>previous_searches_().length >= 1);
|
|
@@ -7107,7 +6903,7 @@ function $9a268bf73b31a717$export$a146ac6fa8346a25({ text_: text_ , previous_sea
|
|
|
7107
6903
|
0,
|
|
7108
6904
|
index
|
|
7109
6905
|
])));
|
|
7110
|
-
(0, $57o7A$solidjsweb.insert)(_el$5, (0, $57o7A$solidjsweb.createComponent)((0, $
|
|
6906
|
+
(0, $57o7A$solidjsweb.insert)(_el$5, (0, $57o7A$solidjsweb.createComponent)((0, $57o7A$depictaiutilishared.PreviousSearchIcon), {}), _el$8, _co$);
|
|
7111
6907
|
(0, $57o7A$solidjsweb.insert)(_el$6, item);
|
|
7112
6908
|
(0, $57o7A$solidjsweb.use)((element)=>element.addEventListener("click", (0, $57o7A$depictaiutilishared.catchify)((e)=>{
|
|
7113
6909
|
// Viskan's Oscar Jacobson site requires us to add the event listener normally here. They do too much when this element is clicked. We work around it by blocking the event and just dispatching it non-bubbling on this element.
|
|
@@ -7124,7 +6920,7 @@ function $9a268bf73b31a717$export$a146ac6fa8346a25({ text_: text_ , previous_sea
|
|
|
7124
6920
|
e.stopPropagation();
|
|
7125
6921
|
e.preventDefault();
|
|
7126
6922
|
})), _el$9);
|
|
7127
|
-
(0, $57o7A$solidjsweb.insert)(_el$9, (0, $57o7A$solidjsweb.createComponent)((0, $
|
|
6923
|
+
(0, $57o7A$solidjsweb.insert)(_el$9, (0, $57o7A$solidjsweb.createComponent)((0, $57o7A$depictaiutilishared.CrossIcon), {}));
|
|
7128
6924
|
(0, $57o7A$solidjsweb.effect)((_p$)=>{
|
|
7129
6925
|
const _v$ = !!(0, $57o7A$solidjs.createMemo)(()=>read_selected_index_()?.[0] === 0 && read_selected_index_()?.[1] === index)(), _v$2 = href(), _v$3 = i18n_.previous_searches_delete_entry_from_history_();
|
|
7130
6926
|
_v$ !== _p$._v$ && _el$4.classList.toggle("selected", _p$._v$ = _v$);
|
|
@@ -7227,8 +7023,6 @@ function $d023ed916c84e75d$export$ba17c5b7e6dda39f({ whole_text_to_display_: who
|
|
|
7227
7023
|
}
|
|
7228
7024
|
|
|
7229
7025
|
|
|
7230
|
-
|
|
7231
|
-
|
|
7232
7026
|
const $6b65ba8af12c5a26$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<a class="suggestion"></a>`, 2), $6b65ba8af12c5a26$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="search-icon"></div>`, 2), $6b65ba8af12c5a26$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<span class="type"></span>`, 2), $6b65ba8af12c5a26$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div><!#><!/><span class="value"></span></div>`, 6), $6b65ba8af12c5a26$var$_tmpl$5 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<h2 class="text"></h2>`, 2), $6b65ba8af12c5a26$var$_tmpl$6 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="suggestion-container query"><!#><!/><!#><!/></div>`, 6), $6b65ba8af12c5a26$var$_tmpl$7 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="suggestion-container page"></div>`, 2), $6b65ba8af12c5a26$var$_tmpl$8 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="suggestions"><!#><!/><!#><!/><!#><!/></div>`, 8);
|
|
7233
7027
|
function $6b65ba8af12c5a26$export$e872e2339fb04a7f({ suggestion_memo_: suggestion_memo_ , search_query_url_param_name_: search_query_url_param_name_ , selected_index_: [read_selected_index_, write_selected_index_] , url_transformer_: url_transformer_ , filtered_previous_searches_: filtered_previous_searches_ , currently_showing_suggestions_: currently_showing_suggestions_ , on_previous_searches_page_: on_previous_searches_page_ , i18n_: i18n_ , include_category_suggestions_: include_category_suggestions_ , searching_for_value_: searching_for_value_ , router_: router_ , submit_query_: submit_query_ }) {
|
|
7234
7028
|
const queries_memo = (0, $57o7A$solidjs.createMemo)(()=>suggestion_memo_().filter(({ type: type , title: title })=>type === (0, $3ec9e21d6b6debdd$export$3cf9497e790da491) && !filtered_previous_searches_().includes(title) // don't show the ones we already show from the history
|
|
@@ -7272,12 +7066,12 @@ function $6b65ba8af12c5a26$export$e872e2339fb04a7f({ suggestion_memo_: suggestio
|
|
|
7272
7066
|
get fallback () {
|
|
7273
7067
|
return (()=>{
|
|
7274
7068
|
const _el$2 = (0, $57o7A$solidjsweb.getNextElement)($6b65ba8af12c5a26$var$_tmpl$2);
|
|
7275
|
-
(0, $57o7A$solidjsweb.insert)(_el$2, (0, $57o7A$solidjsweb.createComponent)((0, $
|
|
7069
|
+
(0, $57o7A$solidjsweb.insert)(_el$2, (0, $57o7A$solidjsweb.createComponent)((0, $57o7A$depictaiutilishared.SearchIcon), {}));
|
|
7276
7070
|
return _el$2;
|
|
7277
7071
|
})();
|
|
7278
7072
|
},
|
|
7279
7073
|
get children () {
|
|
7280
|
-
return (0, $57o7A$solidjsweb.createComponent)((0, $
|
|
7074
|
+
return (0, $57o7A$solidjsweb.createComponent)((0, $57o7A$depictaiutilishared.PreviousSearchIcon), {});
|
|
7281
7075
|
}
|
|
7282
7076
|
}),
|
|
7283
7077
|
(0, $57o7A$solidjsweb.createComponent)((0, $d023ed916c84e75d$export$ba17c5b7e6dda39f), {
|
|
@@ -8046,7 +7840,6 @@ function $65a0c4b1c2eb5d0b$export$9dd50d35b9d94fdf({ get_search_query_: get_sear
|
|
|
8046
7840
|
|
|
8047
7841
|
|
|
8048
7842
|
|
|
8049
|
-
|
|
8050
7843
|
const $f1d7cb69f839a526$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="filter-results-for-one-row"><!#><!/><!#><!/></div>`, 6), $f1d7cb69f839a526$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="depict plp search"><div class="listing-page"><!#><!/><!#><!/><!#><!/><!#><!/><!#><!/><!#><!/></div><!#><!/><!#><!/></div>`, 20);
|
|
8051
7844
|
function $f1d7cb69f839a526$export$a54ec244c8863715(opts) {
|
|
8052
7845
|
const { depict_api_: depict_api_ , search_field_value_: search_field_value_ , get_search_query_: get_search_query_ , open_modal_: open_modal_ , submit_query_: submit_query_ , current_sorting_: current_sorting_ , min_products_to_fetch_: min_products_to_fetch_ , search_filters_open_: search_filters_open_ , search_sorting_open_: search_sorting_open_ , expanded_filters_: expanded_filters_ , input_modal_open_: input_modal_open_ , selected_filters_: selected_filters_ , i18n_: i18n_ , slider_arrow_button_: slider_arrow_button_ , make_category_suggestion_card_: make_category_suggestion_card_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , clear_filters_on_next_submit_: clear_filters_on_next_submit_ , local_filter_cache_: local_filter_cache_ , include_input_field_: include_input_field_ , tenant_: tenant_ , market_: market_ , showing_recommendation_rows_: showing_recommendation_rows_ , search_recs_view_more_: search_recs_view_more_ , disable_search_recommendations_: disable_search_recommendations_ , layout_options_: layout_options_ , recommendations_layout_options_: recommendations_layout_options_ = layout_options_ , scroll_restoration_data_: scroll_restoration_data_ , product_card_template_: product_card_template_ } = opts;
|
|
@@ -8202,7 +7995,7 @@ function $f1d7cb69f839a526$export$a54ec244c8863715(opts) {
|
|
|
8202
7995
|
(0, $341a019928b8b91e$export$c7e181728ad525f)(location);
|
|
8203
7996
|
});
|
|
8204
7997
|
return [
|
|
8205
|
-
|
|
7998
|
+
document.createComment("Search page based on Depict SDK"),
|
|
8206
7999
|
(()=>{
|
|
8207
8000
|
const _el$6 = (0, $57o7A$solidjsweb.getNextElement)($f1d7cb69f839a526$var$_tmpl$2), _el$7 = _el$6.firstChild, _el$8 = _el$7.firstChild, [_el$9, _co$3] = (0, $57o7A$solidjsweb.getNextMarker)(_el$8.nextSibling), _el$10 = _el$9.nextSibling, [_el$11, _co$4] = (0, $57o7A$solidjsweb.getNextMarker)(_el$10.nextSibling), _el$12 = _el$11.nextSibling, [_el$13, _co$5] = (0, $57o7A$solidjsweb.getNextMarker)(_el$12.nextSibling), _el$14 = _el$13.nextSibling, [_el$15, _co$6] = (0, $57o7A$solidjsweb.getNextMarker)(_el$14.nextSibling), _el$16 = _el$15.nextSibling, [_el$17, _co$7] = (0, $57o7A$solidjsweb.getNextMarker)(_el$16.nextSibling), _el$18 = _el$17.nextSibling, [_el$19, _co$8] = (0, $57o7A$solidjsweb.getNextMarker)(_el$18.nextSibling), _el$20 = _el$7.nextSibling, [_el$21, _co$9] = (0, $57o7A$solidjsweb.getNextMarker)(_el$20.nextSibling), _el$22 = _el$21.nextSibling, [_el$23, _co$10] = (0, $57o7A$solidjsweb.getNextMarker)(_el$22.nextSibling);
|
|
8208
8001
|
(0, $57o7A$solidjsweb.insert)(_el$7, search_field, _el$9, _co$3);
|
|
@@ -8358,8 +8151,6 @@ function $d8e94ea381ab57fa$export$828dcdd425fd3231(aligner) {
|
|
|
8358
8151
|
|
|
8359
8152
|
|
|
8360
8153
|
|
|
8361
|
-
|
|
8362
|
-
|
|
8363
8154
|
const $2c61e4cd8229c49a$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="depict plp search"></div>`, 2);
|
|
8364
8155
|
/**
|
|
8365
8156
|
* 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.
|
|
@@ -8377,8 +8168,7 @@ class $2c61e4cd8229c49a$export$ac6237957a15b3f0 {
|
|
|
8377
8168
|
disable_scrolling_during_modal = true , api: api , bottom_distance_under_modal: bottom_distance_under_modal , render_instant_card: render_instant_card , ...props_on_class }){
|
|
8378
8169
|
const owner = (0, $57o7A$solidjs.getOwner)() || (0, $57o7A$solidjs.createRoot)(()=>(0, $57o7A$solidjs.getOwner)()); // we might have an owner, if so, pass it on. Otherwise, create one so solid doesn't print warnings to the console
|
|
8379
8170
|
(0, $57o7A$solidjs.runWithOwner)(owner, ()=>{
|
|
8380
|
-
if ($2c61e4cd8229c49a$export$ac6237957a15b3f0.#has_been_constructed
|
|
8381
|
-
throw new Error("You can only have one instance of DepictSearch");
|
|
8171
|
+
if ($2c61e4cd8229c49a$export$ac6237957a15b3f0.#has_been_constructed) throw new Error("You can only have one instance of DepictSearch");
|
|
8382
8172
|
Object.assign(this, props_on_class);
|
|
8383
8173
|
if (on_navigation) this.#router.on_navigation_ = on_navigation;
|
|
8384
8174
|
const { current_sorting_: current_sorting_ , selected_filters_: selected_filters_ , search_query_accessor_: raw_search_query_accessor } = (0, $c79fd10a3ab7d6e0$export$477caf01aecaeb2a)({
|
|
@@ -8386,7 +8176,7 @@ class $2c61e4cd8229c49a$export$ac6237957a15b3f0 {
|
|
|
8386
8176
|
router_: this.#router
|
|
8387
8177
|
});
|
|
8388
8178
|
const [reset_history_state_, state_] = (0, $26a56f6b44703084$export$9862539c89138352)(()=>({
|
|
8389
|
-
search_field_value:
|
|
8179
|
+
search_field_value: new URLSearchParams(location.search).get(search_query_url_param_name_) ?? "",
|
|
8390
8180
|
search_filters_open: false,
|
|
8391
8181
|
search_sorting_open: false,
|
|
8392
8182
|
search_expanded_filters: [],
|
|
@@ -8645,7 +8435,7 @@ function $2c61e4cd8229c49a$export$f2dc7e4e4aa11abb({ depict_search: depict_searc
|
|
|
8645
8435
|
cols_at_size: (0, $4e04be41243c3d80$export$6daf8749b65a1b77)(extra_depict_options.recommendations_cols_at_size),
|
|
8646
8436
|
...grid_spacing_override
|
|
8647
8437
|
} : undefined,
|
|
8648
|
-
slider_arrow_button_: (0, $
|
|
8438
|
+
slider_arrow_button_: (0, $57o7A$depictaiutilishared.GenericSliderArrowButton)({
|
|
8649
8439
|
height_: 12,
|
|
8650
8440
|
width_: 6.46
|
|
8651
8441
|
}),
|