@depict-ai/ui 4.0.3 → 4.0.5
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/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/ES10/index.js
CHANGED
|
@@ -10,7 +10,7 @@ import { createStore as $8tj43$createStore, reconcile as $8tj43$reconcile } from
|
|
|
10
10
|
/*! Depict.ai search and product listing SDK */
|
|
11
11
|
import { register_es_version } from "../multi_import_deduplicator.mjs";
|
|
12
12
|
register_es_version("ui", "ES10");
|
|
13
|
-
const $8db9a15135765c11$export$83d89fbfd8236492 = "4.0.
|
|
13
|
+
const $8db9a15135765c11$export$83d89fbfd8236492 = "4.0.5";
|
|
14
14
|
function $a604a8ffa4e4c03f$export$e417c49320921907(dependency, fetcher) {
|
|
15
15
|
const [promiseOfCurrentFetcherRun, setPromiseOfCurrentFetcherRun] = $8tj43$createSignal();
|
|
16
16
|
const deparallelizedFetcher = $8tj43$deparallelize_no_drop(async dependencyValue => {
|
|
@@ -102,7 +102,7 @@ function $00a5b94f0c11efbb$export$d9f36cf74e24d595(media_query) {
|
|
|
102
102
|
}).remove);
|
|
103
103
|
return signal[0];
|
|
104
104
|
}
|
|
105
|
-
|
|
105
|
+
var $9a693c7e832d3f18$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<span class="title line-clamp">`),
|
|
106
106
|
$9a693c7e832d3f18$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<span class=brand>`),
|
|
107
107
|
$9a693c7e832d3f18$var$_tmpl$3 = /*#__PURE__*/$8tj43$template(`<div class="tagline line-clamp">`),
|
|
108
108
|
$9a693c7e832d3f18$var$_tmpl$4 = /*#__PURE__*/$8tj43$template(`<span class="orig price"><!$><!/><!$><!/><!$><!/>`),
|
|
@@ -129,23 +129,23 @@ const $9a693c7e832d3f18$export$b05c0ae390cf3e06 = _ref => {
|
|
|
129
129
|
const secondary_image_url = ((_variant$image_urls = variant.image_urls) === null || _variant$image_urls === void 0 ? void 0 : _variant$image_urls[1]) || variant.secondary_image_url || variant.alternative_display_image_url;
|
|
130
130
|
const brandInTagline = selected_index_ && variant.brand;
|
|
131
131
|
const TitleBrandTagline = () => [!selected_index_ && (() => {
|
|
132
|
-
|
|
132
|
+
var _el$2 = $8tj43$getNextElement($9a693c7e832d3f18$var$_tmpl$2);
|
|
133
133
|
$8tj43$insert(_el$2, () => variant.brand);
|
|
134
134
|
return _el$2;
|
|
135
135
|
})(), (() => {
|
|
136
|
-
|
|
136
|
+
var _el$ = $8tj43$getNextElement($9a693c7e832d3f18$var$_tmpl$);
|
|
137
137
|
$8tj43$insert(_el$, () => variant.title);
|
|
138
138
|
return _el$;
|
|
139
139
|
})(), $8tj43$memo((() => {
|
|
140
|
-
|
|
140
|
+
var _c$ = $8tj43$memo(() => !!(variant.sub_heading_1 || variant.sub_heading_2 || brandInTagline));
|
|
141
141
|
return () => _c$() && (() => {
|
|
142
|
-
|
|
142
|
+
var _el$3 = $8tj43$getNextElement($9a693c7e832d3f18$var$_tmpl$3);
|
|
143
143
|
$8tj43$insert(_el$3, () => [brandInTagline, variant.sub_heading_1, variant.sub_heading_2].filter(v => v).join(" | "));
|
|
144
144
|
return _el$3;
|
|
145
145
|
})();
|
|
146
146
|
})())];
|
|
147
147
|
return (() => {
|
|
148
|
-
|
|
148
|
+
var _el$4 = $8tj43$getNextElement($9a693c7e832d3f18$var$_tmpl$5),
|
|
149
149
|
_el$5 = _el$4.firstChild,
|
|
150
150
|
_el$6 = _el$5.firstChild,
|
|
151
151
|
[_el$7, _co$] = $8tj43$getNextMarker(_el$6.nextSibling),
|
|
@@ -192,14 +192,14 @@ const $9a693c7e832d3f18$export$b05c0ae390cf3e06 = _ref => {
|
|
|
192
192
|
}
|
|
193
193
|
}), _el$9, _co$2);
|
|
194
194
|
$8tj43$insert(_el$10, selected_index_ ? $8tj43$createComponent(TitleBrandTagline, {}) : (() => {
|
|
195
|
-
|
|
195
|
+
var _el$30 = $8tj43$getNextElement($9a693c7e832d3f18$var$_tmpl$6);
|
|
196
196
|
$8tj43$insert(_el$30, $8tj43$createComponent(TitleBrandTagline, {}));
|
|
197
197
|
return _el$30;
|
|
198
198
|
})(), _el$29, _co$10);
|
|
199
199
|
$8tj43$insert(_el$11, $8tj43$createComponent((0, $8tj43$Show), {
|
|
200
200
|
when: is_sale,
|
|
201
201
|
get children() {
|
|
202
|
-
|
|
202
|
+
var _el$12 = $8tj43$getNextElement($9a693c7e832d3f18$var$_tmpl$4),
|
|
203
203
|
_el$13 = _el$12.firstChild,
|
|
204
204
|
[_el$14, _co$3] = $8tj43$getNextMarker(_el$13.nextSibling),
|
|
205
205
|
_el$15 = _el$14.nextSibling,
|
|
@@ -231,37 +231,37 @@ const $9a693c7e832d3f18$export$b05c0ae390cf3e06 = _ref => {
|
|
|
231
231
|
}), _el$23, _co$7);
|
|
232
232
|
$8tj43$insert(_el$19, () => i18n_.price_formatting_().post_, _el$25, _co$8);
|
|
233
233
|
$8tj43$effect(_p$ => {
|
|
234
|
-
|
|
234
|
+
var _v$ = href(),
|
|
235
235
|
_v$2 = display_.search_result_id,
|
|
236
236
|
_v$3 = !!(isSelected !== null && isSelected !== void 0 && isSelected());
|
|
237
|
-
_v$ !== _p$.
|
|
238
|
-
_v$2 !== _p$.
|
|
239
|
-
_v$3 !== _p$.
|
|
237
|
+
_v$ !== _p$.e && $8tj43$setAttribute(_el$4, "href", _p$.e = _v$);
|
|
238
|
+
_v$2 !== _p$.t && $8tj43$setAttribute(_el$4, "data-search-result-id", _p$.t = _v$2);
|
|
239
|
+
_v$3 !== _p$.a && _el$4.classList.toggle("selected", _p$.a = _v$3);
|
|
240
240
|
return _p$;
|
|
241
241
|
}, {
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
242
|
+
e: undefined,
|
|
243
|
+
t: undefined,
|
|
244
|
+
a: undefined
|
|
245
245
|
});
|
|
246
246
|
$8tj43$runHydrationEvents();
|
|
247
247
|
return _el$4;
|
|
248
248
|
})();
|
|
249
249
|
};
|
|
250
250
|
$8tj43$delegateEvents(["click"]);
|
|
251
|
-
|
|
251
|
+
var $bc2337c9a05ecd18$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<span>`);
|
|
252
252
|
function $bc2337c9a05ecd18$export$acb3eaade4b23afd(props) {
|
|
253
253
|
// Work around https://github.com/solidjs/solid/issues/1980
|
|
254
254
|
return (() => {
|
|
255
|
-
|
|
255
|
+
var _el$ = $8tj43$getNextElement($bc2337c9a05ecd18$var$_tmpl$);
|
|
256
256
|
$8tj43$effect(_p$ => {
|
|
257
|
-
|
|
257
|
+
var _v$ = "".concat(props.class || "", " depict-placeholder"),
|
|
258
258
|
_v$2 = props.style;
|
|
259
|
-
_v$ !== _p$.
|
|
260
|
-
_p$.
|
|
259
|
+
_v$ !== _p$.e && $8tj43$className(_el$, _p$.e = _v$);
|
|
260
|
+
_p$.t = $8tj43$style(_el$, _v$2, _p$.t);
|
|
261
261
|
return _p$;
|
|
262
262
|
}, {
|
|
263
|
-
|
|
264
|
-
|
|
263
|
+
e: undefined,
|
|
264
|
+
t: undefined
|
|
265
265
|
});
|
|
266
266
|
return _el$;
|
|
267
267
|
})();
|
|
@@ -321,11 +321,11 @@ function $ceafb6fb91c6f394$export$89c6019e4baa40b1(props) {
|
|
|
321
321
|
}
|
|
322
322
|
});
|
|
323
323
|
}
|
|
324
|
-
|
|
324
|
+
var $5eaa00b951637e96$var$_tmpl$ = /*#__PURE__*/$8tj43$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>`);
|
|
325
325
|
const $5eaa00b951637e96$export$8a2234b5b1a5ebd4 = "--image-aspect-ratio";
|
|
326
326
|
function $5eaa00b951637e96$export$ee1733d9a8495996() {
|
|
327
327
|
return (() => {
|
|
328
|
-
|
|
328
|
+
var _el$ = $8tj43$getNextElement($5eaa00b951637e96$var$_tmpl$),
|
|
329
329
|
_el$2 = _el$.firstChild,
|
|
330
330
|
_el$3 = _el$2.nextSibling,
|
|
331
331
|
_el$4 = _el$3.firstChild,
|
|
@@ -484,7 +484,7 @@ function $2d7bad8684bc7f44$var$deep_equal(obj1, obj2) {
|
|
|
484
484
|
}
|
|
485
485
|
return true;
|
|
486
486
|
}
|
|
487
|
-
|
|
487
|
+
var $f7414b949aeabc90$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class=instant-results>`);
|
|
488
488
|
function $f7414b949aeabc90$export$62f101a8aa597bf8(_ref) {
|
|
489
489
|
let {
|
|
490
490
|
depict_api_: depict_api_,
|
|
@@ -555,7 +555,7 @@ function $f7414b949aeabc90$export$62f101a8aa597bf8(_ref) {
|
|
|
555
555
|
return ((_sliced_displays2 = sliced_displays()) === null || _sliced_displays2 === void 0 ? void 0 : _sliced_displays2.length) !== 0;
|
|
556
556
|
},
|
|
557
557
|
get children() {
|
|
558
|
-
|
|
558
|
+
var _el$ = $8tj43$getNextElement($f7414b949aeabc90$var$_tmpl$);
|
|
559
559
|
$8tj43$insert(_el$, $8tj43$createComponent((0, $8tj43$Show), {
|
|
560
560
|
get when() {
|
|
561
561
|
var _sliced_displays3;
|
|
@@ -666,7 +666,7 @@ function $a09bb7c652acf957$export$3340fdd8259bd4fd(_ref) {
|
|
|
666
666
|
debounce_timeout = setTimeout(send_to_ga, 2000);
|
|
667
667
|
}));
|
|
668
668
|
}
|
|
669
|
-
|
|
669
|
+
var $558d0596fcf0e0b0$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div style=position:absolute;z-index:-1;pointer-events:none;width:100%;height:200%;top:-100%;>`),
|
|
670
670
|
$558d0596fcf0e0b0$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<div style=position:absolute;z-index:-1;pointer-events:none;width:100%;height:200%;>`);
|
|
671
671
|
function $558d0596fcf0e0b0$export$50b90be27d8502d9(el, _ref, bottom_distance) {
|
|
672
672
|
let [get_style_props, set_style_props] = _ref;
|
|
@@ -718,21 +718,21 @@ function $e8776b492383c292$export$91c3b6774e8be0f5(_ref) {
|
|
|
718
718
|
return u_o.href;
|
|
719
719
|
});
|
|
720
720
|
}
|
|
721
|
-
|
|
721
|
+
var $6d95ef50ee01d5a1$var$_tmpl$ = /*#__PURE__*/$8tj43$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>`);
|
|
722
722
|
function $6d95ef50ee01d5a1$export$5d2caaa6b530761c() {
|
|
723
723
|
return $8tj43$getNextElement($6d95ef50ee01d5a1$var$_tmpl$);
|
|
724
724
|
}
|
|
725
|
-
|
|
725
|
+
var $9783d437ad61594c$var$_tmpl$ = /*#__PURE__*/$8tj43$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">`);
|
|
726
726
|
function $9783d437ad61594c$export$3b621d86b1566b2() {
|
|
727
727
|
let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
728
728
|
return (() => {
|
|
729
|
-
|
|
729
|
+
var _el$ = $8tj43$getNextElement($9783d437ad61594c$var$_tmpl$);
|
|
730
730
|
$8tj43$spread(_el$, props, true, true);
|
|
731
731
|
$8tj43$runHydrationEvents();
|
|
732
732
|
return _el$;
|
|
733
733
|
})();
|
|
734
734
|
}
|
|
735
|
-
|
|
735
|
+
var $01dd2bfbbae020bc$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class=previous-searches><h2 class=text></h2><div class=list>`),
|
|
736
736
|
$01dd2bfbbae020bc$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<a class=item><div class=left><!$><!/><span class=line-clamp></span></div><button class=delete>`);
|
|
737
737
|
function $01dd2bfbbae020bc$export$a146ac6fa8346a25(_ref) {
|
|
738
738
|
let {
|
|
@@ -755,7 +755,7 @@ function $01dd2bfbbae020bc$export$a146ac6fa8346a25(_ref) {
|
|
|
755
755
|
return has_entries();
|
|
756
756
|
},
|
|
757
757
|
get children() {
|
|
758
|
-
|
|
758
|
+
var _el$ = $8tj43$getNextElement($01dd2bfbbae020bc$var$_tmpl$),
|
|
759
759
|
_el$2 = _el$.firstChild,
|
|
760
760
|
_el$3 = _el$2.nextSibling;
|
|
761
761
|
$8tj43$insert(_el$2, text_);
|
|
@@ -770,7 +770,7 @@ function $01dd2bfbbae020bc$export$a146ac6fa8346a25(_ref) {
|
|
|
770
770
|
url_transformer_: url_transformer_
|
|
771
771
|
});
|
|
772
772
|
return (() => {
|
|
773
|
-
|
|
773
|
+
var _el$4 = $8tj43$getNextElement($01dd2bfbbae020bc$var$_tmpl$2),
|
|
774
774
|
_el$5 = _el$4.firstChild,
|
|
775
775
|
_el$7 = _el$5.firstChild,
|
|
776
776
|
[_el$8, _co$] = $8tj43$getNextMarker(_el$7.nextSibling),
|
|
@@ -805,23 +805,23 @@ function $01dd2bfbbae020bc$export$a146ac6fa8346a25(_ref) {
|
|
|
805
805
|
})), _el$9);
|
|
806
806
|
$8tj43$insert(_el$9, $8tj43$createComponent((0, $9783d437ad61594c$export$3b621d86b1566b2), {}));
|
|
807
807
|
$8tj43$effect(_p$ => {
|
|
808
|
-
|
|
808
|
+
var _v$ = !!$8tj43$createMemo(() => {
|
|
809
809
|
var _read_selected_index_, _read_selected_index_2;
|
|
810
810
|
return ((_read_selected_index_ = read_selected_index_()) === null || _read_selected_index_ === void 0 ? void 0 : _read_selected_index_[0]) === 0 && ((_read_selected_index_2 = read_selected_index_()) === null || _read_selected_index_2 === void 0 ? void 0 : _read_selected_index_2[1]) === index;
|
|
811
811
|
})(),
|
|
812
812
|
_v$2 = href(),
|
|
813
813
|
_v$3 = item(),
|
|
814
814
|
_v$4 = i18n_.previous_searches_delete_entry_from_history_();
|
|
815
|
-
_v$ !== _p$.
|
|
816
|
-
_v$2 !== _p$.
|
|
817
|
-
_v$3 !== _p$.
|
|
818
|
-
_v$4 !== _p$.
|
|
815
|
+
_v$ !== _p$.e && _el$4.classList.toggle("selected", _p$.e = _v$);
|
|
816
|
+
_v$2 !== _p$.t && $8tj43$setAttribute(_el$4, "href", _p$.t = _v$2);
|
|
817
|
+
_v$3 !== _p$.a && $8tj43$setAttribute(_el$6, "title", _p$.a = _v$3);
|
|
818
|
+
_v$4 !== _p$.o && $8tj43$setAttribute(_el$9, "title", _p$.o = _v$4);
|
|
819
819
|
return _p$;
|
|
820
820
|
}, {
|
|
821
|
-
|
|
822
|
-
|
|
823
|
-
|
|
824
|
-
|
|
821
|
+
e: undefined,
|
|
822
|
+
t: undefined,
|
|
823
|
+
a: undefined,
|
|
824
|
+
o: undefined
|
|
825
825
|
});
|
|
826
826
|
return _el$4;
|
|
827
827
|
})();
|
|
@@ -831,7 +831,7 @@ function $01dd2bfbbae020bc$export$a146ac6fa8346a25(_ref) {
|
|
|
831
831
|
}
|
|
832
832
|
});
|
|
833
833
|
}
|
|
834
|
-
|
|
834
|
+
var $02b6641aa50ce528$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<span class=highlighted-part>`),
|
|
835
835
|
$02b6641aa50ce528$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<span>`);
|
|
836
836
|
function $02b6641aa50ce528$export$ba17c5b7e6dda39f(_ref) {
|
|
837
837
|
let {
|
|
@@ -854,7 +854,7 @@ function $02b6641aa50ce528$export$ba17c5b7e6dda39f(_ref) {
|
|
|
854
854
|
if (for_black) {
|
|
855
855
|
set_has_highlighted(true);
|
|
856
856
|
output.push((() => {
|
|
857
|
-
|
|
857
|
+
var _el$ = $8tj43$getNextElement($02b6641aa50ce528$var$_tmpl$);
|
|
858
858
|
$8tj43$insert(_el$, for_black);
|
|
859
859
|
return _el$;
|
|
860
860
|
})()); // "black"
|
|
@@ -888,43 +888,43 @@ function $02b6641aa50ce528$export$ba17c5b7e6dda39f(_ref) {
|
|
|
888
888
|
return output;
|
|
889
889
|
}));
|
|
890
890
|
return (() => {
|
|
891
|
-
|
|
891
|
+
var _el$2 = $8tj43$getNextElement($02b6641aa50ce528$var$_tmpl$2);
|
|
892
892
|
$8tj43$className(_el$2, class_);
|
|
893
893
|
$8tj43$insert(_el$2, text_itself);
|
|
894
894
|
$8tj43$effect(_p$ => {
|
|
895
|
-
|
|
895
|
+
var _v$ = !!get_has_highlighted(),
|
|
896
896
|
_v$2 = whole_text_to_display_memo() /* for when line-clamped, users can see full text on hover */;
|
|
897
|
-
_v$ !== _p$.
|
|
898
|
-
_v$2 !== _p$.
|
|
897
|
+
_v$ !== _p$.e && _el$2.classList.toggle("has-match", _p$.e = _v$);
|
|
898
|
+
_v$2 !== _p$.t && $8tj43$setAttribute(_el$2, "title", _p$.t = _v$2);
|
|
899
899
|
return _p$;
|
|
900
900
|
}, {
|
|
901
|
-
|
|
902
|
-
|
|
901
|
+
e: undefined,
|
|
902
|
+
t: undefined
|
|
903
903
|
});
|
|
904
904
|
return _el$2;
|
|
905
905
|
})();
|
|
906
906
|
}
|
|
907
|
-
|
|
907
|
+
var $ef0f18a578b32578$var$_tmpl$ = /*#__PURE__*/$8tj43$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">`);
|
|
908
908
|
function $ef0f18a578b32578$export$82eafebb825fc23f() {
|
|
909
909
|
let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
910
910
|
return (() => {
|
|
911
|
-
|
|
911
|
+
var _el$ = $8tj43$getNextElement($ef0f18a578b32578$var$_tmpl$);
|
|
912
912
|
$8tj43$spread(_el$, props, true, true);
|
|
913
913
|
$8tj43$runHydrationEvents();
|
|
914
914
|
return _el$;
|
|
915
915
|
})();
|
|
916
916
|
}
|
|
917
|
-
|
|
917
|
+
var $3c5e15c6ee4227a9$var$_tmpl$ = /*#__PURE__*/$8tj43$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">`);
|
|
918
918
|
function $3c5e15c6ee4227a9$export$605674723bcc715c() {
|
|
919
919
|
let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
920
920
|
return (() => {
|
|
921
|
-
|
|
921
|
+
var _el$ = $8tj43$getNextElement($3c5e15c6ee4227a9$var$_tmpl$);
|
|
922
922
|
$8tj43$spread(_el$, props, true, true);
|
|
923
923
|
$8tj43$runHydrationEvents();
|
|
924
924
|
return _el$;
|
|
925
925
|
})();
|
|
926
926
|
}
|
|
927
|
-
|
|
927
|
+
var $b055f9e9aeceeb48$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<a class=suggestion>`),
|
|
928
928
|
$b055f9e9aeceeb48$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<div class=search-icon>`),
|
|
929
929
|
$b055f9e9aeceeb48$var$_tmpl$3 = /*#__PURE__*/$8tj43$template(`<span class=type>`),
|
|
930
930
|
$b055f9e9aeceeb48$var$_tmpl$4 = /*#__PURE__*/$8tj43$template(`<div class=with-parent-title><!$><!/><span class="value line-clamp">`),
|
|
@@ -981,7 +981,7 @@ function $b055f9e9aeceeb48$export$e872e2339fb04a7f(_ref) {
|
|
|
981
981
|
return (_item$ancestors$at = item.ancestors.at(-1)) === null || _item$ancestors$at === void 0 ? void 0 : _item$ancestors$at.title;
|
|
982
982
|
});
|
|
983
983
|
return (() => {
|
|
984
|
-
|
|
984
|
+
var _el$ = $8tj43$getNextElement($b055f9e9aeceeb48$var$_tmpl$);
|
|
985
985
|
$8tj43$use(element => element.addEventListener("click", $8tj43$catchify(ev => {
|
|
986
986
|
// 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.
|
|
987
987
|
if (is_query()) {
|
|
@@ -1002,12 +1002,12 @@ function $b055f9e9aeceeb48$export$e872e2339fb04a7f(_ref) {
|
|
|
1002
1002
|
$8tj43$addEventListener(_el$, "mouseleave", $8tj43$catchify(() => write_selected_index_(undefined)));
|
|
1003
1003
|
$8tj43$addEventListener(_el$, "mouseenter", $8tj43$catchify(() => write_selected_index_([autocomplete_data_index, index])));
|
|
1004
1004
|
$8tj43$insert(_el$, (() => {
|
|
1005
|
-
|
|
1005
|
+
var _c$ = $8tj43$memo(() => !!is_query());
|
|
1006
1006
|
return () => _c$() ? [$8tj43$createComponent((0, $8tj43$Show), {
|
|
1007
1007
|
when: is_history,
|
|
1008
1008
|
get fallback() {
|
|
1009
1009
|
return (() => {
|
|
1010
|
-
|
|
1010
|
+
var _el$2 = $8tj43$getNextElement($b055f9e9aeceeb48$var$_tmpl$2);
|
|
1011
1011
|
$8tj43$insert(_el$2, $8tj43$createComponent((0, $ef0f18a578b32578$export$82eafebb825fc23f), {}));
|
|
1012
1012
|
return _el$2;
|
|
1013
1013
|
})();
|
|
@@ -1022,9 +1022,9 @@ function $b055f9e9aeceeb48$export$e872e2339fb04a7f(_ref) {
|
|
|
1022
1022
|
},
|
|
1023
1023
|
searching_for_value_: searching_for_value_
|
|
1024
1024
|
})] : [$8tj43$memo((() => {
|
|
1025
|
-
|
|
1025
|
+
var _c$2 = $8tj43$memo(() => !!parent_title_if_exists());
|
|
1026
1026
|
return () => _c$2() ? (() => {
|
|
1027
|
-
|
|
1027
|
+
var _el$4 = $8tj43$getNextElement($b055f9e9aeceeb48$var$_tmpl$4),
|
|
1028
1028
|
_el$6 = _el$4.firstChild,
|
|
1029
1029
|
[_el$7, _co$] = $8tj43$getNextMarker(_el$6.nextSibling),
|
|
1030
1030
|
_el$5 = _el$7.nextSibling;
|
|
@@ -1038,9 +1038,9 @@ function $b055f9e9aeceeb48$export$e872e2339fb04a7f(_ref) {
|
|
|
1038
1038
|
$8tj43$insert(_el$5, parent_title_if_exists);
|
|
1039
1039
|
return _el$4;
|
|
1040
1040
|
})() : (() => {
|
|
1041
|
-
|
|
1041
|
+
var _c$3 = $8tj43$memo(() => input_obj().type === "content");
|
|
1042
1042
|
return () => _c$3() ? (() => {
|
|
1043
|
-
|
|
1043
|
+
var _el$8 = $8tj43$getNextElement($b055f9e9aeceeb48$var$_tmpl$5),
|
|
1044
1044
|
_el$9 = _el$8.firstChild,
|
|
1045
1045
|
[_el$10, _co$2] = $8tj43$getNextMarker(_el$9.nextSibling),
|
|
1046
1046
|
_el$11 = _el$10.nextSibling,
|
|
@@ -1066,7 +1066,7 @@ function $b055f9e9aeceeb48$export$e872e2339fb04a7f(_ref) {
|
|
|
1066
1066
|
});
|
|
1067
1067
|
})();
|
|
1068
1068
|
})()), (() => {
|
|
1069
|
-
|
|
1069
|
+
var _el$3 = $8tj43$getNextElement($b055f9e9aeceeb48$var$_tmpl$3);
|
|
1070
1070
|
$8tj43$insert(_el$3, $8tj43$createMemo(() => {
|
|
1071
1071
|
if (input_obj().type === "content") return i18n_.content_();
|
|
1072
1072
|
if (input_obj().listing_type === "brand") return i18n_.brand_();
|
|
@@ -1076,18 +1076,18 @@ function $b055f9e9aeceeb48$export$e872e2339fb04a7f(_ref) {
|
|
|
1076
1076
|
})()];
|
|
1077
1077
|
})());
|
|
1078
1078
|
$8tj43$effect(_p$ => {
|
|
1079
|
-
|
|
1079
|
+
var _v$ = {
|
|
1080
1080
|
selected: is_selected(),
|
|
1081
1081
|
history: is_history,
|
|
1082
1082
|
["type-" + input_obj().type]: true
|
|
1083
1083
|
},
|
|
1084
1084
|
_v$2 = href();
|
|
1085
|
-
_p$.
|
|
1086
|
-
_v$2 !== _p$.
|
|
1085
|
+
_p$.e = $8tj43$classList(_el$, _v$, _p$.e);
|
|
1086
|
+
_v$2 !== _p$.t && $8tj43$setAttribute(_el$, "href", _p$.t = _v$2);
|
|
1087
1087
|
return _p$;
|
|
1088
1088
|
}, {
|
|
1089
|
-
|
|
1090
|
-
|
|
1089
|
+
e: undefined,
|
|
1090
|
+
t: undefined
|
|
1091
1091
|
});
|
|
1092
1092
|
return _el$;
|
|
1093
1093
|
})();
|
|
@@ -1103,7 +1103,7 @@ function $b055f9e9aeceeb48$export$e872e2339fb04a7f(_ref) {
|
|
|
1103
1103
|
return should_show_at_all();
|
|
1104
1104
|
},
|
|
1105
1105
|
get children() {
|
|
1106
|
-
|
|
1106
|
+
var _el$13 = $8tj43$getNextElement($b055f9e9aeceeb48$var$_tmpl$9),
|
|
1107
1107
|
_el$21 = _el$13.firstChild,
|
|
1108
1108
|
[_el$22, _co$6] = $8tj43$getNextMarker(_el$21.nextSibling),
|
|
1109
1109
|
_el$23 = _el$22.nextSibling,
|
|
@@ -1115,7 +1115,7 @@ function $b055f9e9aeceeb48$export$e872e2339fb04a7f(_ref) {
|
|
|
1115
1115
|
return on_previous_searches_page_();
|
|
1116
1116
|
},
|
|
1117
1117
|
get children() {
|
|
1118
|
-
|
|
1118
|
+
var _el$14 = $8tj43$getNextElement($b055f9e9aeceeb48$var$_tmpl$6);
|
|
1119
1119
|
$8tj43$insert(_el$14, () => i18n_.suggestions_());
|
|
1120
1120
|
return _el$14;
|
|
1121
1121
|
}
|
|
@@ -1125,7 +1125,7 @@ function $b055f9e9aeceeb48$export$e872e2339fb04a7f(_ref) {
|
|
|
1125
1125
|
return should_show_query_part();
|
|
1126
1126
|
},
|
|
1127
1127
|
get children() {
|
|
1128
|
-
|
|
1128
|
+
var _el$15 = $8tj43$getNextElement($b055f9e9aeceeb48$var$_tmpl$7),
|
|
1129
1129
|
_el$16 = _el$15.firstChild,
|
|
1130
1130
|
[_el$17, _co$4] = $8tj43$getNextMarker(_el$16.nextSibling),
|
|
1131
1131
|
_el$18 = _el$17.nextSibling,
|
|
@@ -1177,7 +1177,7 @@ function $b055f9e9aeceeb48$export$e872e2339fb04a7f(_ref) {
|
|
|
1177
1177
|
},
|
|
1178
1178
|
keyed: false,
|
|
1179
1179
|
get children() {
|
|
1180
|
-
|
|
1180
|
+
var _el$20 = $8tj43$getNextElement($b055f9e9aeceeb48$var$_tmpl$8);
|
|
1181
1181
|
$8tj43$insert(_el$20, () => {
|
|
1182
1182
|
const index_in_autocomplete = 3;
|
|
1183
1183
|
$d0883254246d3eb6$export$c2da72ac4e439a0e(set_currently_showing_suggestions_, () => index_in_autocomplete, $8tj43$createMemo(() => not_queries_memo().map(item => ({
|
|
@@ -1199,12 +1199,12 @@ function $b055f9e9aeceeb48$export$e872e2339fb04a7f(_ref) {
|
|
|
1199
1199
|
}
|
|
1200
1200
|
});
|
|
1201
1201
|
}
|
|
1202
|
-
|
|
1202
|
+
var $76b6e14a50da4597$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<a target=_blank>`);
|
|
1203
1203
|
function $76b6e14a50da4597$export$1efe1013da60d0e4(e, href) {
|
|
1204
1204
|
if (e.metaKey || e.ctrlKey) {
|
|
1205
1205
|
// Open link in a new tab with cmd/ctrl + enter.
|
|
1206
1206
|
const link = (() => {
|
|
1207
|
-
|
|
1207
|
+
var _el$ = $8tj43$getNextElement($76b6e14a50da4597$var$_tmpl$);
|
|
1208
1208
|
$8tj43$setAttribute(_el$, "href", href);
|
|
1209
1209
|
return _el$;
|
|
1210
1210
|
})();
|
|
@@ -1555,13 +1555,13 @@ const $cc64aabf2c7a1f1a$export$1233ca167bf71f9a = styles => {
|
|
|
1555
1555
|
return "".concat(selector, " { ").concat($cc64aabf2c7a1f1a$export$af8311b651139246(css_properties), " }");
|
|
1556
1556
|
}).join(" ");
|
|
1557
1557
|
};
|
|
1558
|
-
|
|
1558
|
+
var $a86e71c0015bd8ab$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<style>`);
|
|
1559
1559
|
function $a86e71c0015bd8ab$export$f021bdedd3ec901a(props) {
|
|
1560
1560
|
const valid_css_string = $8tj43$createMemo(() => {
|
|
1561
1561
|
return $cc64aabf2c7a1f1a$export$1233ca167bf71f9a(props.styles());
|
|
1562
1562
|
});
|
|
1563
1563
|
return (() => {
|
|
1564
|
-
|
|
1564
|
+
var _el$ = $8tj43$getNextElement($a86e71c0015bd8ab$var$_tmpl$);
|
|
1565
1565
|
$8tj43$insert(_el$, valid_css_string);
|
|
1566
1566
|
return _el$;
|
|
1567
1567
|
})();
|
|
@@ -1578,7 +1578,7 @@ let $c3820807ac1e6fd7$export$44dad306455dddf;
|
|
|
1578
1578
|
*/
|
|
1579
1579
|
const $b026fa9c9c904a98$export$1ea76ea778b880dd = Symbol("modalVersion");
|
|
1580
1580
|
const $b026fa9c9c904a98$export$89890212b43f1b60 = Symbol("backIcon");
|
|
1581
|
-
|
|
1581
|
+
var $584c06c09cf4609d$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<button class=back type=button>`),
|
|
1582
1582
|
$584c06c09cf4609d$var$_tmpl$2 = /*#__PURE__*/$8tj43$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>`);
|
|
1583
1583
|
function $584c06c09cf4609d$export$b94867ecbd698f21(_ref) {
|
|
1584
1584
|
let {
|
|
@@ -1608,7 +1608,7 @@ function $584c06c09cf4609d$export$b94867ecbd698f21(_ref) {
|
|
|
1608
1608
|
const owner_of_field_element = $8tj43$getOwner();
|
|
1609
1609
|
const isNewModal = BackIcon_[(0, $b026fa9c9c904a98$export$1ea76ea778b880dd)] === 2;
|
|
1610
1610
|
return (() => {
|
|
1611
|
-
|
|
1611
|
+
var _el$ = $8tj43$getNextElement($584c06c09cf4609d$var$_tmpl$2),
|
|
1612
1612
|
_el$7 = _el$.firstChild,
|
|
1613
1613
|
[_el$8, _co$] = $8tj43$getNextMarker(_el$7.nextSibling),
|
|
1614
1614
|
_el$3 = _el$8.nextSibling,
|
|
@@ -1618,7 +1618,7 @@ function $584c06c09cf4609d$export$b94867ecbd698f21(_ref) {
|
|
|
1618
1618
|
$8tj43$insert(_el$, $8tj43$createComponent((0, $8tj43$Show), {
|
|
1619
1619
|
when: on_back_,
|
|
1620
1620
|
get children() {
|
|
1621
|
-
|
|
1621
|
+
var _el$2 = $8tj43$getNextElement($584c06c09cf4609d$var$_tmpl$);
|
|
1622
1622
|
$8tj43$addEventListener(_el$2, "click", $8tj43$catchify(on_back_), true);
|
|
1623
1623
|
$8tj43$insert(_el$2, $8tj43$createComponent(BackIcon_, {}));
|
|
1624
1624
|
$8tj43$effect(() => $8tj43$setAttribute(_el$2, "aria-label", i18n_.back_()));
|
|
@@ -1704,7 +1704,7 @@ function $584c06c09cf4609d$export$b94867ecbd698f21(_ref) {
|
|
|
1704
1704
|
if (!dont_submit) submit_query_();
|
|
1705
1705
|
}
|
|
1706
1706
|
}), true);
|
|
1707
|
-
|
|
1707
|
+
var _ref$ = $8tj43$catchify(el => {
|
|
1708
1708
|
input_element = el;
|
|
1709
1709
|
input_field_ref_ === null || input_field_ref_ === void 0 || input_field_ref_(el);
|
|
1710
1710
|
});
|
|
@@ -1716,7 +1716,7 @@ function $584c06c09cf4609d$export$b94867ecbd698f21(_ref) {
|
|
|
1716
1716
|
if (!disabled_) input_element.focus();
|
|
1717
1717
|
}), true);
|
|
1718
1718
|
$8tj43$insert(_el$5, $8tj43$createComponent((0, $9783d437ad61594c$export$3b621d86b1566b2), {}));
|
|
1719
|
-
|
|
1719
|
+
var _ref$2 = submit_button_ref_;
|
|
1720
1720
|
typeof _ref$2 === "function" ? $8tj43$use(_ref$2, _el$6) : submit_button_ref_ = _el$6;
|
|
1721
1721
|
$8tj43$spread(_el$6, $8tj43$mergeProps({
|
|
1722
1722
|
get onClick() {
|
|
@@ -1729,20 +1729,20 @@ function $584c06c09cf4609d$export$b94867ecbd698f21(_ref) {
|
|
|
1729
1729
|
}), false, true);
|
|
1730
1730
|
$8tj43$insert(_el$6, $8tj43$createComponent((0, $ef0f18a578b32578$export$82eafebb825fc23f), {}));
|
|
1731
1731
|
$8tj43$effect(_p$ => {
|
|
1732
|
-
|
|
1732
|
+
var _v$ = i18n_.search_field_field_aria_label_(),
|
|
1733
1733
|
_v$2 = i18n_.placeholder_text_(),
|
|
1734
1734
|
_v$3 = i18n_.clear_filters_query_sorting_after_submit_(),
|
|
1735
1735
|
_v$4 = $8tj43$createMemo(() => search_field_value_[0]() ? "" : "display: none")();
|
|
1736
|
-
_v$ !== _p$.
|
|
1737
|
-
_v$2 !== _p$.
|
|
1738
|
-
_v$3 !== _p$.
|
|
1739
|
-
_p$.
|
|
1736
|
+
_v$ !== _p$.e && $8tj43$setAttribute(_el$4, "aria-label", _p$.e = _v$);
|
|
1737
|
+
_v$2 !== _p$.t && $8tj43$setAttribute(_el$4, "placeholder", _p$.t = _v$2);
|
|
1738
|
+
_v$3 !== _p$.a && $8tj43$setAttribute(_el$5, "title", _p$.a = _v$3);
|
|
1739
|
+
_p$.o = $8tj43$style(_el$5, _v$4, _p$.o);
|
|
1740
1740
|
return _p$;
|
|
1741
1741
|
}, {
|
|
1742
|
-
|
|
1743
|
-
|
|
1744
|
-
|
|
1745
|
-
|
|
1742
|
+
e: undefined,
|
|
1743
|
+
t: undefined,
|
|
1744
|
+
a: undefined,
|
|
1745
|
+
o: undefined
|
|
1746
1746
|
});
|
|
1747
1747
|
$8tj43$effect(() => $8tj43$setProperty(_el$4, "value", search_field_value_[0]()));
|
|
1748
1748
|
$8tj43$runHydrationEvents();
|
|
@@ -1795,7 +1795,7 @@ class $f3b7124b76123e44$export$aa14a9f43128f61f extends $f3b7124b76123e44$export
|
|
|
1795
1795
|
});
|
|
1796
1796
|
}
|
|
1797
1797
|
}
|
|
1798
|
-
|
|
1798
|
+
var $74777e8fe65b3dcb$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div><!$><!/><!$><!/>`);
|
|
1799
1799
|
function $74777e8fe65b3dcb$export$b69d0d92862de18b(props) {
|
|
1800
1800
|
return $8tj43$ErrorBoundary({
|
|
1801
1801
|
fallback(err, retry) {
|
|
@@ -1809,7 +1809,7 @@ function $74777e8fe65b3dcb$export$b69d0d92862de18b(props) {
|
|
|
1809
1809
|
message = "".concat(message, ": ").concat(err.message);
|
|
1810
1810
|
} else $8tj43$report([err, message_], severity_);
|
|
1811
1811
|
return (() => {
|
|
1812
|
-
|
|
1812
|
+
var _el$ = $8tj43$getNextElement($74777e8fe65b3dcb$var$_tmpl$),
|
|
1813
1813
|
_el$2 = _el$.firstChild,
|
|
1814
1814
|
[_el$3, _co$] = $8tj43$getNextMarker(_el$2.nextSibling),
|
|
1815
1815
|
_el$4 = _el$3.nextSibling,
|
|
@@ -1844,7 +1844,7 @@ function $5441862cd2f5e111$export$e68cff63f76bd15b(props) {
|
|
|
1844
1844
|
function $5441862cd2f5e111$export$8d0c4fdbb05a2f2e() {
|
|
1845
1845
|
return $8tj43$useContext($5441862cd2f5e111$var$ListingContext);
|
|
1846
1846
|
}
|
|
1847
|
-
|
|
1847
|
+
var $fac58b5610eec6a9$var$_tmpl$ = /*#__PURE__*/$8tj43$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">`);
|
|
1848
1848
|
function $fac58b5610eec6a9$export$8d8893ffd8aca39a() {
|
|
1849
1849
|
return $8tj43$getNextElement($fac58b5610eec6a9$var$_tmpl$);
|
|
1850
1850
|
}
|
|
@@ -1871,7 +1871,7 @@ function $a82a41ab7188eda2$export$93d9bfd0c9c1a5b8(close_modal, search_query_url
|
|
|
1871
1871
|
}
|
|
1872
1872
|
})();
|
|
1873
1873
|
}
|
|
1874
|
-
|
|
1874
|
+
var $40411f2ec772c376$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class=discover-more><button class=major type=button>`),
|
|
1875
1875
|
$40411f2ec772c376$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<b>`),
|
|
1876
1876
|
$40411f2ec772c376$var$_tmpl$3 = /*#__PURE__*/$8tj43$template(`<div class=depict-search-modal><div class=body><!$><!/><div class=padded><!$><!/><!$><!/><!$><!/></div><!$><!/></div><!$><!/>`),
|
|
1877
1877
|
$40411f2ec772c376$var$_tmpl$4 = /*#__PURE__*/$8tj43$template(`<div class="depict plp search"><div class=depict-search-modal-backdrop></div><!$><!/>`);
|
|
@@ -1950,13 +1950,13 @@ function $40411f2ec772c376$var$RawClassicSearchModal(_ref) {
|
|
|
1950
1950
|
});
|
|
1951
1951
|
const less_than_700_high = $00a5b94f0c11efbb$export$d9f36cf74e24d595("(max-height:700px)");
|
|
1952
1952
|
const DiscoverMoreSection = () => (() => {
|
|
1953
|
-
|
|
1953
|
+
var _el$ = $8tj43$getNextElement($40411f2ec772c376$var$_tmpl$),
|
|
1954
1954
|
_el$2 = _el$.firstChild;
|
|
1955
1955
|
$8tj43$addEventListener(_el$2, "click", $8tj43$catchify(() => submit_query_()), true);
|
|
1956
1956
|
$8tj43$insert(_el$2, (() => {
|
|
1957
|
-
|
|
1957
|
+
var _c$ = $8tj43$memo(() => !!get_search_field_value_());
|
|
1958
1958
|
return () => _c$() ? i18n_.modal_view_all_results_()((() => {
|
|
1959
|
-
|
|
1959
|
+
var _el$3 = $8tj43$getNextElement($40411f2ec772c376$var$_tmpl$2);
|
|
1960
1960
|
$8tj43$insert(_el$3, total_number_of_results);
|
|
1961
1961
|
return _el$3;
|
|
1962
1962
|
})()) : i18n_.modal_discover_more_();
|
|
@@ -2008,7 +2008,7 @@ function $40411f2ec772c376$var$RawClassicSearchModal(_ref) {
|
|
|
2008
2008
|
});
|
|
2009
2009
|
search_field.classList.add("in-modal");
|
|
2010
2010
|
const modal_element = (() => {
|
|
2011
|
-
|
|
2011
|
+
var _el$4 = $8tj43$getNextElement($40411f2ec772c376$var$_tmpl$3),
|
|
2012
2012
|
_el$5 = _el$4.firstChild,
|
|
2013
2013
|
_el$13 = _el$5.firstChild,
|
|
2014
2014
|
[_el$14, _co$4] = $8tj43$getNextMarker(_el$13.nextSibling),
|
|
@@ -2117,21 +2117,21 @@ function $40411f2ec772c376$var$RawClassicSearchModal(_ref) {
|
|
|
2117
2117
|
return _el$4;
|
|
2118
2118
|
})();
|
|
2119
2119
|
return [(() => {
|
|
2120
|
-
|
|
2120
|
+
var _el$19 = $8tj43$getNextElement($40411f2ec772c376$var$_tmpl$4),
|
|
2121
2121
|
_el$20 = _el$19.firstChild,
|
|
2122
2122
|
_el$21 = _el$20.nextSibling,
|
|
2123
2123
|
[_el$22, _co$7] = $8tj43$getNextMarker(_el$21.nextSibling);
|
|
2124
2124
|
$8tj43$addEventListener(_el$20, "click", close_modal_, true);
|
|
2125
2125
|
$8tj43$insert(_el$19, modal_element, _el$22, _co$7);
|
|
2126
2126
|
$8tj43$effect(_p$ => {
|
|
2127
|
-
|
|
2127
|
+
var _v$ = (0, $c3820807ac1e6fd7$export$44dad306455dddf).SEARCH_MODAL,
|
|
2128
2128
|
_v$2 = class_list_ === null || class_list_ === void 0 ? void 0 : class_list_();
|
|
2129
|
-
_v$ !== _p$.
|
|
2130
|
-
_p$.
|
|
2129
|
+
_v$ !== _p$.e && $8tj43$setAttribute(_el$19, "id", _p$.e = _v$);
|
|
2130
|
+
_p$.t = $8tj43$classList(_el$19, _v$2, _p$.t);
|
|
2131
2131
|
return _p$;
|
|
2132
2132
|
}, {
|
|
2133
|
-
|
|
2134
|
-
|
|
2133
|
+
e: undefined,
|
|
2134
|
+
t: undefined
|
|
2135
2135
|
});
|
|
2136
2136
|
$8tj43$runHydrationEvents();
|
|
2137
2137
|
return _el$19;
|
|
@@ -2326,7 +2326,7 @@ function $2855bffe06ef7a03$export$43cd1e747fecd42e(_ref2) {
|
|
|
2326
2326
|
if (was_url_object) return url_object;
|
|
2327
2327
|
return url_object.href;
|
|
2328
2328
|
}
|
|
2329
|
-
|
|
2329
|
+
var $52efc9ae4382e25a$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<nav class=crumbs>`),
|
|
2330
2330
|
$52efc9ae4382e25a$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<a class=crumb>`),
|
|
2331
2331
|
$52efc9ae4382e25a$var$_tmpl$3 = /*#__PURE__*/$8tj43$template(`<span class=separator>`);
|
|
2332
2332
|
function $52efc9ae4382e25a$export$5646050d516e06bc(_ref) {
|
|
@@ -2343,7 +2343,7 @@ function $52efc9ae4382e25a$export$5646050d516e06bc(_ref) {
|
|
|
2343
2343
|
severity_: "error",
|
|
2344
2344
|
message_: "BreadCrumbs failed",
|
|
2345
2345
|
get children() {
|
|
2346
|
-
|
|
2346
|
+
var _el$ = $8tj43$getNextElement($52efc9ae4382e25a$var$_tmpl$);
|
|
2347
2347
|
$8tj43$insert(_el$, $8tj43$createComponent((0, $8tj43$Index), {
|
|
2348
2348
|
get each() {
|
|
2349
2349
|
return crumb_data();
|
|
@@ -2370,7 +2370,7 @@ function $52efc9ae4382e25a$export$5646050d516e06bc(_ref) {
|
|
|
2370
2370
|
});
|
|
2371
2371
|
},
|
|
2372
2372
|
get children() {
|
|
2373
|
-
|
|
2373
|
+
var _el$2 = $8tj43$getNextElement($52efc9ae4382e25a$var$_tmpl$2);
|
|
2374
2374
|
$8tj43$addEventListener(_el$2, "click", $8tj43$catchify(ev => router_.navigate_.go_to_({
|
|
2375
2375
|
new_url_: href(),
|
|
2376
2376
|
is_replace_: false,
|
|
@@ -2391,7 +2391,7 @@ function $52efc9ae4382e25a$export$5646050d516e06bc(_ref) {
|
|
|
2391
2391
|
return index < crumb_data().length - 1;
|
|
2392
2392
|
},
|
|
2393
2393
|
get children() {
|
|
2394
|
-
|
|
2394
|
+
var _el$3 = $8tj43$getNextElement($52efc9ae4382e25a$var$_tmpl$3);
|
|
2395
2395
|
$8tj43$insert(_el$3, () => i18n_.breadcrumbs_separator_());
|
|
2396
2396
|
return _el$3;
|
|
2397
2397
|
}
|
|
@@ -2404,23 +2404,23 @@ function $52efc9ae4382e25a$export$5646050d516e06bc(_ref) {
|
|
|
2404
2404
|
});
|
|
2405
2405
|
}
|
|
2406
2406
|
$8tj43$delegateEvents(["click"]);
|
|
2407
|
-
|
|
2407
|
+
var $801e8845d3fa3653$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div>`);
|
|
2408
2408
|
function $801e8845d3fa3653$export$94026ee33dbabc26(props) {
|
|
2409
2409
|
return (() => {
|
|
2410
|
-
|
|
2410
|
+
var _el$ = $8tj43$getNextElement($801e8845d3fa3653$var$_tmpl$);
|
|
2411
2411
|
$8tj43$classList(_el$, {
|
|
2412
2412
|
["s-image-container"]: true
|
|
2413
2413
|
});
|
|
2414
2414
|
$8tj43$insert(_el$, () => props.children);
|
|
2415
2415
|
$8tj43$effect(_p$ => {
|
|
2416
|
-
|
|
2416
|
+
var _v$ = "padding-bottom:calc(calc(1 / ".concat(props.aspectRatio, ") * 100%)"),
|
|
2417
2417
|
_v$2 = props.class;
|
|
2418
|
-
_p$.
|
|
2419
|
-
_v$2 !== _p$.
|
|
2418
|
+
_p$.e = $8tj43$style(_el$, _v$, _p$.e);
|
|
2419
|
+
_v$2 !== _p$.t && $8tj43$className(_el$, _p$.t = _v$2);
|
|
2420
2420
|
return _p$;
|
|
2421
2421
|
}, {
|
|
2422
|
-
|
|
2423
|
-
|
|
2422
|
+
e: undefined,
|
|
2423
|
+
t: undefined
|
|
2424
2424
|
});
|
|
2425
2425
|
return _el$;
|
|
2426
2426
|
})();
|
|
@@ -2676,11 +2676,11 @@ function $7fbaab3d3dafb4f5$export$9d4a4b669b1929ab(props) {
|
|
|
2676
2676
|
}
|
|
2677
2677
|
}));
|
|
2678
2678
|
}
|
|
2679
|
-
|
|
2679
|
+
var $4a3ed70b3b7c60d5$var$_tmpl$ = /*#__PURE__*/$8tj43$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>`);
|
|
2680
2680
|
function $4a3ed70b3b7c60d5$export$9ca09caa9c849d9c() {
|
|
2681
2681
|
return $8tj43$getNextElement($4a3ed70b3b7c60d5$var$_tmpl$);
|
|
2682
2682
|
}
|
|
2683
|
-
|
|
2683
|
+
var $26db6925469636a4$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<a>`),
|
|
2684
2684
|
$26db6925469636a4$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<div class=listing-card><div class=image-part></div><!$><!/><h3 class=title>`),
|
|
2685
2685
|
$26db6925469636a4$var$_tmpl$3 = /*#__PURE__*/$8tj43$template(`<div class=empty-image>`);
|
|
2686
2686
|
const $26db6925469636a4$var$aspectRatioWidthComponent = 402.67;
|
|
@@ -2703,7 +2703,7 @@ function $26db6925469636a4$export$67152d26d4f56ee8(_ref) {
|
|
|
2703
2703
|
return (_listing_ = listing_()) === null || _listing_ === void 0 ? void 0 : _listing_.page_url;
|
|
2704
2704
|
}); // <- 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
|
|
2705
2705
|
const LinkToListing = props => (() => {
|
|
2706
|
-
|
|
2706
|
+
var _el$ = $8tj43$getNextElement($26db6925469636a4$var$_tmpl$);
|
|
2707
2707
|
$8tj43$addEventListener(_el$, "click", $8tj43$catchify(ev => href() && router_.navigate_.go_to_({
|
|
2708
2708
|
new_url_: href(),
|
|
2709
2709
|
is_replace_: false,
|
|
@@ -2715,14 +2715,14 @@ function $26db6925469636a4$export$67152d26d4f56ee8(_ref) {
|
|
|
2715
2715
|
})), true);
|
|
2716
2716
|
$8tj43$insert(_el$, () => props.children);
|
|
2717
2717
|
$8tj43$effect(_p$ => {
|
|
2718
|
-
|
|
2718
|
+
var _v$ = props.tabIndex_,
|
|
2719
2719
|
_v$2 = href();
|
|
2720
|
-
_v$ !== _p$.
|
|
2721
|
-
_v$2 !== _p$.
|
|
2720
|
+
_v$ !== _p$.e && $8tj43$setAttribute(_el$, "tabindex", _p$.e = _v$);
|
|
2721
|
+
_v$2 !== _p$.t && $8tj43$setAttribute(_el$, "href", _p$.t = _v$2);
|
|
2722
2722
|
return _p$;
|
|
2723
2723
|
}, {
|
|
2724
|
-
|
|
2725
|
-
|
|
2724
|
+
e: undefined,
|
|
2725
|
+
t: undefined
|
|
2726
2726
|
});
|
|
2727
2727
|
$8tj43$runHydrationEvents();
|
|
2728
2728
|
return _el$;
|
|
@@ -2737,7 +2737,7 @@ function $26db6925469636a4$export$67152d26d4f56ee8(_ref) {
|
|
|
2737
2737
|
return (_listing_3 = listing_()) === null || _listing_3 === void 0 ? void 0 : _listing_3.ancestors;
|
|
2738
2738
|
});
|
|
2739
2739
|
return (() => {
|
|
2740
|
-
|
|
2740
|
+
var _el$2 = $8tj43$getNextElement($26db6925469636a4$var$_tmpl$2),
|
|
2741
2741
|
_el$3 = _el$2.firstChild,
|
|
2742
2742
|
_el$5 = _el$3.nextSibling,
|
|
2743
2743
|
[_el$6, _co$] = $8tj43$getNextMarker(_el$5.nextSibling),
|
|
@@ -2792,14 +2792,14 @@ function $26db6925469636a4$export$67152d26d4f56ee8(_ref) {
|
|
|
2792
2792
|
}));
|
|
2793
2793
|
$8tj43$effect(_p$ => {
|
|
2794
2794
|
var _image_urls$length, _image_urls;
|
|
2795
|
-
|
|
2795
|
+
var _v$3 = !!isSelected(),
|
|
2796
2796
|
_v$4 = "--image-count: ".concat((_image_urls$length = (_image_urls = image_urls()) === null || _image_urls === void 0 ? void 0 : _image_urls.length) !== null && _image_urls$length !== void 0 ? _image_urls$length : 0);
|
|
2797
|
-
_v$3 !== _p$.
|
|
2798
|
-
_p$.
|
|
2797
|
+
_v$3 !== _p$.e && _el$2.classList.toggle("selected", _p$.e = _v$3);
|
|
2798
|
+
_p$.t = $8tj43$style(_el$3, _v$4, _p$.t);
|
|
2799
2799
|
return _p$;
|
|
2800
2800
|
}, {
|
|
2801
|
-
|
|
2802
|
-
|
|
2801
|
+
e: undefined,
|
|
2802
|
+
t: undefined
|
|
2803
2803
|
});
|
|
2804
2804
|
$8tj43$runHydrationEvents();
|
|
2805
2805
|
return _el$2;
|
|
@@ -2845,33 +2845,33 @@ function $26db6925469636a4$export$ea41102db9bd68c3(_ref3) {
|
|
|
2845
2845
|
}
|
|
2846
2846
|
function $26db6925469636a4$var$EmptyImage() {
|
|
2847
2847
|
return (() => {
|
|
2848
|
-
|
|
2848
|
+
var _el$7 = $8tj43$getNextElement($26db6925469636a4$var$_tmpl$3);
|
|
2849
2849
|
_el$7.style.setProperty("aspect-ratio", "1.977362011392654");
|
|
2850
2850
|
$8tj43$insert(_el$7, $8tj43$createComponent((0, $4a3ed70b3b7c60d5$export$9ca09caa9c849d9c), {}));
|
|
2851
2851
|
return _el$7;
|
|
2852
2852
|
})();
|
|
2853
2853
|
}
|
|
2854
2854
|
$8tj43$delegateEvents(["click", "mouseover"]);
|
|
2855
|
-
|
|
2855
|
+
var $ca6ab5f08bd28bca$var$_tmpl$ = /*#__PURE__*/$8tj43$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>`);
|
|
2856
2856
|
function $ca6ab5f08bd28bca$export$8be2714ec7f169ee() {
|
|
2857
2857
|
let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
2858
2858
|
return (() => {
|
|
2859
|
-
|
|
2859
|
+
var _el$ = $8tj43$getNextElement($ca6ab5f08bd28bca$var$_tmpl$);
|
|
2860
2860
|
$8tj43$effect(_p$ => {
|
|
2861
2861
|
var _props$width_, _props$height_;
|
|
2862
|
-
|
|
2862
|
+
var _v$ = (_props$width_ = props.width_) !== null && _props$width_ !== void 0 ? _props$width_ : 14,
|
|
2863
2863
|
_v$2 = (_props$height_ = props.height_) !== null && _props$height_ !== void 0 ? _props$height_ : 26;
|
|
2864
|
-
_v$ !== _p$.
|
|
2865
|
-
_v$2 !== _p$.
|
|
2864
|
+
_v$ !== _p$.e && $8tj43$setAttribute(_el$, "width", _p$.e = _v$);
|
|
2865
|
+
_v$2 !== _p$.t && $8tj43$setAttribute(_el$, "height", _p$.t = _v$2);
|
|
2866
2866
|
return _p$;
|
|
2867
2867
|
}, {
|
|
2868
|
-
|
|
2869
|
-
|
|
2868
|
+
e: undefined,
|
|
2869
|
+
t: undefined
|
|
2870
2870
|
});
|
|
2871
2871
|
return _el$;
|
|
2872
2872
|
})();
|
|
2873
2873
|
}
|
|
2874
|
-
|
|
2874
|
+
var $002f09d00aac50b2$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div>`),
|
|
2875
2875
|
$002f09d00aac50b2$var$_tmpl$2 = /*#__PURE__*/$8tj43$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>`);
|
|
2876
2876
|
function $002f09d00aac50b2$export$6649caad96ef8870(_ref) {
|
|
2877
2877
|
let {
|
|
@@ -2888,7 +2888,7 @@ function $002f09d00aac50b2$export$6649caad96ef8870(_ref) {
|
|
|
2888
2888
|
const [hasHydrated, setHasHydrated] = $8tj43$createSignal(false);
|
|
2889
2889
|
$8tj43$createEffect(() => setHasHydrated(true));
|
|
2890
2890
|
const MakeButton = () => (() => {
|
|
2891
|
-
|
|
2891
|
+
var _el$ = $8tj43$getNextElement($002f09d00aac50b2$var$_tmpl$);
|
|
2892
2892
|
$8tj43$insert(_el$, $8tj43$createComponent((0, $ca6ab5f08bd28bca$export$8be2714ec7f169ee), {
|
|
2893
2893
|
height_: arrow_height_,
|
|
2894
2894
|
width_: arrow_width_
|
|
@@ -2905,7 +2905,7 @@ function $002f09d00aac50b2$export$6649caad96ef8870(_ref) {
|
|
|
2905
2905
|
},
|
|
2906
2906
|
get fallback() {
|
|
2907
2907
|
return (() => {
|
|
2908
|
-
|
|
2908
|
+
var _el$2 = $8tj43$getNextElement($002f09d00aac50b2$var$_tmpl$2),
|
|
2909
2909
|
_el$3 = _el$2.firstChild,
|
|
2910
2910
|
_el$4 = _el$3.nextSibling,
|
|
2911
2911
|
_el$5 = _el$4.nextSibling;
|
|
@@ -2939,12 +2939,12 @@ function $002f09d00aac50b2$export$6649caad96ef8870(_ref) {
|
|
|
2939
2939
|
}
|
|
2940
2940
|
});
|
|
2941
2941
|
}
|
|
2942
|
-
|
|
2942
|
+
var $63f1f8dbcd07d3b0$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div>`),
|
|
2943
2943
|
$63f1f8dbcd07d3b0$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<style type=text/css>`);
|
|
2944
2944
|
function $63f1f8dbcd07d3b0$export$d21e32dfedac04be(props) {
|
|
2945
2945
|
const container_class = "x" + $8tj43$createUniqueId();
|
|
2946
2946
|
const container_element_ = (() => {
|
|
2947
|
-
|
|
2947
|
+
var _el$ = $8tj43$getNextElement($63f1f8dbcd07d3b0$var$_tmpl$);
|
|
2948
2948
|
$8tj43$spread(_el$, $8tj43$mergeProps(() => props.element_attributes, {
|
|
2949
2949
|
"classList": {
|
|
2950
2950
|
[container_class]: true
|
|
@@ -3000,7 +3000,7 @@ function $63f1f8dbcd07d3b0$export$445d8d3f5f706a40(props, container_element) {
|
|
|
3000
3000
|
const view_more_button_class = "m" + $8tj43$createUniqueId();
|
|
3001
3001
|
const view_less_button_class = "l" + $8tj43$createUniqueId(); // https://github.com/solidjs/solid-docs/issues/263#issuecomment-1622388079
|
|
3002
3002
|
const view_more_button_container = $8tj43$createMemo(() => have_a_view_more_button() && (() => {
|
|
3003
|
-
|
|
3003
|
+
var _el$2 = $8tj43$getNextElement($63f1f8dbcd07d3b0$var$_tmpl$);
|
|
3004
3004
|
$8tj43$addEventListener(_el$2, "click", $8tj43$catchify(() => set_rows_visible()(prev => {
|
|
3005
3005
|
var _rows_or_empty_object2;
|
|
3006
3006
|
return prev + ((_rows_or_empty_object2 = rows_or_empty_object().rows_per_click) !== null && _rows_or_empty_object2 !== void 0 ? _rows_or_empty_object2 : 1);
|
|
@@ -3012,7 +3012,7 @@ function $63f1f8dbcd07d3b0$export$445d8d3f5f706a40(props, container_element) {
|
|
|
3012
3012
|
})());
|
|
3013
3013
|
// 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
|
|
3014
3014
|
const view_less_button_container = $8tj43$createMemo(() => have_a_view_less_button() && (() => {
|
|
3015
|
-
|
|
3015
|
+
var _el$3 = $8tj43$getNextElement($63f1f8dbcd07d3b0$var$_tmpl$);
|
|
3016
3016
|
$8tj43$addEventListener(_el$3, "click", $8tj43$catchify(() => set_rows_visible()(() => {
|
|
3017
3017
|
var _rows_or_empty_object3;
|
|
3018
3018
|
return (_rows_or_empty_object3 = rows_or_empty_object().start_rows) !== null && _rows_or_empty_object3 !== void 0 ? _rows_or_empty_object3 : 1;
|
|
@@ -3077,7 +3077,7 @@ function $63f1f8dbcd07d3b0$export$445d8d3f5f706a40(props, container_element) {
|
|
|
3077
3077
|
}));
|
|
3078
3078
|
});
|
|
3079
3079
|
const style_element = (() => {
|
|
3080
|
-
|
|
3080
|
+
var _el$4 = $8tj43$getNextElement($63f1f8dbcd07d3b0$var$_tmpl$2);
|
|
3081
3081
|
$8tj43$insert(_el$4, get_styling);
|
|
3082
3082
|
return _el$4;
|
|
3083
3083
|
})(); // need to create this after set_styling has been called or else there will be no styling in the SSR'd output
|
|
@@ -3085,7 +3085,7 @@ function $63f1f8dbcd07d3b0$export$445d8d3f5f706a40(props, container_element) {
|
|
|
3085
3085
|
return [container_element, $8tj43$memo(view_more_button_container), $8tj43$memo(view_less_button_container), style_element];
|
|
3086
3086
|
}
|
|
3087
3087
|
$8tj43$delegateEvents(["click"]);
|
|
3088
|
-
|
|
3088
|
+
var $ab401afaded322ab$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class=visual-listing-suggestions><h2></h2><!$><!/>`),
|
|
3089
3089
|
$ab401afaded322ab$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<div class=suggestion-container>`);
|
|
3090
3090
|
function $ab401afaded322ab$export$c8d7e00464029b45(_ref) {
|
|
3091
3091
|
let {
|
|
@@ -3133,7 +3133,7 @@ function $ab401afaded322ab$export$c8d7e00464029b45(_ref) {
|
|
|
3133
3133
|
return (_listing_suggestions_2 = listing_suggestions_()) === null || _listing_suggestions_2 === void 0 ? void 0 : _listing_suggestions_2.length;
|
|
3134
3134
|
},
|
|
3135
3135
|
get children() {
|
|
3136
|
-
|
|
3136
|
+
var _el$ = $8tj43$getNextElement($ab401afaded322ab$var$_tmpl$),
|
|
3137
3137
|
_el$2 = _el$.firstChild,
|
|
3138
3138
|
_el$3 = _el$2.nextSibling,
|
|
3139
3139
|
[_el$4, _co$] = $8tj43$getNextMarker(_el$3.nextSibling);
|
|
@@ -3144,7 +3144,7 @@ function $ab401afaded322ab$export$c8d7e00464029b45(_ref) {
|
|
|
3144
3144
|
},
|
|
3145
3145
|
get fallback() {
|
|
3146
3146
|
return (() => {
|
|
3147
|
-
|
|
3147
|
+
var _el$5 = $8tj43$getNextElement($ab401afaded322ab$var$_tmpl$2);
|
|
3148
3148
|
$8tj43$insert(_el$5, productCards);
|
|
3149
3149
|
return _el$5;
|
|
3150
3150
|
})();
|
|
@@ -3177,7 +3177,7 @@ function $ab401afaded322ab$export$c8d7e00464029b45(_ref) {
|
|
|
3177
3177
|
}
|
|
3178
3178
|
});
|
|
3179
3179
|
}
|
|
3180
|
-
|
|
3180
|
+
var $5175a47d13b7c228$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div><div class=title-row><h2></h2><!$><!/></div><div class=suggestion-container>`),
|
|
3181
3181
|
$5175a47d13b7c228$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<a class=suggestion>`);
|
|
3182
3182
|
function $5175a47d13b7c228$export$d4994a86c6235f72(_ref) {
|
|
3183
3183
|
let {
|
|
@@ -3203,7 +3203,7 @@ function $5175a47d13b7c228$export$d4994a86c6235f72(_ref) {
|
|
|
3203
3203
|
return ((_itemsToShow_ = itemsToShow_()) === null || _itemsToShow_ === void 0 ? void 0 : _itemsToShow_.length) || showPlaceholders_();
|
|
3204
3204
|
},
|
|
3205
3205
|
get children() {
|
|
3206
|
-
|
|
3206
|
+
var _el$ = $8tj43$getNextElement($5175a47d13b7c228$var$_tmpl$),
|
|
3207
3207
|
_el$2 = _el$.firstChild,
|
|
3208
3208
|
_el$3 = _el$2.firstChild,
|
|
3209
3209
|
_el$4 = _el$3.nextSibling,
|
|
@@ -3241,7 +3241,7 @@ function $5175a47d13b7c228$export$d4994a86c6235f72(_ref) {
|
|
|
3241
3241
|
});
|
|
3242
3242
|
const [isSelected, selectedDueToKeyboardNavigation] = $d0883254246d3eb6$export$fb40a80c530e5f2b(read_selected_index_, itemIndex_, () => index);
|
|
3243
3243
|
return (() => {
|
|
3244
|
-
|
|
3244
|
+
var _el$7 = $8tj43$getNextElement($5175a47d13b7c228$var$_tmpl$2);
|
|
3245
3245
|
$8tj43$use(element => {
|
|
3246
3246
|
$d0883254246d3eb6$export$12761f53d7ab7f27(element, selectedDueToKeyboardNavigation);
|
|
3247
3247
|
element.addEventListener("click", $8tj43$catchify(ev => {
|
|
@@ -3270,14 +3270,14 @@ function $5175a47d13b7c228$export$d4994a86c6235f72(_ref) {
|
|
|
3270
3270
|
searching_for_value_: searching_for_value_
|
|
3271
3271
|
}));
|
|
3272
3272
|
$8tj43$effect(_p$ => {
|
|
3273
|
-
|
|
3273
|
+
var _v$ = !!isSelected(),
|
|
3274
3274
|
_v$2 = href();
|
|
3275
|
-
_v$ !== _p$.
|
|
3276
|
-
_v$2 !== _p$.
|
|
3275
|
+
_v$ !== _p$.e && _el$7.classList.toggle("selected", _p$.e = _v$);
|
|
3276
|
+
_v$2 !== _p$.t && $8tj43$setAttribute(_el$7, "href", _p$.t = _v$2);
|
|
3277
3277
|
return _p$;
|
|
3278
3278
|
}, {
|
|
3279
|
-
|
|
3280
|
-
|
|
3279
|
+
e: undefined,
|
|
3280
|
+
t: undefined
|
|
3281
3281
|
});
|
|
3282
3282
|
return _el$7;
|
|
3283
3283
|
})();
|
|
@@ -3290,7 +3290,7 @@ function $5175a47d13b7c228$export$d4994a86c6235f72(_ref) {
|
|
|
3290
3290
|
}
|
|
3291
3291
|
});
|
|
3292
3292
|
}
|
|
3293
|
-
|
|
3293
|
+
var $4acc866f8fdfc002$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<button class=delete type=button>`);
|
|
3294
3294
|
const $4acc866f8fdfc002$var$MAX_PREVIOUS = 3;
|
|
3295
3295
|
function $4acc866f8fdfc002$export$af1fb307bbba2417(_ref) {
|
|
3296
3296
|
let {
|
|
@@ -3383,7 +3383,7 @@ function $4acc866f8fdfc002$export$af1fb307bbba2417(_ref) {
|
|
|
3383
3383
|
return itemIndexes_.previousSearchesIndex_;
|
|
3384
3384
|
},
|
|
3385
3385
|
extraTitleRowElements_: () => (() => {
|
|
3386
|
-
|
|
3386
|
+
var _el$ = $8tj43$getNextElement($4acc866f8fdfc002$var$_tmpl$);
|
|
3387
3387
|
$8tj43$addEventListener(_el$, "click", $8tj43$catchify(() => set_unfiltered_previous_searches_([])), true);
|
|
3388
3388
|
$8tj43$insert(_el$, () => i18n_.clear_all_from_filter_crumbs_());
|
|
3389
3389
|
$8tj43$runHydrationEvents();
|
|
@@ -3441,7 +3441,7 @@ function $6cd081415b01a112$export$b608d7df125109f1(_ref) {
|
|
|
3441
3441
|
|
|
3442
3442
|
return suggestionsResource;
|
|
3443
3443
|
}
|
|
3444
|
-
|
|
3444
|
+
var $c2fe922d21c40514$var$_tmpl$ = /*#__PURE__*/$8tj43$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">`);
|
|
3445
3445
|
function $c2fe922d21c40514$export$3fcbcd8bd3e0290f() {
|
|
3446
3446
|
return $8tj43$getNextElement($c2fe922d21c40514$var$_tmpl$);
|
|
3447
3447
|
}
|
|
@@ -3463,11 +3463,14 @@ function $1abb91ab5abc8994$export$66d1697a0f27069c(modalLayoutStacked) {
|
|
|
3463
3463
|
instantResultsIndex_: instantResultsIndex_
|
|
3464
3464
|
};
|
|
3465
3465
|
}
|
|
3466
|
-
|
|
3467
|
-
$06fcd2a345efd24d$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<
|
|
3468
|
-
$06fcd2a345efd24d$var$_tmpl$3 = /*#__PURE__*/$8tj43$template(`<
|
|
3469
|
-
$06fcd2a345efd24d$var$_tmpl$4 = /*#__PURE__*/$8tj43$template(`<div class=
|
|
3470
|
-
$06fcd2a345efd24d$var$_tmpl$5 = /*#__PURE__*/$8tj43$template(`<
|
|
3466
|
+
var $06fcd2a345efd24d$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class=instant-results-wrapper><h2></h2><!$><!/>`),
|
|
3467
|
+
$06fcd2a345efd24d$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<div>`),
|
|
3468
|
+
$06fcd2a345efd24d$var$_tmpl$3 = /*#__PURE__*/$8tj43$template(`<dialog>`),
|
|
3469
|
+
$06fcd2a345efd24d$var$_tmpl$4 = /*#__PURE__*/$8tj43$template(`<div class=depict-search-modal-backdrop>`),
|
|
3470
|
+
$06fcd2a345efd24d$var$_tmpl$5 = /*#__PURE__*/$8tj43$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><!$><!/>`),
|
|
3471
|
+
$06fcd2a345efd24d$var$_tmpl$6 = /*#__PURE__*/$8tj43$template(`<div class=left>`),
|
|
3472
|
+
$06fcd2a345efd24d$var$_tmpl$7 = /*#__PURE__*/$8tj43$template(`<div class=right>`),
|
|
3473
|
+
$06fcd2a345efd24d$var$_tmpl$8 = /*#__PURE__*/$8tj43$template(`<b>`);
|
|
3471
3474
|
/**
|
|
3472
3475
|
* Second generation search modal - the solid component that gets added to <body> when the search modal is opened
|
|
3473
3476
|
*/
|
|
@@ -3499,7 +3502,8 @@ function $06fcd2a345efd24d$var$RawSearchModalV2(_ref) {
|
|
|
3499
3502
|
content_search_enabled_: content_search_enabled_,
|
|
3500
3503
|
sorting_query_param_: sorting_query_param_,
|
|
3501
3504
|
filter_query_param_prefix_: filter_query_param_prefix_,
|
|
3502
|
-
setSearchFieldOuterWidth_: setSearchFieldOuterWidth_
|
|
3505
|
+
setSearchFieldOuterWidth_: setSearchFieldOuterWidth_,
|
|
3506
|
+
forceUseDiv_: forceUseDiv_
|
|
3503
3507
|
} = _ref;
|
|
3504
3508
|
let on_enter_in_search_field_function;
|
|
3505
3509
|
// 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.
|
|
@@ -3677,7 +3681,7 @@ function $06fcd2a345efd24d$var$RawSearchModalV2(_ref) {
|
|
|
3677
3681
|
get children() {
|
|
3678
3682
|
return $8tj43$createComponent((0, $5441862cd2f5e111$export$e68cff63f76bd15b), {
|
|
3679
3683
|
get children() {
|
|
3680
|
-
|
|
3684
|
+
var _el$ = $8tj43$getNextElement($06fcd2a345efd24d$var$_tmpl$),
|
|
3681
3685
|
_el$2 = _el$.firstChild,
|
|
3682
3686
|
_el$3 = _el$2.nextSibling,
|
|
3683
3687
|
[_el$4, _co$] = $8tj43$getNextMarker(_el$3.nextSibling);
|
|
@@ -3739,6 +3743,22 @@ function $06fcd2a345efd24d$var$RawSearchModalV2(_ref) {
|
|
|
3739
3743
|
});
|
|
3740
3744
|
}
|
|
3741
3745
|
})]);
|
|
3746
|
+
const DialogElement = props => {
|
|
3747
|
+
if (forceUseDiv_) return (() => {
|
|
3748
|
+
var _el$5 = $8tj43$getNextElement($06fcd2a345efd24d$var$_tmpl$2);
|
|
3749
|
+
$8tj43$spread(_el$5, props, false, true);
|
|
3750
|
+
$8tj43$insert(_el$5, () => props.children);
|
|
3751
|
+
$8tj43$runHydrationEvents();
|
|
3752
|
+
return _el$5;
|
|
3753
|
+
})();
|
|
3754
|
+
return (() => {
|
|
3755
|
+
var _el$6 = $8tj43$getNextElement($06fcd2a345efd24d$var$_tmpl$3);
|
|
3756
|
+
$8tj43$spread(_el$6, props, false, true);
|
|
3757
|
+
$8tj43$insert(_el$6, () => props.children);
|
|
3758
|
+
$8tj43$runHydrationEvents();
|
|
3759
|
+
return _el$6;
|
|
3760
|
+
})();
|
|
3761
|
+
};
|
|
3742
3762
|
const search_field = $584c06c09cf4609d$export$b94867ecbd698f21({
|
|
3743
3763
|
BackIcon_: () => $8tj43$createComponent((0, $c2fe922d21c40514$export$11e9f390c90a537f), {}),
|
|
3744
3764
|
input_field_ref_: element => set_input_field(element),
|
|
@@ -3765,19 +3785,17 @@ function $06fcd2a345efd24d$var$RawSearchModalV2(_ref) {
|
|
|
3765
3785
|
resizeObserver.observe(search_field);
|
|
3766
3786
|
$8tj43$onCleanup(() => resizeObserver.disconnect());
|
|
3767
3787
|
}
|
|
3768
|
-
return [(
|
|
3769
|
-
|
|
3770
|
-
|
|
3771
|
-
|
|
3772
|
-
|
|
3773
|
-
|
|
3774
|
-
|
|
3775
|
-
|
|
3776
|
-
|
|
3777
|
-
|
|
3778
|
-
|
|
3779
|
-
[_el$15, _co$3] = $8tj43$getNextMarker(_el$14.nextSibling);
|
|
3780
|
-
$8tj43$use(element => {
|
|
3788
|
+
return [$8tj43$createComponent(DialogElement, {
|
|
3789
|
+
get id() {
|
|
3790
|
+
return (0, $c3820807ac1e6fd7$export$44dad306455dddf).SEARCH_MODAL;
|
|
3791
|
+
},
|
|
3792
|
+
"class": "depict plp search",
|
|
3793
|
+
get classList() {
|
|
3794
|
+
return class_list_ === null || class_list_ === void 0 ? void 0 : class_list_();
|
|
3795
|
+
},
|
|
3796
|
+
onClose: close_modal_,
|
|
3797
|
+
ref: element => {
|
|
3798
|
+
if (forceUseDiv_) return;
|
|
3781
3799
|
const disconnect = (0, $8tj43$observer).onexists(element, _ref2 => {
|
|
3782
3800
|
let {
|
|
3783
3801
|
element: element,
|
|
@@ -3787,87 +3805,95 @@ function $06fcd2a345efd24d$var$RawSearchModalV2(_ref) {
|
|
|
3787
3805
|
disconnector();
|
|
3788
3806
|
});
|
|
3789
3807
|
$8tj43$onCleanup(disconnect);
|
|
3790
|
-
},
|
|
3791
|
-
|
|
3792
|
-
|
|
3793
|
-
|
|
3794
|
-
|
|
3795
|
-
|
|
3796
|
-
currentTarget: currentTarget
|
|
3797
|
-
} = _ref3;
|
|
3798
|
-
if (target === currentTarget) close_modal_();
|
|
3799
|
-
}), true);
|
|
3800
|
-
$8tj43$use(element => {
|
|
3801
|
-
// 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.
|
|
3802
|
-
const resizeObserver = new ResizeObserver($8tj43$catchify(records => setModalBodyWidth(records.at(-1).contentRect.width)));
|
|
3803
|
-
resizeObserver.observe(element);
|
|
3804
|
-
$8tj43$onCleanup(() => resizeObserver.disconnect());
|
|
3805
|
-
}, _el$8);
|
|
3806
|
-
$8tj43$insert(_el$8, search_field, _el$13, _co$2);
|
|
3807
|
-
$8tj43$use(el => {
|
|
3808
|
-
$8tj43$catchify((0, $558d0596fcf0e0b0$export$50b90be27d8502d9))(el, bodyAlignmentSignal, bottom_distance_under_modal_);
|
|
3809
|
-
// Workaround part 2 of https://github.com/solidjs/solid/issues/2030
|
|
3810
|
-
// 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
|
|
3811
|
-
// We could also lift out the createResource from InstantResults into this component, but this component is already huge.
|
|
3812
|
-
// When no results, also don't show left/right separation
|
|
3813
|
-
const showStackedDOM = $8tj43$createMemo(() => modalLayoutStacked_() || noResults());
|
|
3814
|
-
$8tj43$createEffect(() => {
|
|
3815
|
-
if (showStackedDOM()) {
|
|
3816
|
-
el.replaceChildren(...renderedTextSuggestions(), ...renderedVisualSuggestions());
|
|
3817
|
-
return;
|
|
3818
|
-
}
|
|
3819
|
-
el.replaceChildren(...[(() => {
|
|
3820
|
-
const _el$16 = $8tj43$getNextElement($06fcd2a345efd24d$var$_tmpl$3);
|
|
3821
|
-
$8tj43$insert(_el$16, renderedTextSuggestions);
|
|
3822
|
-
return _el$16;
|
|
3823
|
-
})(), (() => {
|
|
3824
|
-
const _el$17 = $8tj43$getNextElement($06fcd2a345efd24d$var$_tmpl$4);
|
|
3825
|
-
$8tj43$insert(_el$17, renderedVisualSuggestions);
|
|
3826
|
-
return _el$17;
|
|
3827
|
-
})()]);
|
|
3828
|
-
});
|
|
3829
|
-
}, _el$9);
|
|
3830
|
-
$8tj43$addEventListener(_el$11, "click", $8tj43$catchify(() => submit_query_()), true);
|
|
3831
|
-
$8tj43$insert(_el$11, (() => {
|
|
3832
|
-
const _c$ = $8tj43$memo(() => !!get_search_field_value_());
|
|
3833
|
-
return () => _c$() ? i18n_.modal_view_all_results_()((() => {
|
|
3834
|
-
const _el$18 = $8tj43$getNextElement($06fcd2a345efd24d$var$_tmpl$5);
|
|
3835
|
-
$8tj43$insert(_el$18, formattedTotalNumberResults);
|
|
3836
|
-
return _el$18;
|
|
3837
|
-
})()) : i18n_.modal_discover_more_();
|
|
3838
|
-
})());
|
|
3839
|
-
$8tj43$insert(_el$7, $8tj43$createComponent((0, $a86e71c0015bd8ab$export$f021bdedd3ec901a), {
|
|
3840
|
-
styles: mergedCssObject
|
|
3841
|
-
}), _el$15, _co$3);
|
|
3842
|
-
$8tj43$effect(_p$ => {
|
|
3843
|
-
const _v$ = (0, $c3820807ac1e6fd7$export$44dad306455dddf).SEARCH_MODAL,
|
|
3844
|
-
_v$2 = class_list_ === null || class_list_ === void 0 ? void 0 : class_list_(),
|
|
3845
|
-
_v$3 = {
|
|
3808
|
+
},
|
|
3809
|
+
get children() {
|
|
3810
|
+
return [(() => {
|
|
3811
|
+
var _el$7 = $8tj43$getNextElement($06fcd2a345efd24d$var$_tmpl$4);
|
|
3812
|
+
$8tj43$addEventListener(_el$7, "click", close_modal_, true);
|
|
3813
|
+
$8tj43$effect(_$p => $8tj43$classList(_el$7, {
|
|
3846
3814
|
[backdropRandomClassname]: true
|
|
3847
|
-
},
|
|
3848
|
-
|
|
3849
|
-
|
|
3850
|
-
|
|
3851
|
-
|
|
3852
|
-
|
|
3853
|
-
|
|
3854
|
-
|
|
3855
|
-
|
|
3856
|
-
|
|
3857
|
-
|
|
3858
|
-
|
|
3859
|
-
|
|
3860
|
-
|
|
3861
|
-
|
|
3862
|
-
|
|
3863
|
-
|
|
3864
|
-
|
|
3865
|
-
|
|
3866
|
-
|
|
3867
|
-
|
|
3868
|
-
|
|
3869
|
-
|
|
3870
|
-
|
|
3815
|
+
}, _$p));
|
|
3816
|
+
$8tj43$runHydrationEvents();
|
|
3817
|
+
return _el$7;
|
|
3818
|
+
})(), (() => {
|
|
3819
|
+
var _el$8 = $8tj43$getNextElement($06fcd2a345efd24d$var$_tmpl$5),
|
|
3820
|
+
_el$9 = _el$8.firstChild,
|
|
3821
|
+
_el$13 = _el$9.firstChild,
|
|
3822
|
+
[_el$14, _co$2] = $8tj43$getNextMarker(_el$13.nextSibling),
|
|
3823
|
+
_el$10 = _el$14.nextSibling,
|
|
3824
|
+
_el$11 = _el$10.nextSibling,
|
|
3825
|
+
_el$12 = _el$11.firstChild,
|
|
3826
|
+
_el$15 = _el$9.nextSibling,
|
|
3827
|
+
[_el$16, _co$3] = $8tj43$getNextMarker(_el$15.nextSibling);
|
|
3828
|
+
$8tj43$addEventListener(_el$8, "click", $8tj43$catchify(_ref3 => {
|
|
3829
|
+
let {
|
|
3830
|
+
target: target,
|
|
3831
|
+
currentTarget: currentTarget
|
|
3832
|
+
} = _ref3;
|
|
3833
|
+
if (target === currentTarget) close_modal_();
|
|
3834
|
+
}), true);
|
|
3835
|
+
$8tj43$use(element => {
|
|
3836
|
+
// 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.
|
|
3837
|
+
const resizeObserver = new ResizeObserver($8tj43$catchify(records => setModalBodyWidth(records.at(-1).contentRect.width)));
|
|
3838
|
+
resizeObserver.observe(element);
|
|
3839
|
+
$8tj43$onCleanup(() => resizeObserver.disconnect());
|
|
3840
|
+
}, _el$9);
|
|
3841
|
+
$8tj43$insert(_el$9, search_field, _el$14, _co$2);
|
|
3842
|
+
$8tj43$use(el => {
|
|
3843
|
+
$8tj43$catchify((0, $558d0596fcf0e0b0$export$50b90be27d8502d9))(el, bodyAlignmentSignal, bottom_distance_under_modal_);
|
|
3844
|
+
// Workaround part 2 of https://github.com/solidjs/solid/issues/2030
|
|
3845
|
+
// 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
|
|
3846
|
+
// We could also lift out the createResource from InstantResults into this component, but this component is already huge.
|
|
3847
|
+
// When no results, also don't show left/right separation
|
|
3848
|
+
const showStackedDOM = $8tj43$createMemo(() => modalLayoutStacked_() || noResults());
|
|
3849
|
+
$8tj43$createEffect(() => {
|
|
3850
|
+
if (showStackedDOM()) {
|
|
3851
|
+
el.replaceChildren(...renderedTextSuggestions(), ...renderedVisualSuggestions());
|
|
3852
|
+
return;
|
|
3853
|
+
}
|
|
3854
|
+
el.replaceChildren(...[(() => {
|
|
3855
|
+
var _el$17 = $8tj43$getNextElement($06fcd2a345efd24d$var$_tmpl$6);
|
|
3856
|
+
$8tj43$insert(_el$17, renderedTextSuggestions);
|
|
3857
|
+
return _el$17;
|
|
3858
|
+
})(), (() => {
|
|
3859
|
+
var _el$18 = $8tj43$getNextElement($06fcd2a345efd24d$var$_tmpl$7);
|
|
3860
|
+
$8tj43$insert(_el$18, renderedVisualSuggestions);
|
|
3861
|
+
return _el$18;
|
|
3862
|
+
})()]);
|
|
3863
|
+
});
|
|
3864
|
+
}, _el$10);
|
|
3865
|
+
$8tj43$addEventListener(_el$12, "click", $8tj43$catchify(() => submit_query_()), true);
|
|
3866
|
+
$8tj43$insert(_el$12, (() => {
|
|
3867
|
+
var _c$ = $8tj43$memo(() => !!get_search_field_value_());
|
|
3868
|
+
return () => _c$() ? i18n_.modal_view_all_results_()((() => {
|
|
3869
|
+
var _el$19 = $8tj43$getNextElement($06fcd2a345efd24d$var$_tmpl$8);
|
|
3870
|
+
$8tj43$insert(_el$19, formattedTotalNumberResults);
|
|
3871
|
+
return _el$19;
|
|
3872
|
+
})()) : i18n_.modal_discover_more_();
|
|
3873
|
+
})());
|
|
3874
|
+
$8tj43$insert(_el$8, $8tj43$createComponent((0, $a86e71c0015bd8ab$export$f021bdedd3ec901a), {
|
|
3875
|
+
styles: mergedCssObject
|
|
3876
|
+
}), _el$16, _co$3);
|
|
3877
|
+
$8tj43$effect(_p$ => {
|
|
3878
|
+
var _v$ = !!modalLayoutStacked_(),
|
|
3879
|
+
_v$2 = {
|
|
3880
|
+
[random_classname_body]: true
|
|
3881
|
+
},
|
|
3882
|
+
_v$3 = !!noResults();
|
|
3883
|
+
_v$ !== _p$.e && _el$8.classList.toggle("stacked", _p$.e = _v$);
|
|
3884
|
+
_p$.t = $8tj43$classList(_el$9, _v$2, _p$.t);
|
|
3885
|
+
_v$3 !== _p$.a && _el$10.classList.toggle("no-results", _p$.a = _v$3);
|
|
3886
|
+
return _p$;
|
|
3887
|
+
}, {
|
|
3888
|
+
e: undefined,
|
|
3889
|
+
t: undefined,
|
|
3890
|
+
a: undefined
|
|
3891
|
+
});
|
|
3892
|
+
$8tj43$runHydrationEvents();
|
|
3893
|
+
return _el$8;
|
|
3894
|
+
})()];
|
|
3895
|
+
}
|
|
3896
|
+
})];
|
|
3871
3897
|
}
|
|
3872
3898
|
const $06fcd2a345efd24d$export$b0c55aa2e87c4be7 = /*@__PURE__*/(() => {
|
|
3873
3899
|
$06fcd2a345efd24d$var$RawSearchModalV2[(0, $b026fa9c9c904a98$export$1ea76ea778b880dd)] = 2;
|
|
@@ -3875,7 +3901,7 @@ const $06fcd2a345efd24d$export$b0c55aa2e87c4be7 = /*@__PURE__*/(() => {
|
|
|
3875
3901
|
return $06fcd2a345efd24d$var$RawSearchModalV2;
|
|
3876
3902
|
})();
|
|
3877
3903
|
$8tj43$delegateEvents(["click"]);
|
|
3878
|
-
|
|
3904
|
+
var $6a439680ae7e9ba3$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<section aria-live=polite role=region class=tabs-body>`),
|
|
3879
3905
|
$6a439680ae7e9ba3$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<nav role=tablist class=tabs-bar>`),
|
|
3880
3906
|
$6a439680ae7e9ba3$var$_tmpl$3 = /*#__PURE__*/$8tj43$template(`<article role=tabpanel>`);
|
|
3881
3907
|
const $6a439680ae7e9ba3$var$TabsContext = /*@__PURE__*/$8tj43$createContext();
|
|
@@ -3961,16 +3987,16 @@ function $6a439680ae7e9ba3$var$ActualTabs(props) {
|
|
|
3961
3987
|
}
|
|
3962
3988
|
});
|
|
3963
3989
|
return [$8tj43$memo(() => (props.wrapTabBar || (v => v))((() => {
|
|
3964
|
-
|
|
3990
|
+
var _el$2 = $8tj43$getNextElement($6a439680ae7e9ba3$var$_tmpl$2);
|
|
3965
3991
|
$8tj43$insert(_el$2, (() => {
|
|
3966
|
-
|
|
3992
|
+
var _c$ = $8tj43$memo(() => !!props.slidable);
|
|
3967
3993
|
return () => _c$() ? $8tj43$createComponent((0, $002f09d00aac50b2$export$6649caad96ef8870), {
|
|
3968
3994
|
children: headerItems
|
|
3969
3995
|
}) : headerItems;
|
|
3970
3996
|
})());
|
|
3971
3997
|
return _el$2;
|
|
3972
3998
|
})())), (() => {
|
|
3973
|
-
|
|
3999
|
+
var _el$ = $8tj43$getNextElement($6a439680ae7e9ba3$var$_tmpl$);
|
|
3974
4000
|
$8tj43$insert(_el$, $8tj43$createComponent((0, $8tj43$Index), {
|
|
3975
4001
|
get each() {
|
|
3976
4002
|
return tabsReactive();
|
|
@@ -3991,7 +4017,7 @@ function $6a439680ae7e9ba3$var$ActualTabs(props) {
|
|
|
3991
4017
|
});
|
|
3992
4018
|
$8tj43$onCleanup(() => setTabsVisitedOnce(prev => (prev.delete(item().id), prev)));
|
|
3993
4019
|
return (() => {
|
|
3994
|
-
|
|
4020
|
+
var _el$3 = $8tj43$getNextElement($6a439680ae7e9ba3$var$_tmpl$3);
|
|
3995
4021
|
$8tj43$insert(_el$3, $8tj43$createComponent((0, $8tj43$Show), {
|
|
3996
4022
|
get when() {
|
|
3997
4023
|
return tabsVisitedOnce().has(item().id);
|
|
@@ -4001,17 +4027,17 @@ function $6a439680ae7e9ba3$var$ActualTabs(props) {
|
|
|
4001
4027
|
}
|
|
4002
4028
|
}));
|
|
4003
4029
|
$8tj43$effect(_p$ => {
|
|
4004
|
-
|
|
4030
|
+
var _v$ = item().id,
|
|
4005
4031
|
_v$2 = !!weSelected(),
|
|
4006
4032
|
_v$3 = weSelected() ? "" : "none";
|
|
4007
|
-
_v$ !== _p$.
|
|
4008
|
-
_v$2 !== _p$.
|
|
4009
|
-
_v$3 !== _p$.
|
|
4033
|
+
_v$ !== _p$.e && $8tj43$setAttribute(_el$3, "id", _p$.e = _v$);
|
|
4034
|
+
_v$2 !== _p$.t && _el$3.classList.toggle("selected", _p$.t = _v$2);
|
|
4035
|
+
_v$3 !== _p$.a && ((_p$.a = _v$3) != null ? _el$3.style.setProperty("display", _v$3) : _el$3.style.removeProperty("display"));
|
|
4010
4036
|
return _p$;
|
|
4011
4037
|
}, {
|
|
4012
|
-
|
|
4013
|
-
|
|
4014
|
-
|
|
4038
|
+
e: undefined,
|
|
4039
|
+
t: undefined,
|
|
4040
|
+
a: undefined
|
|
4015
4041
|
});
|
|
4016
4042
|
return _el$3;
|
|
4017
4043
|
})();
|
|
@@ -4306,7 +4332,7 @@ function $ac571292d606f30b$var$_get_navigation_happened_promise2(is_replace) {
|
|
|
4306
4332
|
(0, $8tj43$instant_exec_on_suspect_history_change).add(handler);
|
|
4307
4333
|
});
|
|
4308
4334
|
}
|
|
4309
|
-
|
|
4335
|
+
var $b652875d5a5139ec$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class=image-container>`);
|
|
4310
4336
|
function $b652875d5a5139ec$export$41e1a079d40a0d58(props) {
|
|
4311
4337
|
const [display] = $8tj43$createResource(() => ({
|
|
4312
4338
|
merchant: props.merchant_,
|
|
@@ -4327,7 +4353,7 @@ function $b652875d5a5139ec$export$41e1a079d40a0d58(props) {
|
|
|
4327
4353
|
}
|
|
4328
4354
|
});
|
|
4329
4355
|
return (() => {
|
|
4330
|
-
|
|
4356
|
+
var _el$ = $8tj43$getNextElement($b652875d5a5139ec$var$_tmpl$);
|
|
4331
4357
|
$8tj43$insert(_el$, $8tj43$createComponent((0, $8tj43$Suspense), {
|
|
4332
4358
|
fallback: placeholder,
|
|
4333
4359
|
get children() {
|
|
@@ -4367,7 +4393,7 @@ function $b652875d5a5139ec$export$41e1a079d40a0d58(props) {
|
|
|
4367
4393
|
})();
|
|
4368
4394
|
}
|
|
4369
4395
|
const $ec8a6e10026dcff9$export$5c28802497c8a83c = /*@__PURE__*/Symbol("category_title_type");
|
|
4370
|
-
|
|
4396
|
+
var $fa332ea03168857c$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class=category-title><h1 class=title></h1><span class=explanation> \u{2014} <!$><!/>`);
|
|
4371
4397
|
const $fa332ea03168857c$export$b91cec6bdc6b32a1 = /*@__PURE__*/(() => {
|
|
4372
4398
|
const actual_function = _ref => {
|
|
4373
4399
|
let {
|
|
@@ -4375,7 +4401,7 @@ const $fa332ea03168857c$export$b91cec6bdc6b32a1 = /*@__PURE__*/(() => {
|
|
|
4375
4401
|
product_count_: product_count_
|
|
4376
4402
|
} = _ref;
|
|
4377
4403
|
return (() => {
|
|
4378
|
-
|
|
4404
|
+
var _el$ = $8tj43$getNextElement($fa332ea03168857c$var$_tmpl$),
|
|
4379
4405
|
_el$2 = _el$.firstChild,
|
|
4380
4406
|
_el$3 = _el$2.nextSibling,
|
|
4381
4407
|
_el$4 = _el$3.firstChild,
|
|
@@ -4507,7 +4533,7 @@ function $bdd80c7862246dc2$var$Placeholder(_ref2) {
|
|
|
4507
4533
|
});
|
|
4508
4534
|
}
|
|
4509
4535
|
|
|
4510
|
-
|
|
4536
|
+
var $e3efeb558d952696$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<h2 class=recs-title>`),
|
|
4511
4537
|
$e3efeb558d952696$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<div class=recommendation-grid><!$><!/><!$><!/>`);
|
|
4512
4538
|
function $e3efeb558d952696$export$7da560f849543dff(_ref) {
|
|
4513
4539
|
let {
|
|
@@ -4528,12 +4554,12 @@ function $e3efeb558d952696$export$7da560f849543dff(_ref) {
|
|
|
4528
4554
|
return title();
|
|
4529
4555
|
},
|
|
4530
4556
|
get children() {
|
|
4531
|
-
|
|
4557
|
+
var _el$ = $8tj43$getNextElement($e3efeb558d952696$var$_tmpl$);
|
|
4532
4558
|
$8tj43$insert(_el$, title);
|
|
4533
4559
|
return _el$;
|
|
4534
4560
|
}
|
|
4535
4561
|
}), (() => {
|
|
4536
|
-
|
|
4562
|
+
var _el$2 = $8tj43$getNextElement($e3efeb558d952696$var$_tmpl$2),
|
|
4537
4563
|
_el$3 = _el$2.firstChild,
|
|
4538
4564
|
[_el$4, _co$] = $8tj43$getNextMarker(_el$3.nextSibling),
|
|
4539
4565
|
_el$5 = _el$4.nextSibling,
|
|
@@ -4654,7 +4680,7 @@ function $83e8cf2c0b87a58a$export$23fca46f3143581f(component, error_message) {
|
|
|
4654
4680
|
// we're already in a root so cleanups are handled
|
|
4655
4681
|
return component_in_error_boundary();
|
|
4656
4682
|
}
|
|
4657
|
-
|
|
4683
|
+
var $b432b11321ad4c97$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<button class="show-more major"type=button>`),
|
|
4658
4684
|
$b432b11321ad4c97$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<div class="depict plp recommendations">`);
|
|
4659
4685
|
function $b432b11321ad4c97$export$9756467d34d91cdb(props) {
|
|
4660
4686
|
return $83e8cf2c0b87a58a$export$23fca46f3143581f(() => {
|
|
@@ -4675,7 +4701,7 @@ function $b432b11321ad4c97$export$9756467d34d91cdb(props) {
|
|
|
4675
4701
|
start_rows: view_more_button.start_rows,
|
|
4676
4702
|
rows_per_click: (_view_more_button$row = view_more_button.rows_per_click) !== null && _view_more_button$row !== void 0 ? _view_more_button$row : 2,
|
|
4677
4703
|
button: (() => {
|
|
4678
|
-
|
|
4704
|
+
var _el$ = $8tj43$getNextElement($b432b11321ad4c97$var$_tmpl$);
|
|
4679
4705
|
$8tj43$insert(_el$, () => view_more_button.text);
|
|
4680
4706
|
return _el$;
|
|
4681
4707
|
})()
|
|
@@ -4694,7 +4720,7 @@ function $b432b11321ad4c97$export$9756467d34d91cdb(props) {
|
|
|
4694
4720
|
});
|
|
4695
4721
|
const [recommendations_resource_] = $8tj43$createResource(() => props.recommendations, recs => recs);
|
|
4696
4722
|
return (() => {
|
|
4697
|
-
|
|
4723
|
+
var _el$2 = $8tj43$getNextElement($b432b11321ad4c97$var$_tmpl$2);
|
|
4698
4724
|
$8tj43$insert(_el$2, $8tj43$createComponent((0, $5441862cd2f5e111$export$e68cff63f76bd15b), {
|
|
4699
4725
|
get children() {
|
|
4700
4726
|
return $e3efeb558d952696$export$7da560f849543dff({
|
|
@@ -4715,7 +4741,7 @@ function $b432b11321ad4c97$export$9756467d34d91cdb(props) {
|
|
|
4715
4741
|
})();
|
|
4716
4742
|
}, "RecommendationGrid failed");
|
|
4717
4743
|
}
|
|
4718
|
-
|
|
4744
|
+
var $0706a7702baafc06$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<a>`);
|
|
4719
4745
|
function $0706a7702baafc06$export$6b35356958ae5587(props) {
|
|
4720
4746
|
const gridSpacing = (0, $d399250dfa491636$export$864d304a0bc46829);
|
|
4721
4747
|
const columnsAtSize = [[3], [2, 901]];
|
|
@@ -4752,7 +4778,7 @@ function $0706a7702baafc06$export$6b35356958ae5587(props) {
|
|
|
4752
4778
|
get children() {
|
|
4753
4779
|
return $8tj43$createComponent((0, $6a439680ae7e9ba3$export$b2539bed5023c21c), {
|
|
4754
4780
|
AnchorComponent: anchorProps => (() => {
|
|
4755
|
-
|
|
4781
|
+
var _el$ = $8tj43$getNextElement($0706a7702baafc06$var$_tmpl$);
|
|
4756
4782
|
_el$.$$click = e => {
|
|
4757
4783
|
const {
|
|
4758
4784
|
href: href
|
|
@@ -4844,7 +4870,7 @@ function $0706a7702baafc06$export$6b35356958ae5587(props) {
|
|
|
4844
4870
|
});
|
|
4845
4871
|
}
|
|
4846
4872
|
$8tj43$delegateEvents(["click"]);
|
|
4847
|
-
|
|
4873
|
+
var $d2a67555f75bef95$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class=top-bar><button class=close>`),
|
|
4848
4874
|
$d2a67555f75bef95$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<div class=below-top-bar><h2>Outfit recommendations</h2><div class=image-and-suggestions><!$><!/><div class=tabs>`),
|
|
4849
4875
|
$d2a67555f75bef95$var$_tmpl$3 = /*#__PURE__*/$8tj43$template(`<div id=depict-shop-the-look-modal class="depict shop-the-look"><div class=shop-the-look-backdrop></div><div class=modal-contents>`);
|
|
4850
4876
|
function $d2a67555f75bef95$export$a3cbef418994a664(props) {
|
|
@@ -4855,10 +4881,10 @@ function $d2a67555f75bef95$export$a3cbef418994a664(props) {
|
|
|
4855
4881
|
props.register_closing_animation_(() => Promise.all(closing_animations.map(animation => animation().finished)));
|
|
4856
4882
|
$e56d241d0f33d459$export$fe334901e8bebd57();
|
|
4857
4883
|
return [(() => {
|
|
4858
|
-
|
|
4884
|
+
var _el$ = $8tj43$getNextElement($d2a67555f75bef95$var$_tmpl$3),
|
|
4859
4885
|
_el$2 = _el$.firstChild,
|
|
4860
4886
|
_el$3 = _el$2.nextSibling;
|
|
4861
|
-
|
|
4887
|
+
var _ref$ = $8tj43$catchify(element => {
|
|
4862
4888
|
const disconnect = (0, $8tj43$observer).onexists(element, _ref => {
|
|
4863
4889
|
let {
|
|
4864
4890
|
element: element
|
|
@@ -4904,7 +4930,7 @@ function $d2a67555f75bef95$export$a3cbef418994a664(props) {
|
|
|
4904
4930
|
severity_: "error",
|
|
4905
4931
|
get children() {
|
|
4906
4932
|
return [(() => {
|
|
4907
|
-
|
|
4933
|
+
var _el$4 = $8tj43$getNextElement($d2a67555f75bef95$var$_tmpl$),
|
|
4908
4934
|
_el$5 = _el$4.firstChild;
|
|
4909
4935
|
$8tj43$addEventListener(_el$5, "click", props.actually_close_modal_, true);
|
|
4910
4936
|
$8tj43$insert(_el$5, $8tj43$createComponent((0, $9783d437ad61594c$export$3b621d86b1566b2), {
|
|
@@ -4914,7 +4940,7 @@ function $d2a67555f75bef95$export$a3cbef418994a664(props) {
|
|
|
4914
4940
|
$8tj43$runHydrationEvents();
|
|
4915
4941
|
return _el$4;
|
|
4916
4942
|
})(), (() => {
|
|
4917
|
-
|
|
4943
|
+
var _el$6 = $8tj43$getNextElement($d2a67555f75bef95$var$_tmpl$2),
|
|
4918
4944
|
_el$7 = _el$6.firstChild,
|
|
4919
4945
|
_el$8 = _el$7.nextSibling,
|
|
4920
4946
|
_el$10 = _el$8.firstChild,
|
|
@@ -4959,7 +4985,7 @@ function $d2a67555f75bef95$export$a3cbef418994a664(props) {
|
|
|
4959
4985
|
})()];
|
|
4960
4986
|
}
|
|
4961
4987
|
$8tj43$delegateEvents(["click"]);
|
|
4962
|
-
|
|
4988
|
+
var $6b0fd8fd20df8ccf$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div>Failed fetching shop the look recommendations`),
|
|
4963
4989
|
$6b0fd8fd20df8ccf$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<button>`);
|
|
4964
4990
|
const $6b0fd8fd20df8ccf$var$CANT_FETCH = "Failed fetching shop the look recommendations";
|
|
4965
4991
|
let $6b0fd8fd20df8ccf$var$setModalShouldBeOpen;
|
|
@@ -5003,7 +5029,7 @@ function $6b0fd8fd20df8ccf$var$ActualShopTheLookButton(props) {
|
|
|
5003
5029
|
});
|
|
5004
5030
|
const displayStyleValue = $8tj43$createMemo(() => hasAnythingToShow() ? "" : "none");
|
|
5005
5031
|
const button = (() => {
|
|
5006
|
-
|
|
5032
|
+
var _el$2 = $8tj43$getNextElement($6b0fd8fd20df8ccf$var$_tmpl$2);
|
|
5007
5033
|
$8tj43$spread(_el$2, $8tj43$mergeProps(() => localProps.buttonAttributes), false, true);
|
|
5008
5034
|
$8tj43$insert(_el$2, () => {
|
|
5009
5035
|
var _localProps$buttonAtt;
|
|
@@ -5093,7 +5119,7 @@ function $fc830a7ee59416ef$export$ebdc3711f7e02ccd(what_to_watch) {
|
|
|
5093
5119
|
});
|
|
5094
5120
|
return width;
|
|
5095
5121
|
}
|
|
5096
|
-
|
|
5122
|
+
var $39ddb986053fb759$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<h2 class=recs-title>`);
|
|
5097
5123
|
function $39ddb986053fb759$export$d41d19e89346fa2(_ref) {
|
|
5098
5124
|
let {
|
|
5099
5125
|
recommendations_resource_: recommendations_resource_,
|
|
@@ -5112,7 +5138,7 @@ function $39ddb986053fb759$export$d41d19e89346fa2(_ref) {
|
|
|
5112
5138
|
return title();
|
|
5113
5139
|
},
|
|
5114
5140
|
get children() {
|
|
5115
|
-
|
|
5141
|
+
var _el$ = $8tj43$getNextElement($39ddb986053fb759$var$_tmpl$);
|
|
5116
5142
|
$8tj43$insert(_el$, title);
|
|
5117
5143
|
return _el$;
|
|
5118
5144
|
}
|
|
@@ -5163,7 +5189,7 @@ function $39ddb986053fb759$export$d41d19e89346fa2(_ref) {
|
|
|
5163
5189
|
children: slider
|
|
5164
5190
|
});
|
|
5165
5191
|
}
|
|
5166
|
-
|
|
5192
|
+
var $d5d7e58c5c9d8db0$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class="depict recommendations">`);
|
|
5167
5193
|
function $d5d7e58c5c9d8db0$export$9574e176201e5e8d(props) {
|
|
5168
5194
|
return $83e8cf2c0b87a58a$export$23fca46f3143581f(() => {
|
|
5169
5195
|
const grid_spacing_override = $8tj43$createMemo(() => {
|
|
@@ -5179,7 +5205,7 @@ function $d5d7e58c5c9d8db0$export$9574e176201e5e8d(props) {
|
|
|
5179
5205
|
});
|
|
5180
5206
|
const [recommendations_resource_] = $8tj43$createResource(() => props.recommendations, recs => recs);
|
|
5181
5207
|
return (() => {
|
|
5182
|
-
|
|
5208
|
+
var _el$ = $8tj43$getNextElement($d5d7e58c5c9d8db0$var$_tmpl$);
|
|
5183
5209
|
$8tj43$insert(_el$, $8tj43$createComponent((0, $5441862cd2f5e111$export$e68cff63f76bd15b), {
|
|
5184
5210
|
get children() {
|
|
5185
5211
|
return $39ddb986053fb759$export$d41d19e89346fa2({
|
|
@@ -5312,7 +5338,7 @@ function $e18ab2868df26f40$export$f091cbac892643a4(obj) {
|
|
|
5312
5338
|
return Object.fromEntries(mapped_stuff); // FUCK TYPESCRIPT, WHY CAN'T YOU DO THIS CORRECTLY???
|
|
5313
5339
|
}
|
|
5314
5340
|
|
|
5315
|
-
|
|
5341
|
+
var $a61a2051e15c8d7a$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div>`);
|
|
5316
5342
|
const $a61a2051e15c8d7a$var$closing_functions = /*@__PURE__*/new Set();
|
|
5317
5343
|
const $a61a2051e15c8d7a$export$22970a0140fc759c = /*@__PURE__*/$8tj43$createSignal(false);
|
|
5318
5344
|
function $a61a2051e15c8d7a$export$5196e4c01fa56fcb(_ref) {
|
|
@@ -5327,7 +5353,7 @@ function $a61a2051e15c8d7a$export$5196e4c01fa56fcb(_ref) {
|
|
|
5327
5353
|
$8tj43$catchify(async () => {
|
|
5328
5354
|
const closing_animation_duration = 300; // ms
|
|
5329
5355
|
const element = (() => {
|
|
5330
|
-
|
|
5356
|
+
var _el$ = $8tj43$getNextElement($a61a2051e15c8d7a$var$_tmpl$);
|
|
5331
5357
|
$8tj43$spread(_el$, more_attributes, false, true);
|
|
5332
5358
|
$8tj43$insert(_el$, children);
|
|
5333
5359
|
$8tj43$runHydrationEvents();
|
|
@@ -5405,7 +5431,7 @@ function $a61a2051e15c8d7a$export$5196e4c01fa56fcb(_ref) {
|
|
|
5405
5431
|
close_toast_: close_toast_
|
|
5406
5432
|
};
|
|
5407
5433
|
}
|
|
5408
|
-
|
|
5434
|
+
var $b4465d8d605f61e9$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class=statement>`),
|
|
5409
5435
|
$b4465d8d605f61e9$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<div class=buttons><button class="restore minor"></button><button class="ok major">`);
|
|
5410
5436
|
function $b4465d8d605f61e9$export$8895d39404bd2bb1(props) {
|
|
5411
5437
|
let previous_sorting;
|
|
@@ -5461,11 +5487,11 @@ function $b4465d8d605f61e9$export$8895d39404bd2bb1(props) {
|
|
|
5461
5487
|
close_after_: 30000,
|
|
5462
5488
|
on_close_: on_toast_hidden,
|
|
5463
5489
|
children: [(() => {
|
|
5464
|
-
|
|
5490
|
+
var _el$ = $8tj43$getNextElement($b4465d8d605f61e9$var$_tmpl$);
|
|
5465
5491
|
$8tj43$insert(_el$, statement_accessor);
|
|
5466
5492
|
return _el$;
|
|
5467
5493
|
})(), (() => {
|
|
5468
|
-
|
|
5494
|
+
var _el$2 = $8tj43$getNextElement($b4465d8d605f61e9$var$_tmpl$2),
|
|
5469
5495
|
_el$3 = _el$2.firstChild,
|
|
5470
5496
|
_el$4 = _el$3.nextSibling;
|
|
5471
5497
|
$8tj43$addEventListener(_el$3, "click", $8tj43$catchify(() => {
|
|
@@ -5497,7 +5523,7 @@ function $af5d8e0b7d97a7f6$export$325f75597868c4f0(stuff) {
|
|
|
5497
5523
|
if (typeof stuff !== "string") return stuff;
|
|
5498
5524
|
return stuff.toLowerCase();
|
|
5499
5525
|
}
|
|
5500
|
-
|
|
5526
|
+
var $4711a82d08d2021b$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<button class="clear-all-filters minor">`),
|
|
5501
5527
|
$4711a82d08d2021b$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<div class=inner><span class=title><!$><!/>: </span><!$><!/>`),
|
|
5502
5528
|
$4711a82d08d2021b$var$_tmpl$3 = /*#__PURE__*/$8tj43$template(`<button class="clear-filter major"><!$><!/><span><!$><!/><!$><!/><!$><!/> \u{2013} <!$><!/><!$><!/><!$><!/>`),
|
|
5503
5529
|
$4711a82d08d2021b$var$_tmpl$4 = /*#__PURE__*/$8tj43$template(`<button class="clear-filter major"><!$><!/><span>`);
|
|
@@ -5531,7 +5557,7 @@ function $4711a82d08d2021b$export$fecbb157621501bd(_ref) {
|
|
|
5531
5557
|
return read_selected_filters().length;
|
|
5532
5558
|
},
|
|
5533
5559
|
get children() {
|
|
5534
|
-
|
|
5560
|
+
var _el$ = $8tj43$getNextElement($4711a82d08d2021b$var$_tmpl$2),
|
|
5535
5561
|
_el$2 = _el$.firstChild,
|
|
5536
5562
|
_el$4 = _el$2.firstChild,
|
|
5537
5563
|
[_el$5, _co$] = $8tj43$getNextMarker(_el$4.nextSibling),
|
|
@@ -5543,7 +5569,7 @@ function $4711a82d08d2021b$export$fecbb157621501bd(_ref) {
|
|
|
5543
5569
|
slider_ref_: slider => slider.container.classList.add("filter-crumbs"),
|
|
5544
5570
|
get children() {
|
|
5545
5571
|
return [(() => {
|
|
5546
|
-
|
|
5572
|
+
var _el$6 = $8tj43$getNextElement($4711a82d08d2021b$var$_tmpl$);
|
|
5547
5573
|
$8tj43$addEventListener(_el$6, "click", $8tj43$catchify(() =>
|
|
5548
5574
|
// click event handlers don't have an owner, carry it over
|
|
5549
5575
|
$8tj43$runWithOwner(owner, () => $b4465d8d605f61e9$export$8895d39404bd2bb1({
|
|
@@ -5634,7 +5660,7 @@ function $4711a82d08d2021b$export$fecbb157621501bd(_ref) {
|
|
|
5634
5660
|
number_of_rendered_selected_filters_items_[1](prev => prev + 1);
|
|
5635
5661
|
$8tj43$onCleanup(() => number_of_rendered_selected_filters_items_[1](prev => prev - 1));
|
|
5636
5662
|
return (() => {
|
|
5637
|
-
|
|
5663
|
+
var _el$9 = $8tj43$getNextElement($4711a82d08d2021b$var$_tmpl$3),
|
|
5638
5664
|
_el$24 = _el$9.firstChild,
|
|
5639
5665
|
[_el$25, _co$9] = $8tj43$getNextMarker(_el$24.nextSibling),
|
|
5640
5666
|
_el$10 = _el$25.nextSibling,
|
|
@@ -5735,7 +5761,7 @@ function $4711a82d08d2021b$export$fecbb157621501bd(_ref) {
|
|
|
5735
5761
|
number_of_rendered_selected_filters_items_[1](prev => prev + 1);
|
|
5736
5762
|
$8tj43$onCleanup(() => number_of_rendered_selected_filters_items_[1](prev => prev - 1));
|
|
5737
5763
|
return (() => {
|
|
5738
|
-
|
|
5764
|
+
var _el$26 = $8tj43$getNextElement($4711a82d08d2021b$var$_tmpl$4),
|
|
5739
5765
|
_el$28 = _el$26.firstChild,
|
|
5740
5766
|
[_el$29, _co$10] = $8tj43$getNextMarker(_el$28.nextSibling),
|
|
5741
5767
|
_el$27 = _el$29.nextSibling;
|
|
@@ -5809,7 +5835,7 @@ function $4711a82d08d2021b$export$fecbb157621501bd(_ref) {
|
|
|
5809
5835
|
return outmost_element;
|
|
5810
5836
|
}
|
|
5811
5837
|
$8tj43$delegateEvents(["click"]);
|
|
5812
|
-
|
|
5838
|
+
var $19e828709c7723a0$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<span class=count>`),
|
|
5813
5839
|
$19e828709c7723a0$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<label class=input-row><div class=left><input type=checkbox><span class=custom-indicator></span><span class="text line-clamp"></span></div><!$><!/>`);
|
|
5814
5840
|
const $19e828709c7723a0$export$48513f6b9f8ce62d = props => {
|
|
5815
5841
|
/* 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
|
|
@@ -5820,7 +5846,7 @@ const $19e828709c7723a0$export$48513f6b9f8ce62d = props => {
|
|
|
5820
5846
|
const is_count_zero = $8tj43$createMemo(() => props.is_count_zero_ || count() === 0);
|
|
5821
5847
|
const id = $8tj43$make_random_classname();
|
|
5822
5848
|
return (/* We can't use actual margin because ExpandingContainer gets messed up */(() => {
|
|
5823
|
-
|
|
5849
|
+
var _el$ = $8tj43$getNextElement($19e828709c7723a0$var$_tmpl$2),
|
|
5824
5850
|
_el$2 = _el$.firstChild,
|
|
5825
5851
|
_el$3 = _el$2.firstChild,
|
|
5826
5852
|
_el$4 = _el$3.nextSibling,
|
|
@@ -5851,33 +5877,33 @@ const $19e828709c7723a0$export$48513f6b9f8ce62d = props => {
|
|
|
5851
5877
|
return count() != undefined;
|
|
5852
5878
|
},
|
|
5853
5879
|
get children() {
|
|
5854
|
-
|
|
5880
|
+
var _el$6 = $8tj43$getNextElement($19e828709c7723a0$var$_tmpl$);
|
|
5855
5881
|
$8tj43$insert(_el$6, count);
|
|
5856
5882
|
return _el$6;
|
|
5857
5883
|
}
|
|
5858
5884
|
}), _el$8, _co$);
|
|
5859
5885
|
$8tj43$effect(_p$ => {
|
|
5860
|
-
|
|
5886
|
+
var _v$ = !!is_count_zero(),
|
|
5861
5887
|
_v$2 = value(),
|
|
5862
5888
|
_v$3 = !checked() && is_count_zero();
|
|
5863
|
-
_v$ !== _p$.
|
|
5864
|
-
_v$2 !== _p$.
|
|
5865
|
-
_v$3 !== _p$.
|
|
5889
|
+
_v$ !== _p$.e && _el$.classList.toggle("count-0", _p$.e = _v$);
|
|
5890
|
+
_v$2 !== _p$.t && $8tj43$setAttribute(_el$3, "name", _p$.t = _v$2);
|
|
5891
|
+
_v$3 !== _p$.a && $8tj43$setProperty(_el$3, "disabled", _p$.a = _v$3);
|
|
5866
5892
|
return _p$;
|
|
5867
5893
|
}, {
|
|
5868
|
-
|
|
5869
|
-
|
|
5870
|
-
|
|
5894
|
+
e: undefined,
|
|
5895
|
+
t: undefined,
|
|
5896
|
+
a: undefined
|
|
5871
5897
|
});
|
|
5872
5898
|
$8tj43$effect(() => $8tj43$setProperty(_el$3, "checked", checked()));
|
|
5873
5899
|
return _el$;
|
|
5874
5900
|
})()
|
|
5875
5901
|
);
|
|
5876
5902
|
};
|
|
5877
|
-
|
|
5903
|
+
var $ff3225aef892a467$var$_tmpl$ = /*#__PURE__*/$8tj43$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>`);
|
|
5878
5904
|
function $ff3225aef892a467$export$f21ab0717a89c77f(props) {
|
|
5879
5905
|
return (() => {
|
|
5880
|
-
|
|
5906
|
+
var _el$ = $8tj43$getNextElement($ff3225aef892a467$var$_tmpl$);
|
|
5881
5907
|
$8tj43$spread(_el$, $8tj43$mergeProps(props, {
|
|
5882
5908
|
"xmlns": "http://www.w3.org/2000/svg",
|
|
5883
5909
|
"width": "11",
|
|
@@ -5887,21 +5913,21 @@ function $ff3225aef892a467$export$f21ab0717a89c77f(props) {
|
|
|
5887
5913
|
return _el$;
|
|
5888
5914
|
})();
|
|
5889
5915
|
}
|
|
5890
|
-
|
|
5916
|
+
var $3e850b2f2cca761f$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<button type=button class=expand-filter><!$><!/><span>`);
|
|
5891
5917
|
function $3e850b2f2cca761f$export$ca21a16d65b3dd8(_ref) {
|
|
5892
5918
|
let {
|
|
5893
5919
|
show_extras_: [get_show_extras, set_show_extras],
|
|
5894
5920
|
i18n_: i18n_
|
|
5895
5921
|
} = _ref;
|
|
5896
5922
|
return (() => {
|
|
5897
|
-
|
|
5923
|
+
var _el$ = $8tj43$getNextElement($3e850b2f2cca761f$var$_tmpl$),
|
|
5898
5924
|
_el$3 = _el$.firstChild,
|
|
5899
5925
|
[_el$4, _co$] = $8tj43$getNextMarker(_el$3.nextSibling),
|
|
5900
5926
|
_el$2 = _el$4.nextSibling;
|
|
5901
5927
|
$8tj43$addEventListener(_el$, "click", $8tj43$catchify(() => set_show_extras(p => !p)), true);
|
|
5902
5928
|
$8tj43$insert(_el$, $8tj43$createComponent((0, $ff3225aef892a467$export$f21ab0717a89c77f), {}), _el$4, _co$);
|
|
5903
5929
|
$8tj43$insert(_el$2, (() => {
|
|
5904
|
-
|
|
5930
|
+
var _c$ = $8tj43$memo(() => !!get_show_extras());
|
|
5905
5931
|
return () => _c$() ? i18n_.view_less_() : i18n_.view_more_();
|
|
5906
5932
|
})());
|
|
5907
5933
|
$8tj43$effect(() => _el$.classList.toggle("expanded", !!get_show_extras()));
|
|
@@ -5910,7 +5936,7 @@ function $3e850b2f2cca761f$export$ca21a16d65b3dd8(_ref) {
|
|
|
5910
5936
|
})();
|
|
5911
5937
|
}
|
|
5912
5938
|
$8tj43$delegateEvents(["click"]);
|
|
5913
|
-
|
|
5939
|
+
var $133484ef10e4e954$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<form class=checkboxes><!$><!/><!$><!/>`);
|
|
5914
5940
|
const $133484ef10e4e954$var$max_visible_without_collapsing = 15;
|
|
5915
5941
|
const $133484ef10e4e954$var$show_non_collapsible_when_collapsed = 4;
|
|
5916
5942
|
function $133484ef10e4e954$export$dd948f91abc3a1c4(_ref) {
|
|
@@ -6027,7 +6053,7 @@ function $133484ef10e4e954$export$dd948f91abc3a1c4(_ref) {
|
|
|
6027
6053
|
if (get_show_extras()) await expand();else await collapse();
|
|
6028
6054
|
}));
|
|
6029
6055
|
return (() => {
|
|
6030
|
-
|
|
6056
|
+
var _el$ = $8tj43$getNextElement($133484ef10e4e954$var$_tmpl$),
|
|
6031
6057
|
_el$2 = _el$.firstChild,
|
|
6032
6058
|
[_el$3, _co$] = $8tj43$getNextMarker(_el$2.nextSibling),
|
|
6033
6059
|
_el$4 = _el$3.nextSibling,
|
|
@@ -6057,7 +6083,7 @@ function $133484ef10e4e954$export$dd948f91abc3a1c4(_ref) {
|
|
|
6057
6083
|
if (filter_object.data.length) selected_filters.push(filter_object);
|
|
6058
6084
|
set_selected_filters(selected_filters);
|
|
6059
6085
|
}));
|
|
6060
|
-
|
|
6086
|
+
var _ref$ = form;
|
|
6061
6087
|
typeof _ref$ === "function" ? $8tj43$use(_ref$, _el$) : form = _el$;
|
|
6062
6088
|
$8tj43$insert(_el$, $8tj43$createComponent((0, $8tj43$Index), {
|
|
6063
6089
|
get each() {
|
|
@@ -6069,7 +6095,7 @@ function $133484ef10e4e954$export$dd948f91abc3a1c4(_ref) {
|
|
|
6069
6095
|
return _el$;
|
|
6070
6096
|
})();
|
|
6071
6097
|
}
|
|
6072
|
-
|
|
6098
|
+
var $b54fc842e721c9eb$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<form class=radios>`),
|
|
6073
6099
|
$b54fc842e721c9eb$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<span class=count>`),
|
|
6074
6100
|
$b54fc842e721c9eb$var$_tmpl$3 = /*#__PURE__*/$8tj43$template(`<label class=input-row><div class=left><input type=radio><span class=custom-indicator></span><!$><!/></div><!$><!/>`);
|
|
6075
6101
|
function $b54fc842e721c9eb$export$430444115f70a734(_ref) {
|
|
@@ -6093,7 +6119,7 @@ function $b54fc842e721c9eb$export$430444115f70a734(_ref) {
|
|
|
6093
6119
|
});
|
|
6094
6120
|
});
|
|
6095
6121
|
return (() => {
|
|
6096
|
-
|
|
6122
|
+
var _el$ = $8tj43$getNextElement($b54fc842e721c9eb$var$_tmpl$);
|
|
6097
6123
|
$8tj43$insert(_el$, $8tj43$createComponent((0, $8tj43$Index), {
|
|
6098
6124
|
get each() {
|
|
6099
6125
|
return filter_().meta.values;
|
|
@@ -6112,7 +6138,7 @@ function $b54fc842e721c9eb$export$430444115f70a734(_ref) {
|
|
|
6112
6138
|
return Array.isArray(v) ? v.join(" - ") : v + "";
|
|
6113
6139
|
});
|
|
6114
6140
|
return (() => {
|
|
6115
|
-
|
|
6141
|
+
var _el$2 = $8tj43$getNextElement($b54fc842e721c9eb$var$_tmpl$3),
|
|
6116
6142
|
_el$3 = _el$2.firstChild,
|
|
6117
6143
|
_el$4 = _el$3.firstChild,
|
|
6118
6144
|
_el$5 = _el$4.nextSibling,
|
|
@@ -6154,7 +6180,7 @@ function $b54fc842e721c9eb$export$430444115f70a734(_ref) {
|
|
|
6154
6180
|
return count() != undefined;
|
|
6155
6181
|
},
|
|
6156
6182
|
get children() {
|
|
6157
|
-
|
|
6183
|
+
var _el$8 = $8tj43$getNextElement($b54fc842e721c9eb$var$_tmpl$2);
|
|
6158
6184
|
$8tj43$insert(_el$8, count);
|
|
6159
6185
|
return _el$8;
|
|
6160
6186
|
}
|
|
@@ -6174,7 +6200,7 @@ function $b54fc842e721c9eb$export$430444115f70a734(_ref) {
|
|
|
6174
6200
|
return _el$;
|
|
6175
6201
|
})();
|
|
6176
6202
|
}
|
|
6177
|
-
|
|
6203
|
+
var $1e7465a8ffa97f6c$var$_tmpl$ = /*#__PURE__*/$8tj43$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><!$><!/><!$><!/><!$><!/>`),
|
|
6178
6204
|
$1e7465a8ffa97f6c$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<div class=slider><div class=progress>`),
|
|
6179
6205
|
$1e7465a8ffa97f6c$var$_tmpl$3 = /*#__PURE__*/$8tj43$template(`<div class=range-group><input type=range step=any><input type=range step=any>`);
|
|
6180
6206
|
function $1e7465a8ffa97f6c$export$e0d834a0ad870cda(_ref) {
|
|
@@ -6269,7 +6295,7 @@ function $1e7465a8ffa97f6c$var$RangeSelector(_ref3) {
|
|
|
6269
6295
|
const post_price = $8tj43$createMemo(() => price_formatting_().post_);
|
|
6270
6296
|
const should_be_disabled_ = $8tj43$createMemo(() => Math.abs(min_() - max_()) < 2);
|
|
6271
6297
|
return (() => {
|
|
6272
|
-
|
|
6298
|
+
var _el$ = $8tj43$getNextElement($1e7465a8ffa97f6c$var$_tmpl$),
|
|
6273
6299
|
_el$2 = _el$.firstChild,
|
|
6274
6300
|
_el$3 = _el$2.firstChild,
|
|
6275
6301
|
_el$4 = _el$3.firstChild,
|
|
@@ -6293,7 +6319,7 @@ function $1e7465a8ffa97f6c$var$RangeSelector(_ref3) {
|
|
|
6293
6319
|
[_el$20, _co$5] = $8tj43$getNextMarker(_el$19.nextSibling),
|
|
6294
6320
|
_el$21 = _el$20.nextSibling,
|
|
6295
6321
|
[_el$22, _co$6] = $8tj43$getNextMarker(_el$21.nextSibling);
|
|
6296
|
-
|
|
6322
|
+
var _ref$ = price_input_1;
|
|
6297
6323
|
typeof _ref$ === "function" ? $8tj43$use(_ref$, _el$4) : price_input_1 = _el$4;
|
|
6298
6324
|
$8tj43$addEventListener(_el$4, "keydown", $8tj43$catchify(_ref4 => {
|
|
6299
6325
|
let {
|
|
@@ -6302,7 +6328,7 @@ function $1e7465a8ffa97f6c$var$RangeSelector(_ref3) {
|
|
|
6302
6328
|
if (key === "Enter") $1e7465a8ffa97f6c$var$set_range_with_sanitation(min_, max_, current_range_, 0, price_input_1);
|
|
6303
6329
|
}), true);
|
|
6304
6330
|
$8tj43$addEventListener(_el$4, "blur", $8tj43$catchify(() => $1e7465a8ffa97f6c$var$set_range_with_sanitation(min_, max_, current_range_, 0, price_input_1)));
|
|
6305
|
-
|
|
6331
|
+
var _ref$2 = price_input_2;
|
|
6306
6332
|
typeof _ref$2 === "function" ? $8tj43$use(_ref$2, _el$7) : price_input_2 = _el$7;
|
|
6307
6333
|
$8tj43$addEventListener(_el$7, "keydown", $8tj43$catchify(_ref5 => {
|
|
6308
6334
|
let {
|
|
@@ -6339,7 +6365,7 @@ function $1e7465a8ffa97f6c$var$RangeSelector(_ref3) {
|
|
|
6339
6365
|
}), _el$20, _co$5);
|
|
6340
6366
|
$8tj43$insert(_el$16, post_price, _el$22, _co$6);
|
|
6341
6367
|
$8tj43$effect(_p$ => {
|
|
6342
|
-
|
|
6368
|
+
var _v$ = !!(min_() === max_()),
|
|
6343
6369
|
_v$2 = should_be_disabled_(),
|
|
6344
6370
|
_v$3 = i18n_.range_filter_low_point_aria_label_(),
|
|
6345
6371
|
_v$4 = min_(),
|
|
@@ -6348,26 +6374,26 @@ function $1e7465a8ffa97f6c$var$RangeSelector(_ref3) {
|
|
|
6348
6374
|
_v$7 = i18n_.range_filter_high_point_aria_label_(),
|
|
6349
6375
|
_v$8 = min_(),
|
|
6350
6376
|
_v$9 = max_();
|
|
6351
|
-
_v$ !== _p$.
|
|
6352
|
-
_v$2 !== _p$.
|
|
6353
|
-
_v$3 !== _p$.
|
|
6354
|
-
_v$4 !== _p$.
|
|
6355
|
-
_v$5 !== _p$.
|
|
6356
|
-
_v$6 !== _p$.
|
|
6357
|
-
_v$7 !== _p$.
|
|
6358
|
-
_v$8 !== _p$.
|
|
6359
|
-
_v$9 !== _p$.
|
|
6377
|
+
_v$ !== _p$.e && _el$.classList.toggle("disabled", _p$.e = _v$);
|
|
6378
|
+
_v$2 !== _p$.t && $8tj43$setProperty(_el$4, "disabled", _p$.t = _v$2);
|
|
6379
|
+
_v$3 !== _p$.a && $8tj43$setAttribute(_el$4, "aria-label", _p$.a = _v$3);
|
|
6380
|
+
_v$4 !== _p$.o && $8tj43$setAttribute(_el$4, "min", _p$.o = _v$4);
|
|
6381
|
+
_v$5 !== _p$.i && $8tj43$setAttribute(_el$4, "max", _p$.i = _v$5);
|
|
6382
|
+
_v$6 !== _p$.n && $8tj43$setProperty(_el$7, "disabled", _p$.n = _v$6);
|
|
6383
|
+
_v$7 !== _p$.s && $8tj43$setAttribute(_el$7, "aria-label", _p$.s = _v$7);
|
|
6384
|
+
_v$8 !== _p$.h && $8tj43$setAttribute(_el$7, "min", _p$.h = _v$8);
|
|
6385
|
+
_v$9 !== _p$.r && $8tj43$setAttribute(_el$7, "max", _p$.r = _v$9);
|
|
6360
6386
|
return _p$;
|
|
6361
6387
|
}, {
|
|
6362
|
-
|
|
6363
|
-
|
|
6364
|
-
|
|
6365
|
-
|
|
6366
|
-
|
|
6367
|
-
|
|
6368
|
-
|
|
6369
|
-
|
|
6370
|
-
|
|
6388
|
+
e: undefined,
|
|
6389
|
+
t: undefined,
|
|
6390
|
+
a: undefined,
|
|
6391
|
+
o: undefined,
|
|
6392
|
+
i: undefined,
|
|
6393
|
+
n: undefined,
|
|
6394
|
+
s: undefined,
|
|
6395
|
+
h: undefined,
|
|
6396
|
+
r: undefined
|
|
6371
6397
|
});
|
|
6372
6398
|
$8tj43$effect(() => $8tj43$setProperty(_el$4, "value", get_current_range()[0]));
|
|
6373
6399
|
$8tj43$effect(() => $8tj43$setProperty(_el$7, "value", get_current_range()[1]));
|
|
@@ -6453,7 +6479,7 @@ function $1e7465a8ffa97f6c$var$LinearSlider(_ref8) {
|
|
|
6453
6479
|
});
|
|
6454
6480
|
};
|
|
6455
6481
|
return [(() => {
|
|
6456
|
-
|
|
6482
|
+
var _el$25 = $8tj43$getNextElement($1e7465a8ffa97f6c$var$_tmpl$2),
|
|
6457
6483
|
_el$26 = _el$25.firstChild;
|
|
6458
6484
|
$8tj43$addEventListener(_el$25, "click", $8tj43$catchify(e => {
|
|
6459
6485
|
const rect = clickable_slider.getBoundingClientRect();
|
|
@@ -6468,13 +6494,13 @@ function $1e7465a8ffa97f6c$var$LinearSlider(_ref8) {
|
|
|
6468
6494
|
const distance_to_upper_point = Math.abs(upper - place_of_click);
|
|
6469
6495
|
if (distance_to_lower_point < distance_to_upper_point) set_current_range([place_of_click, upper]);else set_current_range([lower, place_of_click]);
|
|
6470
6496
|
}), true);
|
|
6471
|
-
|
|
6497
|
+
var _ref$3 = clickable_slider;
|
|
6472
6498
|
typeof _ref$3 === "function" ? $8tj43$use(_ref$3, _el$25) : clickable_slider = _el$25;
|
|
6473
6499
|
$8tj43$effect(_$p => $8tj43$style(_el$26, progress_styling(), _$p));
|
|
6474
6500
|
$8tj43$runHydrationEvents();
|
|
6475
6501
|
return _el$25;
|
|
6476
6502
|
})(), (() => {
|
|
6477
|
-
|
|
6503
|
+
var _el$27 = $8tj43$getNextElement($1e7465a8ffa97f6c$var$_tmpl$3),
|
|
6478
6504
|
_el$28 = _el$27.firstChild,
|
|
6479
6505
|
_el$29 = _el$28.nextSibling;
|
|
6480
6506
|
$8tj43$use(el => {
|
|
@@ -6488,7 +6514,7 @@ function $1e7465a8ffa97f6c$var$LinearSlider(_ref8) {
|
|
|
6488
6514
|
}, _el$29);
|
|
6489
6515
|
$8tj43$addEventListener(_el$29, "input", $8tj43$catchify(() => $1e7465a8ffa97f6c$var$set_range_with_sanitation(min_, max_, current_range_, 1, range_input_2, offset_value_calculator_)), true);
|
|
6490
6516
|
$8tj43$effect(_p$ => {
|
|
6491
|
-
|
|
6517
|
+
var _v$10 = should_be_disabled_(),
|
|
6492
6518
|
_v$11 = i18n_.range_filter_low_point_aria_label_(),
|
|
6493
6519
|
_v$12 = min_(),
|
|
6494
6520
|
_v$13 = max_(),
|
|
@@ -6496,24 +6522,24 @@ function $1e7465a8ffa97f6c$var$LinearSlider(_ref8) {
|
|
|
6496
6522
|
_v$15 = i18n_.range_filter_high_point_aria_label_(),
|
|
6497
6523
|
_v$16 = min_(),
|
|
6498
6524
|
_v$17 = max_();
|
|
6499
|
-
_v$10 !== _p$.
|
|
6500
|
-
_v$11 !== _p$.
|
|
6501
|
-
_v$12 !== _p$.
|
|
6502
|
-
_v$13 !== _p$.
|
|
6503
|
-
_v$14 !== _p$.
|
|
6504
|
-
_v$15 !== _p$.
|
|
6505
|
-
_v$16 !== _p$.
|
|
6506
|
-
_v$17 !== _p$.
|
|
6525
|
+
_v$10 !== _p$.e && $8tj43$setProperty(_el$28, "disabled", _p$.e = _v$10);
|
|
6526
|
+
_v$11 !== _p$.t && $8tj43$setAttribute(_el$28, "aria-label", _p$.t = _v$11);
|
|
6527
|
+
_v$12 !== _p$.a && $8tj43$setAttribute(_el$28, "min", _p$.a = _v$12);
|
|
6528
|
+
_v$13 !== _p$.o && $8tj43$setAttribute(_el$28, "max", _p$.o = _v$13);
|
|
6529
|
+
_v$14 !== _p$.i && $8tj43$setProperty(_el$29, "disabled", _p$.i = _v$14);
|
|
6530
|
+
_v$15 !== _p$.n && $8tj43$setAttribute(_el$29, "aria-label", _p$.n = _v$15);
|
|
6531
|
+
_v$16 !== _p$.s && $8tj43$setAttribute(_el$29, "min", _p$.s = _v$16);
|
|
6532
|
+
_v$17 !== _p$.h && $8tj43$setAttribute(_el$29, "max", _p$.h = _v$17);
|
|
6507
6533
|
return _p$;
|
|
6508
6534
|
}, {
|
|
6509
|
-
|
|
6510
|
-
|
|
6511
|
-
|
|
6512
|
-
|
|
6513
|
-
|
|
6514
|
-
|
|
6515
|
-
|
|
6516
|
-
|
|
6535
|
+
e: undefined,
|
|
6536
|
+
t: undefined,
|
|
6537
|
+
a: undefined,
|
|
6538
|
+
o: undefined,
|
|
6539
|
+
i: undefined,
|
|
6540
|
+
n: undefined,
|
|
6541
|
+
s: undefined,
|
|
6542
|
+
h: undefined
|
|
6517
6543
|
});
|
|
6518
6544
|
$8tj43$effect(() => $8tj43$setProperty(_el$28, "value", $8tj43$createMemo(() => {
|
|
6519
6545
|
min_();
|
|
@@ -6541,7 +6567,7 @@ function $1e7465a8ffa97f6c$var$set_range_with_sanitation(min_, max_, current_ran
|
|
|
6541
6567
|
current_range_signal[1](new_value);
|
|
6542
6568
|
}
|
|
6543
6569
|
$8tj43$delegateEvents(["keydown", "click", "input"]);
|
|
6544
|
-
|
|
6570
|
+
var $457279ff15864cb9$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class=morphing-sign role=img><span></span><span>`);
|
|
6545
6571
|
function $457279ff15864cb9$export$e5c2828934226505(_ref) {
|
|
6546
6572
|
let {
|
|
6547
6573
|
expanded_: expanded_,
|
|
@@ -6554,12 +6580,12 @@ function $457279ff15864cb9$export$e5c2828934226505(_ref) {
|
|
|
6554
6580
|
duration: 200
|
|
6555
6581
|
};
|
|
6556
6582
|
const outer_div = (() => {
|
|
6557
|
-
|
|
6583
|
+
var _el$ = $8tj43$getNextElement($457279ff15864cb9$var$_tmpl$),
|
|
6558
6584
|
_el$2 = _el$.firstChild,
|
|
6559
6585
|
_el$3 = _el$2.nextSibling;
|
|
6560
|
-
|
|
6586
|
+
var _ref$ = first_span;
|
|
6561
6587
|
typeof _ref$ === "function" ? $8tj43$use(_ref$, _el$2) : first_span = _el$2;
|
|
6562
|
-
|
|
6588
|
+
var _ref$2 = second_span;
|
|
6563
6589
|
typeof _ref$2 === "function" ? $8tj43$use(_ref$2, _el$3) : second_span = _el$3;
|
|
6564
6590
|
$8tj43$effect(() => $8tj43$setAttribute(_el$, "aria-label", expanded_() ? i18n_.morphing_sign_expanded_aria_label_() : i18n_.morphing_sign_collapsed_aria_label_()));
|
|
6565
6591
|
return _el$;
|
|
@@ -6586,7 +6612,7 @@ function $457279ff15864cb9$export$e5c2828934226505(_ref) {
|
|
|
6586
6612
|
});
|
|
6587
6613
|
return outer_div;
|
|
6588
6614
|
}
|
|
6589
|
-
|
|
6615
|
+
var $f3a159279dc1a8fb$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<span class=highlighted-part>`);
|
|
6590
6616
|
const $f3a159279dc1a8fb$var$dont_cut_in_between_less_than_characters = 30;
|
|
6591
6617
|
function $f3a159279dc1a8fb$export$e1a98a189fd2c0e7(_ref) {
|
|
6592
6618
|
let {
|
|
@@ -6630,7 +6656,7 @@ function $f3a159279dc1a8fb$export$e1a98a189fd2c0e7(_ref) {
|
|
|
6630
6656
|
return item().text_;
|
|
6631
6657
|
},
|
|
6632
6658
|
get children() {
|
|
6633
|
-
|
|
6659
|
+
var _el$ = $8tj43$getNextElement($f3a159279dc1a8fb$var$_tmpl$);
|
|
6634
6660
|
$8tj43$insert(_el$, () => item().text_);
|
|
6635
6661
|
return _el$;
|
|
6636
6662
|
}
|
|
@@ -6818,7 +6844,7 @@ function $f3a159279dc1a8fb$export$1b00d74faf266c56(text, matched_strings) {
|
|
|
6818
6844
|
}
|
|
6819
6845
|
return output;
|
|
6820
6846
|
}
|
|
6821
|
-
|
|
6847
|
+
var $b0e2100b511ec9a4$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<span>`),
|
|
6822
6848
|
$b0e2100b511ec9a4$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<span class=highlighted-part>`);
|
|
6823
6849
|
function $b0e2100b511ec9a4$export$8e79c28529dbfa90(props) {
|
|
6824
6850
|
const segmented_text = $8tj43$createMemo(() => {
|
|
@@ -6830,7 +6856,7 @@ function $b0e2100b511ec9a4$export$8e79c28529dbfa90(props) {
|
|
|
6830
6856
|
});
|
|
6831
6857
|
const has_highlights = $8tj43$createMemo(() => segmented_text().some(segment => segment.highlighted_));
|
|
6832
6858
|
return (() => {
|
|
6833
|
-
|
|
6859
|
+
var _el$ = $8tj43$getNextElement($b0e2100b511ec9a4$var$_tmpl$);
|
|
6834
6860
|
$8tj43$insert(_el$, $8tj43$createComponent((0, $8tj43$Index), {
|
|
6835
6861
|
get each() {
|
|
6836
6862
|
return segmented_text();
|
|
@@ -6844,7 +6870,7 @@ function $b0e2100b511ec9a4$export$8e79c28529dbfa90(props) {
|
|
|
6844
6870
|
return item().text_;
|
|
6845
6871
|
},
|
|
6846
6872
|
get children() {
|
|
6847
|
-
|
|
6873
|
+
var _el$2 = $8tj43$getNextElement($b0e2100b511ec9a4$var$_tmpl$2);
|
|
6848
6874
|
$8tj43$insert(_el$2, () => item().text_);
|
|
6849
6875
|
return _el$2;
|
|
6850
6876
|
}
|
|
@@ -6852,19 +6878,19 @@ function $b0e2100b511ec9a4$export$8e79c28529dbfa90(props) {
|
|
|
6852
6878
|
}
|
|
6853
6879
|
}));
|
|
6854
6880
|
$8tj43$effect(_p$ => {
|
|
6855
|
-
|
|
6881
|
+
var _v$ = props.text_,
|
|
6856
6882
|
_v$2 = !!has_highlights();
|
|
6857
|
-
_v$ !== _p$.
|
|
6858
|
-
_v$2 !== _p$.
|
|
6883
|
+
_v$ !== _p$.e && $8tj43$setAttribute(_el$, "title", _p$.e = _v$);
|
|
6884
|
+
_v$2 !== _p$.t && _el$.classList.toggle("has-match", _p$.t = _v$2);
|
|
6859
6885
|
return _p$;
|
|
6860
6886
|
}, {
|
|
6861
|
-
|
|
6862
|
-
|
|
6887
|
+
e: undefined,
|
|
6888
|
+
t: undefined
|
|
6863
6889
|
});
|
|
6864
6890
|
return _el$;
|
|
6865
6891
|
})();
|
|
6866
6892
|
}
|
|
6867
|
-
|
|
6893
|
+
var $0ae614c5c7babb43$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<form class="checkboxes hierarchical"><!$><!/><!$><!/>`),
|
|
6868
6894
|
$0ae614c5c7babb43$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<div class=checkbox-details><!$><!/><!$><!/>`),
|
|
6869
6895
|
$0ae614c5c7babb43$var$_tmpl$3 = /*#__PURE__*/$8tj43$template(`<details>`),
|
|
6870
6896
|
$0ae614c5c7babb43$var$_tmpl$4 = /*#__PURE__*/$8tj43$template(`<summary class=category-parent><div class=summary><span class=count></span><!$><!/>`);
|
|
@@ -7014,12 +7040,12 @@ function $0ae614c5c7babb43$export$a32086fa6616eafd(_ref) {
|
|
|
7014
7040
|
if (show_extras[0]()) await expand();else await collapse();
|
|
7015
7041
|
}));
|
|
7016
7042
|
return (() => {
|
|
7017
|
-
|
|
7043
|
+
var _el$ = $8tj43$getNextElement($0ae614c5c7babb43$var$_tmpl$),
|
|
7018
7044
|
_el$2 = _el$.firstChild,
|
|
7019
7045
|
[_el$3, _co$] = $8tj43$getNextMarker(_el$2.nextSibling),
|
|
7020
7046
|
_el$4 = _el$3.nextSibling,
|
|
7021
7047
|
[_el$5, _co$2] = $8tj43$getNextMarker(_el$4.nextSibling);
|
|
7022
|
-
|
|
7048
|
+
var _ref$ = form;
|
|
7023
7049
|
typeof _ref$ === "function" ? $8tj43$use(_ref$, _el$) : form = _el$;
|
|
7024
7050
|
$8tj43$insert(_el$, () => $0ae614c5c7babb43$var$render_stuff($8tj43$createMemo(() => some_top_level_are_hidden() ? Object.fromEntries(Object.entries(structured_categories()).slice(0, $0ae614c5c7babb43$var$show_non_collapsible_when_collapsed)) : structured_categories()), existing_filter, i18n_, filter_query_), _el$3, _co$);
|
|
7025
7051
|
$8tj43$insert(_el$, expanding_container_els, _el$5, _co$2);
|
|
@@ -7054,7 +7080,7 @@ function $0ae614c5c7babb43$var$render_stuff(data, existing_filter, i18n_, filter
|
|
|
7054
7080
|
return ((_value3 = value()) === null || _value3 === void 0 ? void 0 : _value3.name_) || value_as_string();
|
|
7055
7081
|
});
|
|
7056
7082
|
return (() => {
|
|
7057
|
-
|
|
7083
|
+
var _el$6 = $8tj43$getNextElement($0ae614c5c7babb43$var$_tmpl$2),
|
|
7058
7084
|
_el$7 = _el$6.firstChild,
|
|
7059
7085
|
[_el$8, _co$3] = $8tj43$getNextMarker(_el$7.nextSibling),
|
|
7060
7086
|
_el$9 = _el$8.nextSibling,
|
|
@@ -7150,7 +7176,7 @@ function $0ae614c5c7babb43$var$render_stuff(data, existing_filter, i18n_, filter
|
|
|
7150
7176
|
},
|
|
7151
7177
|
get summary_() {
|
|
7152
7178
|
return (() => {
|
|
7153
|
-
|
|
7179
|
+
var _el$12 = $8tj43$getNextElement($0ae614c5c7babb43$var$_tmpl$4),
|
|
7154
7180
|
_el$13 = _el$12.firstChild,
|
|
7155
7181
|
_el$14 = _el$13.firstChild,
|
|
7156
7182
|
_el$15 = _el$14.nextSibling,
|
|
@@ -7371,7 +7397,7 @@ function $0ae614c5c7babb43$var$expand_until_choice(data_structure) {
|
|
|
7371
7397
|
}
|
|
7372
7398
|
});
|
|
7373
7399
|
}
|
|
7374
|
-
|
|
7400
|
+
var $830ea8efda59884e$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class=checkbox-grid style=position:absolute;z-index:-1;pointer-events:none;opacity:0>`),
|
|
7375
7401
|
$830ea8efda59884e$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<span class=count-wrapper><span class=count>`),
|
|
7376
7402
|
$830ea8efda59884e$var$_tmpl$3 = /*#__PURE__*/$8tj43$template(`<button><!$><!/><!$><!/>`);
|
|
7377
7403
|
const $830ea8efda59884e$var$gap_px = 5;
|
|
@@ -7421,7 +7447,7 @@ const $830ea8efda59884e$export$414f6a19d38e655c = _ref => {
|
|
|
7421
7447
|
equals: false
|
|
7422
7448
|
});
|
|
7423
7449
|
const shadow_grid = (() => {
|
|
7424
|
-
|
|
7450
|
+
var _el$ = $8tj43$getNextElement($830ea8efda59884e$var$_tmpl$);
|
|
7425
7451
|
$8tj43$insert(_el$, () => [...shadow_children()]);
|
|
7426
7452
|
return _el$;
|
|
7427
7453
|
})(); // for getting the smallest possible sizes of all the items
|
|
@@ -7458,7 +7484,7 @@ const $830ea8efda59884e$export$414f6a19d38e655c = _ref => {
|
|
|
7458
7484
|
const label = $8tj43$createMemo(() => value().name_ || value().value_ + "");
|
|
7459
7485
|
const count_zero = $8tj43$createMemo(() => value().count_ === 0);
|
|
7460
7486
|
return (() => {
|
|
7461
|
-
|
|
7487
|
+
var _el$2 = $8tj43$getNextElement($830ea8efda59884e$var$_tmpl$3),
|
|
7462
7488
|
_el$5 = _el$2.firstChild,
|
|
7463
7489
|
[_el$6, _co$] = $8tj43$getNextMarker(_el$5.nextSibling),
|
|
7464
7490
|
_el$7 = _el$6.nextSibling,
|
|
@@ -7519,7 +7545,7 @@ const $830ea8efda59884e$export$414f6a19d38e655c = _ref => {
|
|
|
7519
7545
|
return value().count_ != undefined;
|
|
7520
7546
|
},
|
|
7521
7547
|
get children() {
|
|
7522
|
-
|
|
7548
|
+
var _el$3 = $8tj43$getNextElement($830ea8efda59884e$var$_tmpl$2),
|
|
7523
7549
|
_el$4 = _el$3.firstChild;
|
|
7524
7550
|
$8tj43$insert(_el$4, () => value().count_);
|
|
7525
7551
|
return _el$3;
|
|
@@ -7610,7 +7636,7 @@ function $830ea8efda59884e$var$adjust_sizes(container_width, sizes, set_cols_at_
|
|
|
7610
7636
|
overrides: column_to_row_result
|
|
7611
7637
|
}]]);
|
|
7612
7638
|
}
|
|
7613
|
-
|
|
7639
|
+
var $2cb856c297c53e6c$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<form class=checkbox-color><!$><!/><!$><!/>`);
|
|
7614
7640
|
const $2cb856c297c53e6c$var$max_visible_without_collapsing = 30;
|
|
7615
7641
|
const $2cb856c297c53e6c$var$show_non_collapsible_when_collapsed = 8;
|
|
7616
7642
|
function $2cb856c297c53e6c$export$82ed4b28ecb67608(_ref) {
|
|
@@ -7761,7 +7787,7 @@ function $2cb856c297c53e6c$export$82ed4b28ecb67608(_ref) {
|
|
|
7761
7787
|
if (get_show_extras()) await expand();else await collapse();
|
|
7762
7788
|
}));
|
|
7763
7789
|
return (() => {
|
|
7764
|
-
|
|
7790
|
+
var _el$ = $8tj43$getNextElement($2cb856c297c53e6c$var$_tmpl$),
|
|
7765
7791
|
_el$2 = _el$.firstChild,
|
|
7766
7792
|
[_el$3, _co$] = $8tj43$getNextMarker(_el$2.nextSibling),
|
|
7767
7793
|
_el$4 = _el$3.nextSibling,
|
|
@@ -7791,7 +7817,7 @@ function $2cb856c297c53e6c$export$82ed4b28ecb67608(_ref) {
|
|
|
7791
7817
|
if (filter_object.data.length) selected_filters.push(filter_object);
|
|
7792
7818
|
set_selected_filters(selected_filters);
|
|
7793
7819
|
}));
|
|
7794
|
-
|
|
7820
|
+
var _ref$ = form;
|
|
7795
7821
|
typeof _ref$ === "function" ? $8tj43$use(_ref$, _el$) : form = _el$;
|
|
7796
7822
|
$8tj43$insert(_el$, $8tj43$createComponent((0, $8tj43$Index), {
|
|
7797
7823
|
get each() {
|
|
@@ -7825,17 +7851,17 @@ var $d2988f745661df9c$export$2e2bcd8739ae039 = {
|
|
|
7825
7851
|
"checkbox-grid": (0, $830ea8efda59884e$export$414f6a19d38e655c),
|
|
7826
7852
|
"checkbox-color": (0, $2cb856c297c53e6c$export$82ed4b28ecb67608)
|
|
7827
7853
|
};
|
|
7828
|
-
|
|
7854
|
+
var $905f44be08b7378e$var$_tmpl$ = /*#__PURE__*/$8tj43$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">`);
|
|
7829
7855
|
function $905f44be08b7378e$export$f2ca6fc699ca1fb4() {
|
|
7830
7856
|
let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
7831
7857
|
return (() => {
|
|
7832
|
-
|
|
7858
|
+
var _el$ = $8tj43$getNextElement($905f44be08b7378e$var$_tmpl$);
|
|
7833
7859
|
$8tj43$spread(_el$, props, true, true);
|
|
7834
7860
|
$8tj43$runHydrationEvents();
|
|
7835
7861
|
return _el$;
|
|
7836
7862
|
})();
|
|
7837
7863
|
}
|
|
7838
|
-
|
|
7864
|
+
var $d0ff304c14f50521$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<span class=show-selected aria-hidden=true><span></span><!$><!/>`);
|
|
7839
7865
|
function $d0ff304c14f50521$export$53c59af873b303c9(_ref) {
|
|
7840
7866
|
let {
|
|
7841
7867
|
selected_filters_in_group_: selected_filters_in_group_,
|
|
@@ -7893,7 +7919,7 @@ function $d0ff304c14f50521$export$53c59af873b303c9(_ref) {
|
|
|
7893
7919
|
return size + "";
|
|
7894
7920
|
}));
|
|
7895
7921
|
return (() => {
|
|
7896
|
-
|
|
7922
|
+
var _el$ = $8tj43$getNextElement($d0ff304c14f50521$var$_tmpl$),
|
|
7897
7923
|
_el$2 = _el$.firstChild,
|
|
7898
7924
|
_el$3 = _el$2.nextSibling,
|
|
7899
7925
|
[_el$4, _co$] = $8tj43$getNextMarker(_el$3.nextSibling);
|
|
@@ -7961,7 +7987,7 @@ function $f1e63746f76ce012$export$ab34afce88557c0e(props) {
|
|
|
7961
7987
|
}));
|
|
7962
7988
|
return is_open;
|
|
7963
7989
|
}
|
|
7964
|
-
|
|
7990
|
+
var $e354b2f9ce33cb75$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class=search-in-filters><input type=text class=query><!$><!/><button class=clear-filter-search>`);
|
|
7965
7991
|
const $e354b2f9ce33cb75$var$min_items_to_enable_filter_searching = 15; // For checkbox color and checkbox grid we 2x this
|
|
7966
7992
|
function $e354b2f9ce33cb75$export$4b2c5292ffe0c5dd(filter_array_, section, i18n_) {
|
|
7967
7993
|
const [filter_query_, set_filter_query_] = $8tj43$createSignal();
|
|
@@ -7984,7 +8010,7 @@ function $e354b2f9ce33cb75$export$4b2c5292ffe0c5dd(filter_array_, section, i18n_
|
|
|
7984
8010
|
return enable_searchability();
|
|
7985
8011
|
},
|
|
7986
8012
|
get children() {
|
|
7987
|
-
|
|
8013
|
+
var _el$ = $8tj43$getNextElement($e354b2f9ce33cb75$var$_tmpl$),
|
|
7988
8014
|
_el$2 = _el$.firstChild,
|
|
7989
8015
|
_el$4 = _el$2.nextSibling,
|
|
7990
8016
|
[_el$5, _co$] = $8tj43$getNextMarker(_el$4.nextSibling),
|
|
@@ -8001,14 +8027,14 @@ function $e354b2f9ce33cb75$export$4b2c5292ffe0c5dd(filter_array_, section, i18n_
|
|
|
8001
8027
|
height: "12"
|
|
8002
8028
|
}));
|
|
8003
8029
|
$8tj43$effect(_p$ => {
|
|
8004
|
-
|
|
8030
|
+
var _v$ = i18n_.search_a_filter_()(section),
|
|
8005
8031
|
_v$2 = filter_query_() ? "" : "none";
|
|
8006
|
-
_v$ !== _p$.
|
|
8007
|
-
_v$2 !== _p$.
|
|
8032
|
+
_v$ !== _p$.e && $8tj43$setAttribute(_el$2, "placeholder", _p$.e = _v$);
|
|
8033
|
+
_v$2 !== _p$.t && ((_p$.t = _v$2) != null ? _el$3.style.setProperty("display", _v$2) : _el$3.style.removeProperty("display"));
|
|
8008
8034
|
return _p$;
|
|
8009
8035
|
}, {
|
|
8010
|
-
|
|
8011
|
-
|
|
8036
|
+
e: undefined,
|
|
8037
|
+
t: undefined
|
|
8012
8038
|
});
|
|
8013
8039
|
$8tj43$effect(() => $8tj43$setProperty(_el$2, "value", filter_query_() || ""));
|
|
8014
8040
|
$8tj43$runHydrationEvents();
|
|
@@ -8117,7 +8143,7 @@ function $e354b2f9ce33cb75$var$find_str_arr_in_str_arr_arr(operation, haystack,
|
|
|
8117
8143
|
return haystack[operation](value => value.length === needle.length && value.every((item, index) => item === needle[index]));
|
|
8118
8144
|
}
|
|
8119
8145
|
$8tj43$delegateEvents(["input", "click"]);
|
|
8120
|
-
|
|
8146
|
+
var $f6b0500577e1b210$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class=filter-collapsible>`),
|
|
8121
8147
|
$f6b0500577e1b210$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<button class=clear-group><!$><!/><span>`),
|
|
8122
8148
|
$f6b0500577e1b210$var$_tmpl$3 = /*#__PURE__*/$8tj43$template(`<div class=view-more-clear><!$><!/><!$><!/>`),
|
|
8123
8149
|
$f6b0500577e1b210$var$_tmpl$4 = /*#__PURE__*/$8tj43$template(`<div class=filter-collapsible-body><div class=filter-part><!$><!/><!$><!/></div><!$><!/>`),
|
|
@@ -8135,7 +8161,7 @@ function $f6b0500577e1b210$export$3f1a388cc0d8fed7(props) {
|
|
|
8135
8161
|
return Array.from({
|
|
8136
8162
|
length: 5
|
|
8137
8163
|
}).map(() => (() => {
|
|
8138
|
-
|
|
8164
|
+
var _el$ = $8tj43$getNextElement($f6b0500577e1b210$var$_tmpl$);
|
|
8139
8165
|
$8tj43$insert(_el$, $8tj43$createComponent((0, $ceafb6fb91c6f394$export$89c6019e4baa40b1), {
|
|
8140
8166
|
width: "100%",
|
|
8141
8167
|
height: "50px"
|
|
@@ -8211,7 +8237,7 @@ function $f6b0500577e1b210$var$ActualFilterBody(props) {
|
|
|
8211
8237
|
is_open_: is_open,
|
|
8212
8238
|
get details_() {
|
|
8213
8239
|
return (() => {
|
|
8214
|
-
|
|
8240
|
+
var _el$19 = $8tj43$getNextElement($f6b0500577e1b210$var$_tmpl$5);
|
|
8215
8241
|
$8tj43$use(element => set_get_details_width(() => $fc830a7ee59416ef$export$ebdc3711f7e02ccd(element)), _el$19);
|
|
8216
8242
|
$8tj43$setAttribute(_el$19, "data-group-title", section_);
|
|
8217
8243
|
return _el$19;
|
|
@@ -8219,7 +8245,7 @@ function $f6b0500577e1b210$var$ActualFilterBody(props) {
|
|
|
8219
8245
|
},
|
|
8220
8246
|
get summary_() {
|
|
8221
8247
|
return (() => {
|
|
8222
|
-
|
|
8248
|
+
var _el$20 = $8tj43$getNextElement($f6b0500577e1b210$var$_tmpl$6),
|
|
8223
8249
|
_el$21 = _el$20.firstChild,
|
|
8224
8250
|
_el$22 = _el$21.firstChild,
|
|
8225
8251
|
_el$23 = _el$22.nextSibling,
|
|
@@ -8253,7 +8279,7 @@ function $f6b0500577e1b210$var$ActualFilterBody(props) {
|
|
|
8253
8279
|
})();
|
|
8254
8280
|
},
|
|
8255
8281
|
get children() {
|
|
8256
|
-
|
|
8282
|
+
var _el$2 = $8tj43$getNextElement($f6b0500577e1b210$var$_tmpl$4),
|
|
8257
8283
|
_el$3 = _el$2.firstChild,
|
|
8258
8284
|
_el$4 = _el$3.firstChild,
|
|
8259
8285
|
[_el$5, _co$] = $8tj43$getNextMarker(_el$4.nextSibling),
|
|
@@ -8302,7 +8328,7 @@ function $f6b0500577e1b210$var$ActualFilterBody(props) {
|
|
|
8302
8328
|
})();
|
|
8303
8329
|
},
|
|
8304
8330
|
get children() {
|
|
8305
|
-
|
|
8331
|
+
var _el$8 = $8tj43$getNextElement($f6b0500577e1b210$var$_tmpl$3),
|
|
8306
8332
|
_el$13 = _el$8.firstChild,
|
|
8307
8333
|
[_el$14, _co$4] = $8tj43$getNextMarker(_el$13.nextSibling),
|
|
8308
8334
|
_el$15 = _el$14.nextSibling,
|
|
@@ -8313,7 +8339,7 @@ function $f6b0500577e1b210$var$ActualFilterBody(props) {
|
|
|
8313
8339
|
return a_filter_is_selected();
|
|
8314
8340
|
},
|
|
8315
8341
|
get children() {
|
|
8316
|
-
|
|
8342
|
+
var _el$9 = $8tj43$getNextElement($f6b0500577e1b210$var$_tmpl$2),
|
|
8317
8343
|
_el$11 = _el$9.firstChild,
|
|
8318
8344
|
[_el$12, _co$3] = $8tj43$getNextMarker(_el$11.nextSibling),
|
|
8319
8345
|
_el$10 = _el$12.nextSibling;
|
|
@@ -8353,7 +8379,7 @@ function $f6b0500577e1b210$var$ActualFilterBody(props) {
|
|
|
8353
8379
|
return (_untogglable_filters = untogglable_filters()) === null || _untogglable_filters === void 0 ? void 0 : _untogglable_filters.length;
|
|
8354
8380
|
},
|
|
8355
8381
|
get children() {
|
|
8356
|
-
|
|
8382
|
+
var _el$28 = $8tj43$getNextElement($f6b0500577e1b210$var$_tmpl$7);
|
|
8357
8383
|
$8tj43$insert(_el$28, $8tj43$createComponent((0, $8tj43$Index), {
|
|
8358
8384
|
get each() {
|
|
8359
8385
|
return untogglable_filters();
|
|
@@ -8388,7 +8414,7 @@ function $f6b0500577e1b210$var$ActualFilterBody(props) {
|
|
|
8388
8414
|
return $8tj43$memo(() => !!!props.are_in_modal_ /* modal has its own clear button */)() && ((_props$selected_filte = props.selected_filters_[0]()) === null || _props$selected_filte === void 0 ? void 0 : _props$selected_filte.length);
|
|
8389
8415
|
},
|
|
8390
8416
|
get children() {
|
|
8391
|
-
|
|
8417
|
+
var _el$29 = $8tj43$getNextElement($f6b0500577e1b210$var$_tmpl$8);
|
|
8392
8418
|
$8tj43$addEventListener(_el$29, "click", $8tj43$catchify(() => $b4465d8d605f61e9$export$8895d39404bd2bb1({
|
|
8393
8419
|
user_triggered_: true,
|
|
8394
8420
|
selected_filters_: props.selected_filters_,
|
|
@@ -9128,7 +9154,7 @@ function $33e7d1906c93db7d$export$205efb947c7ffd78(handler) {
|
|
|
9128
9154
|
$8tj43$onCleanup(() => listen_on.removeEventListener(event, catchified_handler));
|
|
9129
9155
|
}
|
|
9130
9156
|
}
|
|
9131
|
-
|
|
9157
|
+
var $b69740fc6de9f17e$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class=scroll-status style=display:none><span class=text><b></b> \u{2013} <b></b> <!$><!/> <b>`);
|
|
9132
9158
|
function $b69740fc6de9f17e$export$83fd5de5504a7a67(_ref) {
|
|
9133
9159
|
let {
|
|
9134
9160
|
formatted_number_of_results_: formatted_number_of_results_,
|
|
@@ -9239,7 +9265,7 @@ function $b69740fc6de9f17e$export$83fd5de5504a7a67(_ref) {
|
|
|
9239
9265
|
}));
|
|
9240
9266
|
});
|
|
9241
9267
|
return (() => {
|
|
9242
|
-
|
|
9268
|
+
var _el$ = $8tj43$getNextElement($b69740fc6de9f17e$var$_tmpl$),
|
|
9243
9269
|
_el$2 = _el$.firstChild,
|
|
9244
9270
|
_el$3 = _el$2.firstChild,
|
|
9245
9271
|
_el$4 = _el$3.nextSibling,
|
|
@@ -9249,7 +9275,7 @@ function $b69740fc6de9f17e$export$83fd5de5504a7a67(_ref) {
|
|
|
9249
9275
|
[_el$12, _co$] = $8tj43$getNextMarker(_el$11.nextSibling),
|
|
9250
9276
|
_el$9 = _el$12.nextSibling,
|
|
9251
9277
|
_el$10 = _el$9.nextSibling;
|
|
9252
|
-
|
|
9278
|
+
var _ref$ = element;
|
|
9253
9279
|
typeof _ref$ === "function" ? $8tj43$use(_ref$, _el$) : element = _el$;
|
|
9254
9280
|
$8tj43$insert(_el$3, $8tj43$createComponent((0, $60ec7a29849d81db$export$a71e92cfbb498adc), {
|
|
9255
9281
|
get price_() {
|
|
@@ -9272,7 +9298,7 @@ function $b69740fc6de9f17e$export$83fd5de5504a7a67(_ref) {
|
|
|
9272
9298
|
return _el$;
|
|
9273
9299
|
})();
|
|
9274
9300
|
}
|
|
9275
|
-
|
|
9301
|
+
var $94af29837186eb21$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<a class=hint href=javascript:void(0)>`),
|
|
9276
9302
|
$94af29837186eb21$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<div class=no-results><div class=text></div><!$><!/>`);
|
|
9277
9303
|
function $94af29837186eb21$export$ef6006467f04ee41(_ref) {
|
|
9278
9304
|
let {
|
|
@@ -9283,7 +9309,7 @@ function $94af29837186eb21$export$ef6006467f04ee41(_ref) {
|
|
|
9283
9309
|
} = _ref;
|
|
9284
9310
|
const root = $8tj43$getOwner();
|
|
9285
9311
|
return [(() => {
|
|
9286
|
-
|
|
9312
|
+
var _el$ = $8tj43$getNextElement($94af29837186eb21$var$_tmpl$2),
|
|
9287
9313
|
_el$2 = _el$.firstChild,
|
|
9288
9314
|
_el$4 = _el$2.nextSibling,
|
|
9289
9315
|
[_el$5, _co$] = $8tj43$getNextMarker(_el$4.nextSibling);
|
|
@@ -9293,7 +9319,7 @@ function $94af29837186eb21$export$ef6006467f04ee41(_ref) {
|
|
|
9293
9319
|
return Object.values(selected_filters_[0]()).length;
|
|
9294
9320
|
},
|
|
9295
9321
|
get children() {
|
|
9296
|
-
|
|
9322
|
+
var _el$3 = $8tj43$getNextElement($94af29837186eb21$var$_tmpl$);
|
|
9297
9323
|
$8tj43$addEventListener(_el$3, "click", $8tj43$catchify(() => $8tj43$runWithOwner(root, () => $b4465d8d605f61e9$export$8895d39404bd2bb1({
|
|
9298
9324
|
user_triggered_: true,
|
|
9299
9325
|
selected_filters_: selected_filters_,
|
|
@@ -9502,13 +9528,13 @@ function $45a8953d760b5e58$export$a1fd619a4743ca08(_ref) {
|
|
|
9502
9528
|
})
|
|
9503
9529
|
});
|
|
9504
9530
|
}
|
|
9505
|
-
|
|
9531
|
+
var $64d94dcaa058dc7b$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div>`),
|
|
9506
9532
|
$64d94dcaa058dc7b$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<style type=text/css>`);
|
|
9507
9533
|
const $64d94dcaa058dc7b$export$c500183c31c2b22e = "--spans-columns";
|
|
9508
9534
|
function $64d94dcaa058dc7b$export$ab6b147eec64fea5(props) {
|
|
9509
9535
|
const container_class = "x" + $8tj43$createUniqueId();
|
|
9510
9536
|
const container_element_ = (() => {
|
|
9511
|
-
|
|
9537
|
+
var _el$ = $8tj43$getNextElement($64d94dcaa058dc7b$var$_tmpl$);
|
|
9512
9538
|
$8tj43$spread(_el$, $8tj43$mergeProps(() => props.element_attributes, {
|
|
9513
9539
|
"classList": {
|
|
9514
9540
|
[container_class]: true
|
|
@@ -9547,7 +9573,7 @@ function $64d94dcaa058dc7b$export$e2f22da34aaf310a(props, container_element) {
|
|
|
9547
9573
|
});
|
|
9548
9574
|
const get_styling = $8tj43$createMemo(() => base_styling() + col_styling());
|
|
9549
9575
|
const style_element = (() => {
|
|
9550
|
-
|
|
9576
|
+
var _el$2 = $8tj43$getNextElement($64d94dcaa058dc7b$var$_tmpl$2);
|
|
9551
9577
|
$8tj43$insert(_el$2, get_styling);
|
|
9552
9578
|
return _el$2;
|
|
9553
9579
|
})(); // need to create this after set_styling has been called or else there will be no styling in the SSR'd output
|
|
@@ -9645,7 +9671,7 @@ function $8244fdad249f8d5f$export$a79e666719b3647c(cols_at_size_) {
|
|
|
9645
9671
|
});
|
|
9646
9672
|
return n_cols_currently_showing;
|
|
9647
9673
|
}
|
|
9648
|
-
|
|
9674
|
+
var $ff7feae4dddd6073$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class=content-block-wrapper>`);
|
|
9649
9675
|
function $ff7feae4dddd6073$export$791ef57e62e21c3f(_ref) {
|
|
9650
9676
|
let {
|
|
9651
9677
|
content_blocks_: incoming_content_blocks,
|
|
@@ -9780,26 +9806,26 @@ function $ff7feae4dddd6073$var$wrap_blocks_in_div(rendered_content_blocks, max_s
|
|
|
9780
9806
|
return !rendering_delayed();
|
|
9781
9807
|
},
|
|
9782
9808
|
get children() {
|
|
9783
|
-
|
|
9809
|
+
var _el$ = $8tj43$getNextElement($ff7feae4dddd6073$var$_tmpl$);
|
|
9784
9810
|
$8tj43$insert(_el$, $8tj43$createComponent($ff7feae4dddd6073$var$RenderContent, {
|
|
9785
9811
|
get content() {
|
|
9786
9812
|
return block.content;
|
|
9787
9813
|
}
|
|
9788
9814
|
}));
|
|
9789
9815
|
$8tj43$effect(_p$ => {
|
|
9790
|
-
|
|
9816
|
+
var _v$ = {
|
|
9791
9817
|
[(0, $64d94dcaa058dc7b$export$c500183c31c2b22e)]: final_span_columns()
|
|
9792
9818
|
},
|
|
9793
9819
|
_v$2 = "span ".concat(final_span_columns()),
|
|
9794
9820
|
_v$3 = "span ".concat(final_span_rows());
|
|
9795
|
-
_p$.
|
|
9796
|
-
_v$2 !== _p$.
|
|
9797
|
-
_v$3 !== _p$.
|
|
9821
|
+
_p$.e = $8tj43$style(_el$, _v$, _p$.e);
|
|
9822
|
+
_v$2 !== _p$.t && ((_p$.t = _v$2) != null ? _el$.style.setProperty("grid-column", _v$2) : _el$.style.removeProperty("grid-column"));
|
|
9823
|
+
_v$3 !== _p$.a && ((_p$.a = _v$3) != null ? _el$.style.setProperty("grid-row", _v$3) : _el$.style.removeProperty("grid-row"));
|
|
9798
9824
|
return _p$;
|
|
9799
9825
|
}, {
|
|
9800
|
-
|
|
9801
|
-
|
|
9802
|
-
|
|
9826
|
+
e: undefined,
|
|
9827
|
+
t: undefined,
|
|
9828
|
+
a: undefined
|
|
9803
9829
|
});
|
|
9804
9830
|
return _el$;
|
|
9805
9831
|
}
|
|
@@ -9844,7 +9870,7 @@ function $ff7feae4dddd6073$var$RenderContent(props) {
|
|
|
9844
9870
|
children: resource
|
|
9845
9871
|
});
|
|
9846
9872
|
}
|
|
9847
|
-
|
|
9873
|
+
var $7faea0096f14b59b$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class=PLP-results><!$><!/><!$><!/>`);
|
|
9848
9874
|
function $7faea0096f14b59b$export$3925f87b1545cfc6(_ref) {
|
|
9849
9875
|
let {
|
|
9850
9876
|
plp_results_: plp_results_,
|
|
@@ -9879,7 +9905,7 @@ function $7faea0096f14b59b$export$3925f87b1545cfc6(_ref) {
|
|
|
9879
9905
|
if (!is_loading_() && is_at_end) all_products_loaded_[1](true);
|
|
9880
9906
|
});
|
|
9881
9907
|
return (() => {
|
|
9882
|
-
|
|
9908
|
+
var _el$ = $8tj43$getNextElement($7faea0096f14b59b$var$_tmpl$),
|
|
9883
9909
|
_el$2 = _el$.firstChild,
|
|
9884
9910
|
[_el$3, _co$] = $8tj43$getNextMarker(_el$2.nextSibling),
|
|
9885
9911
|
_el$4 = _el$3.nextSibling,
|
|
@@ -10121,7 +10147,7 @@ function $7faea0096f14b59b$export$3925f87b1545cfc6(_ref) {
|
|
|
10121
10147
|
return _el$;
|
|
10122
10148
|
})();
|
|
10123
10149
|
}
|
|
10124
|
-
|
|
10150
|
+
var $cfdbd124dd09d713$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class=sorting-attributes>`),
|
|
10125
10151
|
$cfdbd124dd09d713$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<div class=sorting-direction>`),
|
|
10126
10152
|
$cfdbd124dd09d713$var$_tmpl$3 = /*#__PURE__*/$8tj43$template(`<div><div class=input-row><input type=radio><span class=custom-indicator></span><!$><!/>`),
|
|
10127
10153
|
$cfdbd124dd09d713$var$_tmpl$4 = /*#__PURE__*/$8tj43$template(`<div><label class=input-row><input type=radio><span class=custom-indicator></span><!$><!/>`);
|
|
@@ -10140,11 +10166,11 @@ function $cfdbd124dd09d713$export$1f1775a58da589b5(_ref) {
|
|
|
10140
10166
|
},
|
|
10141
10167
|
get fallback() {
|
|
10142
10168
|
return (() => {
|
|
10143
|
-
|
|
10169
|
+
var _el$3 = $8tj43$getNextElement($cfdbd124dd09d713$var$_tmpl$);
|
|
10144
10170
|
$8tj43$insert(_el$3, () => Array.from({
|
|
10145
10171
|
length: 4
|
|
10146
10172
|
}).map(() => (() => {
|
|
10147
|
-
|
|
10173
|
+
var _el$4 = $8tj43$getNextElement($cfdbd124dd09d713$var$_tmpl$3),
|
|
10148
10174
|
_el$5 = _el$4.firstChild,
|
|
10149
10175
|
_el$6 = _el$5.firstChild,
|
|
10150
10176
|
_el$7 = _el$6.nextSibling,
|
|
@@ -10162,7 +10188,7 @@ function $cfdbd124dd09d713$export$1f1775a58da589b5(_ref) {
|
|
|
10162
10188
|
},
|
|
10163
10189
|
get children() {
|
|
10164
10190
|
return [(() => {
|
|
10165
|
-
|
|
10191
|
+
var _el$ = $8tj43$getNextElement($cfdbd124dd09d713$var$_tmpl$);
|
|
10166
10192
|
$8tj43$insert(_el$, $8tj43$createComponent((0, $8tj43$Index), {
|
|
10167
10193
|
get each() {
|
|
10168
10194
|
var _available_sortings_2, _available_sortings_3;
|
|
@@ -10181,7 +10207,7 @@ function $cfdbd124dd09d713$export$1f1775a58da589b5(_ref) {
|
|
|
10181
10207
|
return sort.field === item().field && (sort.order === item().order || ((_item$meta$values = item().meta.values) === null || _item$meta$values === void 0 ? void 0 : _item$meta$values.length) > 1);
|
|
10182
10208
|
});
|
|
10183
10209
|
return (/* wrapping div for flex gap polyfill scss mixin */(() => {
|
|
10184
|
-
|
|
10210
|
+
var _el$10 = $8tj43$getNextElement($cfdbd124dd09d713$var$_tmpl$4),
|
|
10185
10211
|
_el$11 = _el$10.firstChild,
|
|
10186
10212
|
_el$12 = _el$11.firstChild,
|
|
10187
10213
|
_el$13 = _el$12.nextSibling,
|
|
@@ -10203,7 +10229,7 @@ function $cfdbd124dd09d713$export$1f1775a58da589b5(_ref) {
|
|
|
10203
10229
|
return ((_meta_of_currently_se = meta_of_currently_selected_sorting_()) === null || _meta_of_currently_se === void 0 ? void 0 : (_meta_of_currently_se2 = _meta_of_currently_se.values) === null || _meta_of_currently_se2 === void 0 ? void 0 : _meta_of_currently_se2.length) > 1;
|
|
10204
10230
|
},
|
|
10205
10231
|
get children() {
|
|
10206
|
-
|
|
10232
|
+
var _el$2 = $8tj43$getNextElement($cfdbd124dd09d713$var$_tmpl$2);
|
|
10207
10233
|
$8tj43$insert(_el$2, $8tj43$createComponent((0, $8tj43$Index), {
|
|
10208
10234
|
get each() {
|
|
10209
10235
|
var _meta_of_currently_se3;
|
|
@@ -10215,7 +10241,7 @@ function $cfdbd124dd09d713$export$1f1775a58da589b5(_ref) {
|
|
|
10215
10241
|
return ((_get_current_sorting = get_current_sorting()) === null || _get_current_sorting === void 0 ? void 0 : _get_current_sorting.order) === order_value();
|
|
10216
10242
|
});
|
|
10217
10243
|
return (() => {
|
|
10218
|
-
|
|
10244
|
+
var _el$16 = $8tj43$getNextElement($cfdbd124dd09d713$var$_tmpl$4),
|
|
10219
10245
|
_el$17 = _el$16.firstChild,
|
|
10220
10246
|
_el$18 = _el$17.firstChild,
|
|
10221
10247
|
_el$19 = _el$18.nextSibling,
|
|
@@ -10241,27 +10267,27 @@ function $cfdbd124dd09d713$export$1f1775a58da589b5(_ref) {
|
|
|
10241
10267
|
}
|
|
10242
10268
|
});
|
|
10243
10269
|
}
|
|
10244
|
-
|
|
10270
|
+
var $79af35736fe8e5c8$var$_tmpl$ = /*#__PURE__*/$8tj43$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">`);
|
|
10245
10271
|
function $79af35736fe8e5c8$export$da32f7add8a22e86() {
|
|
10246
10272
|
let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
10247
10273
|
return (() => {
|
|
10248
|
-
|
|
10274
|
+
var _el$ = $8tj43$getNextElement($79af35736fe8e5c8$var$_tmpl$);
|
|
10249
10275
|
$8tj43$spread(_el$, props, true, true);
|
|
10250
10276
|
$8tj43$runHydrationEvents();
|
|
10251
10277
|
return _el$;
|
|
10252
10278
|
})();
|
|
10253
10279
|
}
|
|
10254
|
-
|
|
10280
|
+
var $73e3c96bc365e0e9$var$_tmpl$ = /*#__PURE__*/$8tj43$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">`);
|
|
10255
10281
|
function $73e3c96bc365e0e9$export$d10e63059ddb9fd4() {
|
|
10256
10282
|
let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
10257
10283
|
return (() => {
|
|
10258
|
-
|
|
10284
|
+
var _el$ = $8tj43$getNextElement($73e3c96bc365e0e9$var$_tmpl$);
|
|
10259
10285
|
$8tj43$spread(_el$, props, true, true);
|
|
10260
10286
|
$8tj43$runHydrationEvents();
|
|
10261
10287
|
return _el$;
|
|
10262
10288
|
})();
|
|
10263
10289
|
}
|
|
10264
|
-
|
|
10290
|
+
var $05f67356defcdd65$var$_tmpl$ = /*#__PURE__*/$8tj43$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">`);
|
|
10265
10291
|
function $05f67356defcdd65$export$28f6150e232898de() {
|
|
10266
10292
|
return $8tj43$getNextElement($05f67356defcdd65$var$_tmpl$);
|
|
10267
10293
|
}
|
|
@@ -10274,7 +10300,7 @@ function $6fcb97029a69ec44$export$50f68cc9882e36a4(args_for_filtering) {
|
|
|
10274
10300
|
var _args_for_filtering$a, _args_for_filtering$s;
|
|
10275
10301
|
return ((_args_for_filtering$a = args_for_filtering.available_filters_()) === null || _args_for_filtering$a === void 0 ? void 0 : _args_for_filtering$a.length) === 0 && !((_args_for_filtering$s = args_for_filtering.selected_filters_[0]()) !== null && _args_for_filtering$s !== void 0 && _args_for_filtering$s.length);
|
|
10276
10302
|
}
|
|
10277
|
-
|
|
10303
|
+
var $082c4ed3e22f8d71$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<button class="clear minor">`),
|
|
10278
10304
|
$082c4ed3e22f8d71$var$_tmpl$2 = /*#__PURE__*/$8tj43$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">`),
|
|
10279
10305
|
$082c4ed3e22f8d71$var$_tmpl$3 = /*#__PURE__*/$8tj43$template(`<details class=sorting>`),
|
|
10280
10306
|
$082c4ed3e22f8d71$var$_tmpl$4 = /*#__PURE__*/$8tj43$template(`<summary class=sort-filter-summary><div class=summary><div class=left-els><!$><!/><span></span></div><!$><!/>`),
|
|
@@ -10339,7 +10365,7 @@ function $082c4ed3e22f8d71$export$9bf11afa910f536e(_ref) {
|
|
|
10339
10365
|
});
|
|
10340
10366
|
$8tj43$onCleanup(resolve_cleanup_promise);
|
|
10341
10367
|
return [(() => {
|
|
10342
|
-
|
|
10368
|
+
var _el$ = $8tj43$getNextElement($082c4ed3e22f8d71$var$_tmpl$2),
|
|
10343
10369
|
_el$2 = _el$.firstChild,
|
|
10344
10370
|
_el$3 = _el$2.nextSibling,
|
|
10345
10371
|
_el$4 = _el$3.nextSibling,
|
|
@@ -10475,7 +10501,7 @@ function $082c4ed3e22f8d71$export$9bf11afa910f536e(_ref) {
|
|
|
10475
10501
|
set_modal_style("transform", "translateY(0)");
|
|
10476
10502
|
}));
|
|
10477
10503
|
}, _el$4);
|
|
10478
|
-
|
|
10504
|
+
var _ref$ = modal_body;
|
|
10479
10505
|
typeof _ref$ === "function" ? $8tj43$use(_ref$, _el$5) : modal_body = _el$5;
|
|
10480
10506
|
$8tj43$insert(_el$5, $8tj43$createComponent((0, $ad371564683947ab$export$6c6d7a51fa9aa15d), {
|
|
10481
10507
|
is_open_: [sorting_expanded, set_sorting_expanded],
|
|
@@ -10484,7 +10510,7 @@ function $082c4ed3e22f8d71$export$9bf11afa910f536e(_ref) {
|
|
|
10484
10510
|
},
|
|
10485
10511
|
get summary_() {
|
|
10486
10512
|
return (() => {
|
|
10487
|
-
|
|
10513
|
+
var _el$16 = $8tj43$getNextElement($082c4ed3e22f8d71$var$_tmpl$4),
|
|
10488
10514
|
_el$17 = _el$16.firstChild,
|
|
10489
10515
|
_el$18 = _el$17.firstChild,
|
|
10490
10516
|
_el$20 = _el$18.firstChild,
|
|
@@ -10493,7 +10519,7 @@ function $082c4ed3e22f8d71$export$9bf11afa910f536e(_ref) {
|
|
|
10493
10519
|
_el$22 = _el$18.nextSibling,
|
|
10494
10520
|
[_el$23, _co$5] = $8tj43$getNextMarker(_el$22.nextSibling);
|
|
10495
10521
|
$8tj43$insert(_el$18, (() => {
|
|
10496
|
-
|
|
10522
|
+
var _c$ = $8tj43$memo(() => {
|
|
10497
10523
|
var _args_for_sorting_$cu;
|
|
10498
10524
|
return ((_args_for_sorting_$cu = args_for_sorting_.current_sorting_[0]()) === null || _args_for_sorting_$cu === void 0 ? void 0 : _args_for_sorting_$cu.order) === "asc";
|
|
10499
10525
|
});
|
|
@@ -10509,7 +10535,7 @@ function $082c4ed3e22f8d71$export$9bf11afa910f536e(_ref) {
|
|
|
10509
10535
|
},
|
|
10510
10536
|
get children() {
|
|
10511
10537
|
return (() => {
|
|
10512
|
-
|
|
10538
|
+
var _el$24 = $8tj43$getNextElement($082c4ed3e22f8d71$var$_tmpl$5);
|
|
10513
10539
|
$8tj43$insert(_el$24, $8tj43$createComponent((0, $cfdbd124dd09d713$export$1f1775a58da589b5), args_for_sorting_));
|
|
10514
10540
|
return _el$24;
|
|
10515
10541
|
})();
|
|
@@ -10527,7 +10553,7 @@ function $082c4ed3e22f8d71$export$9bf11afa910f536e(_ref) {
|
|
|
10527
10553
|
},
|
|
10528
10554
|
get summary_() {
|
|
10529
10555
|
return (() => {
|
|
10530
|
-
|
|
10556
|
+
var _el$26 = $8tj43$getNextElement($082c4ed3e22f8d71$var$_tmpl$4),
|
|
10531
10557
|
_el$27 = _el$26.firstChild,
|
|
10532
10558
|
_el$28 = _el$27.firstChild,
|
|
10533
10559
|
_el$30 = _el$28.firstChild,
|
|
@@ -10546,7 +10572,7 @@ function $082c4ed3e22f8d71$export$9bf11afa910f536e(_ref) {
|
|
|
10546
10572
|
},
|
|
10547
10573
|
get children() {
|
|
10548
10574
|
return (() => {
|
|
10549
|
-
|
|
10575
|
+
var _el$34 = $8tj43$getNextElement($082c4ed3e22f8d71$var$_tmpl$5);
|
|
10550
10576
|
$8tj43$insert(_el$34, $8tj43$createComponent((0, $f6b0500577e1b210$export$3f1a388cc0d8fed7), $8tj43$mergeProps(args_for_filtering_, {
|
|
10551
10577
|
are_in_modal_: true
|
|
10552
10578
|
})));
|
|
@@ -10562,7 +10588,7 @@ function $082c4ed3e22f8d71$export$9bf11afa910f536e(_ref) {
|
|
|
10562
10588
|
return (_args_for_filtering_$ = args_for_filtering_.selected_filters_[0]()) === null || _args_for_filtering_$ === void 0 ? void 0 : _args_for_filtering_$.length;
|
|
10563
10589
|
},
|
|
10564
10590
|
get children() {
|
|
10565
|
-
|
|
10591
|
+
var _el$11 = $8tj43$getNextElement($082c4ed3e22f8d71$var$_tmpl$);
|
|
10566
10592
|
$8tj43$addEventListener(_el$11, "click", $8tj43$catchify(() => {
|
|
10567
10593
|
const show_toast = $b4465d8d605f61e9$export$8895d39404bd2bb1({
|
|
10568
10594
|
user_triggered_: true,
|
|
@@ -10582,30 +10608,30 @@ function $082c4ed3e22f8d71$export$9bf11afa910f536e(_ref) {
|
|
|
10582
10608
|
}), _el$14, _co$3);
|
|
10583
10609
|
$8tj43$addEventListener(_el$12, "click", dismiss_modal_, true);
|
|
10584
10610
|
$8tj43$insert(_el$12, () => i18n_.show_n_results_()((() => {
|
|
10585
|
-
|
|
10611
|
+
var _el$35 = $8tj43$getNextElement($082c4ed3e22f8d71$var$_tmpl$7);
|
|
10586
10612
|
$8tj43$insert(_el$35, formatted_number_of_results_);
|
|
10587
10613
|
return _el$35;
|
|
10588
10614
|
})()));
|
|
10589
10615
|
$8tj43$effect(_p$ => {
|
|
10590
|
-
|
|
10616
|
+
var _v$ = i18n_.close_(),
|
|
10591
10617
|
_v$2 = modal_scrolling_prevented[0]() ? "overflow:hidden" : "";
|
|
10592
|
-
_v$ !== _p$.
|
|
10593
|
-
_p$.
|
|
10618
|
+
_v$ !== _p$.e && $8tj43$setAttribute(_el$3, "aria-label", _p$.e = _v$);
|
|
10619
|
+
_p$.t = $8tj43$style(_el$5, _v$2, _p$.t);
|
|
10594
10620
|
return _p$;
|
|
10595
10621
|
}, {
|
|
10596
|
-
|
|
10597
|
-
|
|
10622
|
+
e: undefined,
|
|
10623
|
+
t: undefined
|
|
10598
10624
|
});
|
|
10599
10625
|
$8tj43$runHydrationEvents();
|
|
10600
10626
|
return _el$;
|
|
10601
10627
|
})()];
|
|
10602
10628
|
}
|
|
10603
10629
|
$8tj43$delegateEvents(["click", "touchstart"]);
|
|
10604
|
-
|
|
10630
|
+
var $bce10e104a1dd893$var$_tmpl$ = /*#__PURE__*/$8tj43$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">`);
|
|
10605
10631
|
function $bce10e104a1dd893$export$cb808a3c41736d8e() {
|
|
10606
10632
|
return $8tj43$getNextElement($bce10e104a1dd893$var$_tmpl$);
|
|
10607
10633
|
}
|
|
10608
|
-
|
|
10634
|
+
var $7396052a1484264f$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class=filters><div class=body>`),
|
|
10609
10635
|
$7396052a1484264f$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<div class=sorting><div class=body>`),
|
|
10610
10636
|
$7396052a1484264f$var$_tmpl$3 = /*#__PURE__*/$8tj43$template(`<div class=sort-and-filter-buttons><div class=outer><div class=inner><!$><!/><!$><!/><!$><!/>`),
|
|
10611
10637
|
$7396052a1484264f$var$_tmpl$4 = /*#__PURE__*/$8tj43$template(`<span class=num-filters>`),
|
|
@@ -10740,13 +10766,13 @@ function $7396052a1484264f$export$d7841e452f2e59a8(_ref) {
|
|
|
10740
10766
|
return !hide_filters();
|
|
10741
10767
|
},
|
|
10742
10768
|
get children() {
|
|
10743
|
-
|
|
10769
|
+
var _el$ = $8tj43$getNextElement($7396052a1484264f$var$_tmpl$),
|
|
10744
10770
|
_el$2 = _el$.firstChild;
|
|
10745
10771
|
$8tj43$insert(_el$2, $8tj43$createComponent((0, $f6b0500577e1b210$export$3f1a388cc0d8fed7), filter_options));
|
|
10746
10772
|
return _el$;
|
|
10747
10773
|
}
|
|
10748
10774
|
}));else set_extra_els_in_results_container_((() => {
|
|
10749
|
-
|
|
10775
|
+
var _el$3 = $8tj43$getNextElement($7396052a1484264f$var$_tmpl$2),
|
|
10750
10776
|
_el$4 = _el$3.firstChild;
|
|
10751
10777
|
$8tj43$insert(_el$4, $8tj43$createComponent((0, $cfdbd124dd09d713$export$1f1775a58da589b5), sorting_options));
|
|
10752
10778
|
return _el$3;
|
|
@@ -10790,7 +10816,7 @@ function $7396052a1484264f$export$d7841e452f2e59a8(_ref) {
|
|
|
10790
10816
|
return !(sort_and_filter_disabled_ !== null && sort_and_filter_disabled_ !== void 0 && sort_and_filter_disabled_());
|
|
10791
10817
|
},
|
|
10792
10818
|
get children() {
|
|
10793
|
-
|
|
10819
|
+
var _el$5 = $8tj43$getNextElement($7396052a1484264f$var$_tmpl$3),
|
|
10794
10820
|
_el$6 = _el$5.firstChild,
|
|
10795
10821
|
_el$7 = _el$6.firstChild,
|
|
10796
10822
|
_el$8 = _el$7.firstChild,
|
|
@@ -10799,7 +10825,7 @@ function $7396052a1484264f$export$d7841e452f2e59a8(_ref) {
|
|
|
10799
10825
|
[_el$11, _co$2] = $8tj43$getNextMarker(_el$10.nextSibling),
|
|
10800
10826
|
_el$12 = _el$11.nextSibling,
|
|
10801
10827
|
[_el$13, _co$3] = $8tj43$getNextMarker(_el$12.nextSibling);
|
|
10802
|
-
|
|
10828
|
+
var _ref$ = set_sort_and_filter_element_;
|
|
10803
10829
|
typeof _ref$ === "function" ? $8tj43$use(_ref$, _el$5) : set_sort_and_filter_element_ = _el$5;
|
|
10804
10830
|
$8tj43$insert(_el$7, () => make_open_filters_button(true, true), _el$9, _co$);
|
|
10805
10831
|
$8tj43$insert(_el$7, () => middle_elements_ === null || middle_elements_ === void 0 ? void 0 : middle_elements_(), _el$11, _co$2);
|
|
@@ -10829,7 +10855,7 @@ function $7396052a1484264f$var$OpenFiltersButton(_ref3) {
|
|
|
10829
10855
|
const filters_closed = $8tj43$createMemo(() => !search_filters_open_[0]());
|
|
10830
10856
|
// We assume in embedded_num_products that this is a single HTMLElement so pls change there if you change it here
|
|
10831
10857
|
return (() => {
|
|
10832
|
-
|
|
10858
|
+
var _el$14 = $8tj43$getNextElement($7396052a1484264f$var$_tmpl$5),
|
|
10833
10859
|
_el$20 = _el$14.firstChild,
|
|
10834
10860
|
[_el$21, _co$5] = $8tj43$getNextMarker(_el$20.nextSibling),
|
|
10835
10861
|
_el$16 = _el$21.nextSibling,
|
|
@@ -10841,7 +10867,7 @@ function $7396052a1484264f$var$OpenFiltersButton(_ref3) {
|
|
|
10841
10867
|
return num_selected_filters();
|
|
10842
10868
|
},
|
|
10843
10869
|
get children() {
|
|
10844
|
-
|
|
10870
|
+
var _el$15 = $8tj43$getNextElement($7396052a1484264f$var$_tmpl$4);
|
|
10845
10871
|
$8tj43$insert(_el$15, num_selected_filters);
|
|
10846
10872
|
$8tj43$effect(_$p => $8tj43$style(_el$15, filters_closed() ? "" : "opacity:0", _$p));
|
|
10847
10873
|
return _el$15;
|
|
@@ -10870,7 +10896,7 @@ function $7396052a1484264f$var$OpenFiltersButton(_ref3) {
|
|
|
10870
10896
|
}), _el$19, _co$4);
|
|
10871
10897
|
$8tj43$insert(_el$17, () => i18n_.filter_text_());
|
|
10872
10898
|
$8tj43$effect(_p$ => {
|
|
10873
|
-
|
|
10899
|
+
var _v$ = hide_button_() ? {
|
|
10874
10900
|
display: "none"
|
|
10875
10901
|
} : {},
|
|
10876
10902
|
_v$2 = !filters_closed(),
|
|
@@ -10879,18 +10905,18 @@ function $7396052a1484264f$var$OpenFiltersButton(_ref3) {
|
|
|
10879
10905
|
_v$5 = filter_button_width_ !== null && filter_button_width_ !== void 0 && filter_button_width_() ? {
|
|
10880
10906
|
width: filter_button_width_() + "px"
|
|
10881
10907
|
} : {};
|
|
10882
|
-
_p$.
|
|
10883
|
-
_v$2 !== _p$.
|
|
10884
|
-
_v$3 !== _p$.
|
|
10885
|
-
_v$4 !== _p$.
|
|
10886
|
-
_p$.
|
|
10908
|
+
_p$.e = $8tj43$style(_el$14, _v$, _p$.e);
|
|
10909
|
+
_v$2 !== _p$.t && _el$16.classList.toggle("major", _p$.t = _v$2);
|
|
10910
|
+
_v$3 !== _p$.a && _el$16.classList.toggle("minor", _p$.a = _v$3);
|
|
10911
|
+
_v$4 !== _p$.o && $8tj43$setAttribute(_el$16, "aria-label", _p$.o = _v$4);
|
|
10912
|
+
_p$.i = $8tj43$style(_el$16, _v$5, _p$.i);
|
|
10887
10913
|
return _p$;
|
|
10888
10914
|
}, {
|
|
10889
|
-
|
|
10890
|
-
|
|
10891
|
-
|
|
10892
|
-
|
|
10893
|
-
|
|
10915
|
+
e: undefined,
|
|
10916
|
+
t: undefined,
|
|
10917
|
+
a: undefined,
|
|
10918
|
+
o: undefined,
|
|
10919
|
+
i: undefined
|
|
10894
10920
|
});
|
|
10895
10921
|
$8tj43$runHydrationEvents();
|
|
10896
10922
|
return _el$14;
|
|
@@ -10910,7 +10936,7 @@ function $7396052a1484264f$var$OpenSortingButton(_ref4) {
|
|
|
10910
10936
|
const sorting_closed = $8tj43$createMemo(() => !search_sorting_open_[0]());
|
|
10911
10937
|
// We assume in embedded_num_products that this is a single HTMLElement so pls change there if you change it here
|
|
10912
10938
|
return (() => {
|
|
10913
|
-
|
|
10939
|
+
var _el$22 = $8tj43$getNextElement($7396052a1484264f$var$_tmpl$6),
|
|
10914
10940
|
_el$23 = _el$22.firstChild,
|
|
10915
10941
|
_el$24 = _el$23.nextSibling,
|
|
10916
10942
|
[_el$25, _co$6] = $8tj43$getNextMarker(_el$24.nextSibling);
|
|
@@ -10924,7 +10950,7 @@ function $7396052a1484264f$var$OpenSortingButton(_ref4) {
|
|
|
10924
10950
|
})), true);
|
|
10925
10951
|
$8tj43$setAttribute(_el$22, "tabindex", tabindex_);
|
|
10926
10952
|
$8tj43$insert(_el$23, (() => {
|
|
10927
|
-
|
|
10953
|
+
var _c$ = $8tj43$memo(() => !!sorting_closed());
|
|
10928
10954
|
return () => {
|
|
10929
10955
|
var _meta_of_currently_se;
|
|
10930
10956
|
return (
|
|
@@ -10950,33 +10976,33 @@ function $7396052a1484264f$var$OpenSortingButton(_ref4) {
|
|
|
10950
10976
|
}
|
|
10951
10977
|
}), _el$25, _co$6);
|
|
10952
10978
|
$8tj43$effect(_p$ => {
|
|
10953
|
-
|
|
10979
|
+
var _v$6 = !sorting_closed(),
|
|
10954
10980
|
_v$7 = !!sorting_closed(),
|
|
10955
10981
|
_v$8 = (sorting_closed() ? i18n_.open_sorting_ : i18n_.close_sorting_)(),
|
|
10956
10982
|
_v$9 = sort_button_width_ !== null && sort_button_width_ !== void 0 && sort_button_width_() ? {
|
|
10957
10983
|
width: sort_button_width_() + "px"
|
|
10958
10984
|
} : {};
|
|
10959
|
-
_v$6 !== _p$.
|
|
10960
|
-
_v$7 !== _p$.
|
|
10961
|
-
_v$8 !== _p$.
|
|
10962
|
-
_p$.
|
|
10985
|
+
_v$6 !== _p$.e && _el$22.classList.toggle("major", _p$.e = _v$6);
|
|
10986
|
+
_v$7 !== _p$.t && _el$22.classList.toggle("minor", _p$.t = _v$7);
|
|
10987
|
+
_v$8 !== _p$.a && $8tj43$setAttribute(_el$22, "aria-label", _p$.a = _v$8);
|
|
10988
|
+
_p$.o = $8tj43$style(_el$22, _v$9, _p$.o);
|
|
10963
10989
|
return _p$;
|
|
10964
10990
|
}, {
|
|
10965
|
-
|
|
10966
|
-
|
|
10967
|
-
|
|
10968
|
-
|
|
10991
|
+
e: undefined,
|
|
10992
|
+
t: undefined,
|
|
10993
|
+
a: undefined,
|
|
10994
|
+
o: undefined
|
|
10969
10995
|
});
|
|
10970
10996
|
$8tj43$runHydrationEvents();
|
|
10971
10997
|
return _el$22;
|
|
10972
10998
|
})();
|
|
10973
10999
|
}
|
|
10974
11000
|
$8tj43$delegateEvents(["click"]);
|
|
10975
|
-
|
|
11001
|
+
var $70f5ae4deea73eee$var$_tmpl$ = /*#__PURE__*/$8tj43$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">`);
|
|
10976
11002
|
function $70f5ae4deea73eee$export$2624c5890f1bbcf7() {
|
|
10977
11003
|
return $8tj43$getNextElement($70f5ae4deea73eee$var$_tmpl$);
|
|
10978
11004
|
}
|
|
10979
|
-
|
|
11005
|
+
var $6a16b21155984cef$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class=floating-buttons><button class=filter><div></div></button><button class=sort><div></div></button><button class=up><div>`);
|
|
10980
11006
|
function $6a16b21155984cef$export$b23abd26de154ede(props) {
|
|
10981
11007
|
if (0, $8tj43$isServer) return; // won't show in initial render and need scroll position
|
|
10982
11008
|
const [is_small, set_is_small] = $8tj43$createSignal(true);
|
|
@@ -11077,7 +11103,7 @@ function $6a16b21155984cef$var$ActualFloatingButtons(_ref2) {
|
|
|
11077
11103
|
is.disconnect();
|
|
11078
11104
|
}));
|
|
11079
11105
|
return (() => {
|
|
11080
|
-
|
|
11106
|
+
var _el$ = $8tj43$getNextElement($6a16b21155984cef$var$_tmpl$),
|
|
11081
11107
|
_el$2 = _el$.firstChild,
|
|
11082
11108
|
_el$3 = _el$2.firstChild,
|
|
11083
11109
|
_el$4 = _el$2.nextSibling,
|
|
@@ -11094,7 +11120,7 @@ function $6a16b21155984cef$var$ActualFloatingButtons(_ref2) {
|
|
|
11094
11120
|
set_search_sorting_open_(true);
|
|
11095
11121
|
}), true);
|
|
11096
11122
|
$8tj43$insert(_el$5, (() => {
|
|
11097
|
-
|
|
11123
|
+
var _c$ = $8tj43$memo(() => {
|
|
11098
11124
|
var _current_sorting_$;
|
|
11099
11125
|
return ((_current_sorting_$ = current_sorting_[0]()) === null || _current_sorting_$ === void 0 ? void 0 : _current_sorting_$.order) === "asc";
|
|
11100
11126
|
});
|
|
@@ -11106,27 +11132,27 @@ function $6a16b21155984cef$var$ActualFloatingButtons(_ref2) {
|
|
|
11106
11132
|
})), true);
|
|
11107
11133
|
$8tj43$insert(_el$7, $8tj43$createComponent((0, $70f5ae4deea73eee$export$2624c5890f1bbcf7), {}));
|
|
11108
11134
|
$8tj43$effect(_p$ => {
|
|
11109
|
-
|
|
11135
|
+
var _v$ = !!(is_scrolling_upwards() && modal_is_closed() && !regular_buttons_are_in_view() && !get_is_showing_toast()),
|
|
11110
11136
|
_v$2 = i18n_.filter_text_(),
|
|
11111
11137
|
_v$3 = i18n_.sorting_text_(),
|
|
11112
11138
|
_v$4 = i18n_.scroll_to_top_();
|
|
11113
|
-
_v$ !== _p$.
|
|
11114
|
-
_v$2 !== _p$.
|
|
11115
|
-
_v$3 !== _p$.
|
|
11116
|
-
_v$4 !== _p$.
|
|
11139
|
+
_v$ !== _p$.e && _el$.classList.toggle("show-them", _p$.e = _v$);
|
|
11140
|
+
_v$2 !== _p$.t && $8tj43$setAttribute(_el$2, "aria-label", _p$.t = _v$2);
|
|
11141
|
+
_v$3 !== _p$.a && $8tj43$setAttribute(_el$4, "aria-label", _p$.a = _v$3);
|
|
11142
|
+
_v$4 !== _p$.o && $8tj43$setAttribute(_el$6, "aria-label", _p$.o = _v$4);
|
|
11117
11143
|
return _p$;
|
|
11118
11144
|
}, {
|
|
11119
|
-
|
|
11120
|
-
|
|
11121
|
-
|
|
11122
|
-
|
|
11145
|
+
e: undefined,
|
|
11146
|
+
t: undefined,
|
|
11147
|
+
a: undefined,
|
|
11148
|
+
o: undefined
|
|
11123
11149
|
});
|
|
11124
11150
|
$8tj43$runHydrationEvents();
|
|
11125
11151
|
return _el$;
|
|
11126
11152
|
})();
|
|
11127
11153
|
}
|
|
11128
11154
|
$8tj43$delegateEvents(["click"]);
|
|
11129
|
-
|
|
11155
|
+
var $43fbb365ed0ac99e$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<nav class=quicklinks>`),
|
|
11130
11156
|
$43fbb365ed0ac99e$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<div>QuickLinks failed`),
|
|
11131
11157
|
$43fbb365ed0ac99e$var$_tmpl$3 = /*#__PURE__*/$8tj43$template(`<a class=quicklink>`);
|
|
11132
11158
|
function $43fbb365ed0ac99e$export$466cdc317043f6cb(_ref) {
|
|
@@ -11192,7 +11218,7 @@ function $43fbb365ed0ac99e$export$466cdc317043f6cb(_ref) {
|
|
|
11192
11218
|
return $8tj43$getNextElement($43fbb365ed0ac99e$var$_tmpl$2);
|
|
11193
11219
|
},
|
|
11194
11220
|
get children() {
|
|
11195
|
-
|
|
11221
|
+
var _el$ = $8tj43$getNextElement($43fbb365ed0ac99e$var$_tmpl$);
|
|
11196
11222
|
$8tj43$insert(_el$, $8tj43$createComponent((0, $002f09d00aac50b2$export$6649caad96ef8870), {
|
|
11197
11223
|
faded_opacity_: 0.5,
|
|
11198
11224
|
mutation_plugins_: mutation_plugins,
|
|
@@ -11295,7 +11321,7 @@ function $43fbb365ed0ac99e$export$466cdc317043f6cb(_ref) {
|
|
|
11295
11321
|
);
|
|
11296
11322
|
});
|
|
11297
11323
|
return (() => {
|
|
11298
|
-
|
|
11324
|
+
var _el$3 = $8tj43$getNextElement($43fbb365ed0ac99e$var$_tmpl$3);
|
|
11299
11325
|
$8tj43$addEventListener(_el$3, "click", $8tj43$catchify(ev => {
|
|
11300
11326
|
const url = href();
|
|
11301
11327
|
if (is_selected() && !ev.metaKey && !ev.ctrlKey && !ev.button || !url)
|
|
@@ -11319,14 +11345,14 @@ function $43fbb365ed0ac99e$export$466cdc317043f6cb(_ref) {
|
|
|
11319
11345
|
});
|
|
11320
11346
|
});
|
|
11321
11347
|
$8tj43$effect(_p$ => {
|
|
11322
|
-
|
|
11348
|
+
var _v$ = !!is_selected(),
|
|
11323
11349
|
_v$2 = href();
|
|
11324
|
-
_v$ !== _p$.
|
|
11325
|
-
_v$2 !== _p$.
|
|
11350
|
+
_v$ !== _p$.e && _el$3.classList.toggle("selected", _p$.e = _v$);
|
|
11351
|
+
_v$2 !== _p$.t && $8tj43$setAttribute(_el$3, "href", _p$.t = _v$2);
|
|
11326
11352
|
return _p$;
|
|
11327
11353
|
}, {
|
|
11328
|
-
|
|
11329
|
-
|
|
11354
|
+
e: undefined,
|
|
11355
|
+
t: undefined
|
|
11330
11356
|
});
|
|
11331
11357
|
$8tj43$runHydrationEvents();
|
|
11332
11358
|
return _el$3;
|
|
@@ -11566,7 +11592,7 @@ function $a4777acaffa35a82$var$clear_if_opened_new_tab_with_sideways_url_params_
|
|
|
11566
11592
|
});
|
|
11567
11593
|
tracking_function_for_plp_results(plp_results_);
|
|
11568
11594
|
}
|
|
11569
|
-
|
|
11595
|
+
var $1145661fd3ca5519$var$_tmpl$ = /*#__PURE__*/$8tj43$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.`),
|
|
11570
11596
|
$1145661fd3ca5519$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<div class=buttons><button class="ok major">`);
|
|
11571
11597
|
function $1145661fd3ca5519$export$7af06a63c5a976c9(el, listing_id, i18n_) {
|
|
11572
11598
|
if (!(0, $8tj43$is_debug)) return; // Just to make sure we don't show this in production
|
|
@@ -11589,7 +11615,7 @@ function $1145661fd3ca5519$export$7af06a63c5a976c9(el, listing_id, i18n_) {
|
|
|
11589
11615
|
background: "#ffb830"
|
|
11590
11616
|
},
|
|
11591
11617
|
children: [$8tj43$getNextElement($1145661fd3ca5519$var$_tmpl$), (() => {
|
|
11592
|
-
|
|
11618
|
+
var _el$2 = $8tj43$getNextElement($1145661fd3ca5519$var$_tmpl$2),
|
|
11593
11619
|
_el$3 = _el$2.firstChild;
|
|
11594
11620
|
_el$3.$$click = () => close_toast_() /* We have to wait for close_toast_ to get defined after the call to show_toast */;
|
|
11595
11621
|
$8tj43$insert(_el$3, () => i18n_.ok_());
|
|
@@ -11630,7 +11656,7 @@ function $3a2bed57c9a57e21$export$d31a1a1a83ad9413(plp_results_, _ref) {
|
|
|
11630
11656
|
set_selected_filters(new_filters);
|
|
11631
11657
|
});
|
|
11632
11658
|
}
|
|
11633
|
-
|
|
11659
|
+
var $4b4b262708b516ee$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class=product-count><!$><!/> <!$><!/>`),
|
|
11634
11660
|
$4b4b262708b516ee$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<div>`),
|
|
11635
11661
|
$4b4b262708b516ee$var$_tmpl$3 = /*#__PURE__*/$8tj43$template(`<div class=filter-results-for-one-row><!$><!/><!$><!/>`),
|
|
11636
11662
|
$4b4b262708b516ee$var$_tmpl$4 = /*#__PURE__*/$8tj43$template(`<div class="depict plp category"><div class=listing-page><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/></div><!$><!/>`);
|
|
@@ -11787,7 +11813,7 @@ function $4b4b262708b516ee$export$f7d2f673fc2f091d(_ref) {
|
|
|
11787
11813
|
});
|
|
11788
11814
|
};
|
|
11789
11815
|
const make_product_count_ = () => (() => {
|
|
11790
|
-
|
|
11816
|
+
var _el$ = $8tj43$getNextElement($4b4b262708b516ee$var$_tmpl$),
|
|
11791
11817
|
_el$3 = _el$.firstChild,
|
|
11792
11818
|
[_el$4, _co$] = $8tj43$getNextMarker(_el$3.nextSibling),
|
|
11793
11819
|
_el$2 = _el$4.nextSibling,
|
|
@@ -11889,7 +11915,7 @@ function $4b4b262708b516ee$export$f7d2f673fc2f091d(_ref) {
|
|
|
11889
11915
|
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
|
|
11890
11916
|
// signals can't be read reactively anymore after the await FYI
|
|
11891
11917
|
$8tj43$runWithOwner(owner, () => set_results_filters(slim ? only_show_filters_opener ? filters_opener : [results_for, filters_opener] : (() => {
|
|
11892
|
-
|
|
11918
|
+
var _el$8 = $8tj43$getNextElement($4b4b262708b516ee$var$_tmpl$3),
|
|
11893
11919
|
_el$9 = _el$8.firstChild,
|
|
11894
11920
|
[_el$10, _co$3] = $8tj43$getNextMarker(_el$9.nextSibling),
|
|
11895
11921
|
_el$11 = _el$10.nextSibling,
|
|
@@ -11917,7 +11943,7 @@ function $4b4b262708b516ee$export$f7d2f673fc2f091d(_ref) {
|
|
|
11917
11943
|
get_breadcrumb_accessor_ === null || get_breadcrumb_accessor_ === void 0 || get_breadcrumb_accessor_(crumb_data_);
|
|
11918
11944
|
get_quicklinks_accessor_ === null || get_quicklinks_accessor_ === void 0 || get_quicklinks_accessor_(quicklinks_data_);
|
|
11919
11945
|
return [(0, $8tj43$isServer) ? "<!-- Category page based on Depict SDK -->" : document.createComment("Category page based on Depict SDK"), (() => {
|
|
11920
|
-
|
|
11946
|
+
var _el$13 = $8tj43$getNextElement($4b4b262708b516ee$var$_tmpl$4),
|
|
11921
11947
|
_el$14 = _el$13.firstChild,
|
|
11922
11948
|
_el$15 = _el$14.firstChild,
|
|
11923
11949
|
[_el$16, _co$5] = $8tj43$getNextMarker(_el$15.nextSibling),
|
|
@@ -12207,7 +12233,7 @@ function $9d3d794b62318ecc$var$start_href_writer(_ref3) {
|
|
|
12207
12233
|
function $9d3d794b62318ecc$var$delete_sideways_param_flag(searchParams) {
|
|
12208
12234
|
if (searchParams.get((0, $2855bffe06ef7a03$export$cf5feb2102aec7f2)) === "true") searchParams.delete((0, $2855bffe06ef7a03$export$cf5feb2102aec7f2));
|
|
12209
12235
|
}
|
|
12210
|
-
|
|
12236
|
+
var $f5f54892fd0c7d9f$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class="depict plp category">`);
|
|
12211
12237
|
function $f5f54892fd0c7d9f$var$_classPrivateFieldInitSpec(obj, privateMap, value) {
|
|
12212
12238
|
$f5f54892fd0c7d9f$var$_checkPrivateRedeclaration(obj, privateMap);
|
|
12213
12239
|
privateMap.set(obj, value);
|
|
@@ -12242,7 +12268,7 @@ const $f5f54892fd0c7d9f$var$InExternalAreaDiv = _ref => {
|
|
|
12242
12268
|
children: children
|
|
12243
12269
|
} = _ref;
|
|
12244
12270
|
return (() => {
|
|
12245
|
-
|
|
12271
|
+
var _el$ = $8tj43$getNextElement($f5f54892fd0c7d9f$var$_tmpl$);
|
|
12246
12272
|
$8tj43$insert(_el$, children);
|
|
12247
12273
|
$8tj43$effect(() => $8tj43$setAttribute(_el$, "id", (0, $c3820807ac1e6fd7$export$44dad306455dddf).PLP_CATEGORY));
|
|
12248
12274
|
return _el$;
|
|
@@ -12554,7 +12580,7 @@ function $f5f54892fd0c7d9f$var$get_shared_properties(depict_category) {
|
|
|
12554
12580
|
if (!shared_properties) throw new Error("Can't connect to provided DepictCategory instance");
|
|
12555
12581
|
return shared_properties;
|
|
12556
12582
|
}
|
|
12557
|
-
|
|
12583
|
+
var $702d7656a373973e$var$_tmpl$ = /*#__PURE__*/$8tj43$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><!$><!/><!$><!/><!$><!/>`);
|
|
12558
12584
|
const $702d7656a373973e$export$824dde41348efed1 = /*@__PURE__*/(() => {
|
|
12559
12585
|
const actual_function = _ref => {
|
|
12560
12586
|
let {
|
|
@@ -12581,7 +12607,7 @@ const $702d7656a373973e$export$824dde41348efed1 = /*@__PURE__*/(() => {
|
|
|
12581
12607
|
const on_filters_constructed_ = () => {
|
|
12582
12608
|
const active_sort_and_filter_element = $8tj43$untrack(sort_and_filter_element_); // We assume that this doesn't change which it currently doesn't after the filters have been constructed
|
|
12583
12609
|
const extra_sort_and_filter_container_ = (() => {
|
|
12584
|
-
|
|
12610
|
+
var _el$ = $8tj43$getNextElement($702d7656a373973e$var$_tmpl$),
|
|
12585
12611
|
_el$2 = _el$.firstChild,
|
|
12586
12612
|
_el$3 = _el$2.firstChild,
|
|
12587
12613
|
_el$4 = _el$3.firstChild,
|
|
@@ -12716,7 +12742,7 @@ async function $160ea2b55d8772d2$var$download_categories(merchant, market, local
|
|
|
12716
12742
|
return [];
|
|
12717
12743
|
}
|
|
12718
12744
|
}
|
|
12719
|
-
|
|
12745
|
+
var $dea31647b99a443b$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<span class=parent-title>`),
|
|
12720
12746
|
$dea31647b99a443b$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<a class=category-suggestion><span class=title></span><!$><!/>`);
|
|
12721
12747
|
function $dea31647b99a443b$export$d757d54550ebfb3d(_ref) {
|
|
12722
12748
|
let {
|
|
@@ -12728,7 +12754,7 @@ function $dea31647b99a443b$export$d757d54550ebfb3d(_ref) {
|
|
|
12728
12754
|
return (_category_suggestion_ = category_suggestion_().ancestors.at(-1)) === null || _category_suggestion_ === void 0 ? void 0 : _category_suggestion_.title;
|
|
12729
12755
|
});
|
|
12730
12756
|
return (() => {
|
|
12731
|
-
|
|
12757
|
+
var _el$ = $8tj43$getNextElement($dea31647b99a443b$var$_tmpl$2),
|
|
12732
12758
|
_el$2 = _el$.firstChild,
|
|
12733
12759
|
_el$4 = _el$2.nextSibling,
|
|
12734
12760
|
[_el$5, _co$] = $8tj43$getNextMarker(_el$4.nextSibling);
|
|
@@ -12745,7 +12771,7 @@ function $dea31647b99a443b$export$d757d54550ebfb3d(_ref) {
|
|
|
12745
12771
|
return parentTitle();
|
|
12746
12772
|
},
|
|
12747
12773
|
get children() {
|
|
12748
|
-
|
|
12774
|
+
var _el$3 = $8tj43$getNextElement($dea31647b99a443b$var$_tmpl$);
|
|
12749
12775
|
$8tj43$insert(_el$3, parentTitle);
|
|
12750
12776
|
return _el$3;
|
|
12751
12777
|
}
|
|
@@ -12756,7 +12782,7 @@ function $dea31647b99a443b$export$d757d54550ebfb3d(_ref) {
|
|
|
12756
12782
|
})();
|
|
12757
12783
|
}
|
|
12758
12784
|
$8tj43$delegateEvents(["click"]);
|
|
12759
|
-
|
|
12785
|
+
var $8ef6232475d44150$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class=search-recs><h3 class=search-recs-title></h3><!$><!/><!$><!/>`),
|
|
12760
12786
|
$8ef6232475d44150$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<button class="show-more major"type=button>`);
|
|
12761
12787
|
const $8ef6232475d44150$export$1c8c715550dc689d = 2;
|
|
12762
12788
|
function $8ef6232475d44150$export$7de92c4c2205ebf3(_ref) {
|
|
@@ -12791,7 +12817,7 @@ function $8ef6232475d44150$export$7de92c4c2205ebf3(_ref) {
|
|
|
12791
12817
|
});
|
|
12792
12818
|
// Don't tear down elements every time one updates the page - don't put them within <Show>
|
|
12793
12819
|
const elements = (() => {
|
|
12794
|
-
|
|
12820
|
+
var _el$ = $8tj43$getNextElement($8ef6232475d44150$var$_tmpl$),
|
|
12795
12821
|
_el$2 = _el$.firstChild,
|
|
12796
12822
|
_el$3 = _el$2.nextSibling,
|
|
12797
12823
|
[_el$4, _co$] = $8tj43$getNextMarker(_el$3.nextSibling),
|
|
@@ -12848,7 +12874,7 @@ function $8ef6232475d44150$var$make_state_saved_rows(_ref3, i18n_) {
|
|
|
12848
12874
|
start_rows: $8ef6232475d44150$export$1c8c715550dc689d,
|
|
12849
12875
|
rows_per_click: 3,
|
|
12850
12876
|
button: (() => {
|
|
12851
|
-
|
|
12877
|
+
var _el$7 = $8tj43$getNextElement($8ef6232475d44150$var$_tmpl$2);
|
|
12852
12878
|
$8tj43$insert(_el$7, () => i18n_.view_more_());
|
|
12853
12879
|
return _el$7;
|
|
12854
12880
|
})()
|
|
@@ -13043,7 +13069,7 @@ function $1308a7816c3d4f2d$export$b3ad617e9036868(_ref, input_field, alignment,
|
|
|
13043
13069
|
}));
|
|
13044
13070
|
return align_position;
|
|
13045
13071
|
}
|
|
13046
|
-
|
|
13072
|
+
var $754f319a849bfdbc$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class=category-suggestions>`),
|
|
13047
13073
|
$754f319a849bfdbc$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<div class=category-suggestion>`);
|
|
13048
13074
|
function $754f319a849bfdbc$export$c05a196222ba1302(_ref) {
|
|
13049
13075
|
let {
|
|
@@ -13060,7 +13086,7 @@ function $754f319a849bfdbc$export$c05a196222ba1302(_ref) {
|
|
|
13060
13086
|
return ((_category_suggestions = category_suggestions_()) === null || _category_suggestions === void 0 ? void 0 : _category_suggestions.length) || suggestions_.loading;
|
|
13061
13087
|
},
|
|
13062
13088
|
get children() {
|
|
13063
|
-
|
|
13089
|
+
var _el$ = $8tj43$getNextElement($754f319a849bfdbc$var$_tmpl$);
|
|
13064
13090
|
$8tj43$insert(_el$, $8tj43$createComponent((0, $002f09d00aac50b2$export$6649caad96ef8870), {
|
|
13065
13091
|
faded_opacity_: 0.7,
|
|
13066
13092
|
get children() {
|
|
@@ -13070,7 +13096,7 @@ function $754f319a849bfdbc$export$c05a196222ba1302(_ref) {
|
|
|
13070
13096
|
},
|
|
13071
13097
|
get fallback() {
|
|
13072
13098
|
return (() => {
|
|
13073
|
-
|
|
13099
|
+
var _el$2 = $8tj43$getNextElement($754f319a849bfdbc$var$_tmpl$2);
|
|
13074
13100
|
$8tj43$insert(_el$2, $8tj43$createComponent((0, $ceafb6fb91c6f394$export$89c6019e4baa40b1), {
|
|
13075
13101
|
height: "19px",
|
|
13076
13102
|
width: "133px"
|
|
@@ -13093,7 +13119,7 @@ function $754f319a849bfdbc$export$c05a196222ba1302(_ref) {
|
|
|
13093
13119
|
}
|
|
13094
13120
|
});
|
|
13095
13121
|
}
|
|
13096
|
-
|
|
13122
|
+
var $69602b3d8fd54c38$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<b>`),
|
|
13097
13123
|
$69602b3d8fd54c38$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<div class=results-for>`);
|
|
13098
13124
|
function $69602b3d8fd54c38$export$9dd50d35b9d94fdf(_ref) {
|
|
13099
13125
|
let {
|
|
@@ -13106,17 +13132,17 @@ function $69602b3d8fd54c38$export$9dd50d35b9d94fdf(_ref) {
|
|
|
13106
13132
|
const contents = $8tj43$createMemo($8tj43$catchify(() => {
|
|
13107
13133
|
const q = get_search_query_();
|
|
13108
13134
|
return i18n_[type === $69602b3d8fd54c38$export$2452208c79fe93ea.content ? "get_showing_pages_for_" : "get_showing_results_for_"]()((() => {
|
|
13109
|
-
|
|
13135
|
+
var _el$ = $8tj43$getNextElement($69602b3d8fd54c38$var$_tmpl$);
|
|
13110
13136
|
$8tj43$insert(_el$, q);
|
|
13111
13137
|
return _el$;
|
|
13112
13138
|
})(), (() => {
|
|
13113
|
-
|
|
13139
|
+
var _el$2 = $8tj43$getNextElement($69602b3d8fd54c38$var$_tmpl$);
|
|
13114
13140
|
$8tj43$insert(_el$2, formatted_number_of_results_);
|
|
13115
13141
|
return _el$2;
|
|
13116
13142
|
})(), !!q, number_of_results_());
|
|
13117
13143
|
}));
|
|
13118
13144
|
return (() => {
|
|
13119
|
-
|
|
13145
|
+
var _el$3 = $8tj43$getNextElement($69602b3d8fd54c38$var$_tmpl$2);
|
|
13120
13146
|
$8tj43$insert(_el$3, contents);
|
|
13121
13147
|
return _el$3;
|
|
13122
13148
|
})();
|
|
@@ -13133,6 +13159,7 @@ function $8e8ce3f7a5eb11a6$export$41b4894022a3580f() {
|
|
|
13133
13159
|
alignmentSignals_ = {
|
|
13134
13160
|
body_: $8tj43$createSignal({}),
|
|
13135
13161
|
field_: $8tj43$createSignal({}),
|
|
13162
|
+
backdrop_: $8tj43$createSignal({}),
|
|
13136
13163
|
...alignmentSignals_
|
|
13137
13164
|
};
|
|
13138
13165
|
const [, set_style_props] = alignmentSignals_.body_;
|
|
@@ -13150,7 +13177,7 @@ function $8e8ce3f7a5eb11a6$export$41b4894022a3580f() {
|
|
|
13150
13177
|
})));
|
|
13151
13178
|
return alignmentSignals_;
|
|
13152
13179
|
}
|
|
13153
|
-
|
|
13180
|
+
var $22470de5f42cc35d$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<a>`),
|
|
13154
13181
|
$22470de5f42cc35d$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<div>`),
|
|
13155
13182
|
$22470de5f42cc35d$var$_tmpl$3 = /*#__PURE__*/$8tj43$template(`<div class="description line-clamp">`),
|
|
13156
13183
|
$22470de5f42cc35d$var$_tmpl$4 = /*#__PURE__*/$8tj43$template(`<div class=content-card><div class=image></div><div class=info><!$><!/><!$><!/>`);
|
|
@@ -13177,14 +13204,14 @@ function $22470de5f42cc35d$export$f631859cab12b342(_ref) {
|
|
|
13177
13204
|
...attributes
|
|
13178
13205
|
} = _ref2;
|
|
13179
13206
|
if (content_result_) return (() => {
|
|
13180
|
-
|
|
13207
|
+
var _el$ = $8tj43$getNextElement($22470de5f42cc35d$var$_tmpl$);
|
|
13181
13208
|
$8tj43$spread(_el$, attributes, false, true);
|
|
13182
13209
|
$8tj43$insert(_el$, children);
|
|
13183
13210
|
$8tj43$runHydrationEvents();
|
|
13184
13211
|
return _el$;
|
|
13185
13212
|
})();
|
|
13186
13213
|
return (() => {
|
|
13187
|
-
|
|
13214
|
+
var _el$2 = $8tj43$getNextElement($22470de5f42cc35d$var$_tmpl$2);
|
|
13188
13215
|
$8tj43$spread(_el$2, attributes, false, true);
|
|
13189
13216
|
$8tj43$insert(_el$2, children);
|
|
13190
13217
|
$8tj43$runHydrationEvents();
|
|
@@ -13192,7 +13219,7 @@ function $22470de5f42cc35d$export$f631859cab12b342(_ref) {
|
|
|
13192
13219
|
})();
|
|
13193
13220
|
};
|
|
13194
13221
|
return (() => {
|
|
13195
|
-
|
|
13222
|
+
var _el$3 = $8tj43$getNextElement($22470de5f42cc35d$var$_tmpl$4),
|
|
13196
13223
|
_el$4 = _el$3.firstChild,
|
|
13197
13224
|
_el$5 = _el$4.nextSibling,
|
|
13198
13225
|
_el$7 = _el$5.firstChild,
|
|
@@ -13230,7 +13257,7 @@ function $22470de5f42cc35d$export$f631859cab12b342(_ref) {
|
|
|
13230
13257
|
return content_result_ === null || content_result_ === void 0 ? void 0 : content_result_().description;
|
|
13231
13258
|
},
|
|
13232
13259
|
get children() {
|
|
13233
|
-
|
|
13260
|
+
var _el$6 = $8tj43$getNextElement($22470de5f42cc35d$var$_tmpl$3);
|
|
13234
13261
|
$8tj43$insert(_el$6, $8tj43$createComponent((0, $8tj43$Show), {
|
|
13235
13262
|
when: content_result_,
|
|
13236
13263
|
get fallback() {
|
|
@@ -13319,7 +13346,7 @@ function $ad4f3c9872fbeb48$export$4405d077f0a20494(_ref) {
|
|
|
13319
13346
|
children: () => $8tj43$createComponent((0, $22470de5f42cc35d$export$f631859cab12b342), {})
|
|
13320
13347
|
});
|
|
13321
13348
|
}
|
|
13322
|
-
|
|
13349
|
+
var $d53ebed6f63304e4$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class=content-results><!$><!/><!$><!/>`),
|
|
13323
13350
|
$d53ebed6f63304e4$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<button class=view-more>`),
|
|
13324
13351
|
$d53ebed6f63304e4$var$_tmpl$3 = /*#__PURE__*/$8tj43$template(`<button class=view-less>`);
|
|
13325
13352
|
const $d53ebed6f63304e4$export$70ceae36059a1036 = 1;
|
|
@@ -13356,7 +13383,7 @@ function $d53ebed6f63304e4$export$6d0c9c22f6652669(_ref) {
|
|
|
13356
13383
|
const rows_object = $d53ebed6f63304e4$var$make_state_saved_rows(content_results_rows_, i18n_);
|
|
13357
13384
|
for (const ev of ["add", "delete"]) queries_without_content_results_.addEventListener(ev, () => set_check_query(prev => !prev));
|
|
13358
13385
|
return (() => {
|
|
13359
|
-
|
|
13386
|
+
var _el$ = $8tj43$getNextElement($d53ebed6f63304e4$var$_tmpl$),
|
|
13360
13387
|
_el$2 = _el$.firstChild,
|
|
13361
13388
|
[_el$3, _co$] = $8tj43$getNextMarker(_el$2.nextSibling),
|
|
13362
13389
|
_el$4 = _el$3.nextSibling,
|
|
@@ -13413,12 +13440,12 @@ function $d53ebed6f63304e4$var$make_state_saved_rows(_ref2, i18n_) {
|
|
|
13413
13440
|
currently_visible: currently_visible,
|
|
13414
13441
|
start_rows: $d53ebed6f63304e4$export$70ceae36059a1036,
|
|
13415
13442
|
button: (() => {
|
|
13416
|
-
|
|
13443
|
+
var _el$6 = $8tj43$getNextElement($d53ebed6f63304e4$var$_tmpl$2);
|
|
13417
13444
|
$8tj43$insert(_el$6, () => i18n_.view_more_());
|
|
13418
13445
|
return _el$6;
|
|
13419
13446
|
})(),
|
|
13420
13447
|
view_less_button: (() => {
|
|
13421
|
-
|
|
13448
|
+
var _el$7 = $8tj43$getNextElement($d53ebed6f63304e4$var$_tmpl$3);
|
|
13422
13449
|
$8tj43$insert(_el$7, () => i18n_.view_less_());
|
|
13423
13450
|
return _el$7;
|
|
13424
13451
|
})(),
|
|
@@ -13435,14 +13462,14 @@ function $d53ebed6f63304e4$var$make_state_saved_rows(_ref2, i18n_) {
|
|
|
13435
13462
|
}));
|
|
13436
13463
|
return rows;
|
|
13437
13464
|
}
|
|
13438
|
-
|
|
13465
|
+
var $937791b86d3d1509$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class="depict plp search">`);
|
|
13439
13466
|
function $937791b86d3d1509$export$44f738469d5570cf(_ref) {
|
|
13440
13467
|
let {
|
|
13441
13468
|
actualField_: actualField_,
|
|
13442
13469
|
makeFakeField_: makeFakeField_,
|
|
13443
13470
|
wrap_: wrap_,
|
|
13444
|
-
bodyAlignmentSignal_: [,
|
|
13445
|
-
backdropStyleSignal_: [,
|
|
13471
|
+
bodyAlignmentSignal_: [, setBodyAlignment_],
|
|
13472
|
+
backdropStyleSignal_: [, setBackdropStyle_],
|
|
13446
13473
|
setPollAlignment_: setPollAlignment_,
|
|
13447
13474
|
submitButton_: submitButton_,
|
|
13448
13475
|
modalSearchFieldOuterWidth_: modalSearchFieldOuterWidth_
|
|
@@ -13467,7 +13494,7 @@ function $937791b86d3d1509$export$44f738469d5570cf(_ref) {
|
|
|
13467
13494
|
actualField_.replaceWith(fakeField);
|
|
13468
13495
|
// 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
|
|
13469
13496
|
const addedToBody = wrap_ ? (() => {
|
|
13470
|
-
|
|
13497
|
+
var _el$ = $8tj43$getNextElement($937791b86d3d1509$var$_tmpl$);
|
|
13471
13498
|
$8tj43$insert(_el$, actualField_);
|
|
13472
13499
|
return _el$;
|
|
13473
13500
|
})() : actualField_;
|
|
@@ -13483,8 +13510,8 @@ function $937791b86d3d1509$export$44f738469d5570cf(_ref) {
|
|
|
13483
13510
|
} : {})
|
|
13484
13511
|
});
|
|
13485
13512
|
const pxOffCenter = $8tj43$untrack(innerWidthReactive) / 2 - (left + width / 2);
|
|
13486
|
-
const
|
|
13487
|
-
const
|
|
13513
|
+
const openDuration_ = pxOffCenter > 100 ? 250 : 125; // faster animations if little left-right movement
|
|
13514
|
+
const closeDuration_ = pxOffCenter > 100 ? 150 : 100;
|
|
13488
13515
|
setPollAlignment_(true);
|
|
13489
13516
|
// Fade out submit button so there aren't two overlapping buttons for a split second
|
|
13490
13517
|
submitButton_.animate([{
|
|
@@ -13492,7 +13519,7 @@ function $937791b86d3d1509$export$44f738469d5570cf(_ref) {
|
|
|
13492
13519
|
}, {
|
|
13493
13520
|
opacity: 0
|
|
13494
13521
|
}], {
|
|
13495
|
-
duration:
|
|
13522
|
+
duration: openDuration_ / 3,
|
|
13496
13523
|
fill: "forwards"
|
|
13497
13524
|
});
|
|
13498
13525
|
$8tj43$createEffect(finished => {
|
|
@@ -13506,7 +13533,7 @@ function $937791b86d3d1509$export$44f738469d5570cf(_ref) {
|
|
|
13506
13533
|
left: "".concat($8tj43$untrack(innerWidthReactive) / 2 - $8tj43$untrack(inModalFieldWidth) / 2, "px"),
|
|
13507
13534
|
width: $8tj43$untrack(inModalFieldWidthPx)
|
|
13508
13535
|
}], {
|
|
13509
|
-
duration:
|
|
13536
|
+
duration: openDuration_,
|
|
13510
13537
|
easing: "ease-in"
|
|
13511
13538
|
}).finished.then(() => {
|
|
13512
13539
|
setPollAlignment_(false);
|
|
@@ -13528,25 +13555,16 @@ function $937791b86d3d1509$export$44f738469d5570cf(_ref) {
|
|
|
13528
13555
|
});
|
|
13529
13556
|
return true;
|
|
13530
13557
|
}, false);
|
|
13531
|
-
|
|
13532
|
-
|
|
13533
|
-
|
|
13534
|
-
|
|
13535
|
-
})
|
|
13536
|
-
|
|
13537
|
-
|
|
13538
|
-
|
|
13539
|
-
|
|
13540
|
-
|
|
13541
|
-
...prev,
|
|
13542
|
-
opacity: 0,
|
|
13543
|
-
transition: "opacity ".concat(openDuration, "ms ease-in"),
|
|
13544
|
-
"--js-animation-duration": "".concat(openDuration, "ms")
|
|
13545
|
-
}));
|
|
13546
|
-
requestAnimationFrame(() => setBodyAlignment(prev => ({
|
|
13547
|
-
...prev,
|
|
13548
|
-
opacity: 1
|
|
13549
|
-
})));
|
|
13558
|
+
$8tj43$onCleanup(() => {
|
|
13559
|
+
// If we get cleaned up, reset the state and cancel the timeout to make sure the timeout doesn't mess with the next animation
|
|
13560
|
+
clearTimeout(disableResizePollingTimeout);
|
|
13561
|
+
setPollAlignment_(false);
|
|
13562
|
+
});
|
|
13563
|
+
$937791b86d3d1509$export$e06dee46ebe7faa9({
|
|
13564
|
+
setBackdropStyle_: setBackdropStyle_,
|
|
13565
|
+
setBodyAlignment_: setBodyAlignment_,
|
|
13566
|
+
openDuration_: openDuration_
|
|
13567
|
+
});
|
|
13550
13568
|
$8tj43$onCleanup(() => {
|
|
13551
13569
|
addedToBody.remove();
|
|
13552
13570
|
fakeField.replaceWith(actualField_);
|
|
@@ -13556,16 +13574,11 @@ function $937791b86d3d1509$export$44f738469d5570cf(_ref) {
|
|
|
13556
13574
|
width: width,
|
|
13557
13575
|
left: left
|
|
13558
13576
|
} = fakeField.getBoundingClientRect();
|
|
13559
|
-
|
|
13560
|
-
|
|
13561
|
-
|
|
13562
|
-
|
|
13563
|
-
})
|
|
13564
|
-
setBodyAlignment(prev => ({
|
|
13565
|
-
...prev,
|
|
13566
|
-
opacity: 0,
|
|
13567
|
-
transition: "opacity ".concat(closeDuration, "ms ease-out")
|
|
13568
|
-
}));
|
|
13577
|
+
$937791b86d3d1509$export$23d40cc5971c3acd({
|
|
13578
|
+
setBackdropStyle_: setBackdropStyle_,
|
|
13579
|
+
setBodyAlignment_: setBodyAlignment_,
|
|
13580
|
+
closeDuration_: closeDuration_
|
|
13581
|
+
});
|
|
13569
13582
|
await Promise.all([addedToBody.animate([{
|
|
13570
13583
|
width: $8tj43$untrack(inModalFieldWidthPx),
|
|
13571
13584
|
left: "".concat($8tj43$untrack(innerWidthReactive) / 2 - $8tj43$untrack(inModalFieldWidth) / 2, "px")
|
|
@@ -13573,7 +13586,7 @@ function $937791b86d3d1509$export$44f738469d5570cf(_ref) {
|
|
|
13573
13586
|
width: width + "px",
|
|
13574
13587
|
left: left + "px"
|
|
13575
13588
|
}], {
|
|
13576
|
-
duration:
|
|
13589
|
+
duration: closeDuration_,
|
|
13577
13590
|
fill: "forwards",
|
|
13578
13591
|
easing: "ease-out"
|
|
13579
13592
|
}).finished, submitButton_.animate([{
|
|
@@ -13581,8 +13594,8 @@ function $937791b86d3d1509$export$44f738469d5570cf(_ref) {
|
|
|
13581
13594
|
}, {
|
|
13582
13595
|
opacity: 1
|
|
13583
13596
|
}], {
|
|
13584
|
-
duration:
|
|
13585
|
-
delay:
|
|
13597
|
+
duration: closeDuration_ / 3,
|
|
13598
|
+
delay: closeDuration_ * (2 / 3),
|
|
13586
13599
|
fill: "forwards"
|
|
13587
13600
|
}).finished]);
|
|
13588
13601
|
setPollAlignment_(false);
|
|
@@ -13590,7 +13603,70 @@ function $937791b86d3d1509$export$44f738469d5570cf(_ref) {
|
|
|
13590
13603
|
};
|
|
13591
13604
|
});
|
|
13592
13605
|
}
|
|
13593
|
-
|
|
13606
|
+
function $937791b86d3d1509$export$e06dee46ebe7faa9(_ref2) {
|
|
13607
|
+
let {
|
|
13608
|
+
setBackdropStyle_: setBackdropStyle_,
|
|
13609
|
+
setBodyAlignment_: setBodyAlignment_,
|
|
13610
|
+
openDuration_: openDuration_
|
|
13611
|
+
} = _ref2;
|
|
13612
|
+
setBackdropStyle_(prev => ({
|
|
13613
|
+
...prev,
|
|
13614
|
+
opacity: 0,
|
|
13615
|
+
transition: "opacity ".concat(openDuration_, "ms ease-in")
|
|
13616
|
+
}));
|
|
13617
|
+
requestAnimationFrame(() => setBackdropStyle_(prev => ({
|
|
13618
|
+
...prev,
|
|
13619
|
+
opacity: 1
|
|
13620
|
+
})));
|
|
13621
|
+
setBodyAlignment_(prev => ({
|
|
13622
|
+
...prev,
|
|
13623
|
+
opacity: 0,
|
|
13624
|
+
transition: "opacity ".concat(openDuration_, "ms ease-in ").concat(openDuration_ / 5, "ms"),
|
|
13625
|
+
// Add a slight delay so the brightness of the modal isn't so jarring before the background has gotten darkened
|
|
13626
|
+
"--js-animation-duration": "".concat(openDuration_, "ms")
|
|
13627
|
+
}));
|
|
13628
|
+
requestAnimationFrame(() => setBodyAlignment_(prev => ({
|
|
13629
|
+
...prev,
|
|
13630
|
+
opacity: 1
|
|
13631
|
+
})));
|
|
13632
|
+
}
|
|
13633
|
+
function $937791b86d3d1509$export$23d40cc5971c3acd(_ref3) {
|
|
13634
|
+
let {
|
|
13635
|
+
setBackdropStyle_: setBackdropStyle_,
|
|
13636
|
+
setBodyAlignment_: setBodyAlignment_,
|
|
13637
|
+
closeDuration_: closeDuration_
|
|
13638
|
+
} = _ref3;
|
|
13639
|
+
setBackdropStyle_(prev => ({
|
|
13640
|
+
...prev,
|
|
13641
|
+
opacity: 0,
|
|
13642
|
+
transition: "opacity ".concat(closeDuration_, "ms ease-out")
|
|
13643
|
+
}));
|
|
13644
|
+
setBodyAlignment_(prev => ({
|
|
13645
|
+
...prev,
|
|
13646
|
+
opacity: 0,
|
|
13647
|
+
transition: "opacity ".concat(closeDuration_, "ms ease-out")
|
|
13648
|
+
}));
|
|
13649
|
+
}
|
|
13650
|
+
function $937791b86d3d1509$export$dab9321f3c157061(alignmentSignals, modalVersion) {
|
|
13651
|
+
const [, setBodyAlignment_] = alignmentSignals.body_;
|
|
13652
|
+
const [, setBackdropStyle_] = alignmentSignals.backdrop_ || $8tj43$createSignal({});
|
|
13653
|
+
// For default centered modal, also run our fading animations if search modal v2
|
|
13654
|
+
modalVersion === 2 && $937791b86d3d1509$export$e06dee46ebe7faa9({
|
|
13655
|
+
openDuration_: 125,
|
|
13656
|
+
setBodyAlignment_: setBodyAlignment_,
|
|
13657
|
+
setBackdropStyle_: setBackdropStyle_
|
|
13658
|
+
});
|
|
13659
|
+
const closingAnimation = modalVersion === 2 ? async () => {
|
|
13660
|
+
$937791b86d3d1509$export$23d40cc5971c3acd({
|
|
13661
|
+
closeDuration_: 100,
|
|
13662
|
+
setBodyAlignment_: setBodyAlignment_,
|
|
13663
|
+
setBackdropStyle_: setBackdropStyle_
|
|
13664
|
+
});
|
|
13665
|
+
await new Promise(r => setTimeout(r, 100));
|
|
13666
|
+
} : undefined;
|
|
13667
|
+
return closingAnimation;
|
|
13668
|
+
}
|
|
13669
|
+
var $da279c5a540c6846$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class=filter-results-for-one-row><!$><!/><!$><!/>`),
|
|
13594
13670
|
$da279c5a540c6846$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<div class="depict plp search"><div class=listing-page><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/></div><!$><!/><!$><!/>`);
|
|
13595
13671
|
function $da279c5a540c6846$export$a54ec244c8863715(_ref) {
|
|
13596
13672
|
let {
|
|
@@ -13758,7 +13834,7 @@ function $da279c5a540c6846$export$a54ec244c8863715(_ref) {
|
|
|
13758
13834
|
results_filters[1]();
|
|
13759
13835
|
await new Promise(r => queueMicrotask(r));
|
|
13760
13836
|
$8tj43$runWithOwner(owner, () => results_filters[1](matches ? [results_for, filters_opener] : (() => {
|
|
13761
|
-
|
|
13837
|
+
var _el$ = $8tj43$getNextElement($da279c5a540c6846$var$_tmpl$),
|
|
13762
13838
|
_el$2 = _el$.firstChild,
|
|
13763
13839
|
[_el$3, _co$] = $8tj43$getNextMarker(_el$2.nextSibling),
|
|
13764
13840
|
_el$4 = _el$3.nextSibling,
|
|
@@ -13857,10 +13933,12 @@ function $da279c5a540c6846$export$a54ec244c8863715(_ref) {
|
|
|
13857
13933
|
setSearchFieldOuterWidth_: setModalSearchFieldOuterWidth_
|
|
13858
13934
|
}, () => {
|
|
13859
13935
|
var _on_close_, _ref3;
|
|
13860
|
-
// When modal is closed, reset style signals for next opening
|
|
13936
|
+
// When modal is closed, reset style signals for next opening so all animation related stuff gets reset
|
|
13861
13937
|
setModalBodyStyle({});
|
|
13862
13938
|
setModalFieldStyle({});
|
|
13863
13939
|
setModalBackdropStyle({});
|
|
13940
|
+
// And run the alignment code again so the modal is readily aligned when opened via a search button
|
|
13941
|
+
align_position === null || align_position === void 0 || align_position();
|
|
13864
13942
|
input_field_accessor_value === null || input_field_accessor_value === void 0 || (_on_close_ = (_ref3 = input_field_accessor_value).on_close_) === null || _on_close_ === void 0 || _on_close_.call(_ref3);
|
|
13865
13943
|
});
|
|
13866
13944
|
input_field_accessor_value === null || input_field_accessor_value === void 0 || (_on_open_ = (_ref4 = input_field_accessor_value).on_open_) === null || _on_open_ === void 0 || _on_open_.call(_ref4);
|
|
@@ -13877,7 +13955,7 @@ function $da279c5a540c6846$export$a54ec244c8863715(_ref) {
|
|
|
13877
13955
|
});
|
|
13878
13956
|
});
|
|
13879
13957
|
return [(0, $8tj43$isServer) ? "<!-- Search page based on Depict SDK -->" : document.createComment("Search page based on Depict SDK"), (() => {
|
|
13880
|
-
|
|
13958
|
+
var _el$6 = $8tj43$getNextElement($da279c5a540c6846$var$_tmpl$2),
|
|
13881
13959
|
_el$7 = _el$6.firstChild,
|
|
13882
13960
|
_el$8 = _el$7.firstChild,
|
|
13883
13961
|
[_el$9, _co$3] = $8tj43$getNextMarker(_el$8.nextSibling),
|
|
@@ -14315,14 +14393,10 @@ class $eb064bc3350276c1$export$ac6237957a15b3f0 {
|
|
|
14315
14393
|
}
|
|
14316
14394
|
if (!((_ = open_signal_value[0]) !== null && _ !== void 0 && _.alignmentSignals_) && search_page_aligned_modal_alignment_signals_) {
|
|
14317
14395
|
// Open modal aligned with search page if no alignment specified and possible to align with search page
|
|
14318
|
-
|
|
14319
|
-
|
|
14320
|
-
alignmentSignals_: search_page_aligned_modal_alignment_signals_
|
|
14321
|
-
});
|
|
14322
|
-
return;
|
|
14323
|
-
}
|
|
14324
|
-
const [options_arg, ...rest] = open_signal_value;
|
|
14396
|
+
const [options_arg, ...rest] = open_signal_value === true ? [{}] : open_signal_value;
|
|
14397
|
+
const closingAnimation = $937791b86d3d1509$export$dab9321f3c157061(search_page_aligned_modal_alignment_signals_, modalVersion);
|
|
14325
14398
|
open_modal_({
|
|
14399
|
+
closing_animation_: closingAnimation,
|
|
14326
14400
|
...options_arg,
|
|
14327
14401
|
alignmentSignals_: search_page_aligned_modal_alignment_signals_
|
|
14328
14402
|
}, ...rest);
|
|
@@ -14330,16 +14404,19 @@ class $eb064bc3350276c1$export$ac6237957a15b3f0 {
|
|
|
14330
14404
|
}
|
|
14331
14405
|
// Open centered modal
|
|
14332
14406
|
const centeredModalAlignmentSignals = $8e8ce3f7a5eb11a6$export$41b4894022a3580f();
|
|
14407
|
+
const closingAnimation = $937791b86d3d1509$export$dab9321f3c157061(centeredModalAlignmentSignals, modalVersion);
|
|
14333
14408
|
if (signal_value_is_options) {
|
|
14334
14409
|
const [options_arg, ...rest] = open_signal_value;
|
|
14335
14410
|
open_modal_({
|
|
14411
|
+
closing_animation_: closingAnimation,
|
|
14336
14412
|
...options_arg,
|
|
14337
14413
|
alignmentSignals_: search_page_aligned_modal_alignment_signals_ || centeredModalAlignmentSignals
|
|
14338
14414
|
}, ...rest);
|
|
14339
14415
|
return;
|
|
14340
14416
|
}
|
|
14341
14417
|
open_modal_({
|
|
14342
|
-
alignmentSignals_: centeredModalAlignmentSignals
|
|
14418
|
+
alignmentSignals_: centeredModalAlignmentSignals,
|
|
14419
|
+
closing_animation_: closingAnimation
|
|
14343
14420
|
});
|
|
14344
14421
|
};
|
|
14345
14422
|
$8tj43$runWithOwner(owner, () => $8tj43$createEffect(modal_opening_effect));
|
|
@@ -14894,7 +14971,7 @@ function $f9fd3017c20b774a$var$clean_url(url) {
|
|
|
14894
14971
|
url_object.hash = "";
|
|
14895
14972
|
return url_object.href;
|
|
14896
14973
|
}
|
|
14897
|
-
|
|
14974
|
+
var $a3026fb727bc7550$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class="depict plp search">`);
|
|
14898
14975
|
function $a3026fb727bc7550$export$316f6f283ae64765(props) {
|
|
14899
14976
|
const {
|
|
14900
14977
|
depict_search: depict_search,
|
|
@@ -14997,7 +15074,7 @@ function $a3026fb727bc7550$export$316f6f283ae64765(props) {
|
|
|
14997
15074
|
});
|
|
14998
15075
|
// We assume this to be an array containing exactly on div in js-ui
|
|
14999
15076
|
return [(() => {
|
|
15000
|
-
|
|
15077
|
+
var _el$ = $8tj43$getNextElement($a3026fb727bc7550$var$_tmpl$);
|
|
15001
15078
|
$8tj43$insert(_el$, search_field);
|
|
15002
15079
|
return _el$;
|
|
15003
15080
|
})()];
|