@depict-ai/ui 4.0.2 → 4.0.4
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/ES10/index.cjs +677 -600
- package/ES10/index.d.ts +8 -2
- package/ES10/index.js +677 -600
- package/latest/index.cjs +674 -599
- package/latest/index.d.ts +8 -2
- package/latest/index.js +674 -599
- package/locales/ES10/index.cjs +6 -0
- package/locales/ES10/index.d.ts +1 -0
- package/locales/ES10/index.js +6 -1
- package/locales/latest/index.cjs +6 -0
- package/locales/latest/index.d.ts +1 -0
- package/locales/latest/index.js +6 -1
- package/package.json +6 -6
- package/server/ES10/index.cjs +206 -137
- package/server/ES10/index.d.ts +8 -2
- package/server/ES10/index.js +206 -137
- package/server/latest/index.cjs +206 -139
- package/server/latest/index.d.ts +8 -2
- package/server/latest/index.js +206 -139
package/latest/index.js
CHANGED
|
@@ -7,7 +7,7 @@ import { createStore as $9HbP8$createStore, reconcile as $9HbP8$reconcile } from
|
|
|
7
7
|
/*! Depict.ai search and product listing SDK */
|
|
8
8
|
import { register_es_version } from "../multi_import_deduplicator.mjs";
|
|
9
9
|
register_es_version("ui", "latest");
|
|
10
|
-
const $ec291e0010116877$export$83d89fbfd8236492 = "4.0.
|
|
10
|
+
const $ec291e0010116877$export$83d89fbfd8236492 = "4.0.4";
|
|
11
11
|
function $136f1d4d6c7ba6ac$export$e417c49320921907(dependency, fetcher) {
|
|
12
12
|
const [promiseOfCurrentFetcherRun, setPromiseOfCurrentFetcherRun] = $9HbP8$createSignal();
|
|
13
13
|
const deparallelizedFetcher = $9HbP8$deparallelize_no_drop(async dependencyValue => {
|
|
@@ -89,7 +89,7 @@ function $dc9262ef6f786812$export$d9f36cf74e24d595(media_query) {
|
|
|
89
89
|
}) => signal[1](matches)).remove);
|
|
90
90
|
return signal[0];
|
|
91
91
|
}
|
|
92
|
-
|
|
92
|
+
var $e003be2a50d9e5bc$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<span class="title line-clamp">`),
|
|
93
93
|
$e003be2a50d9e5bc$var$_tmpl$2 = /*#__PURE__*/$9HbP8$template(`<span class=brand>`),
|
|
94
94
|
$e003be2a50d9e5bc$var$_tmpl$3 = /*#__PURE__*/$9HbP8$template(`<div class="tagline line-clamp">`),
|
|
95
95
|
$e003be2a50d9e5bc$var$_tmpl$4 = /*#__PURE__*/$9HbP8$template(`<span class="orig price"><!$><!/><!$><!/><!$><!/>`),
|
|
@@ -114,23 +114,23 @@ const $e003be2a50d9e5bc$export$b05c0ae390cf3e06 = ({
|
|
|
114
114
|
const secondary_image_url = variant.image_urls?.[1] || variant.secondary_image_url || variant.alternative_display_image_url;
|
|
115
115
|
const brandInTagline = selected_index_ && variant.brand;
|
|
116
116
|
const TitleBrandTagline = () => [!selected_index_ && (() => {
|
|
117
|
-
|
|
117
|
+
var _el$2 = $9HbP8$getNextElement($e003be2a50d9e5bc$var$_tmpl$2);
|
|
118
118
|
$9HbP8$insert(_el$2, () => variant.brand);
|
|
119
119
|
return _el$2;
|
|
120
120
|
})(), (() => {
|
|
121
|
-
|
|
121
|
+
var _el$ = $9HbP8$getNextElement($e003be2a50d9e5bc$var$_tmpl$);
|
|
122
122
|
$9HbP8$insert(_el$, () => variant.title);
|
|
123
123
|
return _el$;
|
|
124
124
|
})(), $9HbP8$memo((() => {
|
|
125
|
-
|
|
125
|
+
var _c$ = $9HbP8$memo(() => !!(variant.sub_heading_1 || variant.sub_heading_2 || brandInTagline));
|
|
126
126
|
return () => _c$() && (() => {
|
|
127
|
-
|
|
127
|
+
var _el$3 = $9HbP8$getNextElement($e003be2a50d9e5bc$var$_tmpl$3);
|
|
128
128
|
$9HbP8$insert(_el$3, () => [brandInTagline, variant.sub_heading_1, variant.sub_heading_2].filter(v => v).join(" | "));
|
|
129
129
|
return _el$3;
|
|
130
130
|
})();
|
|
131
131
|
})())];
|
|
132
132
|
return (() => {
|
|
133
|
-
|
|
133
|
+
var _el$4 = $9HbP8$getNextElement($e003be2a50d9e5bc$var$_tmpl$5),
|
|
134
134
|
_el$5 = _el$4.firstChild,
|
|
135
135
|
_el$6 = _el$5.firstChild,
|
|
136
136
|
[_el$7, _co$] = $9HbP8$getNextMarker(_el$6.nextSibling),
|
|
@@ -173,14 +173,14 @@ const $e003be2a50d9e5bc$export$b05c0ae390cf3e06 = ({
|
|
|
173
173
|
}
|
|
174
174
|
}), _el$9, _co$2);
|
|
175
175
|
$9HbP8$insert(_el$10, selected_index_ ? $9HbP8$createComponent(TitleBrandTagline, {}) : (() => {
|
|
176
|
-
|
|
176
|
+
var _el$30 = $9HbP8$getNextElement($e003be2a50d9e5bc$var$_tmpl$6);
|
|
177
177
|
$9HbP8$insert(_el$30, $9HbP8$createComponent(TitleBrandTagline, {}));
|
|
178
178
|
return _el$30;
|
|
179
179
|
})(), _el$29, _co$10);
|
|
180
180
|
$9HbP8$insert(_el$11, $9HbP8$createComponent((0, $9HbP8$Show), {
|
|
181
181
|
when: is_sale,
|
|
182
182
|
get children() {
|
|
183
|
-
|
|
183
|
+
var _el$12 = $9HbP8$getNextElement($e003be2a50d9e5bc$var$_tmpl$4),
|
|
184
184
|
_el$13 = _el$12.firstChild,
|
|
185
185
|
[_el$14, _co$3] = $9HbP8$getNextMarker(_el$13.nextSibling),
|
|
186
186
|
_el$15 = _el$14.nextSibling,
|
|
@@ -212,37 +212,37 @@ const $e003be2a50d9e5bc$export$b05c0ae390cf3e06 = ({
|
|
|
212
212
|
}), _el$23, _co$7);
|
|
213
213
|
$9HbP8$insert(_el$19, () => i18n_.price_formatting_().post_, _el$25, _co$8);
|
|
214
214
|
$9HbP8$effect(_p$ => {
|
|
215
|
-
|
|
215
|
+
var _v$ = href(),
|
|
216
216
|
_v$2 = display_.search_result_id,
|
|
217
217
|
_v$3 = !!isSelected?.();
|
|
218
|
-
_v$ !== _p$.
|
|
219
|
-
_v$2 !== _p$.
|
|
220
|
-
_v$3 !== _p$.
|
|
218
|
+
_v$ !== _p$.e && $9HbP8$setAttribute(_el$4, "href", _p$.e = _v$);
|
|
219
|
+
_v$2 !== _p$.t && $9HbP8$setAttribute(_el$4, "data-search-result-id", _p$.t = _v$2);
|
|
220
|
+
_v$3 !== _p$.a && _el$4.classList.toggle("selected", _p$.a = _v$3);
|
|
221
221
|
return _p$;
|
|
222
222
|
}, {
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
223
|
+
e: undefined,
|
|
224
|
+
t: undefined,
|
|
225
|
+
a: undefined
|
|
226
226
|
});
|
|
227
227
|
$9HbP8$runHydrationEvents();
|
|
228
228
|
return _el$4;
|
|
229
229
|
})();
|
|
230
230
|
};
|
|
231
231
|
$9HbP8$delegateEvents(["click"]);
|
|
232
|
-
|
|
232
|
+
var $d20eff0aadc28983$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<span>`);
|
|
233
233
|
function $d20eff0aadc28983$export$acb3eaade4b23afd(props) {
|
|
234
234
|
// Work around https://github.com/solidjs/solid/issues/1980
|
|
235
235
|
return (() => {
|
|
236
|
-
|
|
236
|
+
var _el$ = $9HbP8$getNextElement($d20eff0aadc28983$var$_tmpl$);
|
|
237
237
|
$9HbP8$effect(_p$ => {
|
|
238
|
-
|
|
238
|
+
var _v$ = `${props.class || ""} depict-placeholder`,
|
|
239
239
|
_v$2 = props.style;
|
|
240
|
-
_v$ !== _p$.
|
|
241
|
-
_p$.
|
|
240
|
+
_v$ !== _p$.e && $9HbP8$className(_el$, _p$.e = _v$);
|
|
241
|
+
_p$.t = $9HbP8$style(_el$, _v$2, _p$.t);
|
|
242
242
|
return _p$;
|
|
243
243
|
}, {
|
|
244
|
-
|
|
245
|
-
|
|
244
|
+
e: undefined,
|
|
245
|
+
t: undefined
|
|
246
246
|
});
|
|
247
247
|
return _el$;
|
|
248
248
|
})();
|
|
@@ -302,11 +302,11 @@ function $d134eae24341b4a1$export$89c6019e4baa40b1(props) {
|
|
|
302
302
|
}
|
|
303
303
|
});
|
|
304
304
|
}
|
|
305
|
-
|
|
305
|
+
var $bb15dfb548a7666e$var$_tmpl$ = /*#__PURE__*/$9HbP8$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 class=price-container>`);
|
|
306
306
|
const $bb15dfb548a7666e$export$8a2234b5b1a5ebd4 = "--image-aspect-ratio";
|
|
307
307
|
function $bb15dfb548a7666e$export$ee1733d9a8495996() {
|
|
308
308
|
return (() => {
|
|
309
|
-
|
|
309
|
+
var _el$ = $9HbP8$getNextElement($bb15dfb548a7666e$var$_tmpl$),
|
|
310
310
|
_el$2 = _el$.firstChild,
|
|
311
311
|
_el$3 = _el$2.nextSibling,
|
|
312
312
|
_el$4 = _el$3.firstChild,
|
|
@@ -461,7 +461,7 @@ function $29ec7cddbe1d3484$var$deep_equal(obj1, obj2) {
|
|
|
461
461
|
}
|
|
462
462
|
return true;
|
|
463
463
|
}
|
|
464
|
-
|
|
464
|
+
var $eea41f703612261b$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div class=instant-results>`);
|
|
465
465
|
function $eea41f703612261b$export$62f101a8aa597bf8({
|
|
466
466
|
depict_api_: depict_api_,
|
|
467
467
|
search_field_value_: [get_search_field_value],
|
|
@@ -524,7 +524,7 @@ function $eea41f703612261b$export$62f101a8aa597bf8({
|
|
|
524
524
|
return sliced_displays()?.length !== 0;
|
|
525
525
|
},
|
|
526
526
|
get children() {
|
|
527
|
-
|
|
527
|
+
var _el$ = $9HbP8$getNextElement($eea41f703612261b$var$_tmpl$);
|
|
528
528
|
$9HbP8$insert(_el$, $9HbP8$createComponent((0, $9HbP8$Show), {
|
|
529
529
|
get when() {
|
|
530
530
|
return sliced_displays()?.length;
|
|
@@ -631,7 +631,7 @@ function $c64d28ca12452b21$export$3340fdd8259bd4fd({
|
|
|
631
631
|
debounce_timeout = setTimeout(send_to_ga, 2000);
|
|
632
632
|
}));
|
|
633
633
|
}
|
|
634
|
-
|
|
634
|
+
var $4ceabea39c9a56ac$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div style=position:absolute;z-index:-1;pointer-events:none;width:100%;height:200%;top:-100%;>`),
|
|
635
635
|
$4ceabea39c9a56ac$var$_tmpl$2 = /*#__PURE__*/$9HbP8$template(`<div style=position:absolute;z-index:-1;pointer-events:none;width:100%;height:200%;>`);
|
|
636
636
|
function $4ceabea39c9a56ac$export$50b90be27d8502d9(el, [get_style_props, set_style_props], bottom_distance) {
|
|
637
637
|
const overflow_style_beginning = "position:absolute;z-index:-1;pointer-events:none;width:100%;height:200%;";
|
|
@@ -680,20 +680,20 @@ function $a36cbc4f68bfd590$export$91c3b6774e8be0f5({
|
|
|
680
680
|
return u_o.href;
|
|
681
681
|
});
|
|
682
682
|
}
|
|
683
|
-
|
|
683
|
+
var $694b7f90501fea4c$var$_tmpl$ = /*#__PURE__*/$9HbP8$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>`);
|
|
684
684
|
function $694b7f90501fea4c$export$5d2caaa6b530761c() {
|
|
685
685
|
return $9HbP8$getNextElement($694b7f90501fea4c$var$_tmpl$);
|
|
686
686
|
}
|
|
687
|
-
|
|
687
|
+
var $19976a74d273070d$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<svg xmlns=http://www.w3.org/2000/svg width=21.064 height=21.064 viewBox="0 0 21.064 21.064"><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">`);
|
|
688
688
|
function $19976a74d273070d$export$3b621d86b1566b2(props = {}) {
|
|
689
689
|
return (() => {
|
|
690
|
-
|
|
690
|
+
var _el$ = $9HbP8$getNextElement($19976a74d273070d$var$_tmpl$);
|
|
691
691
|
$9HbP8$spread(_el$, props, true, true);
|
|
692
692
|
$9HbP8$runHydrationEvents();
|
|
693
693
|
return _el$;
|
|
694
694
|
})();
|
|
695
695
|
}
|
|
696
|
-
|
|
696
|
+
var $980239e081e89b62$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div class=previous-searches><h2 class=text></h2><div class=list>`),
|
|
697
697
|
$980239e081e89b62$var$_tmpl$2 = /*#__PURE__*/$9HbP8$template(`<a class=item><div class=left><!$><!/><span class=line-clamp></span></div><button class=delete>`);
|
|
698
698
|
function $980239e081e89b62$export$a146ac6fa8346a25({
|
|
699
699
|
text_: text_,
|
|
@@ -715,7 +715,7 @@ function $980239e081e89b62$export$a146ac6fa8346a25({
|
|
|
715
715
|
return has_entries();
|
|
716
716
|
},
|
|
717
717
|
get children() {
|
|
718
|
-
|
|
718
|
+
var _el$ = $9HbP8$getNextElement($980239e081e89b62$var$_tmpl$),
|
|
719
719
|
_el$2 = _el$.firstChild,
|
|
720
720
|
_el$3 = _el$2.nextSibling;
|
|
721
721
|
$9HbP8$insert(_el$2, text_);
|
|
@@ -730,7 +730,7 @@ function $980239e081e89b62$export$a146ac6fa8346a25({
|
|
|
730
730
|
url_transformer_: url_transformer_
|
|
731
731
|
});
|
|
732
732
|
return (() => {
|
|
733
|
-
|
|
733
|
+
var _el$4 = $9HbP8$getNextElement($980239e081e89b62$var$_tmpl$2),
|
|
734
734
|
_el$5 = _el$4.firstChild,
|
|
735
735
|
_el$7 = _el$5.firstChild,
|
|
736
736
|
[_el$8, _co$] = $9HbP8$getNextMarker(_el$7.nextSibling),
|
|
@@ -765,20 +765,20 @@ function $980239e081e89b62$export$a146ac6fa8346a25({
|
|
|
765
765
|
})), _el$9);
|
|
766
766
|
$9HbP8$insert(_el$9, $9HbP8$createComponent((0, $19976a74d273070d$export$3b621d86b1566b2), {}));
|
|
767
767
|
$9HbP8$effect(_p$ => {
|
|
768
|
-
|
|
768
|
+
var _v$ = !!$9HbP8$createMemo(() => read_selected_index_()?.[0] === 0 && read_selected_index_()?.[1] === index)(),
|
|
769
769
|
_v$2 = href(),
|
|
770
770
|
_v$3 = item(),
|
|
771
771
|
_v$4 = i18n_.previous_searches_delete_entry_from_history_();
|
|
772
|
-
_v$ !== _p$.
|
|
773
|
-
_v$2 !== _p$.
|
|
774
|
-
_v$3 !== _p$.
|
|
775
|
-
_v$4 !== _p$.
|
|
772
|
+
_v$ !== _p$.e && _el$4.classList.toggle("selected", _p$.e = _v$);
|
|
773
|
+
_v$2 !== _p$.t && $9HbP8$setAttribute(_el$4, "href", _p$.t = _v$2);
|
|
774
|
+
_v$3 !== _p$.a && $9HbP8$setAttribute(_el$6, "title", _p$.a = _v$3);
|
|
775
|
+
_v$4 !== _p$.o && $9HbP8$setAttribute(_el$9, "title", _p$.o = _v$4);
|
|
776
776
|
return _p$;
|
|
777
777
|
}, {
|
|
778
|
-
|
|
779
|
-
|
|
780
|
-
|
|
781
|
-
|
|
778
|
+
e: undefined,
|
|
779
|
+
t: undefined,
|
|
780
|
+
a: undefined,
|
|
781
|
+
o: undefined
|
|
782
782
|
});
|
|
783
783
|
return _el$4;
|
|
784
784
|
})();
|
|
@@ -788,7 +788,7 @@ function $980239e081e89b62$export$a146ac6fa8346a25({
|
|
|
788
788
|
}
|
|
789
789
|
});
|
|
790
790
|
}
|
|
791
|
-
|
|
791
|
+
var $f3213c0640246d58$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<span class=highlighted-part>`),
|
|
792
792
|
$f3213c0640246d58$var$_tmpl$2 = /*#__PURE__*/$9HbP8$template(`<span>`);
|
|
793
793
|
function $f3213c0640246d58$export$ba17c5b7e6dda39f({
|
|
794
794
|
whole_text_to_display_: whole_text_to_display_memo,
|
|
@@ -810,7 +810,7 @@ function $f3213c0640246d58$export$ba17c5b7e6dda39f({
|
|
|
810
810
|
if (for_black) {
|
|
811
811
|
set_has_highlighted(true);
|
|
812
812
|
output.push((() => {
|
|
813
|
-
|
|
813
|
+
var _el$ = $9HbP8$getNextElement($f3213c0640246d58$var$_tmpl$);
|
|
814
814
|
$9HbP8$insert(_el$, for_black);
|
|
815
815
|
return _el$;
|
|
816
816
|
})()); // "black"
|
|
@@ -844,41 +844,41 @@ function $f3213c0640246d58$export$ba17c5b7e6dda39f({
|
|
|
844
844
|
return output;
|
|
845
845
|
}));
|
|
846
846
|
return (() => {
|
|
847
|
-
|
|
847
|
+
var _el$2 = $9HbP8$getNextElement($f3213c0640246d58$var$_tmpl$2);
|
|
848
848
|
$9HbP8$className(_el$2, class_);
|
|
849
849
|
$9HbP8$insert(_el$2, text_itself);
|
|
850
850
|
$9HbP8$effect(_p$ => {
|
|
851
|
-
|
|
851
|
+
var _v$ = !!get_has_highlighted(),
|
|
852
852
|
_v$2 = whole_text_to_display_memo() /* for when line-clamped, users can see full text on hover */;
|
|
853
|
-
_v$ !== _p$.
|
|
854
|
-
_v$2 !== _p$.
|
|
853
|
+
_v$ !== _p$.e && _el$2.classList.toggle("has-match", _p$.e = _v$);
|
|
854
|
+
_v$2 !== _p$.t && $9HbP8$setAttribute(_el$2, "title", _p$.t = _v$2);
|
|
855
855
|
return _p$;
|
|
856
856
|
}, {
|
|
857
|
-
|
|
858
|
-
|
|
857
|
+
e: undefined,
|
|
858
|
+
t: undefined
|
|
859
859
|
});
|
|
860
860
|
return _el$2;
|
|
861
861
|
})();
|
|
862
862
|
}
|
|
863
|
-
|
|
863
|
+
var $16f0ed5ea30d8d9c$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<svg xmlns=http://www.w3.org/2000/svg width=20 height=22 viewBox="0 0 20 22"><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">`);
|
|
864
864
|
function $16f0ed5ea30d8d9c$export$82eafebb825fc23f(props = {}) {
|
|
865
865
|
return (() => {
|
|
866
|
-
|
|
866
|
+
var _el$ = $9HbP8$getNextElement($16f0ed5ea30d8d9c$var$_tmpl$);
|
|
867
867
|
$9HbP8$spread(_el$, props, true, true);
|
|
868
868
|
$9HbP8$runHydrationEvents();
|
|
869
869
|
return _el$;
|
|
870
870
|
})();
|
|
871
871
|
}
|
|
872
|
-
|
|
872
|
+
var $190927650b4840eb$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<svg xmlns=http://www.w3.org/2000/svg width=32 height=32 viewBox="0 0 256 256"><path d="M56 26.455a13.71 13.71 0 0 0-9.578 3.967A13.71 13.71 0 0 0 42.455 40v176a13.71 13.71 0 0 0 3.967 9.578A13.71 13.71 0 0 0 56 229.545h144A13.71 13.71 0 0 0 213.545 216V88a2.456 2.456 0 0 1 0-.002c.001-1.452-.597-2.895-1.623-3.922l-55.998-55.998a5.61 5.61 0 0 0-3.922-1.623 2.456 2.456 0 0 1-.002 0zm0 11.09h88A2.456 2.456 0 0 1 146.455 40v48c0 2.903 2.642 5.545 5.545 5.545h48A2.456 2.456 0 0 1 202.455 96v120a2.456 2.456 0 0 1-2.455 2.455H56A2.456 2.456 0 0 1 53.545 216V40A2.456 2.456 0 0 1 56 37.545zm103.061 11.498a2.456 2.456 0 0 1 2.676.531l28.689 28.689a2.456 2.456 0 0 1-1.736 4.191H160A2.456 2.456 0 0 1 157.545 80V51.311a2.456 2.456 0 0 1 1.516-2.268zM96 130.455c-2.903 0-5.545 2.642-5.545 5.545s2.642 5.545 5.545 5.545h64c2.903 0 5.545-2.642 5.545-5.545s-2.642-5.545-5.545-5.545zm0 32c-2.903 0-5.545 2.642-5.545 5.545s2.642 5.545 5.545 5.545h64c2.903 0 5.545-2.642 5.545-5.545s-2.642-5.545-5.545-5.545z">`);
|
|
873
873
|
function $190927650b4840eb$export$605674723bcc715c(props = {}) {
|
|
874
874
|
return (() => {
|
|
875
|
-
|
|
875
|
+
var _el$ = $9HbP8$getNextElement($190927650b4840eb$var$_tmpl$);
|
|
876
876
|
$9HbP8$spread(_el$, props, true, true);
|
|
877
877
|
$9HbP8$runHydrationEvents();
|
|
878
878
|
return _el$;
|
|
879
879
|
})();
|
|
880
880
|
}
|
|
881
|
-
|
|
881
|
+
var $ab4b0679fa8bd1dc$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<a class=suggestion>`),
|
|
882
882
|
$ab4b0679fa8bd1dc$var$_tmpl$2 = /*#__PURE__*/$9HbP8$template(`<div class=search-icon>`),
|
|
883
883
|
$ab4b0679fa8bd1dc$var$_tmpl$3 = /*#__PURE__*/$9HbP8$template(`<span class=type>`),
|
|
884
884
|
$ab4b0679fa8bd1dc$var$_tmpl$4 = /*#__PURE__*/$9HbP8$template(`<div class=with-parent-title><!$><!/><span class="value line-clamp">`),
|
|
@@ -929,7 +929,7 @@ function $ab4b0679fa8bd1dc$export$e872e2339fb04a7f({
|
|
|
929
929
|
return item.ancestors.at(-1)?.title;
|
|
930
930
|
});
|
|
931
931
|
return (() => {
|
|
932
|
-
|
|
932
|
+
var _el$ = $9HbP8$getNextElement($ab4b0679fa8bd1dc$var$_tmpl$);
|
|
933
933
|
$9HbP8$use(element => element.addEventListener("click", $9HbP8$catchify(ev => {
|
|
934
934
|
// 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.
|
|
935
935
|
if (is_query()) {
|
|
@@ -950,12 +950,12 @@ function $ab4b0679fa8bd1dc$export$e872e2339fb04a7f({
|
|
|
950
950
|
$9HbP8$addEventListener(_el$, "mouseleave", $9HbP8$catchify(() => write_selected_index_(undefined)));
|
|
951
951
|
$9HbP8$addEventListener(_el$, "mouseenter", $9HbP8$catchify(() => write_selected_index_([autocomplete_data_index, index])));
|
|
952
952
|
$9HbP8$insert(_el$, (() => {
|
|
953
|
-
|
|
953
|
+
var _c$ = $9HbP8$memo(() => !!is_query());
|
|
954
954
|
return () => _c$() ? [$9HbP8$createComponent((0, $9HbP8$Show), {
|
|
955
955
|
when: is_history,
|
|
956
956
|
get fallback() {
|
|
957
957
|
return (() => {
|
|
958
|
-
|
|
958
|
+
var _el$2 = $9HbP8$getNextElement($ab4b0679fa8bd1dc$var$_tmpl$2);
|
|
959
959
|
$9HbP8$insert(_el$2, $9HbP8$createComponent((0, $16f0ed5ea30d8d9c$export$82eafebb825fc23f), {}));
|
|
960
960
|
return _el$2;
|
|
961
961
|
})();
|
|
@@ -970,9 +970,9 @@ function $ab4b0679fa8bd1dc$export$e872e2339fb04a7f({
|
|
|
970
970
|
},
|
|
971
971
|
searching_for_value_: searching_for_value_
|
|
972
972
|
})] : [$9HbP8$memo((() => {
|
|
973
|
-
|
|
973
|
+
var _c$2 = $9HbP8$memo(() => !!parent_title_if_exists());
|
|
974
974
|
return () => _c$2() ? (() => {
|
|
975
|
-
|
|
975
|
+
var _el$4 = $9HbP8$getNextElement($ab4b0679fa8bd1dc$var$_tmpl$4),
|
|
976
976
|
_el$6 = _el$4.firstChild,
|
|
977
977
|
[_el$7, _co$] = $9HbP8$getNextMarker(_el$6.nextSibling),
|
|
978
978
|
_el$5 = _el$7.nextSibling;
|
|
@@ -986,9 +986,9 @@ function $ab4b0679fa8bd1dc$export$e872e2339fb04a7f({
|
|
|
986
986
|
$9HbP8$insert(_el$5, parent_title_if_exists);
|
|
987
987
|
return _el$4;
|
|
988
988
|
})() : (() => {
|
|
989
|
-
|
|
989
|
+
var _c$3 = $9HbP8$memo(() => input_obj().type === "content");
|
|
990
990
|
return () => _c$3() ? (() => {
|
|
991
|
-
|
|
991
|
+
var _el$8 = $9HbP8$getNextElement($ab4b0679fa8bd1dc$var$_tmpl$5),
|
|
992
992
|
_el$9 = _el$8.firstChild,
|
|
993
993
|
[_el$10, _co$2] = $9HbP8$getNextMarker(_el$9.nextSibling),
|
|
994
994
|
_el$11 = _el$10.nextSibling,
|
|
@@ -1014,7 +1014,7 @@ function $ab4b0679fa8bd1dc$export$e872e2339fb04a7f({
|
|
|
1014
1014
|
});
|
|
1015
1015
|
})();
|
|
1016
1016
|
})()), (() => {
|
|
1017
|
-
|
|
1017
|
+
var _el$3 = $9HbP8$getNextElement($ab4b0679fa8bd1dc$var$_tmpl$3);
|
|
1018
1018
|
$9HbP8$insert(_el$3, $9HbP8$createMemo(() => {
|
|
1019
1019
|
if (input_obj().type === "content") return i18n_.content_();
|
|
1020
1020
|
if (input_obj().listing_type === "brand") return i18n_.brand_();
|
|
@@ -1024,18 +1024,18 @@ function $ab4b0679fa8bd1dc$export$e872e2339fb04a7f({
|
|
|
1024
1024
|
})()];
|
|
1025
1025
|
})());
|
|
1026
1026
|
$9HbP8$effect(_p$ => {
|
|
1027
|
-
|
|
1027
|
+
var _v$ = {
|
|
1028
1028
|
selected: is_selected(),
|
|
1029
1029
|
history: is_history,
|
|
1030
1030
|
["type-" + input_obj().type]: true
|
|
1031
1031
|
},
|
|
1032
1032
|
_v$2 = href();
|
|
1033
|
-
_p$.
|
|
1034
|
-
_v$2 !== _p$.
|
|
1033
|
+
_p$.e = $9HbP8$classList(_el$, _v$, _p$.e);
|
|
1034
|
+
_v$2 !== _p$.t && $9HbP8$setAttribute(_el$, "href", _p$.t = _v$2);
|
|
1035
1035
|
return _p$;
|
|
1036
1036
|
}, {
|
|
1037
|
-
|
|
1038
|
-
|
|
1037
|
+
e: undefined,
|
|
1038
|
+
t: undefined
|
|
1039
1039
|
});
|
|
1040
1040
|
return _el$;
|
|
1041
1041
|
})();
|
|
@@ -1048,7 +1048,7 @@ function $ab4b0679fa8bd1dc$export$e872e2339fb04a7f({
|
|
|
1048
1048
|
return should_show_at_all();
|
|
1049
1049
|
},
|
|
1050
1050
|
get children() {
|
|
1051
|
-
|
|
1051
|
+
var _el$13 = $9HbP8$getNextElement($ab4b0679fa8bd1dc$var$_tmpl$9),
|
|
1052
1052
|
_el$21 = _el$13.firstChild,
|
|
1053
1053
|
[_el$22, _co$6] = $9HbP8$getNextMarker(_el$21.nextSibling),
|
|
1054
1054
|
_el$23 = _el$22.nextSibling,
|
|
@@ -1060,7 +1060,7 @@ function $ab4b0679fa8bd1dc$export$e872e2339fb04a7f({
|
|
|
1060
1060
|
return on_previous_searches_page_();
|
|
1061
1061
|
},
|
|
1062
1062
|
get children() {
|
|
1063
|
-
|
|
1063
|
+
var _el$14 = $9HbP8$getNextElement($ab4b0679fa8bd1dc$var$_tmpl$6);
|
|
1064
1064
|
$9HbP8$insert(_el$14, () => i18n_.suggestions_());
|
|
1065
1065
|
return _el$14;
|
|
1066
1066
|
}
|
|
@@ -1070,7 +1070,7 @@ function $ab4b0679fa8bd1dc$export$e872e2339fb04a7f({
|
|
|
1070
1070
|
return should_show_query_part();
|
|
1071
1071
|
},
|
|
1072
1072
|
get children() {
|
|
1073
|
-
|
|
1073
|
+
var _el$15 = $9HbP8$getNextElement($ab4b0679fa8bd1dc$var$_tmpl$7),
|
|
1074
1074
|
_el$16 = _el$15.firstChild,
|
|
1075
1075
|
[_el$17, _co$4] = $9HbP8$getNextMarker(_el$16.nextSibling),
|
|
1076
1076
|
_el$18 = _el$17.nextSibling,
|
|
@@ -1122,7 +1122,7 @@ function $ab4b0679fa8bd1dc$export$e872e2339fb04a7f({
|
|
|
1122
1122
|
},
|
|
1123
1123
|
keyed: false,
|
|
1124
1124
|
get children() {
|
|
1125
|
-
|
|
1125
|
+
var _el$20 = $9HbP8$getNextElement($ab4b0679fa8bd1dc$var$_tmpl$8);
|
|
1126
1126
|
$9HbP8$insert(_el$20, () => {
|
|
1127
1127
|
const index_in_autocomplete = 3;
|
|
1128
1128
|
$f4125ce4984deee6$export$c2da72ac4e439a0e(set_currently_showing_suggestions_, () => index_in_autocomplete, $9HbP8$createMemo(() => not_queries_memo().map(item => ({
|
|
@@ -1144,12 +1144,12 @@ function $ab4b0679fa8bd1dc$export$e872e2339fb04a7f({
|
|
|
1144
1144
|
}
|
|
1145
1145
|
});
|
|
1146
1146
|
}
|
|
1147
|
-
|
|
1147
|
+
var $92a48aea6a9364d8$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<a target=_blank>`);
|
|
1148
1148
|
function $92a48aea6a9364d8$export$1efe1013da60d0e4(e, href) {
|
|
1149
1149
|
if (e.metaKey || e.ctrlKey) {
|
|
1150
1150
|
// Open link in a new tab with cmd/ctrl + enter.
|
|
1151
1151
|
const link = (() => {
|
|
1152
|
-
|
|
1152
|
+
var _el$ = $9HbP8$getNextElement($92a48aea6a9364d8$var$_tmpl$);
|
|
1153
1153
|
$9HbP8$setAttribute(_el$, "href", href);
|
|
1154
1154
|
return _el$;
|
|
1155
1155
|
})();
|
|
@@ -1477,13 +1477,13 @@ const $926b1b5ba2239356$export$af8311b651139246 = css_properties => {
|
|
|
1477
1477
|
const $926b1b5ba2239356$export$1233ca167bf71f9a = styles => {
|
|
1478
1478
|
return Object.entries(styles).map(([selector, css_properties]) => `${selector} { ${$926b1b5ba2239356$export$af8311b651139246(css_properties)} }`).join(" ");
|
|
1479
1479
|
};
|
|
1480
|
-
|
|
1480
|
+
var $19f1f3e588d63502$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<style>`);
|
|
1481
1481
|
function $19f1f3e588d63502$export$f021bdedd3ec901a(props) {
|
|
1482
1482
|
const valid_css_string = $9HbP8$createMemo(() => {
|
|
1483
1483
|
return $926b1b5ba2239356$export$1233ca167bf71f9a(props.styles());
|
|
1484
1484
|
});
|
|
1485
1485
|
return (() => {
|
|
1486
|
-
|
|
1486
|
+
var _el$ = $9HbP8$getNextElement($19f1f3e588d63502$var$_tmpl$);
|
|
1487
1487
|
$9HbP8$insert(_el$, valid_css_string);
|
|
1488
1488
|
return _el$;
|
|
1489
1489
|
})();
|
|
@@ -1500,7 +1500,7 @@ let $f86ba724282f6690$export$44dad306455dddf;
|
|
|
1500
1500
|
*/
|
|
1501
1501
|
const $66db7a014e20802e$export$1ea76ea778b880dd = Symbol("modalVersion");
|
|
1502
1502
|
const $66db7a014e20802e$export$89890212b43f1b60 = Symbol("backIcon");
|
|
1503
|
-
|
|
1503
|
+
var $5285d2814d0fac0c$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<button class=back type=button>`),
|
|
1504
1504
|
$5285d2814d0fac0c$var$_tmpl$2 = /*#__PURE__*/$9HbP8$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>`);
|
|
1505
1505
|
function $5285d2814d0fac0c$export$b94867ecbd698f21({
|
|
1506
1506
|
search_field_value_: search_field_value_,
|
|
@@ -1529,7 +1529,7 @@ function $5285d2814d0fac0c$export$b94867ecbd698f21({
|
|
|
1529
1529
|
const owner_of_field_element = $9HbP8$getOwner();
|
|
1530
1530
|
const isNewModal = BackIcon_[(0, $66db7a014e20802e$export$1ea76ea778b880dd)] === 2;
|
|
1531
1531
|
return (() => {
|
|
1532
|
-
|
|
1532
|
+
var _el$ = $9HbP8$getNextElement($5285d2814d0fac0c$var$_tmpl$2),
|
|
1533
1533
|
_el$7 = _el$.firstChild,
|
|
1534
1534
|
[_el$8, _co$] = $9HbP8$getNextMarker(_el$7.nextSibling),
|
|
1535
1535
|
_el$3 = _el$8.nextSibling,
|
|
@@ -1539,7 +1539,7 @@ function $5285d2814d0fac0c$export$b94867ecbd698f21({
|
|
|
1539
1539
|
$9HbP8$insert(_el$, $9HbP8$createComponent((0, $9HbP8$Show), {
|
|
1540
1540
|
when: on_back_,
|
|
1541
1541
|
get children() {
|
|
1542
|
-
|
|
1542
|
+
var _el$2 = $9HbP8$getNextElement($5285d2814d0fac0c$var$_tmpl$);
|
|
1543
1543
|
$9HbP8$addEventListener(_el$2, "click", $9HbP8$catchify(on_back_), true);
|
|
1544
1544
|
$9HbP8$insert(_el$2, $9HbP8$createComponent(BackIcon_, {}));
|
|
1545
1545
|
$9HbP8$effect(() => $9HbP8$setAttribute(_el$2, "aria-label", i18n_.back_()));
|
|
@@ -1622,7 +1622,7 @@ function $5285d2814d0fac0c$export$b94867ecbd698f21({
|
|
|
1622
1622
|
if (!dont_submit) submit_query_();
|
|
1623
1623
|
}
|
|
1624
1624
|
}), true);
|
|
1625
|
-
|
|
1625
|
+
var _ref$ = $9HbP8$catchify(el => {
|
|
1626
1626
|
input_element = el;
|
|
1627
1627
|
input_field_ref_?.(el);
|
|
1628
1628
|
});
|
|
@@ -1634,7 +1634,7 @@ function $5285d2814d0fac0c$export$b94867ecbd698f21({
|
|
|
1634
1634
|
if (!disabled_) input_element.focus();
|
|
1635
1635
|
}), true);
|
|
1636
1636
|
$9HbP8$insert(_el$5, $9HbP8$createComponent((0, $19976a74d273070d$export$3b621d86b1566b2), {}));
|
|
1637
|
-
|
|
1637
|
+
var _ref$2 = submit_button_ref_;
|
|
1638
1638
|
typeof _ref$2 === "function" ? $9HbP8$use(_ref$2, _el$6) : submit_button_ref_ = _el$6;
|
|
1639
1639
|
$9HbP8$spread(_el$6, $9HbP8$mergeProps({
|
|
1640
1640
|
get onClick() {
|
|
@@ -1647,20 +1647,20 @@ function $5285d2814d0fac0c$export$b94867ecbd698f21({
|
|
|
1647
1647
|
}), false, true);
|
|
1648
1648
|
$9HbP8$insert(_el$6, $9HbP8$createComponent((0, $16f0ed5ea30d8d9c$export$82eafebb825fc23f), {}));
|
|
1649
1649
|
$9HbP8$effect(_p$ => {
|
|
1650
|
-
|
|
1650
|
+
var _v$ = i18n_.search_field_field_aria_label_(),
|
|
1651
1651
|
_v$2 = i18n_.placeholder_text_(),
|
|
1652
1652
|
_v$3 = i18n_.clear_filters_query_sorting_after_submit_(),
|
|
1653
1653
|
_v$4 = $9HbP8$createMemo(() => search_field_value_[0]() ? "" : "display: none")();
|
|
1654
|
-
_v$ !== _p$.
|
|
1655
|
-
_v$2 !== _p$.
|
|
1656
|
-
_v$3 !== _p$.
|
|
1657
|
-
_p$.
|
|
1654
|
+
_v$ !== _p$.e && $9HbP8$setAttribute(_el$4, "aria-label", _p$.e = _v$);
|
|
1655
|
+
_v$2 !== _p$.t && $9HbP8$setAttribute(_el$4, "placeholder", _p$.t = _v$2);
|
|
1656
|
+
_v$3 !== _p$.a && $9HbP8$setAttribute(_el$5, "title", _p$.a = _v$3);
|
|
1657
|
+
_p$.o = $9HbP8$style(_el$5, _v$4, _p$.o);
|
|
1658
1658
|
return _p$;
|
|
1659
1659
|
}, {
|
|
1660
|
-
|
|
1661
|
-
|
|
1662
|
-
|
|
1663
|
-
|
|
1660
|
+
e: undefined,
|
|
1661
|
+
t: undefined,
|
|
1662
|
+
a: undefined,
|
|
1663
|
+
o: undefined
|
|
1664
1664
|
});
|
|
1665
1665
|
$9HbP8$effect(() => $9HbP8$setProperty(_el$4, "value", search_field_value_[0]()));
|
|
1666
1666
|
$9HbP8$runHydrationEvents();
|
|
@@ -1713,7 +1713,7 @@ class $4fd48cb976bf1789$export$aa14a9f43128f61f extends $4fd48cb976bf1789$export
|
|
|
1713
1713
|
});
|
|
1714
1714
|
}
|
|
1715
1715
|
}
|
|
1716
|
-
|
|
1716
|
+
var $b7436a6d1fd64e3b$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div><!$><!/><!$><!/>`);
|
|
1717
1717
|
function $b7436a6d1fd64e3b$export$b69d0d92862de18b(props) {
|
|
1718
1718
|
return $9HbP8$ErrorBoundary({
|
|
1719
1719
|
fallback(err, retry) {
|
|
@@ -1727,7 +1727,7 @@ function $b7436a6d1fd64e3b$export$b69d0d92862de18b(props) {
|
|
|
1727
1727
|
message = `${message}: ${err.message}`;
|
|
1728
1728
|
} else $9HbP8$report([err, message_], severity_);
|
|
1729
1729
|
return (() => {
|
|
1730
|
-
|
|
1730
|
+
var _el$ = $9HbP8$getNextElement($b7436a6d1fd64e3b$var$_tmpl$),
|
|
1731
1731
|
_el$2 = _el$.firstChild,
|
|
1732
1732
|
[_el$3, _co$] = $9HbP8$getNextMarker(_el$2.nextSibling),
|
|
1733
1733
|
_el$4 = _el$3.nextSibling,
|
|
@@ -1756,7 +1756,7 @@ function $011607bdf658f807$export$e68cff63f76bd15b(props) {
|
|
|
1756
1756
|
function $011607bdf658f807$export$8d0c4fdbb05a2f2e() {
|
|
1757
1757
|
return $9HbP8$useContext($011607bdf658f807$var$ListingContext);
|
|
1758
1758
|
}
|
|
1759
|
-
|
|
1759
|
+
var $ffb84ffbf4014982$var$_tmpl$ = /*#__PURE__*/$9HbP8$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">`);
|
|
1760
1760
|
function $ffb84ffbf4014982$export$8d8893ffd8aca39a() {
|
|
1761
1761
|
return $9HbP8$getNextElement($ffb84ffbf4014982$var$_tmpl$);
|
|
1762
1762
|
}
|
|
@@ -1783,7 +1783,7 @@ function $512b994d501f412b$export$93d9bfd0c9c1a5b8(close_modal, search_query_url
|
|
|
1783
1783
|
}
|
|
1784
1784
|
})();
|
|
1785
1785
|
}
|
|
1786
|
-
|
|
1786
|
+
var $42912431795f188e$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div class=discover-more><button class=major type=button>`),
|
|
1787
1787
|
$42912431795f188e$var$_tmpl$2 = /*#__PURE__*/$9HbP8$template(`<b>`),
|
|
1788
1788
|
$42912431795f188e$var$_tmpl$3 = /*#__PURE__*/$9HbP8$template(`<div class=depict-search-modal><div class=body><!$><!/><div class=padded><!$><!/><!$><!/><!$><!/></div><!$><!/></div><!$><!/>`),
|
|
1789
1789
|
$42912431795f188e$var$_tmpl$4 = /*#__PURE__*/$9HbP8$template(`<div class="depict plp search"><div class=depict-search-modal-backdrop></div><!$><!/>`);
|
|
@@ -1859,13 +1859,13 @@ function $42912431795f188e$var$RawClassicSearchModal({
|
|
|
1859
1859
|
});
|
|
1860
1860
|
const less_than_700_high = $dc9262ef6f786812$export$d9f36cf74e24d595("(max-height:700px)");
|
|
1861
1861
|
const DiscoverMoreSection = () => (() => {
|
|
1862
|
-
|
|
1862
|
+
var _el$ = $9HbP8$getNextElement($42912431795f188e$var$_tmpl$),
|
|
1863
1863
|
_el$2 = _el$.firstChild;
|
|
1864
1864
|
$9HbP8$addEventListener(_el$2, "click", $9HbP8$catchify(() => submit_query_()), true);
|
|
1865
1865
|
$9HbP8$insert(_el$2, (() => {
|
|
1866
|
-
|
|
1866
|
+
var _c$ = $9HbP8$memo(() => !!get_search_field_value_());
|
|
1867
1867
|
return () => _c$() ? i18n_.modal_view_all_results_()((() => {
|
|
1868
|
-
|
|
1868
|
+
var _el$3 = $9HbP8$getNextElement($42912431795f188e$var$_tmpl$2);
|
|
1869
1869
|
$9HbP8$insert(_el$3, total_number_of_results);
|
|
1870
1870
|
return _el$3;
|
|
1871
1871
|
})()) : i18n_.modal_discover_more_();
|
|
@@ -1914,7 +1914,7 @@ function $42912431795f188e$var$RawClassicSearchModal({
|
|
|
1914
1914
|
});
|
|
1915
1915
|
search_field.classList.add("in-modal");
|
|
1916
1916
|
const modal_element = (() => {
|
|
1917
|
-
|
|
1917
|
+
var _el$4 = $9HbP8$getNextElement($42912431795f188e$var$_tmpl$3),
|
|
1918
1918
|
_el$5 = _el$4.firstChild,
|
|
1919
1919
|
_el$13 = _el$5.firstChild,
|
|
1920
1920
|
[_el$14, _co$4] = $9HbP8$getNextMarker(_el$13.nextSibling),
|
|
@@ -2022,21 +2022,21 @@ function $42912431795f188e$var$RawClassicSearchModal({
|
|
|
2022
2022
|
return _el$4;
|
|
2023
2023
|
})();
|
|
2024
2024
|
return [(() => {
|
|
2025
|
-
|
|
2025
|
+
var _el$19 = $9HbP8$getNextElement($42912431795f188e$var$_tmpl$4),
|
|
2026
2026
|
_el$20 = _el$19.firstChild,
|
|
2027
2027
|
_el$21 = _el$20.nextSibling,
|
|
2028
2028
|
[_el$22, _co$7] = $9HbP8$getNextMarker(_el$21.nextSibling);
|
|
2029
2029
|
$9HbP8$addEventListener(_el$20, "click", close_modal_, true);
|
|
2030
2030
|
$9HbP8$insert(_el$19, modal_element, _el$22, _co$7);
|
|
2031
2031
|
$9HbP8$effect(_p$ => {
|
|
2032
|
-
|
|
2032
|
+
var _v$ = (0, $f86ba724282f6690$export$44dad306455dddf).SEARCH_MODAL,
|
|
2033
2033
|
_v$2 = class_list_?.();
|
|
2034
|
-
_v$ !== _p$.
|
|
2035
|
-
_p$.
|
|
2034
|
+
_v$ !== _p$.e && $9HbP8$setAttribute(_el$19, "id", _p$.e = _v$);
|
|
2035
|
+
_p$.t = $9HbP8$classList(_el$19, _v$2, _p$.t);
|
|
2036
2036
|
return _p$;
|
|
2037
2037
|
}, {
|
|
2038
|
-
|
|
2039
|
-
|
|
2038
|
+
e: undefined,
|
|
2039
|
+
t: undefined
|
|
2040
2040
|
});
|
|
2041
2041
|
$9HbP8$runHydrationEvents();
|
|
2042
2042
|
return _el$19;
|
|
@@ -2226,7 +2226,7 @@ function $4147651646da990a$export$43cd1e747fecd42e({
|
|
|
2226
2226
|
if (was_url_object) return url_object;
|
|
2227
2227
|
return url_object.href;
|
|
2228
2228
|
}
|
|
2229
|
-
|
|
2229
|
+
var $dfa5b6f7c5e421df$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<nav class=crumbs>`),
|
|
2230
2230
|
$dfa5b6f7c5e421df$var$_tmpl$2 = /*#__PURE__*/$9HbP8$template(`<a class=crumb>`),
|
|
2231
2231
|
$dfa5b6f7c5e421df$var$_tmpl$3 = /*#__PURE__*/$9HbP8$template(`<span class=separator>`);
|
|
2232
2232
|
function $dfa5b6f7c5e421df$export$5646050d516e06bc({
|
|
@@ -2242,7 +2242,7 @@ function $dfa5b6f7c5e421df$export$5646050d516e06bc({
|
|
|
2242
2242
|
severity_: "error",
|
|
2243
2243
|
message_: "BreadCrumbs failed",
|
|
2244
2244
|
get children() {
|
|
2245
|
-
|
|
2245
|
+
var _el$ = $9HbP8$getNextElement($dfa5b6f7c5e421df$var$_tmpl$);
|
|
2246
2246
|
$9HbP8$insert(_el$, $9HbP8$createComponent((0, $9HbP8$Index), {
|
|
2247
2247
|
get each() {
|
|
2248
2248
|
return crumb_data();
|
|
@@ -2266,7 +2266,7 @@ function $dfa5b6f7c5e421df$export$5646050d516e06bc({
|
|
|
2266
2266
|
});
|
|
2267
2267
|
},
|
|
2268
2268
|
get children() {
|
|
2269
|
-
|
|
2269
|
+
var _el$2 = $9HbP8$getNextElement($dfa5b6f7c5e421df$var$_tmpl$2);
|
|
2270
2270
|
$9HbP8$addEventListener(_el$2, "click", $9HbP8$catchify(ev => router_.navigate_.go_to_({
|
|
2271
2271
|
new_url_: href(),
|
|
2272
2272
|
is_replace_: false,
|
|
@@ -2287,7 +2287,7 @@ function $dfa5b6f7c5e421df$export$5646050d516e06bc({
|
|
|
2287
2287
|
return index < crumb_data().length - 1;
|
|
2288
2288
|
},
|
|
2289
2289
|
get children() {
|
|
2290
|
-
|
|
2290
|
+
var _el$3 = $9HbP8$getNextElement($dfa5b6f7c5e421df$var$_tmpl$3);
|
|
2291
2291
|
$9HbP8$insert(_el$3, () => i18n_.breadcrumbs_separator_());
|
|
2292
2292
|
return _el$3;
|
|
2293
2293
|
}
|
|
@@ -2300,23 +2300,23 @@ function $dfa5b6f7c5e421df$export$5646050d516e06bc({
|
|
|
2300
2300
|
});
|
|
2301
2301
|
}
|
|
2302
2302
|
$9HbP8$delegateEvents(["click"]);
|
|
2303
|
-
|
|
2303
|
+
var $f18d425032111270$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div>`);
|
|
2304
2304
|
function $f18d425032111270$export$94026ee33dbabc26(props) {
|
|
2305
2305
|
return (() => {
|
|
2306
|
-
|
|
2306
|
+
var _el$ = $9HbP8$getNextElement($f18d425032111270$var$_tmpl$);
|
|
2307
2307
|
$9HbP8$classList(_el$, {
|
|
2308
2308
|
["s-image-container"]: true
|
|
2309
2309
|
});
|
|
2310
2310
|
$9HbP8$insert(_el$, () => props.children);
|
|
2311
2311
|
$9HbP8$effect(_p$ => {
|
|
2312
|
-
|
|
2312
|
+
var _v$ = `padding-bottom:calc(calc(1 / ${props.aspectRatio}) * 100%)`,
|
|
2313
2313
|
_v$2 = props.class;
|
|
2314
|
-
_p$.
|
|
2315
|
-
_v$2 !== _p$.
|
|
2314
|
+
_p$.e = $9HbP8$style(_el$, _v$, _p$.e);
|
|
2315
|
+
_v$2 !== _p$.t && $9HbP8$className(_el$, _p$.t = _v$2);
|
|
2316
2316
|
return _p$;
|
|
2317
2317
|
}, {
|
|
2318
|
-
|
|
2319
|
-
|
|
2318
|
+
e: undefined,
|
|
2319
|
+
t: undefined
|
|
2320
2320
|
});
|
|
2321
2321
|
return _el$;
|
|
2322
2322
|
})();
|
|
@@ -2564,11 +2564,11 @@ function $4f16612bea257571$export$9d4a4b669b1929ab(props) {
|
|
|
2564
2564
|
}
|
|
2565
2565
|
}));
|
|
2566
2566
|
}
|
|
2567
|
-
|
|
2567
|
+
var $0eb1f9e7ee46f1c2$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<svg xmlns=http://www.w3.org/2000/svg width=32 height=32 fill=none><path d="M28.061 17.061l-9 9c-.282.282-.664.44-1.062.44a1.5 1.5 0 0 1-1.062-.44c-.282-.282-.44-.664-.44-1.062s.158-.781.44-1.062l6.439-6.436H5A1.5 1.5 0 0 1 3.5 16 1.5 1.5 0 0 1 5 14.5h18.375l-6.436-6.44c-.282-.282-.44-.664-.44-1.063s.158-.781.44-1.062.664-.44 1.063-.44a1.5 1.5 0 0 1 1.063.44l9 9a1.5 1.5 0 0 1 .441 1.064 1.5 1.5 0 0 1-.443 1.063z"fill=#868689>`);
|
|
2568
2568
|
function $0eb1f9e7ee46f1c2$export$9ca09caa9c849d9c() {
|
|
2569
2569
|
return $9HbP8$getNextElement($0eb1f9e7ee46f1c2$var$_tmpl$);
|
|
2570
2570
|
}
|
|
2571
|
-
|
|
2571
|
+
var $4ce5b8892775b62d$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<a>`),
|
|
2572
2572
|
$4ce5b8892775b62d$var$_tmpl$2 = /*#__PURE__*/$9HbP8$template(`<div class=listing-card><div class=image-part></div><!$><!/><h3 class=title>`),
|
|
2573
2573
|
$4ce5b8892775b62d$var$_tmpl$3 = /*#__PURE__*/$9HbP8$template(`<div class=empty-image>`);
|
|
2574
2574
|
const $4ce5b8892775b62d$var$aspectRatioWidthComponent = 402.67;
|
|
@@ -2587,7 +2587,7 @@ function $4ce5b8892775b62d$export$67152d26d4f56ee8({
|
|
|
2587
2587
|
}) {
|
|
2588
2588
|
const href = $9HbP8$createMemo(() => listing_()?.page_url); // <- could be made reactive getter created in displayTransformers, read it in memo here since it might create computations (for example in the preview-brower), and there's no owner in the onClick handler
|
|
2589
2589
|
const LinkToListing = props => (() => {
|
|
2590
|
-
|
|
2590
|
+
var _el$ = $9HbP8$getNextElement($4ce5b8892775b62d$var$_tmpl$);
|
|
2591
2591
|
$9HbP8$addEventListener(_el$, "click", $9HbP8$catchify(ev => href() && router_.navigate_.go_to_({
|
|
2592
2592
|
new_url_: href(),
|
|
2593
2593
|
is_replace_: false,
|
|
@@ -2599,14 +2599,14 @@ function $4ce5b8892775b62d$export$67152d26d4f56ee8({
|
|
|
2599
2599
|
})), true);
|
|
2600
2600
|
$9HbP8$insert(_el$, () => props.children);
|
|
2601
2601
|
$9HbP8$effect(_p$ => {
|
|
2602
|
-
|
|
2602
|
+
var _v$ = props.tabIndex_,
|
|
2603
2603
|
_v$2 = href();
|
|
2604
|
-
_v$ !== _p$.
|
|
2605
|
-
_v$2 !== _p$.
|
|
2604
|
+
_v$ !== _p$.e && $9HbP8$setAttribute(_el$, "tabindex", _p$.e = _v$);
|
|
2605
|
+
_v$2 !== _p$.t && $9HbP8$setAttribute(_el$, "href", _p$.t = _v$2);
|
|
2606
2606
|
return _p$;
|
|
2607
2607
|
}, {
|
|
2608
|
-
|
|
2609
|
-
|
|
2608
|
+
e: undefined,
|
|
2609
|
+
t: undefined
|
|
2610
2610
|
});
|
|
2611
2611
|
$9HbP8$runHydrationEvents();
|
|
2612
2612
|
return _el$;
|
|
@@ -2615,7 +2615,7 @@ function $4ce5b8892775b62d$export$67152d26d4f56ee8({
|
|
|
2615
2615
|
const [isSelected, selectedDueToKeyboardNavigation] = $f4125ce4984deee6$export$fb40a80c530e5f2b(read_selected_index_, keyboardNavigationGroupIndex_, index_);
|
|
2616
2616
|
const crumbData = $9HbP8$createMemo(() => listing_()?.ancestors);
|
|
2617
2617
|
return (() => {
|
|
2618
|
-
|
|
2618
|
+
var _el$2 = $9HbP8$getNextElement($4ce5b8892775b62d$var$_tmpl$2),
|
|
2619
2619
|
_el$3 = _el$2.firstChild,
|
|
2620
2620
|
_el$5 = _el$3.nextSibling,
|
|
2621
2621
|
[_el$6, _co$] = $9HbP8$getNextMarker(_el$5.nextSibling),
|
|
@@ -2666,14 +2666,14 @@ function $4ce5b8892775b62d$export$67152d26d4f56ee8({
|
|
|
2666
2666
|
}
|
|
2667
2667
|
}));
|
|
2668
2668
|
$9HbP8$effect(_p$ => {
|
|
2669
|
-
|
|
2669
|
+
var _v$3 = !!isSelected(),
|
|
2670
2670
|
_v$4 = `--image-count: ${image_urls()?.length ?? 0}`;
|
|
2671
|
-
_v$3 !== _p$.
|
|
2672
|
-
_p$.
|
|
2671
|
+
_v$3 !== _p$.e && _el$2.classList.toggle("selected", _p$.e = _v$3);
|
|
2672
|
+
_p$.t = $9HbP8$style(_el$3, _v$4, _p$.t);
|
|
2673
2673
|
return _p$;
|
|
2674
2674
|
}, {
|
|
2675
|
-
|
|
2676
|
-
|
|
2675
|
+
e: undefined,
|
|
2676
|
+
t: undefined
|
|
2677
2677
|
});
|
|
2678
2678
|
$9HbP8$runHydrationEvents();
|
|
2679
2679
|
return _el$2;
|
|
@@ -2717,31 +2717,31 @@ function $4ce5b8892775b62d$export$ea41102db9bd68c3({
|
|
|
2717
2717
|
}
|
|
2718
2718
|
function $4ce5b8892775b62d$var$EmptyImage() {
|
|
2719
2719
|
return (() => {
|
|
2720
|
-
|
|
2720
|
+
var _el$7 = $9HbP8$getNextElement($4ce5b8892775b62d$var$_tmpl$3);
|
|
2721
2721
|
_el$7.style.setProperty("aspect-ratio", "1.977362011392654");
|
|
2722
2722
|
$9HbP8$insert(_el$7, $9HbP8$createComponent((0, $0eb1f9e7ee46f1c2$export$9ca09caa9c849d9c), {}));
|
|
2723
2723
|
return _el$7;
|
|
2724
2724
|
})();
|
|
2725
2725
|
}
|
|
2726
2726
|
$9HbP8$delegateEvents(["click", "mouseover"]);
|
|
2727
|
-
|
|
2727
|
+
var $fbbadcb080ad1d4a$var$_tmpl$ = /*#__PURE__*/$9HbP8$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>`);
|
|
2728
2728
|
function $fbbadcb080ad1d4a$export$8be2714ec7f169ee(props = {}) {
|
|
2729
2729
|
return (() => {
|
|
2730
|
-
|
|
2730
|
+
var _el$ = $9HbP8$getNextElement($fbbadcb080ad1d4a$var$_tmpl$);
|
|
2731
2731
|
$9HbP8$effect(_p$ => {
|
|
2732
|
-
|
|
2732
|
+
var _v$ = props.width_ ?? 14,
|
|
2733
2733
|
_v$2 = props.height_ ?? 26;
|
|
2734
|
-
_v$ !== _p$.
|
|
2735
|
-
_v$2 !== _p$.
|
|
2734
|
+
_v$ !== _p$.e && $9HbP8$setAttribute(_el$, "width", _p$.e = _v$);
|
|
2735
|
+
_v$2 !== _p$.t && $9HbP8$setAttribute(_el$, "height", _p$.t = _v$2);
|
|
2736
2736
|
return _p$;
|
|
2737
2737
|
}, {
|
|
2738
|
-
|
|
2739
|
-
|
|
2738
|
+
e: undefined,
|
|
2739
|
+
t: undefined
|
|
2740
2740
|
});
|
|
2741
2741
|
return _el$;
|
|
2742
2742
|
})();
|
|
2743
2743
|
}
|
|
2744
|
-
|
|
2744
|
+
var $f32e14878e75af51$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div>`),
|
|
2745
2745
|
$f32e14878e75af51$var$_tmpl$2 = /*#__PURE__*/$9HbP8$template(`<div class="depict-slider depict"><button aria-label="Scroll left"class="left d-navbutton"type=button></button><button aria-label="Scroll right"class="right d-navbutton"type=button></button><div class=sliding>`);
|
|
2746
2746
|
function $f32e14878e75af51$export$6649caad96ef8870({
|
|
2747
2747
|
children: children,
|
|
@@ -2757,7 +2757,7 @@ function $f32e14878e75af51$export$6649caad96ef8870({
|
|
|
2757
2757
|
const [hasHydrated, setHasHydrated] = $9HbP8$createSignal(false);
|
|
2758
2758
|
$9HbP8$createEffect(() => setHasHydrated(true));
|
|
2759
2759
|
const MakeButton = () => (() => {
|
|
2760
|
-
|
|
2760
|
+
var _el$ = $9HbP8$getNextElement($f32e14878e75af51$var$_tmpl$);
|
|
2761
2761
|
$9HbP8$insert(_el$, $9HbP8$createComponent((0, $fbbadcb080ad1d4a$export$8be2714ec7f169ee), {
|
|
2762
2762
|
height_: arrow_height_,
|
|
2763
2763
|
width_: arrow_width_
|
|
@@ -2774,7 +2774,7 @@ function $f32e14878e75af51$export$6649caad96ef8870({
|
|
|
2774
2774
|
},
|
|
2775
2775
|
get fallback() {
|
|
2776
2776
|
return (() => {
|
|
2777
|
-
|
|
2777
|
+
var _el$2 = $9HbP8$getNextElement($f32e14878e75af51$var$_tmpl$2),
|
|
2778
2778
|
_el$3 = _el$2.firstChild,
|
|
2779
2779
|
_el$4 = _el$3.nextSibling,
|
|
2780
2780
|
_el$5 = _el$4.nextSibling;
|
|
@@ -2808,12 +2808,12 @@ function $f32e14878e75af51$export$6649caad96ef8870({
|
|
|
2808
2808
|
}
|
|
2809
2809
|
});
|
|
2810
2810
|
}
|
|
2811
|
-
|
|
2811
|
+
var $c8d5ff4524619fcd$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div>`),
|
|
2812
2812
|
$c8d5ff4524619fcd$var$_tmpl$2 = /*#__PURE__*/$9HbP8$template(`<style type=text/css>`);
|
|
2813
2813
|
function $c8d5ff4524619fcd$export$d21e32dfedac04be(props) {
|
|
2814
2814
|
const container_class = "x" + $9HbP8$createUniqueId();
|
|
2815
2815
|
const container_element_ = (() => {
|
|
2816
|
-
|
|
2816
|
+
var _el$ = $9HbP8$getNextElement($c8d5ff4524619fcd$var$_tmpl$);
|
|
2817
2817
|
$9HbP8$spread(_el$, $9HbP8$mergeProps(() => props.element_attributes, {
|
|
2818
2818
|
"classList": {
|
|
2819
2819
|
[container_class]: true
|
|
@@ -2864,7 +2864,7 @@ function $c8d5ff4524619fcd$export$445d8d3f5f706a40(props, container_element, ins
|
|
|
2864
2864
|
const view_more_button_class = "m" + $9HbP8$createUniqueId();
|
|
2865
2865
|
const view_less_button_class = "l" + $9HbP8$createUniqueId(); // https://github.com/solidjs/solid-docs/issues/263#issuecomment-1622388079
|
|
2866
2866
|
const view_more_button_container = $9HbP8$createMemo(() => have_a_view_more_button() && (() => {
|
|
2867
|
-
|
|
2867
|
+
var _el$2 = $9HbP8$getNextElement($c8d5ff4524619fcd$var$_tmpl$);
|
|
2868
2868
|
$9HbP8$addEventListener(_el$2, "click", $9HbP8$catchify(() => set_rows_visible()(prev => prev + (rows_or_empty_object().rows_per_click ?? 1))), true);
|
|
2869
2869
|
$9HbP8$className(_el$2, `load-more-container ${view_more_button_class}`);
|
|
2870
2870
|
$9HbP8$insert(_el$2, () => rows_or_empty_object().button);
|
|
@@ -2873,7 +2873,7 @@ function $c8d5ff4524619fcd$export$445d8d3f5f706a40(props, container_element, ins
|
|
|
2873
2873
|
})());
|
|
2874
2874
|
// We need to have duplicate buttons because which ones is shown depends on the number of rows visible and therefore on the viewport size and therefore on the css media queries
|
|
2875
2875
|
const view_less_button_container = $9HbP8$createMemo(() => have_a_view_less_button() && (() => {
|
|
2876
|
-
|
|
2876
|
+
var _el$3 = $9HbP8$getNextElement($c8d5ff4524619fcd$var$_tmpl$);
|
|
2877
2877
|
$9HbP8$addEventListener(_el$3, "click", $9HbP8$catchify(() => set_rows_visible()(() => rows_or_empty_object().start_rows ?? 1)), true);
|
|
2878
2878
|
$9HbP8$className(_el$3, `load-less-container ${view_less_button_class}`);
|
|
2879
2879
|
$9HbP8$insert(_el$3, () => rows_or_empty_object().view_less_button);
|
|
@@ -2935,7 +2935,7 @@ function $c8d5ff4524619fcd$export$445d8d3f5f706a40(props, container_element, ins
|
|
|
2935
2935
|
}));
|
|
2936
2936
|
});
|
|
2937
2937
|
const style_element = (() => {
|
|
2938
|
-
|
|
2938
|
+
var _el$4 = $9HbP8$getNextElement($c8d5ff4524619fcd$var$_tmpl$2);
|
|
2939
2939
|
$9HbP8$insert(_el$4, get_styling);
|
|
2940
2940
|
return _el$4;
|
|
2941
2941
|
})(); // need to create this after set_styling has been called or else there will be no styling in the SSR'd output
|
|
@@ -2943,7 +2943,7 @@ function $c8d5ff4524619fcd$export$445d8d3f5f706a40(props, container_element, ins
|
|
|
2943
2943
|
return [container_element, $9HbP8$memo(view_more_button_container), $9HbP8$memo(view_less_button_container), style_element];
|
|
2944
2944
|
}
|
|
2945
2945
|
$9HbP8$delegateEvents(["click"]);
|
|
2946
|
-
|
|
2946
|
+
var $44f30a4222ce604b$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div class=visual-listing-suggestions><h2></h2><!$><!/>`),
|
|
2947
2947
|
$44f30a4222ce604b$var$_tmpl$2 = /*#__PURE__*/$9HbP8$template(`<div class=suggestion-container>`);
|
|
2948
2948
|
function $44f30a4222ce604b$export$c8d7e00464029b45({
|
|
2949
2949
|
listing_suggestions_: listing_suggestions_,
|
|
@@ -2986,7 +2986,7 @@ function $44f30a4222ce604b$export$c8d7e00464029b45({
|
|
|
2986
2986
|
return listing_suggestions_()?.length;
|
|
2987
2987
|
},
|
|
2988
2988
|
get children() {
|
|
2989
|
-
|
|
2989
|
+
var _el$ = $9HbP8$getNextElement($44f30a4222ce604b$var$_tmpl$),
|
|
2990
2990
|
_el$2 = _el$.firstChild,
|
|
2991
2991
|
_el$3 = _el$2.nextSibling,
|
|
2992
2992
|
[_el$4, _co$] = $9HbP8$getNextMarker(_el$3.nextSibling);
|
|
@@ -2997,7 +2997,7 @@ function $44f30a4222ce604b$export$c8d7e00464029b45({
|
|
|
2997
2997
|
},
|
|
2998
2998
|
get fallback() {
|
|
2999
2999
|
return (() => {
|
|
3000
|
-
|
|
3000
|
+
var _el$5 = $9HbP8$getNextElement($44f30a4222ce604b$var$_tmpl$2);
|
|
3001
3001
|
$9HbP8$insert(_el$5, productCards);
|
|
3002
3002
|
return _el$5;
|
|
3003
3003
|
})();
|
|
@@ -3030,7 +3030,7 @@ function $44f30a4222ce604b$export$c8d7e00464029b45({
|
|
|
3030
3030
|
}
|
|
3031
3031
|
});
|
|
3032
3032
|
}
|
|
3033
|
-
|
|
3033
|
+
var $903297121898e5ff$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div><div class=title-row><h2></h2><!$><!/></div><div class=suggestion-container>`),
|
|
3034
3034
|
$903297121898e5ff$var$_tmpl$2 = /*#__PURE__*/$9HbP8$template(`<a class=suggestion>`);
|
|
3035
3035
|
function $903297121898e5ff$export$d4994a86c6235f72({
|
|
3036
3036
|
search_query_url_param_name_: search_query_url_param_name_,
|
|
@@ -3054,7 +3054,7 @@ function $903297121898e5ff$export$d4994a86c6235f72({
|
|
|
3054
3054
|
return itemsToShow_()?.length || showPlaceholders_();
|
|
3055
3055
|
},
|
|
3056
3056
|
get children() {
|
|
3057
|
-
|
|
3057
|
+
var _el$ = $9HbP8$getNextElement($903297121898e5ff$var$_tmpl$),
|
|
3058
3058
|
_el$2 = _el$.firstChild,
|
|
3059
3059
|
_el$3 = _el$2.firstChild,
|
|
3060
3060
|
_el$4 = _el$3.nextSibling,
|
|
@@ -3092,7 +3092,7 @@ function $903297121898e5ff$export$d4994a86c6235f72({
|
|
|
3092
3092
|
});
|
|
3093
3093
|
const [isSelected, selectedDueToKeyboardNavigation] = $f4125ce4984deee6$export$fb40a80c530e5f2b(read_selected_index_, itemIndex_, () => index);
|
|
3094
3094
|
return (() => {
|
|
3095
|
-
|
|
3095
|
+
var _el$7 = $9HbP8$getNextElement($903297121898e5ff$var$_tmpl$2);
|
|
3096
3096
|
$9HbP8$use(element => {
|
|
3097
3097
|
$f4125ce4984deee6$export$12761f53d7ab7f27(element, selectedDueToKeyboardNavigation);
|
|
3098
3098
|
element.addEventListener("click", $9HbP8$catchify(ev => {
|
|
@@ -3121,14 +3121,14 @@ function $903297121898e5ff$export$d4994a86c6235f72({
|
|
|
3121
3121
|
searching_for_value_: searching_for_value_
|
|
3122
3122
|
}));
|
|
3123
3123
|
$9HbP8$effect(_p$ => {
|
|
3124
|
-
|
|
3124
|
+
var _v$ = !!isSelected(),
|
|
3125
3125
|
_v$2 = href();
|
|
3126
|
-
_v$ !== _p$.
|
|
3127
|
-
_v$2 !== _p$.
|
|
3126
|
+
_v$ !== _p$.e && _el$7.classList.toggle("selected", _p$.e = _v$);
|
|
3127
|
+
_v$2 !== _p$.t && $9HbP8$setAttribute(_el$7, "href", _p$.t = _v$2);
|
|
3128
3128
|
return _p$;
|
|
3129
3129
|
}, {
|
|
3130
|
-
|
|
3131
|
-
|
|
3130
|
+
e: undefined,
|
|
3131
|
+
t: undefined
|
|
3132
3132
|
});
|
|
3133
3133
|
return _el$7;
|
|
3134
3134
|
})();
|
|
@@ -3141,7 +3141,7 @@ function $903297121898e5ff$export$d4994a86c6235f72({
|
|
|
3141
3141
|
}
|
|
3142
3142
|
});
|
|
3143
3143
|
}
|
|
3144
|
-
|
|
3144
|
+
var $2f3171b02c8f4a5d$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<button class=delete type=button>`);
|
|
3145
3145
|
const $2f3171b02c8f4a5d$var$MAX_PREVIOUS = 3;
|
|
3146
3146
|
function $2f3171b02c8f4a5d$export$af1fb307bbba2417({
|
|
3147
3147
|
search_field_value_: search_field_value_,
|
|
@@ -3231,7 +3231,7 @@ function $2f3171b02c8f4a5d$export$af1fb307bbba2417({
|
|
|
3231
3231
|
return itemIndexes_.previousSearchesIndex_;
|
|
3232
3232
|
},
|
|
3233
3233
|
extraTitleRowElements_: () => (() => {
|
|
3234
|
-
|
|
3234
|
+
var _el$ = $9HbP8$getNextElement($2f3171b02c8f4a5d$var$_tmpl$);
|
|
3235
3235
|
$9HbP8$addEventListener(_el$, "click", $9HbP8$catchify(() => set_unfiltered_previous_searches_([])), true);
|
|
3236
3236
|
$9HbP8$insert(_el$, () => i18n_.clear_all_from_filter_crumbs_());
|
|
3237
3237
|
$9HbP8$runHydrationEvents();
|
|
@@ -3288,7 +3288,7 @@ function $53986ad54c77939e$export$b608d7df125109f1({
|
|
|
3288
3288
|
|
|
3289
3289
|
return suggestionsResource;
|
|
3290
3290
|
}
|
|
3291
|
-
|
|
3291
|
+
var $5cec65dd06ade2c4$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<svg xmlns=http://www.w3.org/2000/svg width=20 height=20><path d="M8.089 16.288l-5.625-5.625a.94.94 0 0 1-.276-.664c0-.123.024-.246.072-.36a.94.94 0 0 1 .204-.305L8.089 3.71a.94.94 0 0 1 1.328 0 .94.94 0 0 1 0 1.328L5.393 9.063h11.484a.94.94 0 0 1 .938.937c0 .249-.099.487-.275.663s-.414.275-.663.275H5.393l4.025 4.024a.94.94 0 0 1 0 1.328.94.94 0 0 1-1.328 0v-.002z">`);
|
|
3292
3292
|
function $5cec65dd06ade2c4$export$3fcbcd8bd3e0290f() {
|
|
3293
3293
|
return $9HbP8$getNextElement($5cec65dd06ade2c4$var$_tmpl$);
|
|
3294
3294
|
}
|
|
@@ -3310,11 +3310,14 @@ function $140dbdee2e0b252f$export$66d1697a0f27069c(modalLayoutStacked) {
|
|
|
3310
3310
|
instantResultsIndex_: instantResultsIndex_
|
|
3311
3311
|
};
|
|
3312
3312
|
}
|
|
3313
|
-
|
|
3314
|
-
$500a16dd18ee5a71$var$_tmpl$2 = /*#__PURE__*/$9HbP8$template(`<
|
|
3315
|
-
$500a16dd18ee5a71$var$_tmpl$3 = /*#__PURE__*/$9HbP8$template(`<
|
|
3316
|
-
$500a16dd18ee5a71$var$_tmpl$4 = /*#__PURE__*/$9HbP8$template(`<div class=
|
|
3317
|
-
$500a16dd18ee5a71$var$_tmpl$5 = /*#__PURE__*/$9HbP8$template(`<
|
|
3313
|
+
var $500a16dd18ee5a71$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div class=instant-results-wrapper><h2></h2><!$><!/>`),
|
|
3314
|
+
$500a16dd18ee5a71$var$_tmpl$2 = /*#__PURE__*/$9HbP8$template(`<div>`),
|
|
3315
|
+
$500a16dd18ee5a71$var$_tmpl$3 = /*#__PURE__*/$9HbP8$template(`<dialog>`),
|
|
3316
|
+
$500a16dd18ee5a71$var$_tmpl$4 = /*#__PURE__*/$9HbP8$template(`<div class=depict-search-modal-backdrop>`),
|
|
3317
|
+
$500a16dd18ee5a71$var$_tmpl$5 = /*#__PURE__*/$9HbP8$template(`<div class=depict-search-modal><div class=body><!$><!/><div class=padded></div><div class=discover-more><button class=major type=button></button></div></div><!$><!/>`),
|
|
3318
|
+
$500a16dd18ee5a71$var$_tmpl$6 = /*#__PURE__*/$9HbP8$template(`<div class=left>`),
|
|
3319
|
+
$500a16dd18ee5a71$var$_tmpl$7 = /*#__PURE__*/$9HbP8$template(`<div class=right>`),
|
|
3320
|
+
$500a16dd18ee5a71$var$_tmpl$8 = /*#__PURE__*/$9HbP8$template(`<b>`);
|
|
3318
3321
|
/**
|
|
3319
3322
|
* Second generation search modal - the solid component that gets added to <body> when the search modal is opened
|
|
3320
3323
|
*/
|
|
@@ -3345,7 +3348,8 @@ function $500a16dd18ee5a71$var$RawSearchModalV2({
|
|
|
3345
3348
|
content_search_enabled_: content_search_enabled_,
|
|
3346
3349
|
sorting_query_param_: sorting_query_param_,
|
|
3347
3350
|
filter_query_param_prefix_: filter_query_param_prefix_,
|
|
3348
|
-
setSearchFieldOuterWidth_: setSearchFieldOuterWidth_
|
|
3351
|
+
setSearchFieldOuterWidth_: setSearchFieldOuterWidth_,
|
|
3352
|
+
forceUseDiv_: forceUseDiv_
|
|
3349
3353
|
}) {
|
|
3350
3354
|
let on_enter_in_search_field_function;
|
|
3351
3355
|
// As per feedback from stronger we sometimes want a modal with the search field value disconnected from the one in the rest of the UI, see https://depictaiworkspace.slack.com/archives/C02J16R9XEH/p1679065878487709.
|
|
@@ -3516,7 +3520,7 @@ function $500a16dd18ee5a71$var$RawSearchModalV2({
|
|
|
3516
3520
|
get children() {
|
|
3517
3521
|
return $9HbP8$createComponent((0, $011607bdf658f807$export$e68cff63f76bd15b), {
|
|
3518
3522
|
get children() {
|
|
3519
|
-
|
|
3523
|
+
var _el$ = $9HbP8$getNextElement($500a16dd18ee5a71$var$_tmpl$),
|
|
3520
3524
|
_el$2 = _el$.firstChild,
|
|
3521
3525
|
_el$3 = _el$2.nextSibling,
|
|
3522
3526
|
[_el$4, _co$] = $9HbP8$getNextMarker(_el$3.nextSibling);
|
|
@@ -3578,6 +3582,22 @@ function $500a16dd18ee5a71$var$RawSearchModalV2({
|
|
|
3578
3582
|
});
|
|
3579
3583
|
}
|
|
3580
3584
|
})]);
|
|
3585
|
+
const DialogElement = props => {
|
|
3586
|
+
if (forceUseDiv_) return (() => {
|
|
3587
|
+
var _el$5 = $9HbP8$getNextElement($500a16dd18ee5a71$var$_tmpl$2);
|
|
3588
|
+
$9HbP8$spread(_el$5, props, false, true);
|
|
3589
|
+
$9HbP8$insert(_el$5, () => props.children);
|
|
3590
|
+
$9HbP8$runHydrationEvents();
|
|
3591
|
+
return _el$5;
|
|
3592
|
+
})();
|
|
3593
|
+
return (() => {
|
|
3594
|
+
var _el$6 = $9HbP8$getNextElement($500a16dd18ee5a71$var$_tmpl$3);
|
|
3595
|
+
$9HbP8$spread(_el$6, props, false, true);
|
|
3596
|
+
$9HbP8$insert(_el$6, () => props.children);
|
|
3597
|
+
$9HbP8$runHydrationEvents();
|
|
3598
|
+
return _el$6;
|
|
3599
|
+
})();
|
|
3600
|
+
};
|
|
3581
3601
|
const search_field = $5285d2814d0fac0c$export$b94867ecbd698f21({
|
|
3582
3602
|
BackIcon_: () => $9HbP8$createComponent((0, $5cec65dd06ade2c4$export$11e9f390c90a537f), {}),
|
|
3583
3603
|
input_field_ref_: element => set_input_field(element),
|
|
@@ -3601,19 +3621,17 @@ function $500a16dd18ee5a71$var$RawSearchModalV2({
|
|
|
3601
3621
|
resizeObserver.observe(search_field);
|
|
3602
3622
|
$9HbP8$onCleanup(() => resizeObserver.disconnect());
|
|
3603
3623
|
}
|
|
3604
|
-
return [(
|
|
3605
|
-
|
|
3606
|
-
|
|
3607
|
-
|
|
3608
|
-
|
|
3609
|
-
|
|
3610
|
-
|
|
3611
|
-
|
|
3612
|
-
|
|
3613
|
-
|
|
3614
|
-
|
|
3615
|
-
[_el$15, _co$3] = $9HbP8$getNextMarker(_el$14.nextSibling);
|
|
3616
|
-
$9HbP8$use(element => {
|
|
3624
|
+
return [$9HbP8$createComponent(DialogElement, {
|
|
3625
|
+
get id() {
|
|
3626
|
+
return (0, $f86ba724282f6690$export$44dad306455dddf).SEARCH_MODAL;
|
|
3627
|
+
},
|
|
3628
|
+
"class": "depict plp search",
|
|
3629
|
+
get classList() {
|
|
3630
|
+
return class_list_?.();
|
|
3631
|
+
},
|
|
3632
|
+
onClose: close_modal_,
|
|
3633
|
+
ref: element => {
|
|
3634
|
+
if (forceUseDiv_) return;
|
|
3617
3635
|
const disconnect = (0, $9HbP8$observer).onexists(element, ({
|
|
3618
3636
|
element: element,
|
|
3619
3637
|
disconnector: disconnector
|
|
@@ -3622,86 +3640,94 @@ function $500a16dd18ee5a71$var$RawSearchModalV2({
|
|
|
3622
3640
|
disconnector();
|
|
3623
3641
|
});
|
|
3624
3642
|
$9HbP8$onCleanup(disconnect);
|
|
3625
|
-
},
|
|
3626
|
-
|
|
3627
|
-
|
|
3628
|
-
|
|
3629
|
-
|
|
3630
|
-
|
|
3631
|
-
}) => {
|
|
3632
|
-
if (target === currentTarget) close_modal_();
|
|
3633
|
-
}), true);
|
|
3634
|
-
$9HbP8$use(element => {
|
|
3635
|
-
// We don't have contained queries in JS so use ResizeObserver instead. This is so that the modal automatically assumes a mobile layout when aligning with a short SearchField.
|
|
3636
|
-
const resizeObserver = new ResizeObserver($9HbP8$catchify(records => setModalBodyWidth(records.at(-1).contentRect.width)));
|
|
3637
|
-
resizeObserver.observe(element);
|
|
3638
|
-
$9HbP8$onCleanup(() => resizeObserver.disconnect());
|
|
3639
|
-
}, _el$8);
|
|
3640
|
-
$9HbP8$insert(_el$8, search_field, _el$13, _co$2);
|
|
3641
|
-
$9HbP8$use(el => {
|
|
3642
|
-
$9HbP8$catchify((0, $4ceabea39c9a56ac$export$50b90be27d8502d9))(el, bodyAlignmentSignal, bottom_distance_under_modal_);
|
|
3643
|
-
// Workaround part 2 of https://github.com/solidjs/solid/issues/2030
|
|
3644
|
-
// We can't just re-render the components in the two different <Show> branches because <Show> would infinite loop because it depends on the resource created by the components
|
|
3645
|
-
// We could also lift out the createResource from InstantResults into this component, but this component is already huge.
|
|
3646
|
-
// When no results, also don't show left/right separation
|
|
3647
|
-
const showStackedDOM = $9HbP8$createMemo(() => modalLayoutStacked_() || noResults());
|
|
3648
|
-
$9HbP8$createEffect(() => {
|
|
3649
|
-
if (showStackedDOM()) {
|
|
3650
|
-
el.replaceChildren(...renderedTextSuggestions(), ...renderedVisualSuggestions());
|
|
3651
|
-
return;
|
|
3652
|
-
}
|
|
3653
|
-
el.replaceChildren(...[(() => {
|
|
3654
|
-
const _el$16 = $9HbP8$getNextElement($500a16dd18ee5a71$var$_tmpl$3);
|
|
3655
|
-
$9HbP8$insert(_el$16, renderedTextSuggestions);
|
|
3656
|
-
return _el$16;
|
|
3657
|
-
})(), (() => {
|
|
3658
|
-
const _el$17 = $9HbP8$getNextElement($500a16dd18ee5a71$var$_tmpl$4);
|
|
3659
|
-
$9HbP8$insert(_el$17, renderedVisualSuggestions);
|
|
3660
|
-
return _el$17;
|
|
3661
|
-
})()]);
|
|
3662
|
-
});
|
|
3663
|
-
}, _el$9);
|
|
3664
|
-
$9HbP8$addEventListener(_el$11, "click", $9HbP8$catchify(() => submit_query_()), true);
|
|
3665
|
-
$9HbP8$insert(_el$11, (() => {
|
|
3666
|
-
const _c$ = $9HbP8$memo(() => !!get_search_field_value_());
|
|
3667
|
-
return () => _c$() ? i18n_.modal_view_all_results_()((() => {
|
|
3668
|
-
const _el$18 = $9HbP8$getNextElement($500a16dd18ee5a71$var$_tmpl$5);
|
|
3669
|
-
$9HbP8$insert(_el$18, formattedTotalNumberResults);
|
|
3670
|
-
return _el$18;
|
|
3671
|
-
})()) : i18n_.modal_discover_more_();
|
|
3672
|
-
})());
|
|
3673
|
-
$9HbP8$insert(_el$7, $9HbP8$createComponent((0, $19f1f3e588d63502$export$f021bdedd3ec901a), {
|
|
3674
|
-
styles: mergedCssObject
|
|
3675
|
-
}), _el$15, _co$3);
|
|
3676
|
-
$9HbP8$effect(_p$ => {
|
|
3677
|
-
const _v$ = (0, $f86ba724282f6690$export$44dad306455dddf).SEARCH_MODAL,
|
|
3678
|
-
_v$2 = class_list_?.(),
|
|
3679
|
-
_v$3 = {
|
|
3643
|
+
},
|
|
3644
|
+
get children() {
|
|
3645
|
+
return [(() => {
|
|
3646
|
+
var _el$7 = $9HbP8$getNextElement($500a16dd18ee5a71$var$_tmpl$4);
|
|
3647
|
+
$9HbP8$addEventListener(_el$7, "click", close_modal_, true);
|
|
3648
|
+
$9HbP8$effect(_$p => $9HbP8$classList(_el$7, {
|
|
3680
3649
|
[backdropRandomClassname]: true
|
|
3681
|
-
},
|
|
3682
|
-
|
|
3683
|
-
|
|
3684
|
-
|
|
3685
|
-
|
|
3686
|
-
|
|
3687
|
-
|
|
3688
|
-
|
|
3689
|
-
|
|
3690
|
-
|
|
3691
|
-
|
|
3692
|
-
|
|
3693
|
-
|
|
3694
|
-
|
|
3695
|
-
|
|
3696
|
-
|
|
3697
|
-
|
|
3698
|
-
|
|
3699
|
-
|
|
3700
|
-
|
|
3701
|
-
|
|
3702
|
-
|
|
3703
|
-
|
|
3704
|
-
|
|
3650
|
+
}, _$p));
|
|
3651
|
+
$9HbP8$runHydrationEvents();
|
|
3652
|
+
return _el$7;
|
|
3653
|
+
})(), (() => {
|
|
3654
|
+
var _el$8 = $9HbP8$getNextElement($500a16dd18ee5a71$var$_tmpl$5),
|
|
3655
|
+
_el$9 = _el$8.firstChild,
|
|
3656
|
+
_el$13 = _el$9.firstChild,
|
|
3657
|
+
[_el$14, _co$2] = $9HbP8$getNextMarker(_el$13.nextSibling),
|
|
3658
|
+
_el$10 = _el$14.nextSibling,
|
|
3659
|
+
_el$11 = _el$10.nextSibling,
|
|
3660
|
+
_el$12 = _el$11.firstChild,
|
|
3661
|
+
_el$15 = _el$9.nextSibling,
|
|
3662
|
+
[_el$16, _co$3] = $9HbP8$getNextMarker(_el$15.nextSibling);
|
|
3663
|
+
$9HbP8$addEventListener(_el$8, "click", $9HbP8$catchify(({
|
|
3664
|
+
target: target,
|
|
3665
|
+
currentTarget: currentTarget
|
|
3666
|
+
}) => {
|
|
3667
|
+
if (target === currentTarget) close_modal_();
|
|
3668
|
+
}), true);
|
|
3669
|
+
$9HbP8$use(element => {
|
|
3670
|
+
// We don't have contained queries in JS so use ResizeObserver instead. This is so that the modal automatically assumes a mobile layout when aligning with a short SearchField.
|
|
3671
|
+
const resizeObserver = new ResizeObserver($9HbP8$catchify(records => setModalBodyWidth(records.at(-1).contentRect.width)));
|
|
3672
|
+
resizeObserver.observe(element);
|
|
3673
|
+
$9HbP8$onCleanup(() => resizeObserver.disconnect());
|
|
3674
|
+
}, _el$9);
|
|
3675
|
+
$9HbP8$insert(_el$9, search_field, _el$14, _co$2);
|
|
3676
|
+
$9HbP8$use(el => {
|
|
3677
|
+
$9HbP8$catchify((0, $4ceabea39c9a56ac$export$50b90be27d8502d9))(el, bodyAlignmentSignal, bottom_distance_under_modal_);
|
|
3678
|
+
// Workaround part 2 of https://github.com/solidjs/solid/issues/2030
|
|
3679
|
+
// We can't just re-render the components in the two different <Show> branches because <Show> would infinite loop because it depends on the resource created by the components
|
|
3680
|
+
// We could also lift out the createResource from InstantResults into this component, but this component is already huge.
|
|
3681
|
+
// When no results, also don't show left/right separation
|
|
3682
|
+
const showStackedDOM = $9HbP8$createMemo(() => modalLayoutStacked_() || noResults());
|
|
3683
|
+
$9HbP8$createEffect(() => {
|
|
3684
|
+
if (showStackedDOM()) {
|
|
3685
|
+
el.replaceChildren(...renderedTextSuggestions(), ...renderedVisualSuggestions());
|
|
3686
|
+
return;
|
|
3687
|
+
}
|
|
3688
|
+
el.replaceChildren(...[(() => {
|
|
3689
|
+
var _el$17 = $9HbP8$getNextElement($500a16dd18ee5a71$var$_tmpl$6);
|
|
3690
|
+
$9HbP8$insert(_el$17, renderedTextSuggestions);
|
|
3691
|
+
return _el$17;
|
|
3692
|
+
})(), (() => {
|
|
3693
|
+
var _el$18 = $9HbP8$getNextElement($500a16dd18ee5a71$var$_tmpl$7);
|
|
3694
|
+
$9HbP8$insert(_el$18, renderedVisualSuggestions);
|
|
3695
|
+
return _el$18;
|
|
3696
|
+
})()]);
|
|
3697
|
+
});
|
|
3698
|
+
}, _el$10);
|
|
3699
|
+
$9HbP8$addEventListener(_el$12, "click", $9HbP8$catchify(() => submit_query_()), true);
|
|
3700
|
+
$9HbP8$insert(_el$12, (() => {
|
|
3701
|
+
var _c$ = $9HbP8$memo(() => !!get_search_field_value_());
|
|
3702
|
+
return () => _c$() ? i18n_.modal_view_all_results_()((() => {
|
|
3703
|
+
var _el$19 = $9HbP8$getNextElement($500a16dd18ee5a71$var$_tmpl$8);
|
|
3704
|
+
$9HbP8$insert(_el$19, formattedTotalNumberResults);
|
|
3705
|
+
return _el$19;
|
|
3706
|
+
})()) : i18n_.modal_discover_more_();
|
|
3707
|
+
})());
|
|
3708
|
+
$9HbP8$insert(_el$8, $9HbP8$createComponent((0, $19f1f3e588d63502$export$f021bdedd3ec901a), {
|
|
3709
|
+
styles: mergedCssObject
|
|
3710
|
+
}), _el$16, _co$3);
|
|
3711
|
+
$9HbP8$effect(_p$ => {
|
|
3712
|
+
var _v$ = !!modalLayoutStacked_(),
|
|
3713
|
+
_v$2 = {
|
|
3714
|
+
[random_classname_body]: true
|
|
3715
|
+
},
|
|
3716
|
+
_v$3 = !!noResults();
|
|
3717
|
+
_v$ !== _p$.e && _el$8.classList.toggle("stacked", _p$.e = _v$);
|
|
3718
|
+
_p$.t = $9HbP8$classList(_el$9, _v$2, _p$.t);
|
|
3719
|
+
_v$3 !== _p$.a && _el$10.classList.toggle("no-results", _p$.a = _v$3);
|
|
3720
|
+
return _p$;
|
|
3721
|
+
}, {
|
|
3722
|
+
e: undefined,
|
|
3723
|
+
t: undefined,
|
|
3724
|
+
a: undefined
|
|
3725
|
+
});
|
|
3726
|
+
$9HbP8$runHydrationEvents();
|
|
3727
|
+
return _el$8;
|
|
3728
|
+
})()];
|
|
3729
|
+
}
|
|
3730
|
+
})];
|
|
3705
3731
|
}
|
|
3706
3732
|
const $500a16dd18ee5a71$export$b0c55aa2e87c4be7 = /*@__PURE__*/(() => {
|
|
3707
3733
|
$500a16dd18ee5a71$var$RawSearchModalV2[(0, $66db7a014e20802e$export$1ea76ea778b880dd)] = 2;
|
|
@@ -3709,7 +3735,7 @@ const $500a16dd18ee5a71$export$b0c55aa2e87c4be7 = /*@__PURE__*/(() => {
|
|
|
3709
3735
|
return $500a16dd18ee5a71$var$RawSearchModalV2;
|
|
3710
3736
|
})();
|
|
3711
3737
|
$9HbP8$delegateEvents(["click"]);
|
|
3712
|
-
|
|
3738
|
+
var $024fbc0a2d796fad$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<section aria-live=polite role=region class=tabs-body>`),
|
|
3713
3739
|
$024fbc0a2d796fad$var$_tmpl$2 = /*#__PURE__*/$9HbP8$template(`<nav role=tablist class=tabs-bar>`),
|
|
3714
3740
|
$024fbc0a2d796fad$var$_tmpl$3 = /*#__PURE__*/$9HbP8$template(`<article role=tabpanel>`);
|
|
3715
3741
|
const $024fbc0a2d796fad$var$TabsContext = /*@__PURE__*/$9HbP8$createContext();
|
|
@@ -3794,16 +3820,16 @@ function $024fbc0a2d796fad$var$ActualTabs(props) {
|
|
|
3794
3820
|
}
|
|
3795
3821
|
});
|
|
3796
3822
|
return [$9HbP8$memo(() => (props.wrapTabBar || (v => v))((() => {
|
|
3797
|
-
|
|
3823
|
+
var _el$2 = $9HbP8$getNextElement($024fbc0a2d796fad$var$_tmpl$2);
|
|
3798
3824
|
$9HbP8$insert(_el$2, (() => {
|
|
3799
|
-
|
|
3825
|
+
var _c$ = $9HbP8$memo(() => !!props.slidable);
|
|
3800
3826
|
return () => _c$() ? $9HbP8$createComponent((0, $f32e14878e75af51$export$6649caad96ef8870), {
|
|
3801
3827
|
children: headerItems
|
|
3802
3828
|
}) : headerItems;
|
|
3803
3829
|
})());
|
|
3804
3830
|
return _el$2;
|
|
3805
3831
|
})())), (() => {
|
|
3806
|
-
|
|
3832
|
+
var _el$ = $9HbP8$getNextElement($024fbc0a2d796fad$var$_tmpl$);
|
|
3807
3833
|
$9HbP8$insert(_el$, $9HbP8$createComponent((0, $9HbP8$Index), {
|
|
3808
3834
|
get each() {
|
|
3809
3835
|
return tabsReactive();
|
|
@@ -3821,7 +3847,7 @@ function $024fbc0a2d796fad$var$ActualTabs(props) {
|
|
|
3821
3847
|
});
|
|
3822
3848
|
$9HbP8$onCleanup(() => setTabsVisitedOnce(prev => (prev.delete(item().id), prev)));
|
|
3823
3849
|
return (() => {
|
|
3824
|
-
|
|
3850
|
+
var _el$3 = $9HbP8$getNextElement($024fbc0a2d796fad$var$_tmpl$3);
|
|
3825
3851
|
$9HbP8$insert(_el$3, $9HbP8$createComponent((0, $9HbP8$Show), {
|
|
3826
3852
|
get when() {
|
|
3827
3853
|
return tabsVisitedOnce().has(item().id);
|
|
@@ -3831,17 +3857,17 @@ function $024fbc0a2d796fad$var$ActualTabs(props) {
|
|
|
3831
3857
|
}
|
|
3832
3858
|
}));
|
|
3833
3859
|
$9HbP8$effect(_p$ => {
|
|
3834
|
-
|
|
3860
|
+
var _v$ = item().id,
|
|
3835
3861
|
_v$2 = !!weSelected(),
|
|
3836
3862
|
_v$3 = weSelected() ? "" : "none";
|
|
3837
|
-
_v$ !== _p$.
|
|
3838
|
-
_v$2 !== _p$.
|
|
3839
|
-
_v$3 !== _p$.
|
|
3863
|
+
_v$ !== _p$.e && $9HbP8$setAttribute(_el$3, "id", _p$.e = _v$);
|
|
3864
|
+
_v$2 !== _p$.t && _el$3.classList.toggle("selected", _p$.t = _v$2);
|
|
3865
|
+
_v$3 !== _p$.a && ((_p$.a = _v$3) != null ? _el$3.style.setProperty("display", _v$3) : _el$3.style.removeProperty("display"));
|
|
3840
3866
|
return _p$;
|
|
3841
3867
|
}, {
|
|
3842
|
-
|
|
3843
|
-
|
|
3844
|
-
|
|
3868
|
+
e: undefined,
|
|
3869
|
+
t: undefined,
|
|
3870
|
+
a: undefined
|
|
3845
3871
|
});
|
|
3846
3872
|
return _el$3;
|
|
3847
3873
|
})();
|
|
@@ -4110,7 +4136,7 @@ class $4fd2ba03703a7d92$export$7e1297a3a19f10d8 {
|
|
|
4110
4136
|
this.on_navigation_ = on_navigation;
|
|
4111
4137
|
}
|
|
4112
4138
|
}
|
|
4113
|
-
|
|
4139
|
+
var $2a26c8ff1ef1fe75$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div class=image-container>`);
|
|
4114
4140
|
function $2a26c8ff1ef1fe75$export$41e1a079d40a0d58(props) {
|
|
4115
4141
|
const [display] = $9HbP8$createResource(() => ({
|
|
4116
4142
|
merchant: props.merchant_,
|
|
@@ -4131,7 +4157,7 @@ function $2a26c8ff1ef1fe75$export$41e1a079d40a0d58(props) {
|
|
|
4131
4157
|
}
|
|
4132
4158
|
});
|
|
4133
4159
|
return (() => {
|
|
4134
|
-
|
|
4160
|
+
var _el$ = $9HbP8$getNextElement($2a26c8ff1ef1fe75$var$_tmpl$);
|
|
4135
4161
|
$9HbP8$insert(_el$, $9HbP8$createComponent((0, $9HbP8$Suspense), {
|
|
4136
4162
|
fallback: placeholder,
|
|
4137
4163
|
get children() {
|
|
@@ -4170,14 +4196,14 @@ function $2a26c8ff1ef1fe75$export$41e1a079d40a0d58(props) {
|
|
|
4170
4196
|
})();
|
|
4171
4197
|
}
|
|
4172
4198
|
const $4fb3a1cf207a7d5c$export$5c28802497c8a83c = /*@__PURE__*/Symbol("category_title_type");
|
|
4173
|
-
|
|
4199
|
+
var $e4615ecd1849548f$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div class=category-title><h1 class=title></h1><span class=explanation> \u{2014} <!$><!/>`);
|
|
4174
4200
|
const $e4615ecd1849548f$export$b91cec6bdc6b32a1 = /*@__PURE__*/(() => {
|
|
4175
4201
|
const actual_function = ({
|
|
4176
4202
|
category_title_: category_title_,
|
|
4177
4203
|
product_count_: product_count_
|
|
4178
4204
|
}) => {
|
|
4179
4205
|
return (() => {
|
|
4180
|
-
|
|
4206
|
+
var _el$ = $9HbP8$getNextElement($e4615ecd1849548f$var$_tmpl$),
|
|
4181
4207
|
_el$2 = _el$.firstChild,
|
|
4182
4208
|
_el$3 = _el$2.nextSibling,
|
|
4183
4209
|
_el$4 = _el$3.firstChild,
|
|
@@ -4299,7 +4325,7 @@ function $6e41f1fde994db72$var$Placeholder({
|
|
|
4299
4325
|
});
|
|
4300
4326
|
}
|
|
4301
4327
|
|
|
4302
|
-
|
|
4328
|
+
var $3da8afe3ed57cf34$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<h2 class=recs-title>`),
|
|
4303
4329
|
$3da8afe3ed57cf34$var$_tmpl$2 = /*#__PURE__*/$9HbP8$template(`<div class=recommendation-grid><!$><!/><!$><!/>`);
|
|
4304
4330
|
function $3da8afe3ed57cf34$export$7da560f849543dff({
|
|
4305
4331
|
recommendations_resource_: recommendations_resource_,
|
|
@@ -4316,12 +4342,12 @@ function $3da8afe3ed57cf34$export$7da560f849543dff({
|
|
|
4316
4342
|
return title();
|
|
4317
4343
|
},
|
|
4318
4344
|
get children() {
|
|
4319
|
-
|
|
4345
|
+
var _el$ = $9HbP8$getNextElement($3da8afe3ed57cf34$var$_tmpl$);
|
|
4320
4346
|
$9HbP8$insert(_el$, title);
|
|
4321
4347
|
return _el$;
|
|
4322
4348
|
}
|
|
4323
4349
|
}), (() => {
|
|
4324
|
-
|
|
4350
|
+
var _el$2 = $9HbP8$getNextElement($3da8afe3ed57cf34$var$_tmpl$2),
|
|
4325
4351
|
_el$3 = _el$2.firstChild,
|
|
4326
4352
|
[_el$4, _co$] = $9HbP8$getNextMarker(_el$3.nextSibling),
|
|
4327
4353
|
_el$5 = _el$4.nextSibling,
|
|
@@ -4437,7 +4463,7 @@ function $16b52438165aafe2$export$23fca46f3143581f(component, error_message) {
|
|
|
4437
4463
|
// we're already in a root so cleanups are handled
|
|
4438
4464
|
return component_in_error_boundary();
|
|
4439
4465
|
}
|
|
4440
|
-
|
|
4466
|
+
var $9ea5383493360761$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<button class="show-more major"type=button>`),
|
|
4441
4467
|
$9ea5383493360761$var$_tmpl$2 = /*#__PURE__*/$9HbP8$template(`<div class="depict plp recommendations">`);
|
|
4442
4468
|
function $9ea5383493360761$export$9756467d34d91cdb(props) {
|
|
4443
4469
|
return $16b52438165aafe2$export$23fca46f3143581f(() => {
|
|
@@ -4457,7 +4483,7 @@ function $9ea5383493360761$export$9756467d34d91cdb(props) {
|
|
|
4457
4483
|
start_rows: view_more_button.start_rows,
|
|
4458
4484
|
rows_per_click: view_more_button.rows_per_click ?? 2,
|
|
4459
4485
|
button: (() => {
|
|
4460
|
-
|
|
4486
|
+
var _el$ = $9HbP8$getNextElement($9ea5383493360761$var$_tmpl$);
|
|
4461
4487
|
$9HbP8$insert(_el$, () => view_more_button.text);
|
|
4462
4488
|
return _el$;
|
|
4463
4489
|
})()
|
|
@@ -4476,7 +4502,7 @@ function $9ea5383493360761$export$9756467d34d91cdb(props) {
|
|
|
4476
4502
|
});
|
|
4477
4503
|
const [recommendations_resource_] = $9HbP8$createResource(() => props.recommendations, recs => recs);
|
|
4478
4504
|
return (() => {
|
|
4479
|
-
|
|
4505
|
+
var _el$2 = $9HbP8$getNextElement($9ea5383493360761$var$_tmpl$2);
|
|
4480
4506
|
$9HbP8$insert(_el$2, $9HbP8$createComponent((0, $011607bdf658f807$export$e68cff63f76bd15b), {
|
|
4481
4507
|
get children() {
|
|
4482
4508
|
return $3da8afe3ed57cf34$export$7da560f849543dff({
|
|
@@ -4495,7 +4521,7 @@ function $9ea5383493360761$export$9756467d34d91cdb(props) {
|
|
|
4495
4521
|
})();
|
|
4496
4522
|
}, "RecommendationGrid failed");
|
|
4497
4523
|
}
|
|
4498
|
-
|
|
4524
|
+
var $45d4ed34a22ab90c$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<a>`);
|
|
4499
4525
|
function $45d4ed34a22ab90c$export$6b35356958ae5587(props) {
|
|
4500
4526
|
const gridSpacing = (0, $4690a06c8489dcd0$export$864d304a0bc46829);
|
|
4501
4527
|
const columnsAtSize = [[3], [2, 901]];
|
|
@@ -4532,7 +4558,7 @@ function $45d4ed34a22ab90c$export$6b35356958ae5587(props) {
|
|
|
4532
4558
|
get children() {
|
|
4533
4559
|
return $9HbP8$createComponent((0, $024fbc0a2d796fad$export$b2539bed5023c21c), {
|
|
4534
4560
|
AnchorComponent: anchorProps => (() => {
|
|
4535
|
-
|
|
4561
|
+
var _el$ = $9HbP8$getNextElement($45d4ed34a22ab90c$var$_tmpl$);
|
|
4536
4562
|
_el$.$$click = e => {
|
|
4537
4563
|
const {
|
|
4538
4564
|
href: href
|
|
@@ -4621,7 +4647,7 @@ function $45d4ed34a22ab90c$export$6b35356958ae5587(props) {
|
|
|
4621
4647
|
});
|
|
4622
4648
|
}
|
|
4623
4649
|
$9HbP8$delegateEvents(["click"]);
|
|
4624
|
-
|
|
4650
|
+
var $e64486f09b43651c$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div class=top-bar><button class=close>`),
|
|
4625
4651
|
$e64486f09b43651c$var$_tmpl$2 = /*#__PURE__*/$9HbP8$template(`<div class=below-top-bar><h2>Outfit recommendations</h2><div class=image-and-suggestions><!$><!/><div class=tabs>`),
|
|
4626
4652
|
$e64486f09b43651c$var$_tmpl$3 = /*#__PURE__*/$9HbP8$template(`<div id=depict-shop-the-look-modal class="depict shop-the-look"><div class=shop-the-look-backdrop></div><div class=modal-contents>`);
|
|
4627
4653
|
function $e64486f09b43651c$export$a3cbef418994a664(props) {
|
|
@@ -4632,10 +4658,10 @@ function $e64486f09b43651c$export$a3cbef418994a664(props) {
|
|
|
4632
4658
|
props.register_closing_animation_(() => Promise.all(closing_animations.map(animation => animation().finished)));
|
|
4633
4659
|
$aea1edf92433e81e$export$fe334901e8bebd57();
|
|
4634
4660
|
return [(() => {
|
|
4635
|
-
|
|
4661
|
+
var _el$ = $9HbP8$getNextElement($e64486f09b43651c$var$_tmpl$3),
|
|
4636
4662
|
_el$2 = _el$.firstChild,
|
|
4637
4663
|
_el$3 = _el$2.nextSibling;
|
|
4638
|
-
|
|
4664
|
+
var _ref$ = $9HbP8$catchify(element => {
|
|
4639
4665
|
const disconnect = (0, $9HbP8$observer).onexists(element, ({
|
|
4640
4666
|
element: element
|
|
4641
4667
|
}) => {
|
|
@@ -4677,7 +4703,7 @@ function $e64486f09b43651c$export$a3cbef418994a664(props) {
|
|
|
4677
4703
|
severity_: "error",
|
|
4678
4704
|
get children() {
|
|
4679
4705
|
return [(() => {
|
|
4680
|
-
|
|
4706
|
+
var _el$4 = $9HbP8$getNextElement($e64486f09b43651c$var$_tmpl$),
|
|
4681
4707
|
_el$5 = _el$4.firstChild;
|
|
4682
4708
|
$9HbP8$addEventListener(_el$5, "click", props.actually_close_modal_, true);
|
|
4683
4709
|
$9HbP8$insert(_el$5, $9HbP8$createComponent((0, $19976a74d273070d$export$3b621d86b1566b2), {
|
|
@@ -4687,7 +4713,7 @@ function $e64486f09b43651c$export$a3cbef418994a664(props) {
|
|
|
4687
4713
|
$9HbP8$runHydrationEvents();
|
|
4688
4714
|
return _el$4;
|
|
4689
4715
|
})(), (() => {
|
|
4690
|
-
|
|
4716
|
+
var _el$6 = $9HbP8$getNextElement($e64486f09b43651c$var$_tmpl$2),
|
|
4691
4717
|
_el$7 = _el$6.firstChild,
|
|
4692
4718
|
_el$8 = _el$7.nextSibling,
|
|
4693
4719
|
_el$10 = _el$8.firstChild,
|
|
@@ -4732,7 +4758,7 @@ function $e64486f09b43651c$export$a3cbef418994a664(props) {
|
|
|
4732
4758
|
})()];
|
|
4733
4759
|
}
|
|
4734
4760
|
$9HbP8$delegateEvents(["click"]);
|
|
4735
|
-
|
|
4761
|
+
var $8560c919ff763930$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div>Failed fetching shop the look recommendations`),
|
|
4736
4762
|
$8560c919ff763930$var$_tmpl$2 = /*#__PURE__*/$9HbP8$template(`<button>`);
|
|
4737
4763
|
const $8560c919ff763930$var$CANT_FETCH = "Failed fetching shop the look recommendations";
|
|
4738
4764
|
let $8560c919ff763930$var$setModalShouldBeOpen;
|
|
@@ -4773,7 +4799,7 @@ function $8560c919ff763930$var$ActualShopTheLookButton(props) {
|
|
|
4773
4799
|
const hasAnythingToShow = $9HbP8$createMemo(() => Object.entries(products_to_shop_()?.shop_the_look || {}).length);
|
|
4774
4800
|
const displayStyleValue = $9HbP8$createMemo(() => hasAnythingToShow() ? "" : "none");
|
|
4775
4801
|
const button = (() => {
|
|
4776
|
-
|
|
4802
|
+
var _el$2 = $9HbP8$getNextElement($8560c919ff763930$var$_tmpl$2);
|
|
4777
4803
|
$9HbP8$spread(_el$2, $9HbP8$mergeProps(() => localProps.buttonAttributes), false, true);
|
|
4778
4804
|
$9HbP8$insert(_el$2, () => localProps?.buttonAttributes?.children || "Shop the look");
|
|
4779
4805
|
$9HbP8$runHydrationEvents();
|
|
@@ -4853,7 +4879,7 @@ function $2449872a62a75a20$export$ebdc3711f7e02ccd(what_to_watch) {
|
|
|
4853
4879
|
});
|
|
4854
4880
|
return width;
|
|
4855
4881
|
}
|
|
4856
|
-
|
|
4882
|
+
var $c4492d24952ed731$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<h2 class=recs-title>`);
|
|
4857
4883
|
function $c4492d24952ed731$export$d41d19e89346fa2({
|
|
4858
4884
|
recommendations_resource_: recommendations_resource_,
|
|
4859
4885
|
product_card_template_: product_card_template_,
|
|
@@ -4868,7 +4894,7 @@ function $c4492d24952ed731$export$d41d19e89346fa2({
|
|
|
4868
4894
|
return title();
|
|
4869
4895
|
},
|
|
4870
4896
|
get children() {
|
|
4871
|
-
|
|
4897
|
+
var _el$ = $9HbP8$getNextElement($c4492d24952ed731$var$_tmpl$);
|
|
4872
4898
|
$9HbP8$insert(_el$, title);
|
|
4873
4899
|
return _el$;
|
|
4874
4900
|
}
|
|
@@ -4919,7 +4945,7 @@ function $c4492d24952ed731$export$d41d19e89346fa2({
|
|
|
4919
4945
|
children: slider
|
|
4920
4946
|
});
|
|
4921
4947
|
}
|
|
4922
|
-
|
|
4948
|
+
var $ee116da074deb002$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div class="depict recommendations">`);
|
|
4923
4949
|
function $ee116da074deb002$export$9574e176201e5e8d(props) {
|
|
4924
4950
|
return $16b52438165aafe2$export$23fca46f3143581f(() => {
|
|
4925
4951
|
const grid_spacing_override = $9HbP8$createMemo(() => {
|
|
@@ -4935,7 +4961,7 @@ function $ee116da074deb002$export$9574e176201e5e8d(props) {
|
|
|
4935
4961
|
});
|
|
4936
4962
|
const [recommendations_resource_] = $9HbP8$createResource(() => props.recommendations, recs => recs);
|
|
4937
4963
|
return (() => {
|
|
4938
|
-
|
|
4964
|
+
var _el$ = $9HbP8$getNextElement($ee116da074deb002$var$_tmpl$);
|
|
4939
4965
|
$9HbP8$insert(_el$, $9HbP8$createComponent((0, $011607bdf658f807$export$e68cff63f76bd15b), {
|
|
4940
4966
|
get children() {
|
|
4941
4967
|
return $c4492d24952ed731$export$d41d19e89346fa2({
|
|
@@ -5065,7 +5091,7 @@ function $c16e74cfe125bb05$export$f091cbac892643a4(obj) {
|
|
|
5065
5091
|
return Object.fromEntries(mapped_stuff); // FUCK TYPESCRIPT, WHY CAN'T YOU DO THIS CORRECTLY???
|
|
5066
5092
|
}
|
|
5067
5093
|
|
|
5068
|
-
|
|
5094
|
+
var $bf52d9f9eebd1938$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div>`);
|
|
5069
5095
|
const $bf52d9f9eebd1938$var$closing_functions = /*@__PURE__*/new Set();
|
|
5070
5096
|
const $bf52d9f9eebd1938$export$22970a0140fc759c = /*@__PURE__*/$9HbP8$createSignal(false);
|
|
5071
5097
|
function $bf52d9f9eebd1938$export$5196e4c01fa56fcb({
|
|
@@ -5079,7 +5105,7 @@ function $bf52d9f9eebd1938$export$5196e4c01fa56fcb({
|
|
|
5079
5105
|
$9HbP8$catchify(async () => {
|
|
5080
5106
|
const closing_animation_duration = 300; // ms
|
|
5081
5107
|
const element = (() => {
|
|
5082
|
-
|
|
5108
|
+
var _el$ = $9HbP8$getNextElement($bf52d9f9eebd1938$var$_tmpl$);
|
|
5083
5109
|
$9HbP8$spread(_el$, more_attributes, false, true);
|
|
5084
5110
|
$9HbP8$insert(_el$, children);
|
|
5085
5111
|
$9HbP8$runHydrationEvents();
|
|
@@ -5156,7 +5182,7 @@ function $bf52d9f9eebd1938$export$5196e4c01fa56fcb({
|
|
|
5156
5182
|
close_toast_: close_toast_
|
|
5157
5183
|
};
|
|
5158
5184
|
}
|
|
5159
|
-
|
|
5185
|
+
var $e9342fb3ac73a54a$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div class=statement>`),
|
|
5160
5186
|
$e9342fb3ac73a54a$var$_tmpl$2 = /*#__PURE__*/$9HbP8$template(`<div class=buttons><button class="restore minor"></button><button class="ok major">`);
|
|
5161
5187
|
function $e9342fb3ac73a54a$export$8895d39404bd2bb1(props) {
|
|
5162
5188
|
let previous_sorting;
|
|
@@ -5212,11 +5238,11 @@ function $e9342fb3ac73a54a$export$8895d39404bd2bb1(props) {
|
|
|
5212
5238
|
close_after_: 30000,
|
|
5213
5239
|
on_close_: on_toast_hidden,
|
|
5214
5240
|
children: [(() => {
|
|
5215
|
-
|
|
5241
|
+
var _el$ = $9HbP8$getNextElement($e9342fb3ac73a54a$var$_tmpl$);
|
|
5216
5242
|
$9HbP8$insert(_el$, statement_accessor);
|
|
5217
5243
|
return _el$;
|
|
5218
5244
|
})(), (() => {
|
|
5219
|
-
|
|
5245
|
+
var _el$2 = $9HbP8$getNextElement($e9342fb3ac73a54a$var$_tmpl$2),
|
|
5220
5246
|
_el$3 = _el$2.firstChild,
|
|
5221
5247
|
_el$4 = _el$3.nextSibling;
|
|
5222
5248
|
$9HbP8$addEventListener(_el$3, "click", $9HbP8$catchify(() => {
|
|
@@ -5248,7 +5274,7 @@ function $91aa8ee9f431800d$export$325f75597868c4f0(stuff) {
|
|
|
5248
5274
|
if (typeof stuff !== "string") return stuff;
|
|
5249
5275
|
return stuff.toLowerCase();
|
|
5250
5276
|
}
|
|
5251
|
-
|
|
5277
|
+
var $1adfe60f3a14a1d7$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<button class="clear-all-filters minor">`),
|
|
5252
5278
|
$1adfe60f3a14a1d7$var$_tmpl$2 = /*#__PURE__*/$9HbP8$template(`<div class=inner><span class=title><!$><!/>: </span><!$><!/>`),
|
|
5253
5279
|
$1adfe60f3a14a1d7$var$_tmpl$3 = /*#__PURE__*/$9HbP8$template(`<button class="clear-filter major"><!$><!/><span><!$><!/><!$><!/><!$><!/> \u{2013} <!$><!/><!$><!/><!$><!/>`),
|
|
5254
5280
|
$1adfe60f3a14a1d7$var$_tmpl$4 = /*#__PURE__*/$9HbP8$template(`<button class="clear-filter major"><!$><!/><span>`);
|
|
@@ -5281,7 +5307,7 @@ function $1adfe60f3a14a1d7$export$fecbb157621501bd({
|
|
|
5281
5307
|
return read_selected_filters().length;
|
|
5282
5308
|
},
|
|
5283
5309
|
get children() {
|
|
5284
|
-
|
|
5310
|
+
var _el$ = $9HbP8$getNextElement($1adfe60f3a14a1d7$var$_tmpl$2),
|
|
5285
5311
|
_el$2 = _el$.firstChild,
|
|
5286
5312
|
_el$4 = _el$2.firstChild,
|
|
5287
5313
|
[_el$5, _co$] = $9HbP8$getNextMarker(_el$4.nextSibling),
|
|
@@ -5293,7 +5319,7 @@ function $1adfe60f3a14a1d7$export$fecbb157621501bd({
|
|
|
5293
5319
|
slider_ref_: slider => slider.container.classList.add("filter-crumbs"),
|
|
5294
5320
|
get children() {
|
|
5295
5321
|
return [(() => {
|
|
5296
|
-
|
|
5322
|
+
var _el$6 = $9HbP8$getNextElement($1adfe60f3a14a1d7$var$_tmpl$);
|
|
5297
5323
|
$9HbP8$addEventListener(_el$6, "click", $9HbP8$catchify(() =>
|
|
5298
5324
|
// click event handlers don't have an owner, carry it over
|
|
5299
5325
|
$9HbP8$runWithOwner(owner, () => $e9342fb3ac73a54a$export$8895d39404bd2bb1({
|
|
@@ -5379,7 +5405,7 @@ function $1adfe60f3a14a1d7$export$fecbb157621501bd({
|
|
|
5379
5405
|
number_of_rendered_selected_filters_items_[1](prev => prev + 1);
|
|
5380
5406
|
$9HbP8$onCleanup(() => number_of_rendered_selected_filters_items_[1](prev => prev - 1));
|
|
5381
5407
|
return (() => {
|
|
5382
|
-
|
|
5408
|
+
var _el$9 = $9HbP8$getNextElement($1adfe60f3a14a1d7$var$_tmpl$3),
|
|
5383
5409
|
_el$24 = _el$9.firstChild,
|
|
5384
5410
|
[_el$25, _co$9] = $9HbP8$getNextMarker(_el$24.nextSibling),
|
|
5385
5411
|
_el$10 = _el$25.nextSibling,
|
|
@@ -5472,7 +5498,7 @@ function $1adfe60f3a14a1d7$export$fecbb157621501bd({
|
|
|
5472
5498
|
number_of_rendered_selected_filters_items_[1](prev => prev + 1);
|
|
5473
5499
|
$9HbP8$onCleanup(() => number_of_rendered_selected_filters_items_[1](prev => prev - 1));
|
|
5474
5500
|
return (() => {
|
|
5475
|
-
|
|
5501
|
+
var _el$26 = $9HbP8$getNextElement($1adfe60f3a14a1d7$var$_tmpl$4),
|
|
5476
5502
|
_el$28 = _el$26.firstChild,
|
|
5477
5503
|
[_el$29, _co$10] = $9HbP8$getNextMarker(_el$28.nextSibling),
|
|
5478
5504
|
_el$27 = _el$29.nextSibling;
|
|
@@ -5546,7 +5572,7 @@ function $1adfe60f3a14a1d7$export$fecbb157621501bd({
|
|
|
5546
5572
|
return outmost_element;
|
|
5547
5573
|
}
|
|
5548
5574
|
$9HbP8$delegateEvents(["click"]);
|
|
5549
|
-
|
|
5575
|
+
var $49b79728e7d9e2a1$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<span class=count>`),
|
|
5550
5576
|
$49b79728e7d9e2a1$var$_tmpl$2 = /*#__PURE__*/$9HbP8$template(`<label class=input-row><div class=left><input type=checkbox><span class=custom-indicator></span><span class="text line-clamp"></span></div><!$><!/>`);
|
|
5551
5577
|
const $49b79728e7d9e2a1$export$48513f6b9f8ce62d = props => {
|
|
5552
5578
|
/* don't destructure props, it could have reactive getters */ // 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
|
|
@@ -5557,7 +5583,7 @@ const $49b79728e7d9e2a1$export$48513f6b9f8ce62d = props => {
|
|
|
5557
5583
|
const is_count_zero = $9HbP8$createMemo(() => props.is_count_zero_ || count() === 0);
|
|
5558
5584
|
const id = $9HbP8$make_random_classname();
|
|
5559
5585
|
return (/* We can't use actual margin because ExpandingContainer gets messed up */(() => {
|
|
5560
|
-
|
|
5586
|
+
var _el$ = $9HbP8$getNextElement($49b79728e7d9e2a1$var$_tmpl$2),
|
|
5561
5587
|
_el$2 = _el$.firstChild,
|
|
5562
5588
|
_el$3 = _el$2.firstChild,
|
|
5563
5589
|
_el$4 = _el$3.nextSibling,
|
|
@@ -5584,33 +5610,33 @@ const $49b79728e7d9e2a1$export$48513f6b9f8ce62d = props => {
|
|
|
5584
5610
|
return count() != undefined;
|
|
5585
5611
|
},
|
|
5586
5612
|
get children() {
|
|
5587
|
-
|
|
5613
|
+
var _el$6 = $9HbP8$getNextElement($49b79728e7d9e2a1$var$_tmpl$);
|
|
5588
5614
|
$9HbP8$insert(_el$6, count);
|
|
5589
5615
|
return _el$6;
|
|
5590
5616
|
}
|
|
5591
5617
|
}), _el$8, _co$);
|
|
5592
5618
|
$9HbP8$effect(_p$ => {
|
|
5593
|
-
|
|
5619
|
+
var _v$ = !!is_count_zero(),
|
|
5594
5620
|
_v$2 = value(),
|
|
5595
5621
|
_v$3 = !checked() && is_count_zero();
|
|
5596
|
-
_v$ !== _p$.
|
|
5597
|
-
_v$2 !== _p$.
|
|
5598
|
-
_v$3 !== _p$.
|
|
5622
|
+
_v$ !== _p$.e && _el$.classList.toggle("count-0", _p$.e = _v$);
|
|
5623
|
+
_v$2 !== _p$.t && $9HbP8$setAttribute(_el$3, "name", _p$.t = _v$2);
|
|
5624
|
+
_v$3 !== _p$.a && $9HbP8$setProperty(_el$3, "disabled", _p$.a = _v$3);
|
|
5599
5625
|
return _p$;
|
|
5600
5626
|
}, {
|
|
5601
|
-
|
|
5602
|
-
|
|
5603
|
-
|
|
5627
|
+
e: undefined,
|
|
5628
|
+
t: undefined,
|
|
5629
|
+
a: undefined
|
|
5604
5630
|
});
|
|
5605
5631
|
$9HbP8$effect(() => $9HbP8$setProperty(_el$3, "checked", checked()));
|
|
5606
5632
|
return _el$;
|
|
5607
5633
|
})()
|
|
5608
5634
|
);
|
|
5609
5635
|
};
|
|
5610
|
-
|
|
5636
|
+
var $f8a56ba74eedd0c6$var$_tmpl$ = /*#__PURE__*/$9HbP8$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>`);
|
|
5611
5637
|
function $f8a56ba74eedd0c6$export$f21ab0717a89c77f(props) {
|
|
5612
5638
|
return (() => {
|
|
5613
|
-
|
|
5639
|
+
var _el$ = $9HbP8$getNextElement($f8a56ba74eedd0c6$var$_tmpl$);
|
|
5614
5640
|
$9HbP8$spread(_el$, $9HbP8$mergeProps(props, {
|
|
5615
5641
|
"xmlns": "http://www.w3.org/2000/svg",
|
|
5616
5642
|
"width": "11",
|
|
@@ -5620,20 +5646,20 @@ function $f8a56ba74eedd0c6$export$f21ab0717a89c77f(props) {
|
|
|
5620
5646
|
return _el$;
|
|
5621
5647
|
})();
|
|
5622
5648
|
}
|
|
5623
|
-
|
|
5649
|
+
var $67b173f9db427028$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<button type=button class=expand-filter><!$><!/><span>`);
|
|
5624
5650
|
function $67b173f9db427028$export$ca21a16d65b3dd8({
|
|
5625
5651
|
show_extras_: [get_show_extras, set_show_extras],
|
|
5626
5652
|
i18n_: i18n_
|
|
5627
5653
|
}) {
|
|
5628
5654
|
return (() => {
|
|
5629
|
-
|
|
5655
|
+
var _el$ = $9HbP8$getNextElement($67b173f9db427028$var$_tmpl$),
|
|
5630
5656
|
_el$3 = _el$.firstChild,
|
|
5631
5657
|
[_el$4, _co$] = $9HbP8$getNextMarker(_el$3.nextSibling),
|
|
5632
5658
|
_el$2 = _el$4.nextSibling;
|
|
5633
5659
|
$9HbP8$addEventListener(_el$, "click", $9HbP8$catchify(() => set_show_extras(p => !p)), true);
|
|
5634
5660
|
$9HbP8$insert(_el$, $9HbP8$createComponent((0, $f8a56ba74eedd0c6$export$f21ab0717a89c77f), {}), _el$4, _co$);
|
|
5635
5661
|
$9HbP8$insert(_el$2, (() => {
|
|
5636
|
-
|
|
5662
|
+
var _c$ = $9HbP8$memo(() => !!get_show_extras());
|
|
5637
5663
|
return () => _c$() ? i18n_.view_less_() : i18n_.view_more_();
|
|
5638
5664
|
})());
|
|
5639
5665
|
$9HbP8$effect(() => _el$.classList.toggle("expanded", !!get_show_extras()));
|
|
@@ -5642,7 +5668,7 @@ function $67b173f9db427028$export$ca21a16d65b3dd8({
|
|
|
5642
5668
|
})();
|
|
5643
5669
|
}
|
|
5644
5670
|
$9HbP8$delegateEvents(["click"]);
|
|
5645
|
-
|
|
5671
|
+
var $a4601e6bea3ed1e6$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<form class=checkboxes><!$><!/><!$><!/>`);
|
|
5646
5672
|
const $a4601e6bea3ed1e6$var$max_visible_without_collapsing = 15;
|
|
5647
5673
|
const $a4601e6bea3ed1e6$var$show_non_collapsible_when_collapsed = 4;
|
|
5648
5674
|
function $a4601e6bea3ed1e6$export$dd948f91abc3a1c4({
|
|
@@ -5751,7 +5777,7 @@ function $a4601e6bea3ed1e6$export$dd948f91abc3a1c4({
|
|
|
5751
5777
|
if (get_show_extras()) await expand();else await collapse();
|
|
5752
5778
|
}));
|
|
5753
5779
|
return (() => {
|
|
5754
|
-
|
|
5780
|
+
var _el$ = $9HbP8$getNextElement($a4601e6bea3ed1e6$var$_tmpl$),
|
|
5755
5781
|
_el$2 = _el$.firstChild,
|
|
5756
5782
|
[_el$3, _co$] = $9HbP8$getNextMarker(_el$2.nextSibling),
|
|
5757
5783
|
_el$4 = _el$3.nextSibling,
|
|
@@ -5775,7 +5801,7 @@ function $a4601e6bea3ed1e6$export$dd948f91abc3a1c4({
|
|
|
5775
5801
|
if (filter_object.data.length) selected_filters.push(filter_object);
|
|
5776
5802
|
set_selected_filters(selected_filters);
|
|
5777
5803
|
}));
|
|
5778
|
-
|
|
5804
|
+
var _ref$ = form;
|
|
5779
5805
|
typeof _ref$ === "function" ? $9HbP8$use(_ref$, _el$) : form = _el$;
|
|
5780
5806
|
$9HbP8$insert(_el$, $9HbP8$createComponent((0, $9HbP8$Index), {
|
|
5781
5807
|
get each() {
|
|
@@ -5787,7 +5813,7 @@ function $a4601e6bea3ed1e6$export$dd948f91abc3a1c4({
|
|
|
5787
5813
|
return _el$;
|
|
5788
5814
|
})();
|
|
5789
5815
|
}
|
|
5790
|
-
|
|
5816
|
+
var $eb8d9bf3b5700c26$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<form class=radios>`),
|
|
5791
5817
|
$eb8d9bf3b5700c26$var$_tmpl$2 = /*#__PURE__*/$9HbP8$template(`<span class=count>`),
|
|
5792
5818
|
$eb8d9bf3b5700c26$var$_tmpl$3 = /*#__PURE__*/$9HbP8$template(`<label class=input-row><div class=left><input type=radio><span class=custom-indicator></span><!$><!/></div><!$><!/>`);
|
|
5793
5819
|
function $eb8d9bf3b5700c26$export$430444115f70a734({
|
|
@@ -5807,7 +5833,7 @@ function $eb8d9bf3b5700c26$export$430444115f70a734({
|
|
|
5807
5833
|
}) => checking_field === field && checking_op === op);
|
|
5808
5834
|
});
|
|
5809
5835
|
return (() => {
|
|
5810
|
-
|
|
5836
|
+
var _el$ = $9HbP8$getNextElement($eb8d9bf3b5700c26$var$_tmpl$);
|
|
5811
5837
|
$9HbP8$insert(_el$, $9HbP8$createComponent((0, $9HbP8$Index), {
|
|
5812
5838
|
get each() {
|
|
5813
5839
|
return filter_().meta.values;
|
|
@@ -5822,7 +5848,7 @@ function $eb8d9bf3b5700c26$export$430444115f70a734({
|
|
|
5822
5848
|
return Array.isArray(v) ? v.join(" - ") : v + "";
|
|
5823
5849
|
});
|
|
5824
5850
|
return (() => {
|
|
5825
|
-
|
|
5851
|
+
var _el$2 = $9HbP8$getNextElement($eb8d9bf3b5700c26$var$_tmpl$3),
|
|
5826
5852
|
_el$3 = _el$2.firstChild,
|
|
5827
5853
|
_el$4 = _el$3.firstChild,
|
|
5828
5854
|
_el$5 = _el$4.nextSibling,
|
|
@@ -5864,7 +5890,7 @@ function $eb8d9bf3b5700c26$export$430444115f70a734({
|
|
|
5864
5890
|
return count() != undefined;
|
|
5865
5891
|
},
|
|
5866
5892
|
get children() {
|
|
5867
|
-
|
|
5893
|
+
var _el$8 = $9HbP8$getNextElement($eb8d9bf3b5700c26$var$_tmpl$2);
|
|
5868
5894
|
$9HbP8$insert(_el$8, count);
|
|
5869
5895
|
return _el$8;
|
|
5870
5896
|
}
|
|
@@ -5883,7 +5909,7 @@ function $eb8d9bf3b5700c26$export$430444115f70a734({
|
|
|
5883
5909
|
return _el$;
|
|
5884
5910
|
})();
|
|
5885
5911
|
}
|
|
5886
|
-
|
|
5912
|
+
var $a6b08770e164eced$var$_tmpl$ = /*#__PURE__*/$9HbP8$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><!$><!/><!$><!/><!$><!/>`),
|
|
5887
5913
|
$a6b08770e164eced$var$_tmpl$2 = /*#__PURE__*/$9HbP8$template(`<div class=slider><div class=progress>`),
|
|
5888
5914
|
$a6b08770e164eced$var$_tmpl$3 = /*#__PURE__*/$9HbP8$template(`<div class=range-group><input type=range step=any><input type=range step=any>`);
|
|
5889
5915
|
function $a6b08770e164eced$export$e0d834a0ad870cda({
|
|
@@ -5972,7 +5998,7 @@ function $a6b08770e164eced$var$RangeSelector({
|
|
|
5972
5998
|
const post_price = $9HbP8$createMemo(() => price_formatting_().post_);
|
|
5973
5999
|
const should_be_disabled_ = $9HbP8$createMemo(() => Math.abs(min_() - max_()) < 2);
|
|
5974
6000
|
return (() => {
|
|
5975
|
-
|
|
6001
|
+
var _el$ = $9HbP8$getNextElement($a6b08770e164eced$var$_tmpl$),
|
|
5976
6002
|
_el$2 = _el$.firstChild,
|
|
5977
6003
|
_el$3 = _el$2.firstChild,
|
|
5978
6004
|
_el$4 = _el$3.firstChild,
|
|
@@ -5996,7 +6022,7 @@ function $a6b08770e164eced$var$RangeSelector({
|
|
|
5996
6022
|
[_el$20, _co$5] = $9HbP8$getNextMarker(_el$19.nextSibling),
|
|
5997
6023
|
_el$21 = _el$20.nextSibling,
|
|
5998
6024
|
[_el$22, _co$6] = $9HbP8$getNextMarker(_el$21.nextSibling);
|
|
5999
|
-
|
|
6025
|
+
var _ref$ = price_input_1;
|
|
6000
6026
|
typeof _ref$ === "function" ? $9HbP8$use(_ref$, _el$4) : price_input_1 = _el$4;
|
|
6001
6027
|
$9HbP8$addEventListener(_el$4, "keydown", $9HbP8$catchify(({
|
|
6002
6028
|
key: key
|
|
@@ -6004,7 +6030,7 @@ function $a6b08770e164eced$var$RangeSelector({
|
|
|
6004
6030
|
if (key === "Enter") $a6b08770e164eced$var$set_range_with_sanitation(min_, max_, current_range_, 0, price_input_1);
|
|
6005
6031
|
}), true);
|
|
6006
6032
|
$9HbP8$addEventListener(_el$4, "blur", $9HbP8$catchify(() => $a6b08770e164eced$var$set_range_with_sanitation(min_, max_, current_range_, 0, price_input_1)));
|
|
6007
|
-
|
|
6033
|
+
var _ref$2 = price_input_2;
|
|
6008
6034
|
typeof _ref$2 === "function" ? $9HbP8$use(_ref$2, _el$7) : price_input_2 = _el$7;
|
|
6009
6035
|
$9HbP8$addEventListener(_el$7, "keydown", $9HbP8$catchify(({
|
|
6010
6036
|
key: key
|
|
@@ -6040,7 +6066,7 @@ function $a6b08770e164eced$var$RangeSelector({
|
|
|
6040
6066
|
}), _el$20, _co$5);
|
|
6041
6067
|
$9HbP8$insert(_el$16, post_price, _el$22, _co$6);
|
|
6042
6068
|
$9HbP8$effect(_p$ => {
|
|
6043
|
-
|
|
6069
|
+
var _v$ = !!(min_() === max_()),
|
|
6044
6070
|
_v$2 = should_be_disabled_(),
|
|
6045
6071
|
_v$3 = i18n_.range_filter_low_point_aria_label_(),
|
|
6046
6072
|
_v$4 = min_(),
|
|
@@ -6049,26 +6075,26 @@ function $a6b08770e164eced$var$RangeSelector({
|
|
|
6049
6075
|
_v$7 = i18n_.range_filter_high_point_aria_label_(),
|
|
6050
6076
|
_v$8 = min_(),
|
|
6051
6077
|
_v$9 = max_();
|
|
6052
|
-
_v$ !== _p$.
|
|
6053
|
-
_v$2 !== _p$.
|
|
6054
|
-
_v$3 !== _p$.
|
|
6055
|
-
_v$4 !== _p$.
|
|
6056
|
-
_v$5 !== _p$.
|
|
6057
|
-
_v$6 !== _p$.
|
|
6058
|
-
_v$7 !== _p$.
|
|
6059
|
-
_v$8 !== _p$.
|
|
6060
|
-
_v$9 !== _p$.
|
|
6078
|
+
_v$ !== _p$.e && _el$.classList.toggle("disabled", _p$.e = _v$);
|
|
6079
|
+
_v$2 !== _p$.t && $9HbP8$setProperty(_el$4, "disabled", _p$.t = _v$2);
|
|
6080
|
+
_v$3 !== _p$.a && $9HbP8$setAttribute(_el$4, "aria-label", _p$.a = _v$3);
|
|
6081
|
+
_v$4 !== _p$.o && $9HbP8$setAttribute(_el$4, "min", _p$.o = _v$4);
|
|
6082
|
+
_v$5 !== _p$.i && $9HbP8$setAttribute(_el$4, "max", _p$.i = _v$5);
|
|
6083
|
+
_v$6 !== _p$.n && $9HbP8$setProperty(_el$7, "disabled", _p$.n = _v$6);
|
|
6084
|
+
_v$7 !== _p$.s && $9HbP8$setAttribute(_el$7, "aria-label", _p$.s = _v$7);
|
|
6085
|
+
_v$8 !== _p$.h && $9HbP8$setAttribute(_el$7, "min", _p$.h = _v$8);
|
|
6086
|
+
_v$9 !== _p$.r && $9HbP8$setAttribute(_el$7, "max", _p$.r = _v$9);
|
|
6061
6087
|
return _p$;
|
|
6062
6088
|
}, {
|
|
6063
|
-
|
|
6064
|
-
|
|
6065
|
-
|
|
6066
|
-
|
|
6067
|
-
|
|
6068
|
-
|
|
6069
|
-
|
|
6070
|
-
|
|
6071
|
-
|
|
6089
|
+
e: undefined,
|
|
6090
|
+
t: undefined,
|
|
6091
|
+
a: undefined,
|
|
6092
|
+
o: undefined,
|
|
6093
|
+
i: undefined,
|
|
6094
|
+
n: undefined,
|
|
6095
|
+
s: undefined,
|
|
6096
|
+
h: undefined,
|
|
6097
|
+
r: undefined
|
|
6072
6098
|
});
|
|
6073
6099
|
$9HbP8$effect(() => $9HbP8$setProperty(_el$4, "value", get_current_range()[0]));
|
|
6074
6100
|
$9HbP8$effect(() => $9HbP8$setProperty(_el$7, "value", get_current_range()[1]));
|
|
@@ -6149,7 +6175,7 @@ function $a6b08770e164eced$var$LinearSlider({
|
|
|
6149
6175
|
});
|
|
6150
6176
|
};
|
|
6151
6177
|
return [(() => {
|
|
6152
|
-
|
|
6178
|
+
var _el$25 = $9HbP8$getNextElement($a6b08770e164eced$var$_tmpl$2),
|
|
6153
6179
|
_el$26 = _el$25.firstChild;
|
|
6154
6180
|
$9HbP8$addEventListener(_el$25, "click", $9HbP8$catchify(e => {
|
|
6155
6181
|
const rect = clickable_slider.getBoundingClientRect();
|
|
@@ -6164,13 +6190,13 @@ function $a6b08770e164eced$var$LinearSlider({
|
|
|
6164
6190
|
const distance_to_upper_point = Math.abs(upper - place_of_click);
|
|
6165
6191
|
if (distance_to_lower_point < distance_to_upper_point) set_current_range([place_of_click, upper]);else set_current_range([lower, place_of_click]);
|
|
6166
6192
|
}), true);
|
|
6167
|
-
|
|
6193
|
+
var _ref$3 = clickable_slider;
|
|
6168
6194
|
typeof _ref$3 === "function" ? $9HbP8$use(_ref$3, _el$25) : clickable_slider = _el$25;
|
|
6169
6195
|
$9HbP8$effect(_$p => $9HbP8$style(_el$26, progress_styling(), _$p));
|
|
6170
6196
|
$9HbP8$runHydrationEvents();
|
|
6171
6197
|
return _el$25;
|
|
6172
6198
|
})(), (() => {
|
|
6173
|
-
|
|
6199
|
+
var _el$27 = $9HbP8$getNextElement($a6b08770e164eced$var$_tmpl$3),
|
|
6174
6200
|
_el$28 = _el$27.firstChild,
|
|
6175
6201
|
_el$29 = _el$28.nextSibling;
|
|
6176
6202
|
$9HbP8$use(el => {
|
|
@@ -6184,7 +6210,7 @@ function $a6b08770e164eced$var$LinearSlider({
|
|
|
6184
6210
|
}, _el$29);
|
|
6185
6211
|
$9HbP8$addEventListener(_el$29, "input", $9HbP8$catchify(() => $a6b08770e164eced$var$set_range_with_sanitation(min_, max_, current_range_, 1, range_input_2, offset_value_calculator_)), true);
|
|
6186
6212
|
$9HbP8$effect(_p$ => {
|
|
6187
|
-
|
|
6213
|
+
var _v$10 = should_be_disabled_(),
|
|
6188
6214
|
_v$11 = i18n_.range_filter_low_point_aria_label_(),
|
|
6189
6215
|
_v$12 = min_(),
|
|
6190
6216
|
_v$13 = max_(),
|
|
@@ -6192,24 +6218,24 @@ function $a6b08770e164eced$var$LinearSlider({
|
|
|
6192
6218
|
_v$15 = i18n_.range_filter_high_point_aria_label_(),
|
|
6193
6219
|
_v$16 = min_(),
|
|
6194
6220
|
_v$17 = max_();
|
|
6195
|
-
_v$10 !== _p$.
|
|
6196
|
-
_v$11 !== _p$.
|
|
6197
|
-
_v$12 !== _p$.
|
|
6198
|
-
_v$13 !== _p$.
|
|
6199
|
-
_v$14 !== _p$.
|
|
6200
|
-
_v$15 !== _p$.
|
|
6201
|
-
_v$16 !== _p$.
|
|
6202
|
-
_v$17 !== _p$.
|
|
6221
|
+
_v$10 !== _p$.e && $9HbP8$setProperty(_el$28, "disabled", _p$.e = _v$10);
|
|
6222
|
+
_v$11 !== _p$.t && $9HbP8$setAttribute(_el$28, "aria-label", _p$.t = _v$11);
|
|
6223
|
+
_v$12 !== _p$.a && $9HbP8$setAttribute(_el$28, "min", _p$.a = _v$12);
|
|
6224
|
+
_v$13 !== _p$.o && $9HbP8$setAttribute(_el$28, "max", _p$.o = _v$13);
|
|
6225
|
+
_v$14 !== _p$.i && $9HbP8$setProperty(_el$29, "disabled", _p$.i = _v$14);
|
|
6226
|
+
_v$15 !== _p$.n && $9HbP8$setAttribute(_el$29, "aria-label", _p$.n = _v$15);
|
|
6227
|
+
_v$16 !== _p$.s && $9HbP8$setAttribute(_el$29, "min", _p$.s = _v$16);
|
|
6228
|
+
_v$17 !== _p$.h && $9HbP8$setAttribute(_el$29, "max", _p$.h = _v$17);
|
|
6203
6229
|
return _p$;
|
|
6204
6230
|
}, {
|
|
6205
|
-
|
|
6206
|
-
|
|
6207
|
-
|
|
6208
|
-
|
|
6209
|
-
|
|
6210
|
-
|
|
6211
|
-
|
|
6212
|
-
|
|
6231
|
+
e: undefined,
|
|
6232
|
+
t: undefined,
|
|
6233
|
+
a: undefined,
|
|
6234
|
+
o: undefined,
|
|
6235
|
+
i: undefined,
|
|
6236
|
+
n: undefined,
|
|
6237
|
+
s: undefined,
|
|
6238
|
+
h: undefined
|
|
6213
6239
|
});
|
|
6214
6240
|
$9HbP8$effect(() => $9HbP8$setProperty(_el$28, "value", $9HbP8$createMemo(() => {
|
|
6215
6241
|
min_();
|
|
@@ -6236,7 +6262,7 @@ function $a6b08770e164eced$var$set_range_with_sanitation(min_, max_, current_ran
|
|
|
6236
6262
|
current_range_signal[1](new_value);
|
|
6237
6263
|
}
|
|
6238
6264
|
$9HbP8$delegateEvents(["keydown", "click", "input"]);
|
|
6239
|
-
|
|
6265
|
+
var $0b6bc2f8309efa8a$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div class=morphing-sign role=img><span></span><span>`);
|
|
6240
6266
|
function $0b6bc2f8309efa8a$export$e5c2828934226505({
|
|
6241
6267
|
expanded_: expanded_,
|
|
6242
6268
|
i18n_: i18n_
|
|
@@ -6248,12 +6274,12 @@ function $0b6bc2f8309efa8a$export$e5c2828934226505({
|
|
|
6248
6274
|
duration: 200
|
|
6249
6275
|
};
|
|
6250
6276
|
const outer_div = (() => {
|
|
6251
|
-
|
|
6277
|
+
var _el$ = $9HbP8$getNextElement($0b6bc2f8309efa8a$var$_tmpl$),
|
|
6252
6278
|
_el$2 = _el$.firstChild,
|
|
6253
6279
|
_el$3 = _el$2.nextSibling;
|
|
6254
|
-
|
|
6280
|
+
var _ref$ = first_span;
|
|
6255
6281
|
typeof _ref$ === "function" ? $9HbP8$use(_ref$, _el$2) : first_span = _el$2;
|
|
6256
|
-
|
|
6282
|
+
var _ref$2 = second_span;
|
|
6257
6283
|
typeof _ref$2 === "function" ? $9HbP8$use(_ref$2, _el$3) : second_span = _el$3;
|
|
6258
6284
|
$9HbP8$effect(() => $9HbP8$setAttribute(_el$, "aria-label", expanded_() ? i18n_.morphing_sign_expanded_aria_label_() : i18n_.morphing_sign_collapsed_aria_label_()));
|
|
6259
6285
|
return _el$;
|
|
@@ -6280,7 +6306,7 @@ function $0b6bc2f8309efa8a$export$e5c2828934226505({
|
|
|
6280
6306
|
});
|
|
6281
6307
|
return outer_div;
|
|
6282
6308
|
}
|
|
6283
|
-
|
|
6309
|
+
var $522a690e0e2bd46d$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<span class=highlighted-part>`);
|
|
6284
6310
|
const $522a690e0e2bd46d$var$dont_cut_in_between_less_than_characters = 30;
|
|
6285
6311
|
function $522a690e0e2bd46d$export$e1a98a189fd2c0e7({
|
|
6286
6312
|
content_result_: content_result_,
|
|
@@ -6316,7 +6342,7 @@ function $522a690e0e2bd46d$export$e1a98a189fd2c0e7({
|
|
|
6316
6342
|
return item().text_;
|
|
6317
6343
|
},
|
|
6318
6344
|
get children() {
|
|
6319
|
-
|
|
6345
|
+
var _el$ = $9HbP8$getNextElement($522a690e0e2bd46d$var$_tmpl$);
|
|
6320
6346
|
$9HbP8$insert(_el$, () => item().text_);
|
|
6321
6347
|
return _el$;
|
|
6322
6348
|
}
|
|
@@ -6499,7 +6525,7 @@ function $522a690e0e2bd46d$export$1b00d74faf266c56(text, matched_strings, loose
|
|
|
6499
6525
|
}
|
|
6500
6526
|
return output;
|
|
6501
6527
|
}
|
|
6502
|
-
|
|
6528
|
+
var $3ec2b9489931358d$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<span>`),
|
|
6503
6529
|
$3ec2b9489931358d$var$_tmpl$2 = /*#__PURE__*/$9HbP8$template(`<span class=highlighted-part>`);
|
|
6504
6530
|
function $3ec2b9489931358d$export$8e79c28529dbfa90(props) {
|
|
6505
6531
|
const segmented_text = $9HbP8$createMemo(() => {
|
|
@@ -6511,7 +6537,7 @@ function $3ec2b9489931358d$export$8e79c28529dbfa90(props) {
|
|
|
6511
6537
|
});
|
|
6512
6538
|
const has_highlights = $9HbP8$createMemo(() => segmented_text().some(segment => segment.highlighted_));
|
|
6513
6539
|
return (() => {
|
|
6514
|
-
|
|
6540
|
+
var _el$ = $9HbP8$getNextElement($3ec2b9489931358d$var$_tmpl$);
|
|
6515
6541
|
$9HbP8$insert(_el$, $9HbP8$createComponent((0, $9HbP8$Index), {
|
|
6516
6542
|
get each() {
|
|
6517
6543
|
return segmented_text();
|
|
@@ -6525,7 +6551,7 @@ function $3ec2b9489931358d$export$8e79c28529dbfa90(props) {
|
|
|
6525
6551
|
return item().text_;
|
|
6526
6552
|
},
|
|
6527
6553
|
get children() {
|
|
6528
|
-
|
|
6554
|
+
var _el$2 = $9HbP8$getNextElement($3ec2b9489931358d$var$_tmpl$2);
|
|
6529
6555
|
$9HbP8$insert(_el$2, () => item().text_);
|
|
6530
6556
|
return _el$2;
|
|
6531
6557
|
}
|
|
@@ -6533,19 +6559,19 @@ function $3ec2b9489931358d$export$8e79c28529dbfa90(props) {
|
|
|
6533
6559
|
}
|
|
6534
6560
|
}));
|
|
6535
6561
|
$9HbP8$effect(_p$ => {
|
|
6536
|
-
|
|
6562
|
+
var _v$ = props.text_,
|
|
6537
6563
|
_v$2 = !!has_highlights();
|
|
6538
|
-
_v$ !== _p$.
|
|
6539
|
-
_v$2 !== _p$.
|
|
6564
|
+
_v$ !== _p$.e && $9HbP8$setAttribute(_el$, "title", _p$.e = _v$);
|
|
6565
|
+
_v$2 !== _p$.t && _el$.classList.toggle("has-match", _p$.t = _v$2);
|
|
6540
6566
|
return _p$;
|
|
6541
6567
|
}, {
|
|
6542
|
-
|
|
6543
|
-
|
|
6568
|
+
e: undefined,
|
|
6569
|
+
t: undefined
|
|
6544
6570
|
});
|
|
6545
6571
|
return _el$;
|
|
6546
6572
|
})();
|
|
6547
6573
|
}
|
|
6548
|
-
|
|
6574
|
+
var $1c8cac76cb67e9af$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<form class="checkboxes hierarchical"><!$><!/><!$><!/>`),
|
|
6549
6575
|
$1c8cac76cb67e9af$var$_tmpl$2 = /*#__PURE__*/$9HbP8$template(`<div class=checkbox-details><!$><!/><!$><!/>`),
|
|
6550
6576
|
$1c8cac76cb67e9af$var$_tmpl$3 = /*#__PURE__*/$9HbP8$template(`<details>`),
|
|
6551
6577
|
$1c8cac76cb67e9af$var$_tmpl$4 = /*#__PURE__*/$9HbP8$template(`<summary class=category-parent><div class=summary><span class=count></span><!$><!/>`);
|
|
@@ -6690,12 +6716,12 @@ function $1c8cac76cb67e9af$export$a32086fa6616eafd({
|
|
|
6690
6716
|
if (show_extras[0]()) await expand();else await collapse();
|
|
6691
6717
|
}));
|
|
6692
6718
|
return (() => {
|
|
6693
|
-
|
|
6719
|
+
var _el$ = $9HbP8$getNextElement($1c8cac76cb67e9af$var$_tmpl$),
|
|
6694
6720
|
_el$2 = _el$.firstChild,
|
|
6695
6721
|
[_el$3, _co$] = $9HbP8$getNextMarker(_el$2.nextSibling),
|
|
6696
6722
|
_el$4 = _el$3.nextSibling,
|
|
6697
6723
|
[_el$5, _co$2] = $9HbP8$getNextMarker(_el$4.nextSibling);
|
|
6698
|
-
|
|
6724
|
+
var _ref$ = form;
|
|
6699
6725
|
typeof _ref$ === "function" ? $9HbP8$use(_ref$, _el$) : form = _el$;
|
|
6700
6726
|
$9HbP8$insert(_el$, () => $1c8cac76cb67e9af$var$render_stuff($9HbP8$createMemo(() => some_top_level_are_hidden() ? Object.fromEntries(Object.entries(structured_categories()).slice(0, $1c8cac76cb67e9af$var$show_non_collapsible_when_collapsed)) : structured_categories()), existing_filter, i18n_, filter_query_), _el$3, _co$);
|
|
6701
6727
|
$9HbP8$insert(_el$, expanding_container_els, _el$5, _co$2);
|
|
@@ -6721,7 +6747,7 @@ function $1c8cac76cb67e9af$var$render_stuff(data, existing_filter, i18n_, filter
|
|
|
6721
6747
|
const value_as_string = $9HbP8$createMemo(() => JSON.stringify(value()?.value_));
|
|
6722
6748
|
const label_text = $9HbP8$createMemo(() => value()?.name_ || value_as_string());
|
|
6723
6749
|
return (() => {
|
|
6724
|
-
|
|
6750
|
+
var _el$6 = $9HbP8$getNextElement($1c8cac76cb67e9af$var$_tmpl$2),
|
|
6725
6751
|
_el$7 = _el$6.firstChild,
|
|
6726
6752
|
[_el$8, _co$3] = $9HbP8$getNextMarker(_el$7.nextSibling),
|
|
6727
6753
|
_el$9 = _el$8.nextSibling,
|
|
@@ -6808,7 +6834,7 @@ function $1c8cac76cb67e9af$var$render_stuff(data, existing_filter, i18n_, filter
|
|
|
6808
6834
|
},
|
|
6809
6835
|
get summary_() {
|
|
6810
6836
|
return (() => {
|
|
6811
|
-
|
|
6837
|
+
var _el$12 = $9HbP8$getNextElement($1c8cac76cb67e9af$var$_tmpl$4),
|
|
6812
6838
|
_el$13 = _el$12.firstChild,
|
|
6813
6839
|
_el$14 = _el$13.firstChild,
|
|
6814
6840
|
_el$15 = _el$14.nextSibling,
|
|
@@ -7003,7 +7029,7 @@ function $1c8cac76cb67e9af$var$expand_until_choice(data_structure) {
|
|
|
7003
7029
|
}
|
|
7004
7030
|
});
|
|
7005
7031
|
}
|
|
7006
|
-
|
|
7032
|
+
var $93716a9ad0dea854$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div class=checkbox-grid style=position:absolute;z-index:-1;pointer-events:none;opacity:0>`),
|
|
7007
7033
|
$93716a9ad0dea854$var$_tmpl$2 = /*#__PURE__*/$9HbP8$template(`<span class=count-wrapper><span class=count>`),
|
|
7008
7034
|
$93716a9ad0dea854$var$_tmpl$3 = /*#__PURE__*/$9HbP8$template(`<button><!$><!/><!$><!/>`);
|
|
7009
7035
|
const $93716a9ad0dea854$var$gap_px = 5;
|
|
@@ -7046,7 +7072,7 @@ const $93716a9ad0dea854$export$414f6a19d38e655c = ({
|
|
|
7046
7072
|
equals: false
|
|
7047
7073
|
});
|
|
7048
7074
|
const shadow_grid = (() => {
|
|
7049
|
-
|
|
7075
|
+
var _el$ = $9HbP8$getNextElement($93716a9ad0dea854$var$_tmpl$);
|
|
7050
7076
|
$9HbP8$insert(_el$, () => [...shadow_children()]);
|
|
7051
7077
|
return _el$;
|
|
7052
7078
|
})(); // for getting the smallest possible sizes of all the items
|
|
@@ -7081,7 +7107,7 @@ const $93716a9ad0dea854$export$414f6a19d38e655c = ({
|
|
|
7081
7107
|
const label = $9HbP8$createMemo(() => value().name_ || value().value_ + "");
|
|
7082
7108
|
const count_zero = $9HbP8$createMemo(() => value().count_ === 0);
|
|
7083
7109
|
return (() => {
|
|
7084
|
-
|
|
7110
|
+
var _el$2 = $9HbP8$getNextElement($93716a9ad0dea854$var$_tmpl$3),
|
|
7085
7111
|
_el$5 = _el$2.firstChild,
|
|
7086
7112
|
[_el$6, _co$] = $9HbP8$getNextMarker(_el$5.nextSibling),
|
|
7087
7113
|
_el$7 = _el$6.nextSibling,
|
|
@@ -7142,7 +7168,7 @@ const $93716a9ad0dea854$export$414f6a19d38e655c = ({
|
|
|
7142
7168
|
return value().count_ != undefined;
|
|
7143
7169
|
},
|
|
7144
7170
|
get children() {
|
|
7145
|
-
|
|
7171
|
+
var _el$3 = $9HbP8$getNextElement($93716a9ad0dea854$var$_tmpl$2),
|
|
7146
7172
|
_el$4 = _el$3.firstChild;
|
|
7147
7173
|
$9HbP8$insert(_el$4, () => value().count_);
|
|
7148
7174
|
return _el$3;
|
|
@@ -7232,7 +7258,7 @@ function $93716a9ad0dea854$var$adjust_sizes(container_width, sizes, set_cols_at_
|
|
|
7232
7258
|
overrides: column_to_row_result
|
|
7233
7259
|
}]]);
|
|
7234
7260
|
}
|
|
7235
|
-
|
|
7261
|
+
var $e731d52d97444b7c$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<form class=checkbox-color><!$><!/><!$><!/>`);
|
|
7236
7262
|
const $e731d52d97444b7c$var$max_visible_without_collapsing = 30;
|
|
7237
7263
|
const $e731d52d97444b7c$var$show_non_collapsible_when_collapsed = 8;
|
|
7238
7264
|
function $e731d52d97444b7c$export$82ed4b28ecb67608({
|
|
@@ -7371,7 +7397,7 @@ function $e731d52d97444b7c$export$82ed4b28ecb67608({
|
|
|
7371
7397
|
if (get_show_extras()) await expand();else await collapse();
|
|
7372
7398
|
}));
|
|
7373
7399
|
return (() => {
|
|
7374
|
-
|
|
7400
|
+
var _el$ = $9HbP8$getNextElement($e731d52d97444b7c$var$_tmpl$),
|
|
7375
7401
|
_el$2 = _el$.firstChild,
|
|
7376
7402
|
[_el$3, _co$] = $9HbP8$getNextMarker(_el$2.nextSibling),
|
|
7377
7403
|
_el$4 = _el$3.nextSibling,
|
|
@@ -7395,7 +7421,7 @@ function $e731d52d97444b7c$export$82ed4b28ecb67608({
|
|
|
7395
7421
|
if (filter_object.data.length) selected_filters.push(filter_object);
|
|
7396
7422
|
set_selected_filters(selected_filters);
|
|
7397
7423
|
}));
|
|
7398
|
-
|
|
7424
|
+
var _ref$ = form;
|
|
7399
7425
|
typeof _ref$ === "function" ? $9HbP8$use(_ref$, _el$) : form = _el$;
|
|
7400
7426
|
$9HbP8$insert(_el$, $9HbP8$createComponent((0, $9HbP8$Index), {
|
|
7401
7427
|
get each() {
|
|
@@ -7429,16 +7455,16 @@ var $12497d09ef87296e$export$2e2bcd8739ae039 = {
|
|
|
7429
7455
|
"checkbox-grid": (0, $93716a9ad0dea854$export$414f6a19d38e655c),
|
|
7430
7456
|
"checkbox-color": (0, $e731d52d97444b7c$export$82ed4b28ecb67608)
|
|
7431
7457
|
};
|
|
7432
|
-
|
|
7458
|
+
var $9bc34983fc5f7bdb$var$_tmpl$ = /*#__PURE__*/$9HbP8$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">`);
|
|
7433
7459
|
function $9bc34983fc5f7bdb$export$f2ca6fc699ca1fb4(props = {}) {
|
|
7434
7460
|
return (() => {
|
|
7435
|
-
|
|
7461
|
+
var _el$ = $9HbP8$getNextElement($9bc34983fc5f7bdb$var$_tmpl$);
|
|
7436
7462
|
$9HbP8$spread(_el$, props, true, true);
|
|
7437
7463
|
$9HbP8$runHydrationEvents();
|
|
7438
7464
|
return _el$;
|
|
7439
7465
|
})();
|
|
7440
7466
|
}
|
|
7441
|
-
|
|
7467
|
+
var $a7b58cb3bcffd156$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<span class=show-selected aria-hidden=true><span></span><!$><!/>`);
|
|
7442
7468
|
function $a7b58cb3bcffd156$export$53c59af873b303c9({
|
|
7443
7469
|
selected_filters_in_group_: selected_filters_in_group_,
|
|
7444
7470
|
i18n_: {
|
|
@@ -7494,7 +7520,7 @@ function $a7b58cb3bcffd156$export$53c59af873b303c9({
|
|
|
7494
7520
|
return size + "";
|
|
7495
7521
|
}));
|
|
7496
7522
|
return (() => {
|
|
7497
|
-
|
|
7523
|
+
var _el$ = $9HbP8$getNextElement($a7b58cb3bcffd156$var$_tmpl$),
|
|
7498
7524
|
_el$2 = _el$.firstChild,
|
|
7499
7525
|
_el$3 = _el$2.nextSibling,
|
|
7500
7526
|
[_el$4, _co$] = $9HbP8$getNextMarker(_el$3.nextSibling);
|
|
@@ -7558,7 +7584,7 @@ function $84d6cd10bb7b1589$export$ab34afce88557c0e(props) {
|
|
|
7558
7584
|
}));
|
|
7559
7585
|
return is_open;
|
|
7560
7586
|
}
|
|
7561
|
-
|
|
7587
|
+
var $e01b34f289b61435$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div class=search-in-filters><input type=text class=query><!$><!/><button class=clear-filter-search>`);
|
|
7562
7588
|
const $e01b34f289b61435$var$min_items_to_enable_filter_searching = 15; // For checkbox color and checkbox grid we 2x this
|
|
7563
7589
|
function $e01b34f289b61435$export$4b2c5292ffe0c5dd(filter_array_, section, i18n_) {
|
|
7564
7590
|
const [filter_query_, set_filter_query_] = $9HbP8$createSignal();
|
|
@@ -7580,7 +7606,7 @@ function $e01b34f289b61435$export$4b2c5292ffe0c5dd(filter_array_, section, i18n_
|
|
|
7580
7606
|
return enable_searchability();
|
|
7581
7607
|
},
|
|
7582
7608
|
get children() {
|
|
7583
|
-
|
|
7609
|
+
var _el$ = $9HbP8$getNextElement($e01b34f289b61435$var$_tmpl$),
|
|
7584
7610
|
_el$2 = _el$.firstChild,
|
|
7585
7611
|
_el$4 = _el$2.nextSibling,
|
|
7586
7612
|
[_el$5, _co$] = $9HbP8$getNextMarker(_el$4.nextSibling),
|
|
@@ -7597,14 +7623,14 @@ function $e01b34f289b61435$export$4b2c5292ffe0c5dd(filter_array_, section, i18n_
|
|
|
7597
7623
|
height: "12"
|
|
7598
7624
|
}));
|
|
7599
7625
|
$9HbP8$effect(_p$ => {
|
|
7600
|
-
|
|
7626
|
+
var _v$ = i18n_.search_a_filter_()(section),
|
|
7601
7627
|
_v$2 = filter_query_() ? "" : "none";
|
|
7602
|
-
_v$ !== _p$.
|
|
7603
|
-
_v$2 !== _p$.
|
|
7628
|
+
_v$ !== _p$.e && $9HbP8$setAttribute(_el$2, "placeholder", _p$.e = _v$);
|
|
7629
|
+
_v$2 !== _p$.t && ((_p$.t = _v$2) != null ? _el$3.style.setProperty("display", _v$2) : _el$3.style.removeProperty("display"));
|
|
7604
7630
|
return _p$;
|
|
7605
7631
|
}, {
|
|
7606
|
-
|
|
7607
|
-
|
|
7632
|
+
e: undefined,
|
|
7633
|
+
t: undefined
|
|
7608
7634
|
});
|
|
7609
7635
|
$9HbP8$effect(() => $9HbP8$setProperty(_el$2, "value", filter_query_() || ""));
|
|
7610
7636
|
$9HbP8$runHydrationEvents();
|
|
@@ -7706,7 +7732,7 @@ function $e01b34f289b61435$var$find_str_arr_in_str_arr_arr(operation, haystack,
|
|
|
7706
7732
|
return haystack[operation](value => value.length === needle.length && value.every((item, index) => item === needle[index]));
|
|
7707
7733
|
}
|
|
7708
7734
|
$9HbP8$delegateEvents(["input", "click"]);
|
|
7709
|
-
|
|
7735
|
+
var $fab07f52c9861732$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div class=filter-collapsible>`),
|
|
7710
7736
|
$fab07f52c9861732$var$_tmpl$2 = /*#__PURE__*/$9HbP8$template(`<button class=clear-group><!$><!/><span>`),
|
|
7711
7737
|
$fab07f52c9861732$var$_tmpl$3 = /*#__PURE__*/$9HbP8$template(`<div class=view-more-clear><!$><!/><!$><!/>`),
|
|
7712
7738
|
$fab07f52c9861732$var$_tmpl$4 = /*#__PURE__*/$9HbP8$template(`<div class=filter-collapsible-body><div class=filter-part><!$><!/><!$><!/></div><!$><!/>`),
|
|
@@ -7724,7 +7750,7 @@ function $fab07f52c9861732$export$3f1a388cc0d8fed7(props) {
|
|
|
7724
7750
|
return Array.from({
|
|
7725
7751
|
length: 5
|
|
7726
7752
|
}).map(() => (() => {
|
|
7727
|
-
|
|
7753
|
+
var _el$ = $9HbP8$getNextElement($fab07f52c9861732$var$_tmpl$);
|
|
7728
7754
|
$9HbP8$insert(_el$, $9HbP8$createComponent((0, $d134eae24341b4a1$export$89c6019e4baa40b1), {
|
|
7729
7755
|
width: "100%",
|
|
7730
7756
|
height: "50px"
|
|
@@ -7787,7 +7813,7 @@ function $fab07f52c9861732$var$ActualFilterBody(props) {
|
|
|
7787
7813
|
is_open_: is_open,
|
|
7788
7814
|
get details_() {
|
|
7789
7815
|
return (() => {
|
|
7790
|
-
|
|
7816
|
+
var _el$19 = $9HbP8$getNextElement($fab07f52c9861732$var$_tmpl$5);
|
|
7791
7817
|
$9HbP8$use(element => set_get_details_width(() => $2449872a62a75a20$export$ebdc3711f7e02ccd(element)), _el$19);
|
|
7792
7818
|
$9HbP8$setAttribute(_el$19, "data-group-title", section_);
|
|
7793
7819
|
return _el$19;
|
|
@@ -7795,7 +7821,7 @@ function $fab07f52c9861732$var$ActualFilterBody(props) {
|
|
|
7795
7821
|
},
|
|
7796
7822
|
get summary_() {
|
|
7797
7823
|
return (() => {
|
|
7798
|
-
|
|
7824
|
+
var _el$20 = $9HbP8$getNextElement($fab07f52c9861732$var$_tmpl$6),
|
|
7799
7825
|
_el$21 = _el$20.firstChild,
|
|
7800
7826
|
_el$22 = _el$21.firstChild,
|
|
7801
7827
|
_el$23 = _el$22.nextSibling,
|
|
@@ -7829,7 +7855,7 @@ function $fab07f52c9861732$var$ActualFilterBody(props) {
|
|
|
7829
7855
|
})();
|
|
7830
7856
|
},
|
|
7831
7857
|
get children() {
|
|
7832
|
-
|
|
7858
|
+
var _el$2 = $9HbP8$getNextElement($fab07f52c9861732$var$_tmpl$4),
|
|
7833
7859
|
_el$3 = _el$2.firstChild,
|
|
7834
7860
|
_el$4 = _el$3.firstChild,
|
|
7835
7861
|
[_el$5, _co$] = $9HbP8$getNextMarker(_el$4.nextSibling),
|
|
@@ -7877,7 +7903,7 @@ function $fab07f52c9861732$var$ActualFilterBody(props) {
|
|
|
7877
7903
|
})();
|
|
7878
7904
|
},
|
|
7879
7905
|
get children() {
|
|
7880
|
-
|
|
7906
|
+
var _el$8 = $9HbP8$getNextElement($fab07f52c9861732$var$_tmpl$3),
|
|
7881
7907
|
_el$13 = _el$8.firstChild,
|
|
7882
7908
|
[_el$14, _co$4] = $9HbP8$getNextMarker(_el$13.nextSibling),
|
|
7883
7909
|
_el$15 = _el$14.nextSibling,
|
|
@@ -7888,7 +7914,7 @@ function $fab07f52c9861732$var$ActualFilterBody(props) {
|
|
|
7888
7914
|
return a_filter_is_selected();
|
|
7889
7915
|
},
|
|
7890
7916
|
get children() {
|
|
7891
|
-
|
|
7917
|
+
var _el$9 = $9HbP8$getNextElement($fab07f52c9861732$var$_tmpl$2),
|
|
7892
7918
|
_el$11 = _el$9.firstChild,
|
|
7893
7919
|
[_el$12, _co$3] = $9HbP8$getNextMarker(_el$11.nextSibling),
|
|
7894
7920
|
_el$10 = _el$12.nextSibling;
|
|
@@ -7924,7 +7950,7 @@ function $fab07f52c9861732$var$ActualFilterBody(props) {
|
|
|
7924
7950
|
return untogglable_filters()?.length;
|
|
7925
7951
|
},
|
|
7926
7952
|
get children() {
|
|
7927
|
-
|
|
7953
|
+
var _el$28 = $9HbP8$getNextElement($fab07f52c9861732$var$_tmpl$7);
|
|
7928
7954
|
$9HbP8$insert(_el$28, $9HbP8$createComponent((0, $9HbP8$Index), {
|
|
7929
7955
|
get each() {
|
|
7930
7956
|
return untogglable_filters();
|
|
@@ -7957,7 +7983,7 @@ function $fab07f52c9861732$var$ActualFilterBody(props) {
|
|
|
7957
7983
|
return $9HbP8$memo(() => !!!props.are_in_modal_ /* modal has its own clear button */)() && props.selected_filters_[0]()?.length;
|
|
7958
7984
|
},
|
|
7959
7985
|
get children() {
|
|
7960
|
-
|
|
7986
|
+
var _el$29 = $9HbP8$getNextElement($fab07f52c9861732$var$_tmpl$8);
|
|
7961
7987
|
$9HbP8$addEventListener(_el$29, "click", $9HbP8$catchify(() => $e9342fb3ac73a54a$export$8895d39404bd2bb1({
|
|
7962
7988
|
user_triggered_: true,
|
|
7963
7989
|
selected_filters_: props.selected_filters_,
|
|
@@ -8598,7 +8624,7 @@ function $8f9120a1ca151e6a$export$205efb947c7ffd78(handler, passive = true, over
|
|
|
8598
8624
|
$9HbP8$onCleanup(() => listen_on.removeEventListener(event, catchified_handler));
|
|
8599
8625
|
}
|
|
8600
8626
|
}
|
|
8601
|
-
|
|
8627
|
+
var $6db49ca163afa2c3$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div class=scroll-status style=display:none><span class=text><b></b> \u{2013} <b></b> <!$><!/> <b>`);
|
|
8602
8628
|
function $6db49ca163afa2c3$export$83fd5de5504a7a67({
|
|
8603
8629
|
formatted_number_of_results_: formatted_number_of_results_,
|
|
8604
8630
|
first_result_in_viewport_: [get_first_result_in_viewport],
|
|
@@ -8708,7 +8734,7 @@ function $6db49ca163afa2c3$export$83fd5de5504a7a67({
|
|
|
8708
8734
|
}));
|
|
8709
8735
|
});
|
|
8710
8736
|
return (() => {
|
|
8711
|
-
|
|
8737
|
+
var _el$ = $9HbP8$getNextElement($6db49ca163afa2c3$var$_tmpl$),
|
|
8712
8738
|
_el$2 = _el$.firstChild,
|
|
8713
8739
|
_el$3 = _el$2.firstChild,
|
|
8714
8740
|
_el$4 = _el$3.nextSibling,
|
|
@@ -8718,7 +8744,7 @@ function $6db49ca163afa2c3$export$83fd5de5504a7a67({
|
|
|
8718
8744
|
[_el$12, _co$] = $9HbP8$getNextMarker(_el$11.nextSibling),
|
|
8719
8745
|
_el$9 = _el$12.nextSibling,
|
|
8720
8746
|
_el$10 = _el$9.nextSibling;
|
|
8721
|
-
|
|
8747
|
+
var _ref$ = element;
|
|
8722
8748
|
typeof _ref$ === "function" ? $9HbP8$use(_ref$, _el$) : element = _el$;
|
|
8723
8749
|
$9HbP8$insert(_el$3, $9HbP8$createComponent((0, $8c0f86cb3e266eeb$export$a71e92cfbb498adc), {
|
|
8724
8750
|
get price_() {
|
|
@@ -8741,7 +8767,7 @@ function $6db49ca163afa2c3$export$83fd5de5504a7a67({
|
|
|
8741
8767
|
return _el$;
|
|
8742
8768
|
})();
|
|
8743
8769
|
}
|
|
8744
|
-
|
|
8770
|
+
var $598245ecfe38f34b$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<a class=hint href=javascript:void(0)>`),
|
|
8745
8771
|
$598245ecfe38f34b$var$_tmpl$2 = /*#__PURE__*/$9HbP8$template(`<div class=no-results><div class=text></div><!$><!/>`);
|
|
8746
8772
|
function $598245ecfe38f34b$export$ef6006467f04ee41({
|
|
8747
8773
|
i18n_: i18n_,
|
|
@@ -8751,7 +8777,7 @@ function $598245ecfe38f34b$export$ef6006467f04ee41({
|
|
|
8751
8777
|
}) {
|
|
8752
8778
|
const root = $9HbP8$getOwner();
|
|
8753
8779
|
return [(() => {
|
|
8754
|
-
|
|
8780
|
+
var _el$ = $9HbP8$getNextElement($598245ecfe38f34b$var$_tmpl$2),
|
|
8755
8781
|
_el$2 = _el$.firstChild,
|
|
8756
8782
|
_el$4 = _el$2.nextSibling,
|
|
8757
8783
|
[_el$5, _co$] = $9HbP8$getNextMarker(_el$4.nextSibling);
|
|
@@ -8761,7 +8787,7 @@ function $598245ecfe38f34b$export$ef6006467f04ee41({
|
|
|
8761
8787
|
return Object.values(selected_filters_[0]()).length;
|
|
8762
8788
|
},
|
|
8763
8789
|
get children() {
|
|
8764
|
-
|
|
8790
|
+
var _el$3 = $9HbP8$getNextElement($598245ecfe38f34b$var$_tmpl$);
|
|
8765
8791
|
$9HbP8$addEventListener(_el$3, "click", $9HbP8$catchify(() => $9HbP8$runWithOwner(root, () => $e9342fb3ac73a54a$export$8895d39404bd2bb1({
|
|
8766
8792
|
user_triggered_: true,
|
|
8767
8793
|
selected_filters_: selected_filters_,
|
|
@@ -8963,13 +8989,13 @@ function $0449e7d49398c077$export$a1fd619a4743ca08({
|
|
|
8963
8989
|
})
|
|
8964
8990
|
});
|
|
8965
8991
|
}
|
|
8966
|
-
|
|
8992
|
+
var $6dee9211e57ac31a$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div>`),
|
|
8967
8993
|
$6dee9211e57ac31a$var$_tmpl$2 = /*#__PURE__*/$9HbP8$template(`<style type=text/css>`);
|
|
8968
8994
|
const $6dee9211e57ac31a$export$c500183c31c2b22e = "--spans-columns";
|
|
8969
8995
|
function $6dee9211e57ac31a$export$ab6b147eec64fea5(props) {
|
|
8970
8996
|
const container_class = "x" + $9HbP8$createUniqueId();
|
|
8971
8997
|
const container_element_ = (() => {
|
|
8972
|
-
|
|
8998
|
+
var _el$ = $9HbP8$getNextElement($6dee9211e57ac31a$var$_tmpl$);
|
|
8973
8999
|
$9HbP8$spread(_el$, $9HbP8$mergeProps(() => props.element_attributes, {
|
|
8974
9000
|
"classList": {
|
|
8975
9001
|
[container_class]: true
|
|
@@ -9006,7 +9032,7 @@ function $6dee9211e57ac31a$export$e2f22da34aaf310a(props, container_element, ins
|
|
|
9006
9032
|
});
|
|
9007
9033
|
const get_styling = $9HbP8$createMemo(() => base_styling() + col_styling());
|
|
9008
9034
|
const style_element = (() => {
|
|
9009
|
-
|
|
9035
|
+
var _el$2 = $9HbP8$getNextElement($6dee9211e57ac31a$var$_tmpl$2);
|
|
9010
9036
|
$9HbP8$insert(_el$2, get_styling);
|
|
9011
9037
|
return _el$2;
|
|
9012
9038
|
})(); // need to create this after set_styling has been called or else there will be no styling in the SSR'd output
|
|
@@ -9095,7 +9121,7 @@ function $bed740eef1769419$export$a79e666719b3647c(cols_at_size_) {
|
|
|
9095
9121
|
});
|
|
9096
9122
|
return n_cols_currently_showing;
|
|
9097
9123
|
}
|
|
9098
|
-
|
|
9124
|
+
var $e7a7eb102ddc0c79$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div class=content-block-wrapper>`);
|
|
9099
9125
|
function $e7a7eb102ddc0c79$export$791ef57e62e21c3f({
|
|
9100
9126
|
content_blocks_: incoming_content_blocks,
|
|
9101
9127
|
cols_at_size_: cols_at_size_,
|
|
@@ -9221,26 +9247,26 @@ function $e7a7eb102ddc0c79$var$wrap_blocks_in_div(rendered_content_blocks, max_s
|
|
|
9221
9247
|
return !rendering_delayed();
|
|
9222
9248
|
},
|
|
9223
9249
|
get children() {
|
|
9224
|
-
|
|
9250
|
+
var _el$ = $9HbP8$getNextElement($e7a7eb102ddc0c79$var$_tmpl$);
|
|
9225
9251
|
$9HbP8$insert(_el$, $9HbP8$createComponent($e7a7eb102ddc0c79$var$RenderContent, {
|
|
9226
9252
|
get content() {
|
|
9227
9253
|
return block.content;
|
|
9228
9254
|
}
|
|
9229
9255
|
}));
|
|
9230
9256
|
$9HbP8$effect(_p$ => {
|
|
9231
|
-
|
|
9257
|
+
var _v$ = {
|
|
9232
9258
|
[(0, $6dee9211e57ac31a$export$c500183c31c2b22e)]: final_span_columns()
|
|
9233
9259
|
},
|
|
9234
9260
|
_v$2 = `span ${final_span_columns()}`,
|
|
9235
9261
|
_v$3 = `span ${final_span_rows()}`;
|
|
9236
|
-
_p$.
|
|
9237
|
-
_v$2 !== _p$.
|
|
9238
|
-
_v$3 !== _p$.
|
|
9262
|
+
_p$.e = $9HbP8$style(_el$, _v$, _p$.e);
|
|
9263
|
+
_v$2 !== _p$.t && ((_p$.t = _v$2) != null ? _el$.style.setProperty("grid-column", _v$2) : _el$.style.removeProperty("grid-column"));
|
|
9264
|
+
_v$3 !== _p$.a && ((_p$.a = _v$3) != null ? _el$.style.setProperty("grid-row", _v$3) : _el$.style.removeProperty("grid-row"));
|
|
9239
9265
|
return _p$;
|
|
9240
9266
|
}, {
|
|
9241
|
-
|
|
9242
|
-
|
|
9243
|
-
|
|
9267
|
+
e: undefined,
|
|
9268
|
+
t: undefined,
|
|
9269
|
+
a: undefined
|
|
9244
9270
|
});
|
|
9245
9271
|
return _el$;
|
|
9246
9272
|
}
|
|
@@ -9285,7 +9311,7 @@ function $e7a7eb102ddc0c79$var$RenderContent(props) {
|
|
|
9285
9311
|
children: resource
|
|
9286
9312
|
});
|
|
9287
9313
|
}
|
|
9288
|
-
|
|
9314
|
+
var $2d25e42846eac370$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div class=PLP-results><!$><!/><!$><!/>`);
|
|
9289
9315
|
function $2d25e42846eac370$export$3925f87b1545cfc6({
|
|
9290
9316
|
plp_results_: plp_results_,
|
|
9291
9317
|
depict_api_: depict_api_,
|
|
@@ -9317,7 +9343,7 @@ function $2d25e42846eac370$export$3925f87b1545cfc6({
|
|
|
9317
9343
|
if (!is_loading_() && is_at_end) all_products_loaded_[1](true);
|
|
9318
9344
|
});
|
|
9319
9345
|
return (() => {
|
|
9320
|
-
|
|
9346
|
+
var _el$ = $9HbP8$getNextElement($2d25e42846eac370$var$_tmpl$),
|
|
9321
9347
|
_el$2 = _el$.firstChild,
|
|
9322
9348
|
[_el$3, _co$] = $9HbP8$getNextMarker(_el$2.nextSibling),
|
|
9323
9349
|
_el$4 = _el$3.nextSibling,
|
|
@@ -9555,7 +9581,7 @@ function $2d25e42846eac370$export$3925f87b1545cfc6({
|
|
|
9555
9581
|
return _el$;
|
|
9556
9582
|
})();
|
|
9557
9583
|
}
|
|
9558
|
-
|
|
9584
|
+
var $68a258a92b88f02f$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div class=sorting-attributes>`),
|
|
9559
9585
|
$68a258a92b88f02f$var$_tmpl$2 = /*#__PURE__*/$9HbP8$template(`<div class=sorting-direction>`),
|
|
9560
9586
|
$68a258a92b88f02f$var$_tmpl$3 = /*#__PURE__*/$9HbP8$template(`<div><div class=input-row><input type=radio><span class=custom-indicator></span><!$><!/>`),
|
|
9561
9587
|
$68a258a92b88f02f$var$_tmpl$4 = /*#__PURE__*/$9HbP8$template(`<div><label class=input-row><input type=radio><span class=custom-indicator></span><!$><!/>`);
|
|
@@ -9572,11 +9598,11 @@ function $68a258a92b88f02f$export$1f1775a58da589b5({
|
|
|
9572
9598
|
},
|
|
9573
9599
|
get fallback() {
|
|
9574
9600
|
return (() => {
|
|
9575
|
-
|
|
9601
|
+
var _el$3 = $9HbP8$getNextElement($68a258a92b88f02f$var$_tmpl$);
|
|
9576
9602
|
$9HbP8$insert(_el$3, () => Array.from({
|
|
9577
9603
|
length: 4
|
|
9578
9604
|
}).map(() => (() => {
|
|
9579
|
-
|
|
9605
|
+
var _el$4 = $9HbP8$getNextElement($68a258a92b88f02f$var$_tmpl$3),
|
|
9580
9606
|
_el$5 = _el$4.firstChild,
|
|
9581
9607
|
_el$6 = _el$5.firstChild,
|
|
9582
9608
|
_el$7 = _el$6.nextSibling,
|
|
@@ -9594,7 +9620,7 @@ function $68a258a92b88f02f$export$1f1775a58da589b5({
|
|
|
9594
9620
|
},
|
|
9595
9621
|
get children() {
|
|
9596
9622
|
return [(() => {
|
|
9597
|
-
|
|
9623
|
+
var _el$ = $9HbP8$getNextElement($68a258a92b88f02f$var$_tmpl$);
|
|
9598
9624
|
$9HbP8$insert(_el$, $9HbP8$createComponent((0, $9HbP8$Index), {
|
|
9599
9625
|
get each() {
|
|
9600
9626
|
return available_sortings_()?.filter?.(sorting => sorting.meta?.title) || [];
|
|
@@ -9608,7 +9634,7 @@ function $68a258a92b88f02f$export$1f1775a58da589b5({
|
|
|
9608
9634
|
return sort.field === item().field && (sort.order === item().order || item().meta.values?.length > 1);
|
|
9609
9635
|
});
|
|
9610
9636
|
return (/* wrapping div for flex gap polyfill scss mixin */(() => {
|
|
9611
|
-
|
|
9637
|
+
var _el$10 = $9HbP8$getNextElement($68a258a92b88f02f$var$_tmpl$4),
|
|
9612
9638
|
_el$11 = _el$10.firstChild,
|
|
9613
9639
|
_el$12 = _el$11.firstChild,
|
|
9614
9640
|
_el$13 = _el$12.nextSibling,
|
|
@@ -9629,7 +9655,7 @@ function $68a258a92b88f02f$export$1f1775a58da589b5({
|
|
|
9629
9655
|
return meta_of_currently_selected_sorting_()?.values?.length > 1;
|
|
9630
9656
|
},
|
|
9631
9657
|
get children() {
|
|
9632
|
-
|
|
9658
|
+
var _el$2 = $9HbP8$getNextElement($68a258a92b88f02f$var$_tmpl$2);
|
|
9633
9659
|
$9HbP8$insert(_el$2, $9HbP8$createComponent((0, $9HbP8$Index), {
|
|
9634
9660
|
get each() {
|
|
9635
9661
|
return meta_of_currently_selected_sorting_()?.values;
|
|
@@ -9637,7 +9663,7 @@ function $68a258a92b88f02f$export$1f1775a58da589b5({
|
|
|
9637
9663
|
children: (order_value, index) => {
|
|
9638
9664
|
const is_checked = $9HbP8$createMemo(() => get_current_sorting()?.order === order_value());
|
|
9639
9665
|
return (() => {
|
|
9640
|
-
|
|
9666
|
+
var _el$16 = $9HbP8$getNextElement($68a258a92b88f02f$var$_tmpl$4),
|
|
9641
9667
|
_el$17 = _el$16.firstChild,
|
|
9642
9668
|
_el$18 = _el$17.firstChild,
|
|
9643
9669
|
_el$19 = _el$18.nextSibling,
|
|
@@ -9660,25 +9686,25 @@ function $68a258a92b88f02f$export$1f1775a58da589b5({
|
|
|
9660
9686
|
}
|
|
9661
9687
|
});
|
|
9662
9688
|
}
|
|
9663
|
-
|
|
9689
|
+
var $e1bb71e65e01a3a0$var$_tmpl$ = /*#__PURE__*/$9HbP8$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">`);
|
|
9664
9690
|
function $e1bb71e65e01a3a0$export$da32f7add8a22e86(props = {}) {
|
|
9665
9691
|
return (() => {
|
|
9666
|
-
|
|
9692
|
+
var _el$ = $9HbP8$getNextElement($e1bb71e65e01a3a0$var$_tmpl$);
|
|
9667
9693
|
$9HbP8$spread(_el$, props, true, true);
|
|
9668
9694
|
$9HbP8$runHydrationEvents();
|
|
9669
9695
|
return _el$;
|
|
9670
9696
|
})();
|
|
9671
9697
|
}
|
|
9672
|
-
|
|
9698
|
+
var $05fbe84eb34564ec$var$_tmpl$ = /*#__PURE__*/$9HbP8$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">`);
|
|
9673
9699
|
function $05fbe84eb34564ec$export$d10e63059ddb9fd4(props = {}) {
|
|
9674
9700
|
return (() => {
|
|
9675
|
-
|
|
9701
|
+
var _el$ = $9HbP8$getNextElement($05fbe84eb34564ec$var$_tmpl$);
|
|
9676
9702
|
$9HbP8$spread(_el$, props, true, true);
|
|
9677
9703
|
$9HbP8$runHydrationEvents();
|
|
9678
9704
|
return _el$;
|
|
9679
9705
|
})();
|
|
9680
9706
|
}
|
|
9681
|
-
|
|
9707
|
+
var $b9bf7fce0ae60241$var$_tmpl$ = /*#__PURE__*/$9HbP8$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">`);
|
|
9682
9708
|
function $b9bf7fce0ae60241$export$28f6150e232898de() {
|
|
9683
9709
|
return $9HbP8$getNextElement($b9bf7fce0ae60241$var$_tmpl$);
|
|
9684
9710
|
}
|
|
@@ -9690,7 +9716,7 @@ function $b9bf7fce0ae60241$export$28f6150e232898de() {
|
|
|
9690
9716
|
function $4cc1c021eee2a432$export$50f68cc9882e36a4(args_for_filtering) {
|
|
9691
9717
|
return args_for_filtering.available_filters_()?.length === 0 && !args_for_filtering.selected_filters_[0]()?.length;
|
|
9692
9718
|
}
|
|
9693
|
-
|
|
9719
|
+
var $757dac7f7c6c5241$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<button class="clear minor">`),
|
|
9694
9720
|
$757dac7f7c6c5241$var$_tmpl$2 = /*#__PURE__*/$9HbP8$template(`<div class="depict plp"id=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">`),
|
|
9695
9721
|
$757dac7f7c6c5241$var$_tmpl$3 = /*#__PURE__*/$9HbP8$template(`<details class=sorting>`),
|
|
9696
9722
|
$757dac7f7c6c5241$var$_tmpl$4 = /*#__PURE__*/$9HbP8$template(`<summary class=sort-filter-summary><div class=summary><div class=left-els><!$><!/><span></span></div><!$><!/>`),
|
|
@@ -9754,7 +9780,7 @@ function $757dac7f7c6c5241$export$9bf11afa910f536e({
|
|
|
9754
9780
|
});
|
|
9755
9781
|
$9HbP8$onCleanup(resolve_cleanup_promise);
|
|
9756
9782
|
return [(() => {
|
|
9757
|
-
|
|
9783
|
+
var _el$ = $9HbP8$getNextElement($757dac7f7c6c5241$var$_tmpl$2),
|
|
9758
9784
|
_el$2 = _el$.firstChild,
|
|
9759
9785
|
_el$3 = _el$2.nextSibling,
|
|
9760
9786
|
_el$4 = _el$3.nextSibling,
|
|
@@ -9889,7 +9915,7 @@ function $757dac7f7c6c5241$export$9bf11afa910f536e({
|
|
|
9889
9915
|
set_modal_style("transform", "translateY(0)");
|
|
9890
9916
|
}));
|
|
9891
9917
|
}, _el$4);
|
|
9892
|
-
|
|
9918
|
+
var _ref$ = modal_body;
|
|
9893
9919
|
typeof _ref$ === "function" ? $9HbP8$use(_ref$, _el$5) : modal_body = _el$5;
|
|
9894
9920
|
$9HbP8$insert(_el$5, $9HbP8$createComponent((0, $6bb0a0c563dff4bb$export$6c6d7a51fa9aa15d), {
|
|
9895
9921
|
is_open_: [sorting_expanded, set_sorting_expanded],
|
|
@@ -9898,7 +9924,7 @@ function $757dac7f7c6c5241$export$9bf11afa910f536e({
|
|
|
9898
9924
|
},
|
|
9899
9925
|
get summary_() {
|
|
9900
9926
|
return (() => {
|
|
9901
|
-
|
|
9927
|
+
var _el$16 = $9HbP8$getNextElement($757dac7f7c6c5241$var$_tmpl$4),
|
|
9902
9928
|
_el$17 = _el$16.firstChild,
|
|
9903
9929
|
_el$18 = _el$17.firstChild,
|
|
9904
9930
|
_el$20 = _el$18.firstChild,
|
|
@@ -9907,7 +9933,7 @@ function $757dac7f7c6c5241$export$9bf11afa910f536e({
|
|
|
9907
9933
|
_el$22 = _el$18.nextSibling,
|
|
9908
9934
|
[_el$23, _co$5] = $9HbP8$getNextMarker(_el$22.nextSibling);
|
|
9909
9935
|
$9HbP8$insert(_el$18, (() => {
|
|
9910
|
-
|
|
9936
|
+
var _c$ = $9HbP8$memo(() => args_for_sorting_.current_sorting_[0]()?.order === "asc");
|
|
9911
9937
|
return () => _c$() ? $9HbP8$createComponent((0, $e1bb71e65e01a3a0$export$da32f7add8a22e86), {}) : $9HbP8$createComponent((0, $05fbe84eb34564ec$export$d10e63059ddb9fd4), {});
|
|
9912
9938
|
})(), _el$21, _co$4);
|
|
9913
9939
|
$9HbP8$insert(_el$19, () => i18n_.sorting_text_());
|
|
@@ -9920,7 +9946,7 @@ function $757dac7f7c6c5241$export$9bf11afa910f536e({
|
|
|
9920
9946
|
},
|
|
9921
9947
|
get children() {
|
|
9922
9948
|
return (() => {
|
|
9923
|
-
|
|
9949
|
+
var _el$24 = $9HbP8$getNextElement($757dac7f7c6c5241$var$_tmpl$5);
|
|
9924
9950
|
$9HbP8$insert(_el$24, $9HbP8$createComponent((0, $68a258a92b88f02f$export$1f1775a58da589b5), args_for_sorting_));
|
|
9925
9951
|
return _el$24;
|
|
9926
9952
|
})();
|
|
@@ -9938,7 +9964,7 @@ function $757dac7f7c6c5241$export$9bf11afa910f536e({
|
|
|
9938
9964
|
},
|
|
9939
9965
|
get summary_() {
|
|
9940
9966
|
return (() => {
|
|
9941
|
-
|
|
9967
|
+
var _el$26 = $9HbP8$getNextElement($757dac7f7c6c5241$var$_tmpl$4),
|
|
9942
9968
|
_el$27 = _el$26.firstChild,
|
|
9943
9969
|
_el$28 = _el$27.firstChild,
|
|
9944
9970
|
_el$30 = _el$28.firstChild,
|
|
@@ -9957,7 +9983,7 @@ function $757dac7f7c6c5241$export$9bf11afa910f536e({
|
|
|
9957
9983
|
},
|
|
9958
9984
|
get children() {
|
|
9959
9985
|
return (() => {
|
|
9960
|
-
|
|
9986
|
+
var _el$34 = $9HbP8$getNextElement($757dac7f7c6c5241$var$_tmpl$5);
|
|
9961
9987
|
$9HbP8$insert(_el$34, $9HbP8$createComponent((0, $fab07f52c9861732$export$3f1a388cc0d8fed7), $9HbP8$mergeProps(args_for_filtering_, {
|
|
9962
9988
|
are_in_modal_: true
|
|
9963
9989
|
})));
|
|
@@ -9972,7 +9998,7 @@ function $757dac7f7c6c5241$export$9bf11afa910f536e({
|
|
|
9972
9998
|
return args_for_filtering_.selected_filters_[0]()?.length;
|
|
9973
9999
|
},
|
|
9974
10000
|
get children() {
|
|
9975
|
-
|
|
10001
|
+
var _el$11 = $9HbP8$getNextElement($757dac7f7c6c5241$var$_tmpl$);
|
|
9976
10002
|
$9HbP8$addEventListener(_el$11, "click", $9HbP8$catchify(() => {
|
|
9977
10003
|
const show_toast = $e9342fb3ac73a54a$export$8895d39404bd2bb1({
|
|
9978
10004
|
user_triggered_: true,
|
|
@@ -9992,30 +10018,30 @@ function $757dac7f7c6c5241$export$9bf11afa910f536e({
|
|
|
9992
10018
|
}), _el$14, _co$3);
|
|
9993
10019
|
$9HbP8$addEventListener(_el$12, "click", dismiss_modal_, true);
|
|
9994
10020
|
$9HbP8$insert(_el$12, () => i18n_.show_n_results_()((() => {
|
|
9995
|
-
|
|
10021
|
+
var _el$35 = $9HbP8$getNextElement($757dac7f7c6c5241$var$_tmpl$7);
|
|
9996
10022
|
$9HbP8$insert(_el$35, formatted_number_of_results_);
|
|
9997
10023
|
return _el$35;
|
|
9998
10024
|
})()));
|
|
9999
10025
|
$9HbP8$effect(_p$ => {
|
|
10000
|
-
|
|
10026
|
+
var _v$ = i18n_.close_(),
|
|
10001
10027
|
_v$2 = modal_scrolling_prevented[0]() ? "overflow:hidden" : "";
|
|
10002
|
-
_v$ !== _p$.
|
|
10003
|
-
_p$.
|
|
10028
|
+
_v$ !== _p$.e && $9HbP8$setAttribute(_el$3, "aria-label", _p$.e = _v$);
|
|
10029
|
+
_p$.t = $9HbP8$style(_el$5, _v$2, _p$.t);
|
|
10004
10030
|
return _p$;
|
|
10005
10031
|
}, {
|
|
10006
|
-
|
|
10007
|
-
|
|
10032
|
+
e: undefined,
|
|
10033
|
+
t: undefined
|
|
10008
10034
|
});
|
|
10009
10035
|
$9HbP8$runHydrationEvents();
|
|
10010
10036
|
return _el$;
|
|
10011
10037
|
})()];
|
|
10012
10038
|
}
|
|
10013
10039
|
$9HbP8$delegateEvents(["click", "touchstart"]);
|
|
10014
|
-
|
|
10040
|
+
var $11d594c749b76228$var$_tmpl$ = /*#__PURE__*/$9HbP8$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">`);
|
|
10015
10041
|
function $11d594c749b76228$export$cb808a3c41736d8e() {
|
|
10016
10042
|
return $9HbP8$getNextElement($11d594c749b76228$var$_tmpl$);
|
|
10017
10043
|
}
|
|
10018
|
-
|
|
10044
|
+
var $cdea4cf8c5c071ef$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div class=filters><div class=body>`),
|
|
10019
10045
|
$cdea4cf8c5c071ef$var$_tmpl$2 = /*#__PURE__*/$9HbP8$template(`<div class=sorting><div class=body>`),
|
|
10020
10046
|
$cdea4cf8c5c071ef$var$_tmpl$3 = /*#__PURE__*/$9HbP8$template(`<div class=sort-and-filter-buttons><div class=outer><div class=inner><!$><!/><!$><!/><!$><!/>`),
|
|
10021
10047
|
$cdea4cf8c5c071ef$var$_tmpl$4 = /*#__PURE__*/$9HbP8$template(`<span class=num-filters>`),
|
|
@@ -10132,13 +10158,13 @@ function $cdea4cf8c5c071ef$export$d7841e452f2e59a8({
|
|
|
10132
10158
|
return !hide_filters();
|
|
10133
10159
|
},
|
|
10134
10160
|
get children() {
|
|
10135
|
-
|
|
10161
|
+
var _el$ = $9HbP8$getNextElement($cdea4cf8c5c071ef$var$_tmpl$),
|
|
10136
10162
|
_el$2 = _el$.firstChild;
|
|
10137
10163
|
$9HbP8$insert(_el$2, $9HbP8$createComponent((0, $fab07f52c9861732$export$3f1a388cc0d8fed7), filter_options));
|
|
10138
10164
|
return _el$;
|
|
10139
10165
|
}
|
|
10140
10166
|
}));else set_extra_els_in_results_container_((() => {
|
|
10141
|
-
|
|
10167
|
+
var _el$3 = $9HbP8$getNextElement($cdea4cf8c5c071ef$var$_tmpl$2),
|
|
10142
10168
|
_el$4 = _el$3.firstChild;
|
|
10143
10169
|
$9HbP8$insert(_el$4, $9HbP8$createComponent((0, $68a258a92b88f02f$export$1f1775a58da589b5), sorting_options));
|
|
10144
10170
|
return _el$3;
|
|
@@ -10179,7 +10205,7 @@ function $cdea4cf8c5c071ef$export$d7841e452f2e59a8({
|
|
|
10179
10205
|
return !sort_and_filter_disabled_?.();
|
|
10180
10206
|
},
|
|
10181
10207
|
get children() {
|
|
10182
|
-
|
|
10208
|
+
var _el$5 = $9HbP8$getNextElement($cdea4cf8c5c071ef$var$_tmpl$3),
|
|
10183
10209
|
_el$6 = _el$5.firstChild,
|
|
10184
10210
|
_el$7 = _el$6.firstChild,
|
|
10185
10211
|
_el$8 = _el$7.firstChild,
|
|
@@ -10188,7 +10214,7 @@ function $cdea4cf8c5c071ef$export$d7841e452f2e59a8({
|
|
|
10188
10214
|
[_el$11, _co$2] = $9HbP8$getNextMarker(_el$10.nextSibling),
|
|
10189
10215
|
_el$12 = _el$11.nextSibling,
|
|
10190
10216
|
[_el$13, _co$3] = $9HbP8$getNextMarker(_el$12.nextSibling);
|
|
10191
|
-
|
|
10217
|
+
var _ref$ = set_sort_and_filter_element_;
|
|
10192
10218
|
typeof _ref$ === "function" ? $9HbP8$use(_ref$, _el$5) : set_sort_and_filter_element_ = _el$5;
|
|
10193
10219
|
$9HbP8$insert(_el$7, () => make_open_filters_button(true, true), _el$9, _co$);
|
|
10194
10220
|
$9HbP8$insert(_el$7, () => middle_elements_?.(), _el$11, _co$2);
|
|
@@ -10217,7 +10243,7 @@ function $cdea4cf8c5c071ef$var$OpenFiltersButton({
|
|
|
10217
10243
|
const filters_closed = $9HbP8$createMemo(() => !search_filters_open_[0]());
|
|
10218
10244
|
// We assume in embedded_num_products that this is a single HTMLElement so pls change there if you change it here
|
|
10219
10245
|
return (() => {
|
|
10220
|
-
|
|
10246
|
+
var _el$14 = $9HbP8$getNextElement($cdea4cf8c5c071ef$var$_tmpl$5),
|
|
10221
10247
|
_el$20 = _el$14.firstChild,
|
|
10222
10248
|
[_el$21, _co$5] = $9HbP8$getNextMarker(_el$20.nextSibling),
|
|
10223
10249
|
_el$16 = _el$21.nextSibling,
|
|
@@ -10229,7 +10255,7 @@ function $cdea4cf8c5c071ef$var$OpenFiltersButton({
|
|
|
10229
10255
|
return num_selected_filters();
|
|
10230
10256
|
},
|
|
10231
10257
|
get children() {
|
|
10232
|
-
|
|
10258
|
+
var _el$15 = $9HbP8$getNextElement($cdea4cf8c5c071ef$var$_tmpl$4);
|
|
10233
10259
|
$9HbP8$insert(_el$15, num_selected_filters);
|
|
10234
10260
|
$9HbP8$effect(_$p => $9HbP8$style(_el$15, filters_closed() ? `` : `opacity:0`, _$p));
|
|
10235
10261
|
return _el$15;
|
|
@@ -10258,7 +10284,7 @@ function $cdea4cf8c5c071ef$var$OpenFiltersButton({
|
|
|
10258
10284
|
}), _el$19, _co$4);
|
|
10259
10285
|
$9HbP8$insert(_el$17, () => i18n_.filter_text_());
|
|
10260
10286
|
$9HbP8$effect(_p$ => {
|
|
10261
|
-
|
|
10287
|
+
var _v$ = hide_button_() ? {
|
|
10262
10288
|
display: "none"
|
|
10263
10289
|
} : {},
|
|
10264
10290
|
_v$2 = !filters_closed(),
|
|
@@ -10267,18 +10293,18 @@ function $cdea4cf8c5c071ef$var$OpenFiltersButton({
|
|
|
10267
10293
|
_v$5 = filter_button_width_?.() ? {
|
|
10268
10294
|
width: filter_button_width_() + "px"
|
|
10269
10295
|
} : {};
|
|
10270
|
-
_p$.
|
|
10271
|
-
_v$2 !== _p$.
|
|
10272
|
-
_v$3 !== _p$.
|
|
10273
|
-
_v$4 !== _p$.
|
|
10274
|
-
_p$.
|
|
10296
|
+
_p$.e = $9HbP8$style(_el$14, _v$, _p$.e);
|
|
10297
|
+
_v$2 !== _p$.t && _el$16.classList.toggle("major", _p$.t = _v$2);
|
|
10298
|
+
_v$3 !== _p$.a && _el$16.classList.toggle("minor", _p$.a = _v$3);
|
|
10299
|
+
_v$4 !== _p$.o && $9HbP8$setAttribute(_el$16, "aria-label", _p$.o = _v$4);
|
|
10300
|
+
_p$.i = $9HbP8$style(_el$16, _v$5, _p$.i);
|
|
10275
10301
|
return _p$;
|
|
10276
10302
|
}, {
|
|
10277
|
-
|
|
10278
|
-
|
|
10279
|
-
|
|
10280
|
-
|
|
10281
|
-
|
|
10303
|
+
e: undefined,
|
|
10304
|
+
t: undefined,
|
|
10305
|
+
a: undefined,
|
|
10306
|
+
o: undefined,
|
|
10307
|
+
i: undefined
|
|
10282
10308
|
});
|
|
10283
10309
|
$9HbP8$runHydrationEvents();
|
|
10284
10310
|
return _el$14;
|
|
@@ -10297,7 +10323,7 @@ function $cdea4cf8c5c071ef$var$OpenSortingButton({
|
|
|
10297
10323
|
const sorting_closed = $9HbP8$createMemo(() => !search_sorting_open_[0]());
|
|
10298
10324
|
// We assume in embedded_num_products that this is a single HTMLElement so pls change there if you change it here
|
|
10299
10325
|
return (() => {
|
|
10300
|
-
|
|
10326
|
+
var _el$22 = $9HbP8$getNextElement($cdea4cf8c5c071ef$var$_tmpl$6),
|
|
10301
10327
|
_el$23 = _el$22.firstChild,
|
|
10302
10328
|
_el$24 = _el$23.nextSibling,
|
|
10303
10329
|
[_el$25, _co$6] = $9HbP8$getNextMarker(_el$24.nextSibling);
|
|
@@ -10311,7 +10337,7 @@ function $cdea4cf8c5c071ef$var$OpenSortingButton({
|
|
|
10311
10337
|
})), true);
|
|
10312
10338
|
$9HbP8$setAttribute(_el$22, "tabindex", tabindex_);
|
|
10313
10339
|
$9HbP8$insert(_el$23, (() => {
|
|
10314
|
-
|
|
10340
|
+
var _c$ = $9HbP8$memo(() => !!sorting_closed());
|
|
10315
10341
|
return () =>
|
|
10316
10342
|
// Show the title of the currently selected sorting when the sorting is closed, if there's currently a sorting selected
|
|
10317
10343
|
// This is to balance that both it should be easy to find the sorting and to see what sorting currently is set
|
|
@@ -10330,33 +10356,33 @@ function $cdea4cf8c5c071ef$var$OpenSortingButton({
|
|
|
10330
10356
|
}
|
|
10331
10357
|
}), _el$25, _co$6);
|
|
10332
10358
|
$9HbP8$effect(_p$ => {
|
|
10333
|
-
|
|
10359
|
+
var _v$6 = !sorting_closed(),
|
|
10334
10360
|
_v$7 = !!sorting_closed(),
|
|
10335
10361
|
_v$8 = (sorting_closed() ? i18n_.open_sorting_ : i18n_.close_sorting_)(),
|
|
10336
10362
|
_v$9 = sort_button_width_?.() ? {
|
|
10337
10363
|
width: sort_button_width_() + "px"
|
|
10338
10364
|
} : {};
|
|
10339
|
-
_v$6 !== _p$.
|
|
10340
|
-
_v$7 !== _p$.
|
|
10341
|
-
_v$8 !== _p$.
|
|
10342
|
-
_p$.
|
|
10365
|
+
_v$6 !== _p$.e && _el$22.classList.toggle("major", _p$.e = _v$6);
|
|
10366
|
+
_v$7 !== _p$.t && _el$22.classList.toggle("minor", _p$.t = _v$7);
|
|
10367
|
+
_v$8 !== _p$.a && $9HbP8$setAttribute(_el$22, "aria-label", _p$.a = _v$8);
|
|
10368
|
+
_p$.o = $9HbP8$style(_el$22, _v$9, _p$.o);
|
|
10343
10369
|
return _p$;
|
|
10344
10370
|
}, {
|
|
10345
|
-
|
|
10346
|
-
|
|
10347
|
-
|
|
10348
|
-
|
|
10371
|
+
e: undefined,
|
|
10372
|
+
t: undefined,
|
|
10373
|
+
a: undefined,
|
|
10374
|
+
o: undefined
|
|
10349
10375
|
});
|
|
10350
10376
|
$9HbP8$runHydrationEvents();
|
|
10351
10377
|
return _el$22;
|
|
10352
10378
|
})();
|
|
10353
10379
|
}
|
|
10354
10380
|
$9HbP8$delegateEvents(["click"]);
|
|
10355
|
-
|
|
10381
|
+
var $f9182ab2348d1080$var$_tmpl$ = /*#__PURE__*/$9HbP8$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">`);
|
|
10356
10382
|
function $f9182ab2348d1080$export$2624c5890f1bbcf7() {
|
|
10357
10383
|
return $9HbP8$getNextElement($f9182ab2348d1080$var$_tmpl$);
|
|
10358
10384
|
}
|
|
10359
|
-
|
|
10385
|
+
var $0b0380f75d729d63$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div class=floating-buttons><button class=filter><div></div></button><button class=sort><div></div></button><button class=up><div>`);
|
|
10360
10386
|
function $0b0380f75d729d63$export$b23abd26de154ede(props) {
|
|
10361
10387
|
if (0, $9HbP8$isServer) return; // won't show in initial render and need scroll position
|
|
10362
10388
|
const [is_small, set_is_small] = $9HbP8$createSignal(true);
|
|
@@ -10453,7 +10479,7 @@ function $0b0380f75d729d63$var$ActualFloatingButtons({
|
|
|
10453
10479
|
is.disconnect();
|
|
10454
10480
|
}));
|
|
10455
10481
|
return (() => {
|
|
10456
|
-
|
|
10482
|
+
var _el$ = $9HbP8$getNextElement($0b0380f75d729d63$var$_tmpl$),
|
|
10457
10483
|
_el$2 = _el$.firstChild,
|
|
10458
10484
|
_el$3 = _el$2.firstChild,
|
|
10459
10485
|
_el$4 = _el$2.nextSibling,
|
|
@@ -10470,7 +10496,7 @@ function $0b0380f75d729d63$var$ActualFloatingButtons({
|
|
|
10470
10496
|
set_search_sorting_open_(true);
|
|
10471
10497
|
}), true);
|
|
10472
10498
|
$9HbP8$insert(_el$5, (() => {
|
|
10473
|
-
|
|
10499
|
+
var _c$ = $9HbP8$memo(() => current_sorting_[0]()?.order === "asc");
|
|
10474
10500
|
return () => _c$() ? $9HbP8$createComponent((0, $e1bb71e65e01a3a0$export$da32f7add8a22e86), {}) : $9HbP8$createComponent((0, $05fbe84eb34564ec$export$d10e63059ddb9fd4), {});
|
|
10475
10501
|
})());
|
|
10476
10502
|
$9HbP8$addEventListener(_el$6, "click", $9HbP8$catchify(() => scrollTo({
|
|
@@ -10479,27 +10505,27 @@ function $0b0380f75d729d63$var$ActualFloatingButtons({
|
|
|
10479
10505
|
})), true);
|
|
10480
10506
|
$9HbP8$insert(_el$7, $9HbP8$createComponent((0, $f9182ab2348d1080$export$2624c5890f1bbcf7), {}));
|
|
10481
10507
|
$9HbP8$effect(_p$ => {
|
|
10482
|
-
|
|
10508
|
+
var _v$ = !!(is_scrolling_upwards() && modal_is_closed() && !regular_buttons_are_in_view() && !get_is_showing_toast()),
|
|
10483
10509
|
_v$2 = i18n_.filter_text_(),
|
|
10484
10510
|
_v$3 = i18n_.sorting_text_(),
|
|
10485
10511
|
_v$4 = i18n_.scroll_to_top_();
|
|
10486
|
-
_v$ !== _p$.
|
|
10487
|
-
_v$2 !== _p$.
|
|
10488
|
-
_v$3 !== _p$.
|
|
10489
|
-
_v$4 !== _p$.
|
|
10512
|
+
_v$ !== _p$.e && _el$.classList.toggle("show-them", _p$.e = _v$);
|
|
10513
|
+
_v$2 !== _p$.t && $9HbP8$setAttribute(_el$2, "aria-label", _p$.t = _v$2);
|
|
10514
|
+
_v$3 !== _p$.a && $9HbP8$setAttribute(_el$4, "aria-label", _p$.a = _v$3);
|
|
10515
|
+
_v$4 !== _p$.o && $9HbP8$setAttribute(_el$6, "aria-label", _p$.o = _v$4);
|
|
10490
10516
|
return _p$;
|
|
10491
10517
|
}, {
|
|
10492
|
-
|
|
10493
|
-
|
|
10494
|
-
|
|
10495
|
-
|
|
10518
|
+
e: undefined,
|
|
10519
|
+
t: undefined,
|
|
10520
|
+
a: undefined,
|
|
10521
|
+
o: undefined
|
|
10496
10522
|
});
|
|
10497
10523
|
$9HbP8$runHydrationEvents();
|
|
10498
10524
|
return _el$;
|
|
10499
10525
|
})();
|
|
10500
10526
|
}
|
|
10501
10527
|
$9HbP8$delegateEvents(["click"]);
|
|
10502
|
-
|
|
10528
|
+
var $06edf3aec9073663$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<nav class=quicklinks>`),
|
|
10503
10529
|
$06edf3aec9073663$var$_tmpl$2 = /*#__PURE__*/$9HbP8$template(`<div>QuickLinks failed`),
|
|
10504
10530
|
$06edf3aec9073663$var$_tmpl$3 = /*#__PURE__*/$9HbP8$template(`<a class=quicklink>`);
|
|
10505
10531
|
function $06edf3aec9073663$export$466cdc317043f6cb({
|
|
@@ -10559,7 +10585,7 @@ function $06edf3aec9073663$export$466cdc317043f6cb({
|
|
|
10559
10585
|
return $9HbP8$getNextElement($06edf3aec9073663$var$_tmpl$2);
|
|
10560
10586
|
},
|
|
10561
10587
|
get children() {
|
|
10562
|
-
|
|
10588
|
+
var _el$ = $9HbP8$getNextElement($06edf3aec9073663$var$_tmpl$);
|
|
10563
10589
|
$9HbP8$insert(_el$, $9HbP8$createComponent((0, $f32e14878e75af51$export$6649caad96ef8870), {
|
|
10564
10590
|
faded_opacity_: 0.5,
|
|
10565
10591
|
mutation_plugins_: mutation_plugins,
|
|
@@ -10655,7 +10681,7 @@ function $06edf3aec9073663$export$466cdc317043f6cb({
|
|
|
10655
10681
|
filter_query_param_prefix_: filter_query_param_prefix_
|
|
10656
10682
|
}));
|
|
10657
10683
|
return (() => {
|
|
10658
|
-
|
|
10684
|
+
var _el$3 = $9HbP8$getNextElement($06edf3aec9073663$var$_tmpl$3);
|
|
10659
10685
|
$9HbP8$addEventListener(_el$3, "click", $9HbP8$catchify(ev => {
|
|
10660
10686
|
const url = href();
|
|
10661
10687
|
if (is_selected() && !ev.metaKey && !ev.ctrlKey && !ev.button || !url)
|
|
@@ -10676,14 +10702,14 @@ function $06edf3aec9073663$export$466cdc317043f6cb({
|
|
|
10676
10702
|
width: "10ch"
|
|
10677
10703
|
}));
|
|
10678
10704
|
$9HbP8$effect(_p$ => {
|
|
10679
|
-
|
|
10705
|
+
var _v$ = !!is_selected(),
|
|
10680
10706
|
_v$2 = href();
|
|
10681
|
-
_v$ !== _p$.
|
|
10682
|
-
_v$2 !== _p$.
|
|
10707
|
+
_v$ !== _p$.e && _el$3.classList.toggle("selected", _p$.e = _v$);
|
|
10708
|
+
_v$2 !== _p$.t && $9HbP8$setAttribute(_el$3, "href", _p$.t = _v$2);
|
|
10683
10709
|
return _p$;
|
|
10684
10710
|
}, {
|
|
10685
|
-
|
|
10686
|
-
|
|
10711
|
+
e: undefined,
|
|
10712
|
+
t: undefined
|
|
10687
10713
|
});
|
|
10688
10714
|
$9HbP8$runHydrationEvents();
|
|
10689
10715
|
return _el$3;
|
|
@@ -10912,7 +10938,7 @@ function $e7fce80abe608e01$var$clear_if_opened_new_tab_with_sideways_url_params_
|
|
|
10912
10938
|
});
|
|
10913
10939
|
tracking_function_for_plp_results(plp_results_);
|
|
10914
10940
|
}
|
|
10915
|
-
|
|
10941
|
+
var $cc6f5b69378cd164$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div class=statement style=white-space:pre-wrap>No \`id\` specified in \`listingQuery\`, this is probably unintentional. Make sure to create (and insert) the CategoryPage *after* you have specified a listingQuery.`),
|
|
10916
10942
|
$cc6f5b69378cd164$var$_tmpl$2 = /*#__PURE__*/$9HbP8$template(`<div class=buttons><button class="ok major">`);
|
|
10917
10943
|
function $cc6f5b69378cd164$export$7af06a63c5a976c9(el, listing_id, i18n_) {
|
|
10918
10944
|
if (!(0, $9HbP8$is_debug)) return; // Just to make sure we don't show this in production
|
|
@@ -10933,7 +10959,7 @@ function $cc6f5b69378cd164$export$7af06a63c5a976c9(el, listing_id, i18n_) {
|
|
|
10933
10959
|
background: "#ffb830"
|
|
10934
10960
|
},
|
|
10935
10961
|
children: [$9HbP8$getNextElement($cc6f5b69378cd164$var$_tmpl$), (() => {
|
|
10936
|
-
|
|
10962
|
+
var _el$2 = $9HbP8$getNextElement($cc6f5b69378cd164$var$_tmpl$2),
|
|
10937
10963
|
_el$3 = _el$2.firstChild;
|
|
10938
10964
|
_el$3.$$click = () => close_toast_() /* We have to wait for close_toast_ to get defined after the call to show_toast */;
|
|
10939
10965
|
$9HbP8$insert(_el$3, () => i18n_.ok_());
|
|
@@ -10971,7 +10997,7 @@ function $2ab89d64b7f1d5ef$export$d31a1a1a83ad9413(plp_results_, [get_selected_f
|
|
|
10971
10997
|
set_selected_filters(new_filters);
|
|
10972
10998
|
});
|
|
10973
10999
|
}
|
|
10974
|
-
|
|
11000
|
+
var $df5d81d0fe61ff21$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div class=product-count><!$><!/> <!$><!/>`),
|
|
10975
11001
|
$df5d81d0fe61ff21$var$_tmpl$2 = /*#__PURE__*/$9HbP8$template(`<div>`),
|
|
10976
11002
|
$df5d81d0fe61ff21$var$_tmpl$3 = /*#__PURE__*/$9HbP8$template(`<div class=filter-results-for-one-row><!$><!/><!$><!/>`),
|
|
10977
11003
|
$df5d81d0fe61ff21$var$_tmpl$4 = /*#__PURE__*/$9HbP8$template(`<div class="depict plp category"><div class=listing-page><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/></div><!$><!/>`);
|
|
@@ -11103,7 +11129,7 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({
|
|
|
11103
11129
|
}
|
|
11104
11130
|
});
|
|
11105
11131
|
const make_product_count_ = () => (() => {
|
|
11106
|
-
|
|
11132
|
+
var _el$ = $9HbP8$getNextElement($df5d81d0fe61ff21$var$_tmpl$),
|
|
11107
11133
|
_el$3 = _el$.firstChild,
|
|
11108
11134
|
[_el$4, _co$] = $9HbP8$getNextMarker(_el$3.nextSibling),
|
|
11109
11135
|
_el$2 = _el$4.nextSibling,
|
|
@@ -11202,7 +11228,7 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({
|
|
|
11202
11228
|
await set_results_filters(); // remove elements, wait one microtask for updates to have been committed to the DOM, otherwise we'd try to do illegal DOM operations
|
|
11203
11229
|
// signals can't be read reactively anymore after the await FYI
|
|
11204
11230
|
$9HbP8$runWithOwner(owner, () => set_results_filters(slim ? only_show_filters_opener ? filters_opener : [results_for, filters_opener] : (() => {
|
|
11205
|
-
|
|
11231
|
+
var _el$8 = $9HbP8$getNextElement($df5d81d0fe61ff21$var$_tmpl$3),
|
|
11206
11232
|
_el$9 = _el$8.firstChild,
|
|
11207
11233
|
[_el$10, _co$3] = $9HbP8$getNextMarker(_el$9.nextSibling),
|
|
11208
11234
|
_el$11 = _el$10.nextSibling,
|
|
@@ -11230,7 +11256,7 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({
|
|
|
11230
11256
|
get_breadcrumb_accessor_?.(crumb_data_);
|
|
11231
11257
|
get_quicklinks_accessor_?.(quicklinks_data_);
|
|
11232
11258
|
return [(0, $9HbP8$isServer) ? "<!-- Category page based on Depict SDK -->" : document.createComment("Category page based on Depict SDK"), (() => {
|
|
11233
|
-
|
|
11259
|
+
var _el$13 = $9HbP8$getNextElement($df5d81d0fe61ff21$var$_tmpl$4),
|
|
11234
11260
|
_el$14 = _el$13.firstChild,
|
|
11235
11261
|
_el$15 = _el$14.firstChild,
|
|
11236
11262
|
[_el$16, _co$5] = $9HbP8$getNextMarker(_el$15.nextSibling),
|
|
@@ -11505,7 +11531,7 @@ function $ccd5db07a3a069c5$var$start_href_writer({
|
|
|
11505
11531
|
function $ccd5db07a3a069c5$var$delete_sideways_param_flag(searchParams) {
|
|
11506
11532
|
if (searchParams.get((0, $4147651646da990a$export$cf5feb2102aec7f2)) === "true") searchParams.delete((0, $4147651646da990a$export$cf5feb2102aec7f2));
|
|
11507
11533
|
}
|
|
11508
|
-
|
|
11534
|
+
var $961b5c64bef4662f$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div class="depict plp category">`);
|
|
11509
11535
|
// We just pass page_url_creator to DepictAPI when we instantiate it, so don't allow it to be specified if api is already specified
|
|
11510
11536
|
/**
|
|
11511
11537
|
* Type for the private properties that are shared between the different exported search SDK wrapper functions.
|
|
@@ -11516,7 +11542,7 @@ const $961b5c64bef4662f$var$privately_shared_properties = /*@__PURE__*/new WeakM
|
|
|
11516
11542
|
const $961b5c64bef4662f$var$InExternalAreaDiv = ({
|
|
11517
11543
|
children: children
|
|
11518
11544
|
}) => (() => {
|
|
11519
|
-
|
|
11545
|
+
var _el$ = $9HbP8$getNextElement($961b5c64bef4662f$var$_tmpl$);
|
|
11520
11546
|
$9HbP8$insert(_el$, children);
|
|
11521
11547
|
$9HbP8$effect(() => $9HbP8$setAttribute(_el$, "id", (0, $f86ba724282f6690$export$44dad306455dddf).PLP_CATEGORY));
|
|
11522
11548
|
return _el$;
|
|
@@ -11786,7 +11812,7 @@ function $961b5c64bef4662f$var$get_shared_properties(depict_category) {
|
|
|
11786
11812
|
if (!shared_properties) throw new Error("Can't connect to provided DepictCategory instance");
|
|
11787
11813
|
return shared_properties;
|
|
11788
11814
|
}
|
|
11789
|
-
|
|
11815
|
+
var $a6e23a834336fc19$var$_tmpl$ = /*#__PURE__*/$9HbP8$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><!$><!/><!$><!/><!$><!/>`);
|
|
11790
11816
|
const $a6e23a834336fc19$export$824dde41348efed1 = /*@__PURE__*/(() => {
|
|
11791
11817
|
const actual_function = ({
|
|
11792
11818
|
make_product_count_: make_product_count_,
|
|
@@ -11812,7 +11838,7 @@ const $a6e23a834336fc19$export$824dde41348efed1 = /*@__PURE__*/(() => {
|
|
|
11812
11838
|
const on_filters_constructed_ = () => {
|
|
11813
11839
|
const active_sort_and_filter_element = $9HbP8$untrack(sort_and_filter_element_); // We assume that this doesn't change which it currently doesn't after the filters have been constructed
|
|
11814
11840
|
const extra_sort_and_filter_container_ = (() => {
|
|
11815
|
-
|
|
11841
|
+
var _el$ = $9HbP8$getNextElement($a6e23a834336fc19$var$_tmpl$),
|
|
11816
11842
|
_el$2 = _el$.firstChild,
|
|
11817
11843
|
_el$3 = _el$2.firstChild,
|
|
11818
11844
|
_el$4 = _el$3.firstChild,
|
|
@@ -11949,7 +11975,7 @@ async function $4b2134398dfa83fa$var$download_categories(merchant, market, local
|
|
|
11949
11975
|
|
|
11950
11976
|
/* @refresh reload */ /** @jsxImportSource solid-js */
|
|
11951
11977
|
|
|
11952
|
-
|
|
11978
|
+
var $897bd4a76f611b38$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<span class=parent-title>`),
|
|
11953
11979
|
$897bd4a76f611b38$var$_tmpl$2 = /*#__PURE__*/$9HbP8$template(`<a class=category-suggestion><span class=title></span><!$><!/>`);
|
|
11954
11980
|
function $897bd4a76f611b38$export$d757d54550ebfb3d({
|
|
11955
11981
|
category_suggestion_: category_suggestion_,
|
|
@@ -11957,7 +11983,7 @@ function $897bd4a76f611b38$export$d757d54550ebfb3d({
|
|
|
11957
11983
|
}) {
|
|
11958
11984
|
const parentTitle = $9HbP8$createMemo(() => category_suggestion_().ancestors.at(-1)?.title);
|
|
11959
11985
|
return (() => {
|
|
11960
|
-
|
|
11986
|
+
var _el$ = $9HbP8$getNextElement($897bd4a76f611b38$var$_tmpl$2),
|
|
11961
11987
|
_el$2 = _el$.firstChild,
|
|
11962
11988
|
_el$4 = _el$2.nextSibling,
|
|
11963
11989
|
[_el$5, _co$] = $9HbP8$getNextMarker(_el$4.nextSibling);
|
|
@@ -11974,7 +12000,7 @@ function $897bd4a76f611b38$export$d757d54550ebfb3d({
|
|
|
11974
12000
|
return parentTitle();
|
|
11975
12001
|
},
|
|
11976
12002
|
get children() {
|
|
11977
|
-
|
|
12003
|
+
var _el$3 = $9HbP8$getNextElement($897bd4a76f611b38$var$_tmpl$);
|
|
11978
12004
|
$9HbP8$insert(_el$3, parentTitle);
|
|
11979
12005
|
return _el$3;
|
|
11980
12006
|
}
|
|
@@ -11985,7 +12011,7 @@ function $897bd4a76f611b38$export$d757d54550ebfb3d({
|
|
|
11985
12011
|
})();
|
|
11986
12012
|
}
|
|
11987
12013
|
$9HbP8$delegateEvents(["click"]);
|
|
11988
|
-
|
|
12014
|
+
var $172e1b898d457050$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div class=search-recs><h3 class=search-recs-title></h3><!$><!/><!$><!/>`),
|
|
11989
12015
|
$172e1b898d457050$var$_tmpl$2 = /*#__PURE__*/$9HbP8$template(`<button class="show-more major"type=button>`);
|
|
11990
12016
|
const $172e1b898d457050$export$1c8c715550dc689d = 2;
|
|
11991
12017
|
function $172e1b898d457050$export$7de92c4c2205ebf3({
|
|
@@ -12013,7 +12039,7 @@ function $172e1b898d457050$export$7de92c4c2205ebf3({
|
|
|
12013
12039
|
});
|
|
12014
12040
|
// Don't tear down elements every time one updates the page - don't put them within <Show>
|
|
12015
12041
|
const elements = (() => {
|
|
12016
|
-
|
|
12042
|
+
var _el$ = $9HbP8$getNextElement($172e1b898d457050$var$_tmpl$),
|
|
12017
12043
|
_el$2 = _el$.firstChild,
|
|
12018
12044
|
_el$3 = _el$2.nextSibling,
|
|
12019
12045
|
[_el$4, _co$] = $9HbP8$getNextMarker(_el$3.nextSibling),
|
|
@@ -12069,7 +12095,7 @@ function $172e1b898d457050$var$make_state_saved_rows([get_showing_recommendation
|
|
|
12069
12095
|
start_rows: $172e1b898d457050$export$1c8c715550dc689d,
|
|
12070
12096
|
rows_per_click: 3,
|
|
12071
12097
|
button: (() => {
|
|
12072
|
-
|
|
12098
|
+
var _el$7 = $9HbP8$getNextElement($172e1b898d457050$var$_tmpl$2);
|
|
12073
12099
|
$9HbP8$insert(_el$7, () => i18n_.view_more_());
|
|
12074
12100
|
return _el$7;
|
|
12075
12101
|
})()
|
|
@@ -12255,7 +12281,7 @@ function $b6d5529b253681aa$export$b3ad617e9036868({
|
|
|
12255
12281
|
}));
|
|
12256
12282
|
return align_position;
|
|
12257
12283
|
}
|
|
12258
|
-
|
|
12284
|
+
var $793905995512612d$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div class=category-suggestions>`),
|
|
12259
12285
|
$793905995512612d$var$_tmpl$2 = /*#__PURE__*/$9HbP8$template(`<div class=category-suggestion>`);
|
|
12260
12286
|
function $793905995512612d$export$c05a196222ba1302({
|
|
12261
12287
|
suggestions_: suggestions_,
|
|
@@ -12267,7 +12293,7 @@ function $793905995512612d$export$c05a196222ba1302({
|
|
|
12267
12293
|
return category_suggestions_()?.length || suggestions_.loading;
|
|
12268
12294
|
},
|
|
12269
12295
|
get children() {
|
|
12270
|
-
|
|
12296
|
+
var _el$ = $9HbP8$getNextElement($793905995512612d$var$_tmpl$);
|
|
12271
12297
|
$9HbP8$insert(_el$, $9HbP8$createComponent((0, $f32e14878e75af51$export$6649caad96ef8870), {
|
|
12272
12298
|
faded_opacity_: 0.7,
|
|
12273
12299
|
get children() {
|
|
@@ -12277,7 +12303,7 @@ function $793905995512612d$export$c05a196222ba1302({
|
|
|
12277
12303
|
},
|
|
12278
12304
|
get fallback() {
|
|
12279
12305
|
return (() => {
|
|
12280
|
-
|
|
12306
|
+
var _el$2 = $9HbP8$getNextElement($793905995512612d$var$_tmpl$2);
|
|
12281
12307
|
$9HbP8$insert(_el$2, $9HbP8$createComponent((0, $d134eae24341b4a1$export$89c6019e4baa40b1), {
|
|
12282
12308
|
height: "19px",
|
|
12283
12309
|
width: "133px"
|
|
@@ -12300,7 +12326,7 @@ function $793905995512612d$export$c05a196222ba1302({
|
|
|
12300
12326
|
}
|
|
12301
12327
|
});
|
|
12302
12328
|
}
|
|
12303
|
-
|
|
12329
|
+
var $f8c929beb82c512b$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<b>`),
|
|
12304
12330
|
$f8c929beb82c512b$var$_tmpl$2 = /*#__PURE__*/$9HbP8$template(`<div class=results-for>`);
|
|
12305
12331
|
function $f8c929beb82c512b$export$9dd50d35b9d94fdf({
|
|
12306
12332
|
get_search_query_: get_search_query_,
|
|
@@ -12312,17 +12338,17 @@ function $f8c929beb82c512b$export$9dd50d35b9d94fdf({
|
|
|
12312
12338
|
const contents = $9HbP8$createMemo($9HbP8$catchify(() => {
|
|
12313
12339
|
const q = get_search_query_();
|
|
12314
12340
|
return i18n_[type === $f8c929beb82c512b$export$2452208c79fe93ea.content ? "get_showing_pages_for_" : "get_showing_results_for_"]()((() => {
|
|
12315
|
-
|
|
12341
|
+
var _el$ = $9HbP8$getNextElement($f8c929beb82c512b$var$_tmpl$);
|
|
12316
12342
|
$9HbP8$insert(_el$, q);
|
|
12317
12343
|
return _el$;
|
|
12318
12344
|
})(), (() => {
|
|
12319
|
-
|
|
12345
|
+
var _el$2 = $9HbP8$getNextElement($f8c929beb82c512b$var$_tmpl$);
|
|
12320
12346
|
$9HbP8$insert(_el$2, formatted_number_of_results_);
|
|
12321
12347
|
return _el$2;
|
|
12322
12348
|
})(), !!q, number_of_results_());
|
|
12323
12349
|
}));
|
|
12324
12350
|
return (() => {
|
|
12325
|
-
|
|
12351
|
+
var _el$3 = $9HbP8$getNextElement($f8c929beb82c512b$var$_tmpl$2);
|
|
12326
12352
|
$9HbP8$insert(_el$3, contents);
|
|
12327
12353
|
return _el$3;
|
|
12328
12354
|
})();
|
|
@@ -12338,6 +12364,7 @@ function $1801dbce7adb3f19$export$41b4894022a3580f({
|
|
|
12338
12364
|
alignmentSignals_ = {
|
|
12339
12365
|
body_: $9HbP8$createSignal({}),
|
|
12340
12366
|
field_: $9HbP8$createSignal({}),
|
|
12367
|
+
backdrop_: $9HbP8$createSignal({}),
|
|
12341
12368
|
...alignmentSignals_
|
|
12342
12369
|
};
|
|
12343
12370
|
const [, set_style_props] = alignmentSignals_.body_;
|
|
@@ -12355,7 +12382,7 @@ function $1801dbce7adb3f19$export$41b4894022a3580f({
|
|
|
12355
12382
|
})));
|
|
12356
12383
|
return alignmentSignals_;
|
|
12357
12384
|
}
|
|
12358
|
-
|
|
12385
|
+
var $b2bf2cdcff8142d8$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<a>`),
|
|
12359
12386
|
$b2bf2cdcff8142d8$var$_tmpl$2 = /*#__PURE__*/$9HbP8$template(`<div>`),
|
|
12360
12387
|
$b2bf2cdcff8142d8$var$_tmpl$3 = /*#__PURE__*/$9HbP8$template(`<div class="description line-clamp">`),
|
|
12361
12388
|
$b2bf2cdcff8142d8$var$_tmpl$4 = /*#__PURE__*/$9HbP8$template(`<div class=content-card><div class=image></div><div class=info><!$><!/><!$><!/>`);
|
|
@@ -12380,14 +12407,14 @@ function $b2bf2cdcff8142d8$export$f631859cab12b342({
|
|
|
12380
12407
|
...attributes
|
|
12381
12408
|
}) => {
|
|
12382
12409
|
if (content_result_) return (() => {
|
|
12383
|
-
|
|
12410
|
+
var _el$ = $9HbP8$getNextElement($b2bf2cdcff8142d8$var$_tmpl$);
|
|
12384
12411
|
$9HbP8$spread(_el$, attributes, false, true);
|
|
12385
12412
|
$9HbP8$insert(_el$, children);
|
|
12386
12413
|
$9HbP8$runHydrationEvents();
|
|
12387
12414
|
return _el$;
|
|
12388
12415
|
})();
|
|
12389
12416
|
return (() => {
|
|
12390
|
-
|
|
12417
|
+
var _el$2 = $9HbP8$getNextElement($b2bf2cdcff8142d8$var$_tmpl$2);
|
|
12391
12418
|
$9HbP8$spread(_el$2, attributes, false, true);
|
|
12392
12419
|
$9HbP8$insert(_el$2, children);
|
|
12393
12420
|
$9HbP8$runHydrationEvents();
|
|
@@ -12395,7 +12422,7 @@ function $b2bf2cdcff8142d8$export$f631859cab12b342({
|
|
|
12395
12422
|
})();
|
|
12396
12423
|
};
|
|
12397
12424
|
return (() => {
|
|
12398
|
-
|
|
12425
|
+
var _el$3 = $9HbP8$getNextElement($b2bf2cdcff8142d8$var$_tmpl$4),
|
|
12399
12426
|
_el$4 = _el$3.firstChild,
|
|
12400
12427
|
_el$5 = _el$4.nextSibling,
|
|
12401
12428
|
_el$7 = _el$5.firstChild,
|
|
@@ -12433,7 +12460,7 @@ function $b2bf2cdcff8142d8$export$f631859cab12b342({
|
|
|
12433
12460
|
return content_result_?.().description;
|
|
12434
12461
|
},
|
|
12435
12462
|
get children() {
|
|
12436
|
-
|
|
12463
|
+
var _el$6 = $9HbP8$getNextElement($b2bf2cdcff8142d8$var$_tmpl$3);
|
|
12437
12464
|
$9HbP8$insert(_el$6, $9HbP8$createComponent((0, $9HbP8$Show), {
|
|
12438
12465
|
when: content_result_,
|
|
12439
12466
|
get fallback() {
|
|
@@ -12511,7 +12538,7 @@ function $9d5b3ed1fc91c672$export$4405d077f0a20494({
|
|
|
12511
12538
|
children: () => $9HbP8$createComponent((0, $b2bf2cdcff8142d8$export$f631859cab12b342), {})
|
|
12512
12539
|
});
|
|
12513
12540
|
}
|
|
12514
|
-
|
|
12541
|
+
var $49de9d31aeea1b5e$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div class=content-results><!$><!/><!$><!/>`),
|
|
12515
12542
|
$49de9d31aeea1b5e$var$_tmpl$2 = /*#__PURE__*/$9HbP8$template(`<button class=view-more>`),
|
|
12516
12543
|
$49de9d31aeea1b5e$var$_tmpl$3 = /*#__PURE__*/$9HbP8$template(`<button class=view-less>`);
|
|
12517
12544
|
const $49de9d31aeea1b5e$export$70ceae36059a1036 = 1;
|
|
@@ -12541,7 +12568,7 @@ function $49de9d31aeea1b5e$export$6d0c9c22f6652669({
|
|
|
12541
12568
|
const rows_object = $49de9d31aeea1b5e$var$make_state_saved_rows(content_results_rows_, i18n_);
|
|
12542
12569
|
for (const ev of ["add", "delete"]) queries_without_content_results_.addEventListener(ev, () => set_check_query(prev => !prev));
|
|
12543
12570
|
return (() => {
|
|
12544
|
-
|
|
12571
|
+
var _el$ = $9HbP8$getNextElement($49de9d31aeea1b5e$var$_tmpl$),
|
|
12545
12572
|
_el$2 = _el$.firstChild,
|
|
12546
12573
|
[_el$3, _co$] = $9HbP8$getNextMarker(_el$2.nextSibling),
|
|
12547
12574
|
_el$4 = _el$3.nextSibling,
|
|
@@ -12596,12 +12623,12 @@ function $49de9d31aeea1b5e$var$make_state_saved_rows(
|
|
|
12596
12623
|
currently_visible: currently_visible,
|
|
12597
12624
|
start_rows: $49de9d31aeea1b5e$export$70ceae36059a1036,
|
|
12598
12625
|
button: (() => {
|
|
12599
|
-
|
|
12626
|
+
var _el$6 = $9HbP8$getNextElement($49de9d31aeea1b5e$var$_tmpl$2);
|
|
12600
12627
|
$9HbP8$insert(_el$6, () => i18n_.view_more_());
|
|
12601
12628
|
return _el$6;
|
|
12602
12629
|
})(),
|
|
12603
12630
|
view_less_button: (() => {
|
|
12604
|
-
|
|
12631
|
+
var _el$7 = $9HbP8$getNextElement($49de9d31aeea1b5e$var$_tmpl$3);
|
|
12605
12632
|
$9HbP8$insert(_el$7, () => i18n_.view_less_());
|
|
12606
12633
|
return _el$7;
|
|
12607
12634
|
})(),
|
|
@@ -12615,13 +12642,13 @@ function $49de9d31aeea1b5e$var$make_state_saved_rows(
|
|
|
12615
12642
|
}));
|
|
12616
12643
|
return rows;
|
|
12617
12644
|
}
|
|
12618
|
-
|
|
12645
|
+
var $0e562a5b247b1fc2$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div class="depict plp search">`);
|
|
12619
12646
|
function $0e562a5b247b1fc2$export$44f738469d5570cf({
|
|
12620
12647
|
actualField_: actualField_,
|
|
12621
12648
|
makeFakeField_: makeFakeField_,
|
|
12622
12649
|
wrap_: wrap_,
|
|
12623
|
-
bodyAlignmentSignal_: [,
|
|
12624
|
-
backdropStyleSignal_: [,
|
|
12650
|
+
bodyAlignmentSignal_: [, setBodyAlignment_],
|
|
12651
|
+
backdropStyleSignal_: [, setBackdropStyle_],
|
|
12625
12652
|
setPollAlignment_: setPollAlignment_,
|
|
12626
12653
|
submitButton_: submitButton_,
|
|
12627
12654
|
modalSearchFieldOuterWidth_: modalSearchFieldOuterWidth_
|
|
@@ -12646,7 +12673,7 @@ function $0e562a5b247b1fc2$export$44f738469d5570cf({
|
|
|
12646
12673
|
actualField_.replaceWith(fakeField);
|
|
12647
12674
|
// Don't move the wrapped div since that would confuse run_in_root_or_auto_cleanup, but do actually move the field the user clicked around so that all selection stuff etc. is easier
|
|
12648
12675
|
const addedToBody = wrap_ ? (() => {
|
|
12649
|
-
|
|
12676
|
+
var _el$ = $9HbP8$getNextElement($0e562a5b247b1fc2$var$_tmpl$);
|
|
12650
12677
|
$9HbP8$insert(_el$, actualField_);
|
|
12651
12678
|
return _el$;
|
|
12652
12679
|
})() : actualField_;
|
|
@@ -12662,8 +12689,8 @@ function $0e562a5b247b1fc2$export$44f738469d5570cf({
|
|
|
12662
12689
|
} : {})
|
|
12663
12690
|
});
|
|
12664
12691
|
const pxOffCenter = $9HbP8$untrack(innerWidthReactive) / 2 - (left + width / 2);
|
|
12665
|
-
const
|
|
12666
|
-
const
|
|
12692
|
+
const openDuration_ = pxOffCenter > 100 ? 250 : 125; // faster animations if little left-right movement
|
|
12693
|
+
const closeDuration_ = pxOffCenter > 100 ? 150 : 100;
|
|
12667
12694
|
setPollAlignment_(true);
|
|
12668
12695
|
// Fade out submit button so there aren't two overlapping buttons for a split second
|
|
12669
12696
|
submitButton_.animate([{
|
|
@@ -12671,7 +12698,7 @@ function $0e562a5b247b1fc2$export$44f738469d5570cf({
|
|
|
12671
12698
|
}, {
|
|
12672
12699
|
opacity: 0
|
|
12673
12700
|
}], {
|
|
12674
|
-
duration:
|
|
12701
|
+
duration: openDuration_ / 3,
|
|
12675
12702
|
fill: "forwards"
|
|
12676
12703
|
});
|
|
12677
12704
|
$9HbP8$createEffect(finished => {
|
|
@@ -12685,7 +12712,7 @@ function $0e562a5b247b1fc2$export$44f738469d5570cf({
|
|
|
12685
12712
|
left: `${$9HbP8$untrack(innerWidthReactive) / 2 - $9HbP8$untrack(inModalFieldWidth) / 2}px`,
|
|
12686
12713
|
width: $9HbP8$untrack(inModalFieldWidthPx)
|
|
12687
12714
|
}], {
|
|
12688
|
-
duration:
|
|
12715
|
+
duration: openDuration_,
|
|
12689
12716
|
easing: "ease-in"
|
|
12690
12717
|
}).finished.then(() => {
|
|
12691
12718
|
setPollAlignment_(false);
|
|
@@ -12707,25 +12734,16 @@ function $0e562a5b247b1fc2$export$44f738469d5570cf({
|
|
|
12707
12734
|
});
|
|
12708
12735
|
return true;
|
|
12709
12736
|
}, false);
|
|
12710
|
-
|
|
12711
|
-
|
|
12712
|
-
|
|
12713
|
-
|
|
12714
|
-
})
|
|
12715
|
-
|
|
12716
|
-
|
|
12717
|
-
|
|
12718
|
-
|
|
12719
|
-
|
|
12720
|
-
...prev,
|
|
12721
|
-
opacity: 0,
|
|
12722
|
-
transition: `opacity ${openDuration}ms ease-in`,
|
|
12723
|
-
"--js-animation-duration": `${openDuration}ms`
|
|
12724
|
-
}));
|
|
12725
|
-
requestAnimationFrame(() => setBodyAlignment(prev => ({
|
|
12726
|
-
...prev,
|
|
12727
|
-
opacity: 1
|
|
12728
|
-
})));
|
|
12737
|
+
$9HbP8$onCleanup(() => {
|
|
12738
|
+
// If we get cleaned up, reset the state and cancel the timeout to make sure the timeout doesn't mess with the next animation
|
|
12739
|
+
clearTimeout(disableResizePollingTimeout);
|
|
12740
|
+
setPollAlignment_(false);
|
|
12741
|
+
});
|
|
12742
|
+
$0e562a5b247b1fc2$export$e06dee46ebe7faa9({
|
|
12743
|
+
setBackdropStyle_: setBackdropStyle_,
|
|
12744
|
+
setBodyAlignment_: setBodyAlignment_,
|
|
12745
|
+
openDuration_: openDuration_
|
|
12746
|
+
});
|
|
12729
12747
|
$9HbP8$onCleanup(() => {
|
|
12730
12748
|
addedToBody.remove();
|
|
12731
12749
|
fakeField.replaceWith(actualField_);
|
|
@@ -12735,16 +12753,11 @@ function $0e562a5b247b1fc2$export$44f738469d5570cf({
|
|
|
12735
12753
|
width: width,
|
|
12736
12754
|
left: left
|
|
12737
12755
|
} = fakeField.getBoundingClientRect();
|
|
12738
|
-
|
|
12739
|
-
|
|
12740
|
-
|
|
12741
|
-
|
|
12742
|
-
})
|
|
12743
|
-
setBodyAlignment(prev => ({
|
|
12744
|
-
...prev,
|
|
12745
|
-
opacity: 0,
|
|
12746
|
-
transition: `opacity ${closeDuration}ms ease-out`
|
|
12747
|
-
}));
|
|
12756
|
+
$0e562a5b247b1fc2$export$23d40cc5971c3acd({
|
|
12757
|
+
setBackdropStyle_: setBackdropStyle_,
|
|
12758
|
+
setBodyAlignment_: setBodyAlignment_,
|
|
12759
|
+
closeDuration_: closeDuration_
|
|
12760
|
+
});
|
|
12748
12761
|
await Promise.all([addedToBody.animate([{
|
|
12749
12762
|
width: $9HbP8$untrack(inModalFieldWidthPx),
|
|
12750
12763
|
left: `${$9HbP8$untrack(innerWidthReactive) / 2 - $9HbP8$untrack(inModalFieldWidth) / 2}px`
|
|
@@ -12752,7 +12765,7 @@ function $0e562a5b247b1fc2$export$44f738469d5570cf({
|
|
|
12752
12765
|
width: width + "px",
|
|
12753
12766
|
left: left + "px"
|
|
12754
12767
|
}], {
|
|
12755
|
-
duration:
|
|
12768
|
+
duration: closeDuration_,
|
|
12756
12769
|
fill: "forwards",
|
|
12757
12770
|
easing: "ease-out"
|
|
12758
12771
|
}).finished, submitButton_.animate([{
|
|
@@ -12760,8 +12773,8 @@ function $0e562a5b247b1fc2$export$44f738469d5570cf({
|
|
|
12760
12773
|
}, {
|
|
12761
12774
|
opacity: 1
|
|
12762
12775
|
}], {
|
|
12763
|
-
duration:
|
|
12764
|
-
delay:
|
|
12776
|
+
duration: closeDuration_ / 3,
|
|
12777
|
+
delay: closeDuration_ * (2 / 3),
|
|
12765
12778
|
fill: "forwards"
|
|
12766
12779
|
}).finished]);
|
|
12767
12780
|
setPollAlignment_(false);
|
|
@@ -12769,7 +12782,68 @@ function $0e562a5b247b1fc2$export$44f738469d5570cf({
|
|
|
12769
12782
|
};
|
|
12770
12783
|
});
|
|
12771
12784
|
}
|
|
12772
|
-
|
|
12785
|
+
function $0e562a5b247b1fc2$export$e06dee46ebe7faa9({
|
|
12786
|
+
setBackdropStyle_: setBackdropStyle_,
|
|
12787
|
+
setBodyAlignment_: setBodyAlignment_,
|
|
12788
|
+
openDuration_: openDuration_
|
|
12789
|
+
}) {
|
|
12790
|
+
setBackdropStyle_(prev => ({
|
|
12791
|
+
...prev,
|
|
12792
|
+
opacity: 0,
|
|
12793
|
+
transition: `opacity ${openDuration_}ms ease-in`
|
|
12794
|
+
}));
|
|
12795
|
+
requestAnimationFrame(() => setBackdropStyle_(prev => ({
|
|
12796
|
+
...prev,
|
|
12797
|
+
opacity: 1
|
|
12798
|
+
})));
|
|
12799
|
+
setBodyAlignment_(prev => ({
|
|
12800
|
+
...prev,
|
|
12801
|
+
opacity: 0,
|
|
12802
|
+
transition: `opacity ${openDuration_}ms ease-in ${openDuration_ / 5}ms`,
|
|
12803
|
+
// Add a slight delay so the brightness of the modal isn't so jarring before the background has gotten darkened
|
|
12804
|
+
"--js-animation-duration": `${openDuration_}ms`
|
|
12805
|
+
}));
|
|
12806
|
+
requestAnimationFrame(() => setBodyAlignment_(prev => ({
|
|
12807
|
+
...prev,
|
|
12808
|
+
opacity: 1
|
|
12809
|
+
})));
|
|
12810
|
+
}
|
|
12811
|
+
function $0e562a5b247b1fc2$export$23d40cc5971c3acd({
|
|
12812
|
+
setBackdropStyle_: setBackdropStyle_,
|
|
12813
|
+
setBodyAlignment_: setBodyAlignment_,
|
|
12814
|
+
closeDuration_: closeDuration_
|
|
12815
|
+
}) {
|
|
12816
|
+
setBackdropStyle_(prev => ({
|
|
12817
|
+
...prev,
|
|
12818
|
+
opacity: 0,
|
|
12819
|
+
transition: `opacity ${closeDuration_}ms ease-out`
|
|
12820
|
+
}));
|
|
12821
|
+
setBodyAlignment_(prev => ({
|
|
12822
|
+
...prev,
|
|
12823
|
+
opacity: 0,
|
|
12824
|
+
transition: `opacity ${closeDuration_}ms ease-out`
|
|
12825
|
+
}));
|
|
12826
|
+
}
|
|
12827
|
+
function $0e562a5b247b1fc2$export$dab9321f3c157061(alignmentSignals, modalVersion) {
|
|
12828
|
+
const [, setBodyAlignment_] = alignmentSignals.body_;
|
|
12829
|
+
const [, setBackdropStyle_] = alignmentSignals.backdrop_ || $9HbP8$createSignal({});
|
|
12830
|
+
// For default centered modal, also run our fading animations if search modal v2
|
|
12831
|
+
modalVersion === 2 && $0e562a5b247b1fc2$export$e06dee46ebe7faa9({
|
|
12832
|
+
openDuration_: 125,
|
|
12833
|
+
setBodyAlignment_: setBodyAlignment_,
|
|
12834
|
+
setBackdropStyle_: setBackdropStyle_
|
|
12835
|
+
});
|
|
12836
|
+
const closingAnimation = modalVersion === 2 ? async () => {
|
|
12837
|
+
$0e562a5b247b1fc2$export$23d40cc5971c3acd({
|
|
12838
|
+
closeDuration_: 100,
|
|
12839
|
+
setBodyAlignment_: setBodyAlignment_,
|
|
12840
|
+
setBackdropStyle_: setBackdropStyle_
|
|
12841
|
+
});
|
|
12842
|
+
await new Promise(r => setTimeout(r, 100));
|
|
12843
|
+
} : undefined;
|
|
12844
|
+
return closingAnimation;
|
|
12845
|
+
}
|
|
12846
|
+
var $7097477c78a89208$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div class=filter-results-for-one-row><!$><!/><!$><!/>`),
|
|
12773
12847
|
$7097477c78a89208$var$_tmpl$2 = /*#__PURE__*/$9HbP8$template(`<div class="depict plp search"><div class=listing-page><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/></div><!$><!/><!$><!/>`);
|
|
12774
12848
|
function $7097477c78a89208$export$a54ec244c8863715({
|
|
12775
12849
|
depict_api_: depict_api_,
|
|
@@ -12920,7 +12994,7 @@ function $7097477c78a89208$export$a54ec244c8863715({
|
|
|
12920
12994
|
results_filters[1]();
|
|
12921
12995
|
await new Promise(r => queueMicrotask(r));
|
|
12922
12996
|
$9HbP8$runWithOwner(owner, () => results_filters[1](matches ? [results_for, filters_opener] : (() => {
|
|
12923
|
-
|
|
12997
|
+
var _el$ = $9HbP8$getNextElement($7097477c78a89208$var$_tmpl$),
|
|
12924
12998
|
_el$2 = _el$.firstChild,
|
|
12925
12999
|
[_el$3, _co$] = $9HbP8$getNextMarker(_el$2.nextSibling),
|
|
12926
13000
|
_el$4 = _el$3.nextSibling,
|
|
@@ -13016,10 +13090,12 @@ function $7097477c78a89208$export$a54ec244c8863715({
|
|
|
13016
13090
|
closing_animation_: revert,
|
|
13017
13091
|
setSearchFieldOuterWidth_: setModalSearchFieldOuterWidth_
|
|
13018
13092
|
}, () => {
|
|
13019
|
-
// When modal is closed, reset style signals for next opening
|
|
13093
|
+
// When modal is closed, reset style signals for next opening so all animation related stuff gets reset
|
|
13020
13094
|
setModalBodyStyle({});
|
|
13021
13095
|
setModalFieldStyle({});
|
|
13022
13096
|
setModalBackdropStyle({});
|
|
13097
|
+
// And run the alignment code again so the modal is readily aligned when opened via a search button
|
|
13098
|
+
align_position?.();
|
|
13023
13099
|
input_field_accessor_value?.on_close_?.();
|
|
13024
13100
|
});
|
|
13025
13101
|
input_field_accessor_value?.on_open_?.();
|
|
@@ -13036,7 +13112,7 @@ function $7097477c78a89208$export$a54ec244c8863715({
|
|
|
13036
13112
|
});
|
|
13037
13113
|
});
|
|
13038
13114
|
return [(0, $9HbP8$isServer) ? "<!-- Search page based on Depict SDK -->" : document.createComment("Search page based on Depict SDK"), (() => {
|
|
13039
|
-
|
|
13115
|
+
var _el$6 = $9HbP8$getNextElement($7097477c78a89208$var$_tmpl$2),
|
|
13040
13116
|
_el$7 = _el$6.firstChild,
|
|
13041
13117
|
_el$8 = _el$7.firstChild,
|
|
13042
13118
|
[_el$9, _co$3] = $9HbP8$getNextMarker(_el$8.nextSibling),
|
|
@@ -13396,14 +13472,10 @@ class $806c97b931758897$export$ac6237957a15b3f0 {
|
|
|
13396
13472
|
}
|
|
13397
13473
|
if (!open_signal_value[0]?.alignmentSignals_ && search_page_aligned_modal_alignment_signals_) {
|
|
13398
13474
|
// Open modal aligned with search page if no alignment specified and possible to align with search page
|
|
13399
|
-
|
|
13400
|
-
|
|
13401
|
-
alignmentSignals_: search_page_aligned_modal_alignment_signals_
|
|
13402
|
-
});
|
|
13403
|
-
return;
|
|
13404
|
-
}
|
|
13405
|
-
const [options_arg, ...rest] = open_signal_value;
|
|
13475
|
+
const [options_arg, ...rest] = open_signal_value === true ? [{}] : open_signal_value;
|
|
13476
|
+
const closingAnimation = $0e562a5b247b1fc2$export$dab9321f3c157061(search_page_aligned_modal_alignment_signals_, modalVersion);
|
|
13406
13477
|
open_modal_({
|
|
13478
|
+
closing_animation_: closingAnimation,
|
|
13407
13479
|
...options_arg,
|
|
13408
13480
|
alignmentSignals_: search_page_aligned_modal_alignment_signals_
|
|
13409
13481
|
}, ...rest);
|
|
@@ -13411,16 +13483,19 @@ class $806c97b931758897$export$ac6237957a15b3f0 {
|
|
|
13411
13483
|
}
|
|
13412
13484
|
// Open centered modal
|
|
13413
13485
|
const centeredModalAlignmentSignals = $1801dbce7adb3f19$export$41b4894022a3580f();
|
|
13486
|
+
const closingAnimation = $0e562a5b247b1fc2$export$dab9321f3c157061(centeredModalAlignmentSignals, modalVersion);
|
|
13414
13487
|
if (signal_value_is_options) {
|
|
13415
13488
|
const [options_arg, ...rest] = open_signal_value;
|
|
13416
13489
|
open_modal_({
|
|
13490
|
+
closing_animation_: closingAnimation,
|
|
13417
13491
|
...options_arg,
|
|
13418
13492
|
alignmentSignals_: search_page_aligned_modal_alignment_signals_ || centeredModalAlignmentSignals
|
|
13419
13493
|
}, ...rest);
|
|
13420
13494
|
return;
|
|
13421
13495
|
}
|
|
13422
13496
|
open_modal_({
|
|
13423
|
-
alignmentSignals_: centeredModalAlignmentSignals
|
|
13497
|
+
alignmentSignals_: centeredModalAlignmentSignals,
|
|
13498
|
+
closing_animation_: closingAnimation
|
|
13424
13499
|
});
|
|
13425
13500
|
};
|
|
13426
13501
|
$9HbP8$runWithOwner(owner, () => $9HbP8$createEffect(modal_opening_effect));
|
|
@@ -13867,7 +13942,7 @@ function $753e9b2889a47c89$var$clean_url(url) {
|
|
|
13867
13942
|
url_object.hash = "";
|
|
13868
13943
|
return url_object.href;
|
|
13869
13944
|
}
|
|
13870
|
-
|
|
13945
|
+
var $58b3487626e85ece$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div class="depict plp search">`);
|
|
13871
13946
|
function $58b3487626e85ece$export$316f6f283ae64765(props) {
|
|
13872
13947
|
const {
|
|
13873
13948
|
depict_search: depict_search,
|
|
@@ -13970,7 +14045,7 @@ function $58b3487626e85ece$export$316f6f283ae64765(props) {
|
|
|
13970
14045
|
});
|
|
13971
14046
|
// We assume this to be an array containing exactly on div in js-ui
|
|
13972
14047
|
return [(() => {
|
|
13973
|
-
|
|
14048
|
+
var _el$ = $9HbP8$getNextElement($58b3487626e85ece$var$_tmpl$);
|
|
13974
14049
|
$9HbP8$insert(_el$, search_field);
|
|
13975
14050
|
return _el$;
|
|
13976
14051
|
})()];
|