@depict-ai/ui 4.0.2 → 4.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/ES10/index.cjs +677 -600
- package/ES10/index.d.ts +8 -2
- package/ES10/index.js +677 -600
- package/latest/index.cjs +674 -599
- package/latest/index.d.ts +8 -2
- package/latest/index.js +674 -599
- package/locales/ES10/index.cjs +6 -0
- package/locales/ES10/index.d.ts +1 -0
- package/locales/ES10/index.js +6 -1
- package/locales/latest/index.cjs +6 -0
- package/locales/latest/index.d.ts +1 -0
- package/locales/latest/index.js +6 -1
- package/package.json +6 -6
- package/server/ES10/index.cjs +206 -137
- package/server/ES10/index.d.ts +8 -2
- package/server/ES10/index.js +206 -137
- package/server/latest/index.cjs +206 -139
- package/server/latest/index.d.ts +8 -2
- package/server/latest/index.js +206 -139
package/server/latest/index.cjs
CHANGED
|
@@ -86,7 +86,7 @@ $parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $a3280f0aad99
|
|
|
86
86
|
$parcel$export(module.exports, "version", () => $b757f75811f3261f$export$83d89fbfd8236492);
|
|
87
87
|
$parcel$export(module.exports, "SearchField", () => $c0a0659cf97e8eb2$export$316f6f283ae64765);
|
|
88
88
|
/*! Depict.ai search and product listing SDK */
|
|
89
|
-
const $b757f75811f3261f$export$83d89fbfd8236492 = "4.0.
|
|
89
|
+
const $b757f75811f3261f$export$83d89fbfd8236492 = "4.0.4";
|
|
90
90
|
function $53df95e470b2f8d2$export$e417c49320921907(dependency, fetcher) {
|
|
91
91
|
const [promiseOfCurrentFetcherRun, setPromiseOfCurrentFetcherRun] = $5vyXB$solidjs.createSignal();
|
|
92
92
|
const deparallelizedFetcher = $5vyXB$depictaiutilishared.deparallelize_no_drop(async dependencyValue => {
|
|
@@ -168,7 +168,7 @@ function $b54e6192d0caa293$export$d9f36cf74e24d595(media_query) {
|
|
|
168
168
|
}) => signal[1](matches)).remove);
|
|
169
169
|
return signal[0];
|
|
170
170
|
}
|
|
171
|
-
|
|
171
|
+
var $6ae613870d3380fc$var$_tmpl$ = ["<span", ' class="title line-clamp">', "</span>"],
|
|
172
172
|
$6ae613870d3380fc$var$_tmpl$2 = ["<span", ' class="brand">', "</span>"],
|
|
173
173
|
$6ae613870d3380fc$var$_tmpl$3 = ["<div", ' class="tagline line-clamp">', "</div>"],
|
|
174
174
|
$6ae613870d3380fc$var$_tmpl$4 = ["<span", ' class="orig price"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></span>"],
|
|
@@ -227,7 +227,7 @@ const $6ae613870d3380fc$export$b05c0ae390cf3e06 = ({
|
|
|
227
227
|
}
|
|
228
228
|
})), $5vyXB$solidjsweb.escape(i18n_.price_formatting_().post_));
|
|
229
229
|
};
|
|
230
|
-
|
|
230
|
+
var $9fe9883b1d8ecccc$var$_tmpl$ = ["<span", ' class="', '" style="', '"></span>'];
|
|
231
231
|
function $9fe9883b1d8ecccc$export$acb3eaade4b23afd(props) {
|
|
232
232
|
// Work around https://github.com/solidjs/solid/issues/1980
|
|
233
233
|
return $5vyXB$solidjsweb.ssr($9fe9883b1d8ecccc$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), `${$5vyXB$solidjsweb.escape(props.class, true) || ""} depict-placeholder`, $5vyXB$solidjsweb.ssrStyle(props.style));
|
|
@@ -287,7 +287,7 @@ function $061ff5b4c3d36171$export$89c6019e4baa40b1(props) {
|
|
|
287
287
|
}
|
|
288
288
|
});
|
|
289
289
|
}
|
|
290
|
-
|
|
290
|
+
var $6f604560873e4f69$var$_tmpl$ = ["<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">', "</div></div></div>"];
|
|
291
291
|
const $6f604560873e4f69$export$8a2234b5b1a5ebd4 = "--image-aspect-ratio";
|
|
292
292
|
function $6f604560873e4f69$export$ee1733d9a8495996() {
|
|
293
293
|
return $5vyXB$solidjsweb.ssr($6f604560873e4f69$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $3bc4a89b971a3af5$export$3f37af283f8fb843), {
|
|
@@ -435,7 +435,7 @@ function $a73063cc642f3e5f$var$deep_equal(obj1, obj2) {
|
|
|
435
435
|
}
|
|
436
436
|
return true;
|
|
437
437
|
}
|
|
438
|
-
|
|
438
|
+
var $6ae556e536054e87$var$_tmpl$ = ["<div", ' class="instant-results" style="', '">', "</div>"];
|
|
439
439
|
function $6ae556e536054e87$export$62f101a8aa597bf8({
|
|
440
440
|
depict_api_: depict_api_,
|
|
441
441
|
search_field_value_: [get_search_field_value],
|
|
@@ -622,11 +622,11 @@ function $496cde876b53ce1e$export$91c3b6774e8be0f5({
|
|
|
622
622
|
return u_o.href;
|
|
623
623
|
});
|
|
624
624
|
}
|
|
625
|
-
|
|
625
|
+
var $9e30168c4b1661d2$var$_tmpl$ = ["<svg", ' xmlns="http://www.w3.org/2000/svg" width="12" height="13"><path d="M6 12.598a5.88 5.88 0 0 1-1.611-.223c-.52-.145-1.008-.352-1.465-.621s-.875-.605-1.254-.996-.693-.83-.955-1.318c-.039-.07-.047-.145-.023-.223s.072-.143.146-.182.145-.047.223-.023.143.072.182.146a5.54 5.54 0 0 0 .861 1.184c.34.352.715.65 1.125.897s.85.435 1.318.568A5.5 5.5 0 0 0 6 12a5.24 5.24 0 0 0 2.098-.422c.656-.285 1.229-.672 1.717-1.16s.879-1.061 1.16-1.717a5.22 5.22 0 0 0 .428-2.104c0-.742-.143-1.441-.428-2.098s-.668-1.229-1.16-1.717a5.42 5.42 0 0 0-1.717-1.154A5.18 5.18 0 0 0 6 1.201c-.496 0-.979.066-1.447.199s-.904.316-1.318.563-.785.539-1.125.891a5.31 5.31 0 0 0-.855 1.172.32.32 0 0 1-.164.141c-.066.023-.135.023-.205 0a.3.3 0 0 1-.158-.135C.691 3.965.682 3.895.697 3.82l.51-2.385c.016-.078.059-.141.129-.187a.28.28 0 0 1 .229-.041c.078.016.141.059.188.129a.28.28 0 0 1 .041.229l-.211.973a5.91 5.91 0 0 1 .926-.814 5.78 5.78 0 0 1 1.066-.609A5.79 5.79 0 0 1 4.746.732C5.156.643 5.574.598 6 .598c.402 0 .795.039 1.178.117s.76.191 1.119.34a5.95 5.95 0 0 1 1.031.551c.328.219.633.469.914.75s.535.592.75.92a5.77 5.77 0 0 1 .551 1.025 5.53 5.53 0 0 1 .34 1.119c.078.387.117.779.117 1.178s-.039.797-.117 1.184-.187.754-.34 1.113a5.96 5.96 0 0 1-.551 1.031 5.56 5.56 0 0 1-.75.914c-.281.285-.586.537-.914.756a5.95 5.95 0 0 1-1.031.551c-.359.148-.732.26-1.119.334s-.775.117-1.178.117zm0-5.695c-.023 0-.049-.004-.076-.012s-.047-.018-.07-.029l-2.701-1.5c-.07-.039-.117-.098-.141-.176a.29.29 0 0 1 .023-.229c.043-.074.104-.123.182-.146s.158-.014.229.029l2.543 1.412 3.152-2.004c.07-.047.145-.061.223-.041a.29.29 0 0 1 .188.135c.047.066.061.141.041.223a.27.27 0 0 1-.129.188L6.158 6.855a.27.27 0 0 1-.076.035c-.027.008-.055.012-.082.012z" fill="#0f0f0f"></path></svg>'];
|
|
626
626
|
function $9e30168c4b1661d2$export$5d2caaa6b530761c() {
|
|
627
627
|
return $5vyXB$solidjsweb.ssr($9e30168c4b1661d2$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey());
|
|
628
628
|
}
|
|
629
|
-
|
|
629
|
+
var $c77c68e559a1506c$var$_tmpl$ = '<path d="M11.669 10.531l9.156-9.156a.78.78 0 0 0 .237-.569c0-.221-.079-.412-.237-.569A.8.8 0 0 0 20.24 0a.77.77 0 0 0-.569.237l-9.14 9.14-9.14-9.14A.79.79 0 0 0 .807 0a.77.77 0 0 0-.569.237A.78.78 0 0 0 0 .807a.77.77 0 0 0 .237.569l9.156 9.156-9.156 9.14c-.159.157-.237.349-.237.569s.079.412.237.569c.085.085.174.148.268.19a1.095 1.095 0 0 0 .316.048.894.894 0 0 0 .285-.048.84.84 0 0 0 .285-.19l9.139-9.14 9.14 9.14a.894.894 0 0 0 .268.19 1.049 1.049 0 0 0 .301.048.941.941 0 0 0 .301-.048.84.84 0 0 0 .285-.19.78.78 0 0 0 .237-.569c0-.221-.079-.412-.237-.569z"></path>';
|
|
630
630
|
function $c77c68e559a1506c$export$3b621d86b1566b2(props = {}) {
|
|
631
631
|
return $5vyXB$solidjsweb.ssrElement("svg", $5vyXB$solidjsweb.mergeProps({
|
|
632
632
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -635,7 +635,7 @@ function $c77c68e559a1506c$export$3b621d86b1566b2(props = {}) {
|
|
|
635
635
|
viewBox: "0 0 21.064 21.064"
|
|
636
636
|
}, props), () => $5vyXB$solidjsweb.ssr($c77c68e559a1506c$var$_tmpl$), true);
|
|
637
637
|
}
|
|
638
|
-
|
|
638
|
+
var $ce4b5b99c8b2b34e$var$_tmpl$ = ["<div", ' class="previous-searches"><h2 class="text">', '</h2><div class="list">', "</div></div>"],
|
|
639
639
|
$ce4b5b99c8b2b34e$var$_tmpl$2 = ["<a", ' class="', '"', '><div class="left"><!--$-->', '<!--/--><span class="line-clamp"', ">", '</span></div><button class="delete"', ">", "</button></a>"];
|
|
640
640
|
function $ce4b5b99c8b2b34e$export$a146ac6fa8346a25({
|
|
641
641
|
text_: text_,
|
|
@@ -673,7 +673,7 @@ function $ce4b5b99c8b2b34e$export$a146ac6fa8346a25({
|
|
|
673
673
|
}
|
|
674
674
|
});
|
|
675
675
|
}
|
|
676
|
-
|
|
676
|
+
var $d023ed916c84e75d$var$_tmpl$ = ["<span", ' class="highlighted-part">', "</span>"],
|
|
677
677
|
$d023ed916c84e75d$var$_tmpl$2 = ["<span", ' class="', '"', ">", "</span>"];
|
|
678
678
|
function $d023ed916c84e75d$export$ba17c5b7e6dda39f({
|
|
679
679
|
whole_text_to_display_: whole_text_to_display_memo,
|
|
@@ -726,7 +726,7 @@ function $d023ed916c84e75d$export$ba17c5b7e6dda39f({
|
|
|
726
726
|
}));
|
|
727
727
|
return $5vyXB$solidjsweb.ssr($d023ed916c84e75d$var$_tmpl$2, $5vyXB$solidjsweb.ssrHydrationKey(), `${$5vyXB$solidjsweb.escape(class_, true) || ""} ${get_has_highlighted() ? "has-match" : ""}`, $5vyXB$solidjsweb.ssrAttribute("title", $5vyXB$solidjsweb.escape(whole_text_to_display_memo(), true), false), $5vyXB$solidjsweb.escape(text_itself()));
|
|
728
728
|
}
|
|
729
|
-
|
|
729
|
+
var $87d7574e1d89d69b$var$_tmpl$ = '<path d="M19.811 20.174l-6.234-6.809a7.96 7.96 0 0 0 .923-1.179c.274-.424.502-.865.687-1.323a8.04 8.04 0 0 0 .42-1.436 7.88 7.88 0 0 0 .144-1.507c0-.526-.051-1.042-.154-1.548-.096-.506-.243-.995-.441-1.466s-.441-.919-.728-1.343a8.28 8.28 0 0 0-.984-1.21 7.86 7.86 0 0 0-1.2-.984A7.56 7.56 0 0 0 10.89.651C10.418.453 9.929.302 9.423.2S8.401.046 7.875.046 6.833.097 6.327.2 5.332.453 4.86.651a7.56 7.56 0 0 0-1.354.718c-.431.287-.831.615-1.2.984a8.28 8.28 0 0 0-.984 1.21 7.73 7.73 0 0 0-.728 1.343c-.198.472-.349.96-.451 1.466A8.31 8.31 0 0 0 0 7.921a8.31 8.31 0 0 0 .144 1.548c.103.506.253.995.451 1.466a8.08 8.08 0 0 0 .728 1.354 7.86 7.86 0 0 0 .984 1.2 7.54 7.54 0 0 0 1.2.995c.431.287.882.53 1.354.728.472.191.96.338 1.466.441a8.31 8.31 0 0 0 1.548.144c.451 0 .896-.038 1.333-.113a7.83 7.83 0 0 0 1.282-.328 7.55 7.55 0 0 0 1.2-.533 8.08 8.08 0 0 0 1.107-.749l6.245 6.809a.45.45 0 0 0 .174.123.55.55 0 0 0 .205.041.61.61 0 0 0 .195-.031c.061-.021.116-.055.164-.102.109-.096.164-.219.164-.369.007-.144-.038-.267-.133-.369zM1.046 7.921c0-.937.178-1.818.533-2.646.362-.834.851-1.559 1.466-2.174.622-.615 1.347-1.101 2.174-1.456.827-.362 1.712-.543 2.656-.543s1.829.181 2.656.543c.827.355 1.548.841 2.164 1.456.622.615 1.111 1.34 1.466 2.174a6.52 6.52 0 0 1 .543 2.646c0 .943-.181 1.829-.543 2.656a6.89 6.89 0 0 1-1.466 2.174c-.615.615-1.336 1.104-2.164 1.466-.827.356-1.712.533-2.656.533s-1.829-.178-2.656-.533c-.827-.362-1.552-.851-2.174-1.466-.615-.622-1.104-1.347-1.466-2.174-.355-.827-.533-1.712-.533-2.656z"></path>';
|
|
730
730
|
function $87d7574e1d89d69b$export$82eafebb825fc23f(props = {}) {
|
|
731
731
|
return $5vyXB$solidjsweb.ssrElement("svg", $5vyXB$solidjsweb.mergeProps({
|
|
732
732
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -735,7 +735,7 @@ function $87d7574e1d89d69b$export$82eafebb825fc23f(props = {}) {
|
|
|
735
735
|
viewBox: "0 0 20 22"
|
|
736
736
|
}, props), () => $5vyXB$solidjsweb.ssr($87d7574e1d89d69b$var$_tmpl$), true);
|
|
737
737
|
}
|
|
738
|
-
|
|
738
|
+
var $c0125412b4ea0c93$var$_tmpl$ = '<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"></path>';
|
|
739
739
|
function $c0125412b4ea0c93$export$605674723bcc715c(props = {}) {
|
|
740
740
|
return $5vyXB$solidjsweb.ssrElement("svg", $5vyXB$solidjsweb.mergeProps({
|
|
741
741
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -744,7 +744,7 @@ function $c0125412b4ea0c93$export$605674723bcc715c(props = {}) {
|
|
|
744
744
|
viewBox: "0 0 256 256"
|
|
745
745
|
}, props), () => $5vyXB$solidjsweb.ssr($c0125412b4ea0c93$var$_tmpl$), true);
|
|
746
746
|
}
|
|
747
|
-
|
|
747
|
+
var $1dbed937c406bdf0$var$_tmpl$ = ["<a", ' class="', '"', ">", "</a>"],
|
|
748
748
|
$1dbed937c406bdf0$var$_tmpl$2 = ["<div", ' class="search-icon">', "</div>"],
|
|
749
749
|
$1dbed937c406bdf0$var$_tmpl$3 = ["<span", ' class="type">', "</span>"],
|
|
750
750
|
$1dbed937c406bdf0$var$_tmpl$4 = ["<div", ' class="with-parent-title"><!--$-->', '<!--/--><span class="value line-clamp">', "</span></div>"],
|
|
@@ -917,7 +917,7 @@ function $1dbed937c406bdf0$export$e872e2339fb04a7f({
|
|
|
917
917
|
}
|
|
918
918
|
});
|
|
919
919
|
}
|
|
920
|
-
|
|
920
|
+
var $b8700779b3e745de$var$_tmpl$ = ["<a", ' target="_blank"></a>'];
|
|
921
921
|
function $b8700779b3e745de$export$1efe1013da60d0e4(e, href) {
|
|
922
922
|
if (e.metaKey || e.ctrlKey) {
|
|
923
923
|
// Open link in a new tab with cmd/ctrl + enter.
|
|
@@ -1246,7 +1246,7 @@ const $2be658935c4043a9$export$af8311b651139246 = css_properties => {
|
|
|
1246
1246
|
const $2be658935c4043a9$export$1233ca167bf71f9a = styles => {
|
|
1247
1247
|
return Object.entries(styles).map(([selector, css_properties]) => `${selector} { ${$2be658935c4043a9$export$af8311b651139246(css_properties)} }`).join(" ");
|
|
1248
1248
|
};
|
|
1249
|
-
|
|
1249
|
+
var $b776f25acdda22eb$var$_tmpl$ = ["<style", ">", "</style>"];
|
|
1250
1250
|
function $b776f25acdda22eb$export$f021bdedd3ec901a(props) {
|
|
1251
1251
|
const valid_css_string = $5vyXB$solidjs.createMemo(() => {
|
|
1252
1252
|
return $2be658935c4043a9$export$1233ca167bf71f9a(props.styles());
|
|
@@ -1265,7 +1265,7 @@ let $0b6e2070a98de347$export$44dad306455dddf;
|
|
|
1265
1265
|
*/
|
|
1266
1266
|
const $ad1fa088e5509cca$export$1ea76ea778b880dd = Symbol("modalVersion");
|
|
1267
1267
|
const $ad1fa088e5509cca$export$89890212b43f1b60 = Symbol("backIcon");
|
|
1268
|
-
|
|
1268
|
+
var $66b8b9a9613c141d$var$_tmpl$ = ["<button", ' class="back" type="button"', ">", "</button>"],
|
|
1269
1269
|
$66b8b9a9613c141d$var$_tmpl$2 = ["<div", ' class="search-field"><!--$-->', '<!--/--><div class="field"><input class="', '" tabindex="0"', '><button type="button" class="clear"', ' style="', '">', "</button></div>", "</div>"];
|
|
1270
1270
|
function $66b8b9a9613c141d$export$b94867ecbd698f21({
|
|
1271
1271
|
search_field_value_: search_field_value_,
|
|
@@ -1352,7 +1352,7 @@ class $7dd1edb2ee2b43ad$export$aa14a9f43128f61f extends $7dd1edb2ee2b43ad$export
|
|
|
1352
1352
|
});
|
|
1353
1353
|
}
|
|
1354
1354
|
}
|
|
1355
|
-
|
|
1355
|
+
var $edafe91daf3091d7$var$_tmpl$ = ["<div", ' class="', '"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"];
|
|
1356
1356
|
function $edafe91daf3091d7$export$b69d0d92862de18b(props) {
|
|
1357
1357
|
return $5vyXB$solidjs.ErrorBoundary({
|
|
1358
1358
|
fallback(err, retry) {
|
|
@@ -1385,7 +1385,7 @@ function $84798aaa863a4909$export$e68cff63f76bd15b(props) {
|
|
|
1385
1385
|
function $84798aaa863a4909$export$8d0c4fdbb05a2f2e() {
|
|
1386
1386
|
return $5vyXB$solidjs.useContext($84798aaa863a4909$var$ListingContext);
|
|
1387
1387
|
}
|
|
1388
|
-
|
|
1388
|
+
var $610b584d4f54699e$var$_tmpl$ = ["<svg", ' xmlns="http://www.w3.org/2000/svg" width="24" height="16"><path d="M.773 7.371L7.98.176C8.098.059 8.238 0 8.402 0s.305.059.422.176S9 .434 9 .598s-.059.305-.176.422L2.648 7.195h19.547a.59.59 0 0 1 .609.609c0 .172-.059.305-.176.422s-.262.176-.434.176H2.648l6.176 6.176a.59.59 0 0 1 .176.426c0 .16-.059.301-.176.422-.055.059-.121.109-.199.137s-.148.039-.223.039-.156-.012-.234-.039a.54.54 0 0 1-.187-.137L.773 8.227c-.117-.117-.176-.258-.176-.422a.6.6 0 0 1 .176-.434zm0 0"></path></svg>'];
|
|
1389
1389
|
function $610b584d4f54699e$export$8d8893ffd8aca39a() {
|
|
1390
1390
|
return $5vyXB$solidjsweb.ssr($610b584d4f54699e$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey());
|
|
1391
1391
|
}
|
|
@@ -1412,7 +1412,7 @@ function $eb3039a27db40508$export$93d9bfd0c9c1a5b8(close_modal, search_query_url
|
|
|
1412
1412
|
}
|
|
1413
1413
|
})();
|
|
1414
1414
|
}
|
|
1415
|
-
|
|
1415
|
+
var $44f0b2e312a9b710$var$_tmpl$ = ["<div", ' class="discover-more"><button class="major" type="button">', "</button></div>"],
|
|
1416
1416
|
$44f0b2e312a9b710$var$_tmpl$2 = ["<b", ">", "</b>"],
|
|
1417
1417
|
$44f0b2e312a9b710$var$_tmpl$3 = ["<div", ' class="', '"><div class="', '"><!--$-->', '<!--/--><div class="padded"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></div><!--$-->", "<!--/--></div><!--$-->", "<!--/--></div>"],
|
|
1418
1418
|
$44f0b2e312a9b710$var$_tmpl$4 = ["<div", ' class="', '"><div class="depict-search-modal-backdrop"></div><!--$-->', "<!--/--></div>"];
|
|
@@ -1783,7 +1783,7 @@ function $1ab22f2cd39b3061$export$43cd1e747fecd42e({
|
|
|
1783
1783
|
if (was_url_object) return url_object;
|
|
1784
1784
|
return url_object.href;
|
|
1785
1785
|
}
|
|
1786
|
-
|
|
1786
|
+
var $e53b2e7e632ac4cb$var$_tmpl$ = ["<nav", ' class="crumbs"', ">", "</nav>"],
|
|
1787
1787
|
$e53b2e7e632ac4cb$var$_tmpl$2 = ["<a", ' class="crumb"', ">", "</a>"],
|
|
1788
1788
|
$e53b2e7e632ac4cb$var$_tmpl$3 = ["<span", ' class="separator">', "</span>"];
|
|
1789
1789
|
function $e53b2e7e632ac4cb$export$5646050d516e06bc({
|
|
@@ -1837,9 +1837,9 @@ function $e53b2e7e632ac4cb$export$5646050d516e06bc({
|
|
|
1837
1837
|
}
|
|
1838
1838
|
});
|
|
1839
1839
|
}
|
|
1840
|
-
|
|
1840
|
+
var $93304d59a9747aa6$var$_tmpl$ = ["<div", ' class="', '" style="', '">', "</div>"];
|
|
1841
1841
|
function $93304d59a9747aa6$export$94026ee33dbabc26(props) {
|
|
1842
|
-
return $5vyXB$solidjsweb.ssr($93304d59a9747aa6$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), `${$5vyXB$solidjsweb.escape($5vyXB$solidjsweb.escape("s-image-container", true), true)}${$5vyXB$solidjsweb.escape(props.class, true) || ""}`, $5vyXB$solidjsweb.ssrStyle(`padding-bottom:calc(calc(1 / ${props.aspectRatio}) * 100%)`), $5vyXB$solidjsweb.escape(props.children));
|
|
1842
|
+
return $5vyXB$solidjsweb.ssr($93304d59a9747aa6$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), `${$5vyXB$solidjsweb.escape($5vyXB$solidjsweb.escape("s-image-container", true), true)} ${$5vyXB$solidjsweb.escape(props.class, true) || ""}`, $5vyXB$solidjsweb.ssrStyle(`padding-bottom:calc(calc(1 / ${props.aspectRatio}) * 100%)`), $5vyXB$solidjsweb.escape(props.children));
|
|
1843
1843
|
}
|
|
1844
1844
|
function $19950faaac026e09$export$e6fffe67d4cdd848(whatToWatch) {
|
|
1845
1845
|
const [size, setSize] = $5vyXB$solidjs.createSignal(0);
|
|
@@ -2084,11 +2084,11 @@ function $e8327f98c8ee28d7$export$9d4a4b669b1929ab(props) {
|
|
|
2084
2084
|
}
|
|
2085
2085
|
}));
|
|
2086
2086
|
}
|
|
2087
|
-
|
|
2087
|
+
var $3a1c4fee88fb8672$var$_tmpl$ = ["<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"></path></svg>'];
|
|
2088
2088
|
function $3a1c4fee88fb8672$export$9ca09caa9c849d9c() {
|
|
2089
2089
|
return $5vyXB$solidjsweb.ssr($3a1c4fee88fb8672$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey());
|
|
2090
2090
|
}
|
|
2091
|
-
|
|
2091
|
+
var $1f3b5fa875714dea$var$_tmpl$ = ["<a", ">", "</a>"],
|
|
2092
2092
|
$1f3b5fa875714dea$var$_tmpl$2 = ["<div", ' class="', '"><div class="image-part" style="', '">', "</div><!--$-->", '<!--/--><h3 class="title">', "</h3></div>"],
|
|
2093
2093
|
$1f3b5fa875714dea$var$_tmpl$3 = ["<div", ' class="empty-image" style="', '">', "</div>"];
|
|
2094
2094
|
const $1f3b5fa875714dea$var$aspectRatioWidthComponent = 402.67;
|
|
@@ -2180,11 +2180,11 @@ function $1f3b5fa875714dea$export$ea41102db9bd68c3({
|
|
|
2180
2180
|
function $1f3b5fa875714dea$var$EmptyImage() {
|
|
2181
2181
|
return $5vyXB$solidjsweb.ssr($1f3b5fa875714dea$var$_tmpl$3, $5vyXB$solidjsweb.ssrHydrationKey(), "aspect-ratio:" + $5vyXB$solidjsweb.escape($1f3b5fa875714dea$var$listingSuggestionCollageAspectRatio, true), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $3a1c4fee88fb8672$export$9ca09caa9c849d9c), {})));
|
|
2182
2182
|
}
|
|
2183
|
-
|
|
2183
|
+
var $0f313083912e447a$var$_tmpl$ = ["<svg", ' xmlns="http://www.w3.org/2000/svg"', ' viewBox="0 0 14 26"><path d="M2 24.656c-.078 0-.156-.016-.234-.047s-.133-.066-.187-.129c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422l10.371-10.371L1.578 2.883c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422.258-.176.422-.176.305.059.422.176l10.805 10.793a.59.59 0 0 1 .176.434c0 .172-.059.305-.176.422L2.422 24.48a.42.42 0 0 1-.199.129.54.54 0 0 1-.223.047zm0 0" fill="#0f0f0f"></path></svg>'];
|
|
2184
2184
|
function $0f313083912e447a$export$8be2714ec7f169ee(props = {}) {
|
|
2185
2185
|
return $5vyXB$solidjsweb.ssr($0f313083912e447a$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.ssrAttribute("width", $5vyXB$solidjsweb.escape(props.width_, true) ?? 14, false) + $5vyXB$solidjsweb.ssrAttribute("height", $5vyXB$solidjsweb.escape(props.height_, true) ?? 26, false));
|
|
2186
2186
|
}
|
|
2187
|
-
|
|
2187
|
+
var $a0e53f99354809d9$var$_tmpl$ = ["<div", ">", "</div>"],
|
|
2188
2188
|
$a0e53f99354809d9$var$_tmpl$2 = ["<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">', "</div></div>"];
|
|
2189
2189
|
function $a0e53f99354809d9$export$6649caad96ef8870({
|
|
2190
2190
|
children: children,
|
|
@@ -2238,7 +2238,7 @@ function $a0e53f99354809d9$export$6649caad96ef8870({
|
|
|
2238
2238
|
}
|
|
2239
2239
|
});
|
|
2240
2240
|
}
|
|
2241
|
-
|
|
2241
|
+
var $f48d0fbb00835aaa$var$_tmpl$ = ["<div", ' class="', '">', "</div>"],
|
|
2242
2242
|
$f48d0fbb00835aaa$var$_tmpl$2 = ["<style", ' type="text/css">', "</style>"];
|
|
2243
2243
|
function $f48d0fbb00835aaa$export$d21e32dfedac04be(props) {
|
|
2244
2244
|
const container_class = "x" + $5vyXB$solidjs.createUniqueId();
|
|
@@ -2348,7 +2348,7 @@ function $f48d0fbb00835aaa$export$445d8d3f5f706a40(props, container_element, ins
|
|
|
2348
2348
|
if (insert_after_container) container_element.after(style_element);
|
|
2349
2349
|
return [container_element, view_more_button_container(), view_less_button_container(), style_element];
|
|
2350
2350
|
}
|
|
2351
|
-
|
|
2351
|
+
var $83e616b38be339e4$var$_tmpl$ = ["<div", ' class="visual-listing-suggestions" style="', '"><h2>', "</h2><!--$-->", "<!--/--></div>"],
|
|
2352
2352
|
$83e616b38be339e4$var$_tmpl$2 = ["<div", ' class="suggestion-container">', "</div>"];
|
|
2353
2353
|
function $83e616b38be339e4$export$c8d7e00464029b45({
|
|
2354
2354
|
listing_suggestions_: listing_suggestions_,
|
|
@@ -2424,7 +2424,7 @@ function $83e616b38be339e4$export$c8d7e00464029b45({
|
|
|
2424
2424
|
}
|
|
2425
2425
|
});
|
|
2426
2426
|
}
|
|
2427
|
-
|
|
2427
|
+
var $a13dbcf80d79229c$var$_tmpl$ = ["<div", ' style="', '"><div class="title-row"><h2>', "</h2><!--$-->", '<!--/--></div><div class="suggestion-container">', "</div></div>"],
|
|
2428
2428
|
$a13dbcf80d79229c$var$_tmpl$2 = ["<a", ' class="', '"', ">", "</a>"];
|
|
2429
2429
|
function $a13dbcf80d79229c$export$d4994a86c6235f72({
|
|
2430
2430
|
search_query_url_param_name_: search_query_url_param_name_,
|
|
@@ -2490,7 +2490,7 @@ function $a13dbcf80d79229c$export$d4994a86c6235f72({
|
|
|
2490
2490
|
}
|
|
2491
2491
|
});
|
|
2492
2492
|
}
|
|
2493
|
-
|
|
2493
|
+
var $76cc2eca42351e01$var$_tmpl$ = ["<button", ' class="delete" type="button">', "</button>"];
|
|
2494
2494
|
const $76cc2eca42351e01$var$MAX_PREVIOUS = 3;
|
|
2495
2495
|
function $76cc2eca42351e01$export$af1fb307bbba2417({
|
|
2496
2496
|
search_field_value_: search_field_value_,
|
|
@@ -2630,7 +2630,7 @@ function $d33c352ba8e07bc2$export$b608d7df125109f1({
|
|
|
2630
2630
|
|
|
2631
2631
|
return suggestionsResource;
|
|
2632
2632
|
}
|
|
2633
|
-
|
|
2633
|
+
var $b8660a70353e03cf$var$_tmpl$ = ["<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"></path></svg>'];
|
|
2634
2634
|
function $b8660a70353e03cf$export$3fcbcd8bd3e0290f() {
|
|
2635
2635
|
return $5vyXB$solidjsweb.ssr($b8660a70353e03cf$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey());
|
|
2636
2636
|
}
|
|
@@ -2652,9 +2652,10 @@ function $3b9f2020814c7876$export$66d1697a0f27069c(modalLayoutStacked) {
|
|
|
2652
2652
|
instantResultsIndex_: instantResultsIndex_
|
|
2653
2653
|
};
|
|
2654
2654
|
}
|
|
2655
|
-
|
|
2656
|
-
$11597ae03e703a47$var$_tmpl$2 = ["<
|
|
2657
|
-
$11597ae03e703a47$var$_tmpl$3 = ["<
|
|
2655
|
+
var $11597ae03e703a47$var$_tmpl$ = ["<div", ' class="instant-results-wrapper" style="', '"><h2>', "</h2><!--$-->", "<!--/--></div>"],
|
|
2656
|
+
$11597ae03e703a47$var$_tmpl$2 = ["<div", ' class="', '"></div>'],
|
|
2657
|
+
$11597ae03e703a47$var$_tmpl$3 = ["<div", ' class="', '"><div class="', '"><!--$-->', '<!--/--><div class="', '"></div><div class="discover-more"><button class="major" type="button">', "</button></div></div><!--$-->", "<!--/--></div>"],
|
|
2658
|
+
$11597ae03e703a47$var$_tmpl$4 = ["<b", ">", "</b>"];
|
|
2658
2659
|
/**
|
|
2659
2660
|
* Second generation search modal - the solid component that gets added to <body> when the search modal is opened
|
|
2660
2661
|
*/
|
|
@@ -2685,7 +2686,8 @@ function $11597ae03e703a47$var$RawSearchModalV2({
|
|
|
2685
2686
|
content_search_enabled_: content_search_enabled_,
|
|
2686
2687
|
sorting_query_param_: sorting_query_param_,
|
|
2687
2688
|
filter_query_param_prefix_: filter_query_param_prefix_,
|
|
2688
|
-
setSearchFieldOuterWidth_: setSearchFieldOuterWidth_
|
|
2689
|
+
setSearchFieldOuterWidth_: setSearchFieldOuterWidth_,
|
|
2690
|
+
forceUseDiv_: forceUseDiv_
|
|
2689
2691
|
}) {
|
|
2690
2692
|
let on_enter_in_search_field_function;
|
|
2691
2693
|
// 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.
|
|
@@ -2911,6 +2913,10 @@ function $11597ae03e703a47$var$RawSearchModalV2({
|
|
|
2911
2913
|
});
|
|
2912
2914
|
}
|
|
2913
2915
|
})]);
|
|
2916
|
+
const DialogElement = props => {
|
|
2917
|
+
if (forceUseDiv_) return $5vyXB$solidjsweb.ssrElement("div", props, () => $5vyXB$solidjsweb.escape(props.children), true);
|
|
2918
|
+
return $5vyXB$solidjsweb.ssrElement("dialog", props, () => $5vyXB$solidjsweb.escape(props.children), true);
|
|
2919
|
+
};
|
|
2914
2920
|
const search_field = $66b8b9a9613c141d$export$b94867ecbd698f21({
|
|
2915
2921
|
BackIcon_: () => $5vyXB$solidjsweb.createComponent((0, $b8660a70353e03cf$export$11e9f390c90a537f), {}),
|
|
2916
2922
|
input_field_ref_: element => set_input_field(element),
|
|
@@ -2934,16 +2940,28 @@ function $11597ae03e703a47$var$RawSearchModalV2({
|
|
|
2934
2940
|
resizeObserver.observe(search_field);
|
|
2935
2941
|
$5vyXB$solidjs.onCleanup(() => resizeObserver.disconnect());
|
|
2936
2942
|
}
|
|
2937
|
-
return [$5vyXB$solidjsweb.
|
|
2938
|
-
|
|
2939
|
-
|
|
2943
|
+
return [$5vyXB$solidjsweb.createComponent(DialogElement, {
|
|
2944
|
+
get id() {
|
|
2945
|
+
return (0, $0b6e2070a98de347$export$44dad306455dddf).SEARCH_MODAL;
|
|
2946
|
+
},
|
|
2947
|
+
"class": "depict plp search",
|
|
2948
|
+
get classList() {
|
|
2949
|
+
return class_list_?.();
|
|
2950
|
+
},
|
|
2951
|
+
onClose: close_modal_,
|
|
2952
|
+
get children() {
|
|
2953
|
+
return [$5vyXB$solidjsweb.ssr($11597ae03e703a47$var$_tmpl$2, $5vyXB$solidjsweb.ssrHydrationKey(), `depict-search-modal-backdrop ${$5vyXB$solidjsweb.escape($5vyXB$solidjsweb.escape(backdropRandomClassname, true), true)}`), $5vyXB$solidjsweb.ssr($11597ae03e703a47$var$_tmpl$3, $5vyXB$solidjsweb.ssrHydrationKey(), `depict-search-modal ${modalLayoutStacked_() ? "stacked" : ""}`, `body ${$5vyXB$solidjsweb.escape($5vyXB$solidjsweb.escape(random_classname_body, true), true)}`, $5vyXB$solidjsweb.escape(search_field), `padded ${noResults() ? "no-results" : ""}`, get_search_field_value_() ? $5vyXB$solidjsweb.escape(i18n_.modal_view_all_results_()($5vyXB$solidjsweb.ssr($11597ae03e703a47$var$_tmpl$4, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.escape(formattedTotalNumberResults())))) : $5vyXB$solidjsweb.escape(i18n_.modal_discover_more_()), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $b776f25acdda22eb$export$f021bdedd3ec901a), {
|
|
2954
|
+
styles: mergedCssObject
|
|
2955
|
+
})))];
|
|
2956
|
+
}
|
|
2957
|
+
})];
|
|
2940
2958
|
}
|
|
2941
2959
|
const $11597ae03e703a47$export$b0c55aa2e87c4be7 = /*@__PURE__*/(() => {
|
|
2942
2960
|
$11597ae03e703a47$var$RawSearchModalV2[(0, $ad1fa088e5509cca$export$1ea76ea778b880dd)] = 2;
|
|
2943
2961
|
$11597ae03e703a47$var$RawSearchModalV2[(0, $ad1fa088e5509cca$export$89890212b43f1b60)] = (0, $b8660a70353e03cf$export$11e9f390c90a537f);
|
|
2944
2962
|
return $11597ae03e703a47$var$RawSearchModalV2;
|
|
2945
2963
|
})();
|
|
2946
|
-
|
|
2964
|
+
var $8c38828ae2321937$var$_tmpl$ = ["<section", ' aria-live="polite" role="region" class="tabs-body">', "</section>"],
|
|
2947
2965
|
$8c38828ae2321937$var$_tmpl$2 = ["<nav", ' role="tablist" class="tabs-bar">', "</nav>"],
|
|
2948
2966
|
$8c38828ae2321937$var$_tmpl$3 = ["<article", ' role="tabpanel" class="', '" style="', '">', "</article>"];
|
|
2949
2967
|
const $8c38828ae2321937$var$TabsContext = /*@__PURE__*/$5vyXB$solidjs.createContext();
|
|
@@ -3316,7 +3334,7 @@ class $e96dd13889871fc0$export$7e1297a3a19f10d8 {
|
|
|
3316
3334
|
this.on_navigation_ = on_navigation;
|
|
3317
3335
|
}
|
|
3318
3336
|
}
|
|
3319
|
-
|
|
3337
|
+
var $bbe694fe824b9c78$var$_tmpl$ = ["<div", ' class="image-container">', "</div>"];
|
|
3320
3338
|
function $bbe694fe824b9c78$export$41e1a079d40a0d58(props) {
|
|
3321
3339
|
const [display] = $5vyXB$solidjs.createResource(() => ({
|
|
3322
3340
|
merchant: props.merchant_,
|
|
@@ -3372,7 +3390,7 @@ function $bbe694fe824b9c78$export$41e1a079d40a0d58(props) {
|
|
|
3372
3390
|
})));
|
|
3373
3391
|
}
|
|
3374
3392
|
const $6b502b1b2155a0bc$export$5c28802497c8a83c = /*@__PURE__*/Symbol("category_title_type");
|
|
3375
|
-
|
|
3393
|
+
var $0b23bfd073d9a4e8$var$_tmpl$ = ["<div", ' class="category-title"><h1 class="title">', '</h1><span class="explanation"> \u2014 <!--$-->', "<!--/--></span></div>"];
|
|
3376
3394
|
const $0b23bfd073d9a4e8$export$b91cec6bdc6b32a1 = /*@__PURE__*/(() => {
|
|
3377
3395
|
const actual_function = ({
|
|
3378
3396
|
category_title_: category_title_,
|
|
@@ -3491,7 +3509,7 @@ function $0caf87eaa19079da$var$Placeholder({
|
|
|
3491
3509
|
});
|
|
3492
3510
|
}
|
|
3493
3511
|
|
|
3494
|
-
|
|
3512
|
+
var $b8e79813f4f7ebe4$var$_tmpl$ = ["<h2", ' class="recs-title">', "</h2>"],
|
|
3495
3513
|
$b8e79813f4f7ebe4$var$_tmpl$2 = ["<div", ' class="recommendation-grid"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"];
|
|
3496
3514
|
function $b8e79813f4f7ebe4$export$7da560f849543dff({
|
|
3497
3515
|
recommendations_resource_: recommendations_resource_,
|
|
@@ -3618,7 +3636,7 @@ function $95837413165cc2df$export$23fca46f3143581f(component, error_message) {
|
|
|
3618
3636
|
// we're already in a root so cleanups are handled
|
|
3619
3637
|
return component_in_error_boundary();
|
|
3620
3638
|
}
|
|
3621
|
-
|
|
3639
|
+
var $1f8dbf7e28b3eff2$var$_tmpl$ = ["<button", ' class="show-more major" type="button">', "</button>"],
|
|
3622
3640
|
$1f8dbf7e28b3eff2$var$_tmpl$2 = ["<div", ' class="depict plp recommendations">', "</div>"];
|
|
3623
3641
|
function $1f8dbf7e28b3eff2$export$9756467d34d91cdb(props) {
|
|
3624
3642
|
return $95837413165cc2df$export$23fca46f3143581f(() => {
|
|
@@ -3774,7 +3792,7 @@ function $f55548318724b05c$export$6b35356958ae5587(props) {
|
|
|
3774
3792
|
}
|
|
3775
3793
|
});
|
|
3776
3794
|
}
|
|
3777
|
-
|
|
3795
|
+
var $b0ceb08960135d83$var$_tmpl$ = ["<div", ' class="top-bar"><button class="close">', "</button></div>"],
|
|
3778
3796
|
$b0ceb08960135d83$var$_tmpl$2 = ["<div", ' class="below-top-bar"><h2>Outfit recommendations</h2><div class="image-and-suggestions"><!--$-->', '<!--/--><div class="tabs">', "</div></div></div>"],
|
|
3779
3797
|
$b0ceb08960135d83$var$_tmpl$3 = ["<div", ' id="depict-shop-the-look-modal" class="depict shop-the-look"><div class="shop-the-look-backdrop"></div><div class="modal-contents">', "</div></div>"];
|
|
3780
3798
|
function $b0ceb08960135d83$export$a3cbef418994a664(props) {
|
|
@@ -3823,7 +3841,7 @@ function $b0ceb08960135d83$export$a3cbef418994a664(props) {
|
|
|
3823
3841
|
}
|
|
3824
3842
|
})))];
|
|
3825
3843
|
}
|
|
3826
|
-
|
|
3844
|
+
var $a5f3eaa1a24bbc1e$var$_tmpl$ = ["<div", ">Failed fetching shop the look recommendations</div>"];
|
|
3827
3845
|
const $a5f3eaa1a24bbc1e$var$CANT_FETCH = "Failed fetching shop the look recommendations";
|
|
3828
3846
|
let $a5f3eaa1a24bbc1e$var$setModalShouldBeOpen;
|
|
3829
3847
|
let $a5f3eaa1a24bbc1e$var$modalProps;
|
|
@@ -3937,7 +3955,7 @@ function $f13855d1b951b24a$export$ebdc3711f7e02ccd(what_to_watch) {
|
|
|
3937
3955
|
});
|
|
3938
3956
|
return width;
|
|
3939
3957
|
}
|
|
3940
|
-
|
|
3958
|
+
var $363ce4d1d71041aa$var$_tmpl$ = ["<h2", ' class="recs-title">', "</h2>"];
|
|
3941
3959
|
function $363ce4d1d71041aa$export$d41d19e89346fa2({
|
|
3942
3960
|
recommendations_resource_: recommendations_resource_,
|
|
3943
3961
|
product_card_template_: product_card_template_,
|
|
@@ -4001,7 +4019,7 @@ function $363ce4d1d71041aa$export$d41d19e89346fa2({
|
|
|
4001
4019
|
children: slider
|
|
4002
4020
|
});
|
|
4003
4021
|
}
|
|
4004
|
-
|
|
4022
|
+
var $72f96c4782db0b1b$var$_tmpl$ = ["<div", ' class="depict recommendations">', "</div>"];
|
|
4005
4023
|
function $72f96c4782db0b1b$export$9574e176201e5e8d(props) {
|
|
4006
4024
|
return $95837413165cc2df$export$23fca46f3143581f(() => {
|
|
4007
4025
|
const grid_spacing_override = $5vyXB$solidjs.createMemo(() => {
|
|
@@ -4150,7 +4168,7 @@ function $daa394359b026187$export$325f75597868c4f0(stuff) {
|
|
|
4150
4168
|
if (typeof stuff !== "string") return stuff;
|
|
4151
4169
|
return stuff.toLowerCase();
|
|
4152
4170
|
}
|
|
4153
|
-
|
|
4171
|
+
var $235a2771a44e28e9$var$_tmpl$ = ["<button", ' class="clear-all-filters minor">', "</button>"],
|
|
4154
4172
|
$235a2771a44e28e9$var$_tmpl$2 = ["<div", ' class="inner"><span class="title"><!--$-->', "<!--/-->: </span><!--$-->", "<!--/--></div>"],
|
|
4155
4173
|
$235a2771a44e28e9$var$_tmpl$3 = ["<button", ' class="clear-filter major"><!--$-->', "<!--/--><span><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--> \u2013 <!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></span></button>"],
|
|
4156
4174
|
$235a2771a44e28e9$var$_tmpl$4 = ["<button", ' class="clear-filter major"><!--$-->', "<!--/--><span>", "</span></button>"];
|
|
@@ -4351,7 +4369,7 @@ function $235a2771a44e28e9$export$fecbb157621501bd({
|
|
|
4351
4369
|
}));
|
|
4352
4370
|
return outmost_element;
|
|
4353
4371
|
}
|
|
4354
|
-
|
|
4372
|
+
var $1c63082b2da848ad$var$_tmpl$ = ["<span", ' class="count">', "</span>"],
|
|
4355
4373
|
$1c63082b2da848ad$var$_tmpl$2 = ["<label", ' class="', '"', '><div class="left"><input type="checkbox"', "", "", '><span class="custom-indicator"></span><span class="text line-clamp">', "</span></div><!--$-->", "<!--/--></label>"];
|
|
4356
4374
|
const $1c63082b2da848ad$export$48513f6b9f8ce62d = props => {
|
|
4357
4375
|
/* 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
|
|
@@ -4371,7 +4389,7 @@ const $1c63082b2da848ad$export$48513f6b9f8ce62d = props => {
|
|
|
4371
4389
|
})))
|
|
4372
4390
|
);
|
|
4373
4391
|
};
|
|
4374
|
-
|
|
4392
|
+
var $cc43b6428000c4bf$var$_tmpl$ = '<path d="M10.173 5.548H5.5V.875c0-.075-.027-.14-.081-.193S5.301.601 5.226.601s-.14.027-.193.081-.081.118-.081.193v4.673H.274c-.075 0-.14.027-.193.081A.27.27 0 0 0 0 5.827c0 .075.027.14.081.193s.118.081.193.081h4.678v4.673c0 .075.027.14.081.193s.118.081.193.081.14-.027.193-.081.081-.118.081-.193V6.101h4.673a.27.27 0 0 0 .199-.081c.054-.054.08-.118.08-.193a.27.27 0 0 0-.279-.279z" fill="#000"></path>';
|
|
4375
4393
|
function $cc43b6428000c4bf$export$f21ab0717a89c77f(props) {
|
|
4376
4394
|
return $5vyXB$solidjsweb.ssrElement("svg", $5vyXB$solidjsweb.mergeProps(props, {
|
|
4377
4395
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -4379,14 +4397,14 @@ function $cc43b6428000c4bf$export$f21ab0717a89c77f(props) {
|
|
|
4379
4397
|
height: "12"
|
|
4380
4398
|
}), () => $5vyXB$solidjsweb.ssr($cc43b6428000c4bf$var$_tmpl$), true);
|
|
4381
4399
|
}
|
|
4382
|
-
|
|
4400
|
+
var $0fe1e7efdf4200d6$var$_tmpl$ = ["<button", ' type="button" class="', '"><!--$-->', "<!--/--><span>", "</span></button>"];
|
|
4383
4401
|
function $0fe1e7efdf4200d6$export$ca21a16d65b3dd8({
|
|
4384
4402
|
show_extras_: [get_show_extras, set_show_extras],
|
|
4385
4403
|
i18n_: i18n_
|
|
4386
4404
|
}) {
|
|
4387
4405
|
return $5vyXB$solidjsweb.ssr($0fe1e7efdf4200d6$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), `expand-filter ${get_show_extras() ? "expanded" : ""}`, $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $cc43b6428000c4bf$export$f21ab0717a89c77f), {})), get_show_extras() ? $5vyXB$solidjsweb.escape(i18n_.view_less_()) : $5vyXB$solidjsweb.escape(i18n_.view_more_()));
|
|
4388
4406
|
}
|
|
4389
|
-
|
|
4407
|
+
var $d94869c80e337a3d$var$_tmpl$ = ["<form", ' class="checkboxes"><!--$-->', "<!--/--><!--$-->", "<!--/--></form>"];
|
|
4390
4408
|
const $d94869c80e337a3d$var$max_visible_without_collapsing = 15;
|
|
4391
4409
|
const $d94869c80e337a3d$var$show_non_collapsible_when_collapsed = 4;
|
|
4392
4410
|
function $d94869c80e337a3d$export$dd948f91abc3a1c4({
|
|
@@ -4501,7 +4519,7 @@ function $d94869c80e337a3d$export$dd948f91abc3a1c4({
|
|
|
4501
4519
|
children: render_checkbox
|
|
4502
4520
|
})), $5vyXB$solidjsweb.escape(expanding_container_els));
|
|
4503
4521
|
}
|
|
4504
|
-
|
|
4522
|
+
var $c1dc1554c1b94233$var$_tmpl$ = ["<form", ' class="radios">', "</form>"],
|
|
4505
4523
|
$c1dc1554c1b94233$var$_tmpl$2 = ["<span", ' class="count">', "</span>"],
|
|
4506
4524
|
$c1dc1554c1b94233$var$_tmpl$3 = ["<label", ' class="', '"', '><div class="left"><input type="radio"', "", '><span class="custom-indicator"></span><!--$-->', "<!--/--></div><!--$-->", "<!--/--></label>"];
|
|
4507
4525
|
function $c1dc1554c1b94233$export$430444115f70a734({
|
|
@@ -4562,7 +4580,7 @@ function $c1dc1554c1b94233$export$430444115f70a734({
|
|
|
4562
4580
|
}
|
|
4563
4581
|
})));
|
|
4564
4582
|
}
|
|
4565
|
-
|
|
4583
|
+
var $0b7222ba8a8bb72f$var$_tmpl$ = ["<div", ' class="', '"><div class="input-group"><div class="field"><input', ' type="number"', '></div><div class="separator">-</div><div class="field"><input', ' type="number"', "></div></div><!--$-->", '<!--/--><div class="value-text"><span class="min"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", '<!--/--></span><span class="max"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></span></div></div>"],
|
|
4566
4584
|
$0b7222ba8a8bb72f$var$_tmpl$2 = ["<div", ' class="slider"><div class="progress" style="', '"></div></div>'],
|
|
4567
4585
|
$0b7222ba8a8bb72f$var$_tmpl$3 = ["<div", ' class="range-group"><input', ' type="range"', ' step="any"><input', ' type="range"', ' step="any"></div>'];
|
|
4568
4586
|
function $0b7222ba8a8bb72f$export$e0d834a0ad870cda({
|
|
@@ -4765,7 +4783,7 @@ function $0b7222ba8a8bb72f$var$set_range_with_sanitation(min_, max_, current_ran
|
|
|
4765
4783
|
new_value[index] = value_as_number;
|
|
4766
4784
|
current_range_signal[1](new_value);
|
|
4767
4785
|
}
|
|
4768
|
-
|
|
4786
|
+
var $7567511a7c3e4bd7$var$_tmpl$ = ["<div", ' class="morphing-sign" role="img"', "><span></span><span></span></div>"];
|
|
4769
4787
|
function $7567511a7c3e4bd7$export$e5c2828934226505({
|
|
4770
4788
|
expanded_: expanded_,
|
|
4771
4789
|
i18n_: i18n_
|
|
@@ -4799,7 +4817,7 @@ function $7567511a7c3e4bd7$export$e5c2828934226505({
|
|
|
4799
4817
|
});
|
|
4800
4818
|
return outer_div;
|
|
4801
4819
|
}
|
|
4802
|
-
|
|
4820
|
+
var $5ea5a82e398f6f44$var$_tmpl$ = ["<span", ' class="highlighted-part">', "</span>"];
|
|
4803
4821
|
const $5ea5a82e398f6f44$var$dont_cut_in_between_less_than_characters = 30;
|
|
4804
4822
|
function $5ea5a82e398f6f44$export$e1a98a189fd2c0e7({
|
|
4805
4823
|
content_result_: content_result_,
|
|
@@ -5016,7 +5034,7 @@ function $5ea5a82e398f6f44$export$1b00d74faf266c56(text, matched_strings, loose
|
|
|
5016
5034
|
}
|
|
5017
5035
|
return output;
|
|
5018
5036
|
}
|
|
5019
|
-
|
|
5037
|
+
var $f6efb1605fcb9f39$var$_tmpl$ = ["<span", ' class="', '">', "</span>"],
|
|
5020
5038
|
$f6efb1605fcb9f39$var$_tmpl$2 = ["<span", ' class="highlighted-part">', "</span>"];
|
|
5021
5039
|
function $f6efb1605fcb9f39$export$8e79c28529dbfa90(props) {
|
|
5022
5040
|
const segmented_text = $5vyXB$solidjs.createMemo(() => {
|
|
@@ -5046,7 +5064,7 @@ function $f6efb1605fcb9f39$export$8e79c28529dbfa90(props) {
|
|
|
5046
5064
|
}
|
|
5047
5065
|
})));
|
|
5048
5066
|
}
|
|
5049
|
-
|
|
5067
|
+
var $3bdc00a1353c1150$var$_tmpl$ = ["<form", ' class="', '"><!--$-->', "<!--/--><!--$-->", "<!--/--></form>"],
|
|
5050
5068
|
$3bdc00a1353c1150$var$_tmpl$2 = ["<div", ' class="', '"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"],
|
|
5051
5069
|
$3bdc00a1353c1150$var$_tmpl$3 = ["<details", "></details>"],
|
|
5052
5070
|
$3bdc00a1353c1150$var$_tmpl$4 = ["<summary", ' class="category-parent"><div class="summary"><span class="', '">', "</span><!--$-->", "<!--/--></div></summary>"];
|
|
@@ -5472,7 +5490,7 @@ function $3bdc00a1353c1150$var$expand_until_choice(data_structure) {
|
|
|
5472
5490
|
}
|
|
5473
5491
|
});
|
|
5474
5492
|
}
|
|
5475
|
-
|
|
5493
|
+
var $0ef1681699140f1a$var$_tmpl$ = ["<div", ' class="checkbox-grid" style="position:absolute;z-index:-1;pointer-events:none;opacity:0">', "</div>"],
|
|
5476
5494
|
$0ef1681699140f1a$var$_tmpl$2 = ["<span", ' class="count-wrapper"><span class="count">', "</span></span>"];
|
|
5477
5495
|
const $0ef1681699140f1a$var$gap_px = 5;
|
|
5478
5496
|
const $0ef1681699140f1a$var$max_columns = 3;
|
|
@@ -5657,7 +5675,7 @@ function $0ef1681699140f1a$var$adjust_sizes(container_width, sizes, set_cols_at_
|
|
|
5657
5675
|
overrides: column_to_row_result
|
|
5658
5676
|
}]]);
|
|
5659
5677
|
}
|
|
5660
|
-
|
|
5678
|
+
var $b51a2b8b9355e66c$var$_tmpl$ = ["<form", ' class="checkbox-color"><!--$-->', "<!--/--><!--$-->", "<!--/--></form>"];
|
|
5661
5679
|
const $b51a2b8b9355e66c$var$max_visible_without_collapsing = 30;
|
|
5662
5680
|
const $b51a2b8b9355e66c$var$show_non_collapsible_when_collapsed = 8;
|
|
5663
5681
|
function $b51a2b8b9355e66c$export$82ed4b28ecb67608({
|
|
@@ -5824,7 +5842,7 @@ var $a636ca15e3d3570d$export$2e2bcd8739ae039 = {
|
|
|
5824
5842
|
"checkbox-grid": (0, $0ef1681699140f1a$export$414f6a19d38e655c),
|
|
5825
5843
|
"checkbox-color": (0, $b51a2b8b9355e66c$export$82ed4b28ecb67608)
|
|
5826
5844
|
};
|
|
5827
|
-
|
|
5845
|
+
var $0f4656eaf6c22d1d$var$_tmpl$ = '<path d="M4.617 12.738a.48.48 0 0 1-.164-.027c-.051-.023-.094-.055-.129-.098L.125 8.414A.39.39 0 0 1 0 8.117c0-.113.039-.211.125-.293s.18-.125.293-.125.215.043.297.125l3.902 3.902L16.086.262c.082-.082.18-.125.297-.125s.211.043.293.125.125.184.125.301-.043.215-.125.297L4.914 12.613c-.039.043-.086.078-.141.098s-.102.027-.156.027zm0 0"></path>';
|
|
5828
5846
|
function $0f4656eaf6c22d1d$export$f2ca6fc699ca1fb4(props = {}) {
|
|
5829
5847
|
return $5vyXB$solidjsweb.ssrElement("svg", $5vyXB$solidjsweb.mergeProps({
|
|
5830
5848
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -5832,7 +5850,7 @@ function $0f4656eaf6c22d1d$export$f2ca6fc699ca1fb4(props = {}) {
|
|
|
5832
5850
|
height: "14"
|
|
5833
5851
|
}, props), () => $5vyXB$solidjsweb.ssr($0f4656eaf6c22d1d$var$_tmpl$), true);
|
|
5834
5852
|
}
|
|
5835
|
-
|
|
5853
|
+
var $b064919833b3e80b$var$_tmpl$ = ["<span", ' class="show-selected" aria-hidden="true"><span>', "</span><!--$-->", "<!--/--></span>"];
|
|
5836
5854
|
function $b064919833b3e80b$export$53c59af873b303c9({
|
|
5837
5855
|
selected_filters_in_group_: selected_filters_in_group_,
|
|
5838
5856
|
i18n_: {
|
|
@@ -5944,7 +5962,7 @@ function $8c939a05b87fbbbc$export$ab34afce88557c0e(props) {
|
|
|
5944
5962
|
}));
|
|
5945
5963
|
return is_open;
|
|
5946
5964
|
}
|
|
5947
|
-
|
|
5965
|
+
var $47d8681015b71901$var$_tmpl$ = ["<div", ' class="search-in-filters"><input type="text" class="query"', "><!--$-->", '<!--/--><button style="', '" class="clear-filter-search">', "</button></div>"];
|
|
5948
5966
|
const $47d8681015b71901$var$min_items_to_enable_filter_searching = 15; // For checkbox color and checkbox grid we 2x this
|
|
5949
5967
|
function $47d8681015b71901$export$4b2c5292ffe0c5dd(filter_array_, section, i18n_) {
|
|
5950
5968
|
const [filter_query_, set_filter_query_] = $5vyXB$solidjs.createSignal();
|
|
@@ -6070,7 +6088,7 @@ function $47d8681015b71901$export$4b2c5292ffe0c5dd(filter_array_, section, i18n_
|
|
|
6070
6088
|
function $47d8681015b71901$var$find_str_arr_in_str_arr_arr(operation, haystack, needle) {
|
|
6071
6089
|
return haystack[operation](value => value.length === needle.length && value.every((item, index) => item === needle[index]));
|
|
6072
6090
|
}
|
|
6073
|
-
|
|
6091
|
+
var $aff9a96d30ed3563$var$_tmpl$ = ["<div", ' class="filter-collapsible">', "</div>"],
|
|
6074
6092
|
$aff9a96d30ed3563$var$_tmpl$2 = ["<button", ' class="clear-group"><!--$-->', "<!--/--><span>", "</span></button>"],
|
|
6075
6093
|
$aff9a96d30ed3563$var$_tmpl$3 = ["<div", ' class="view-more-clear"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"],
|
|
6076
6094
|
$aff9a96d30ed3563$var$_tmpl$4 = ["<div", ' class="filter-collapsible-body"><div class="filter-part"><!--$-->', "<!--/--><!--$-->", "<!--/--></div><!--$-->", "<!--/--></div>"],
|
|
@@ -6895,7 +6913,7 @@ function $76b6ac05693f5c71$export$205efb947c7ffd78(handler, passive = true, over
|
|
|
6895
6913
|
$5vyXB$solidjs.onCleanup(() => listen_on.removeEventListener(event, catchified_handler));
|
|
6896
6914
|
}
|
|
6897
6915
|
}
|
|
6898
|
-
|
|
6916
|
+
var $401aee5f33dca9e2$var$_tmpl$ = ["<div", ' class="scroll-status" style="display:none"><span class="text"><b>', "</b> \u2013 <b>", "</b> <!--$-->", "<!--/--> <b>", "</b></span></div>"];
|
|
6899
6917
|
function $401aee5f33dca9e2$export$83fd5de5504a7a67({
|
|
6900
6918
|
formatted_number_of_results_: formatted_number_of_results_,
|
|
6901
6919
|
first_result_in_viewport_: [get_first_result_in_viewport],
|
|
@@ -7020,7 +7038,7 @@ function $401aee5f33dca9e2$export$83fd5de5504a7a67({
|
|
|
7020
7038
|
}
|
|
7021
7039
|
})), $5vyXB$solidjsweb.escape(of_()), $5vyXB$solidjsweb.escape(count_to_show()));
|
|
7022
7040
|
}
|
|
7023
|
-
|
|
7041
|
+
var $0d0b172488865048$var$_tmpl$ = ["<a", ' class="hint" href="javascript:void(0)">', "</a>"],
|
|
7024
7042
|
$0d0b172488865048$var$_tmpl$2 = ["<div", ' class="no-results"><div class="text">', "</div><!--$-->", "<!--/--></div>"];
|
|
7025
7043
|
function $0d0b172488865048$export$ef6006467f04ee41({
|
|
7026
7044
|
i18n_: i18n_,
|
|
@@ -7222,7 +7240,7 @@ function $ac167f6af6a48fc3$export$a1fd619a4743ca08({
|
|
|
7222
7240
|
})
|
|
7223
7241
|
});
|
|
7224
7242
|
}
|
|
7225
|
-
|
|
7243
|
+
var $75777da1687ba3f6$var$_tmpl$ = ["<style", ' type="text/css">', "</style>"];
|
|
7226
7244
|
const $75777da1687ba3f6$export$c500183c31c2b22e = "--spans-columns";
|
|
7227
7245
|
function $75777da1687ba3f6$export$ab6b147eec64fea5(props) {
|
|
7228
7246
|
const container_class = "x" + $5vyXB$solidjs.createUniqueId();
|
|
@@ -7343,7 +7361,7 @@ function $055384b985678603$export$a79e666719b3647c(cols_at_size_) {
|
|
|
7343
7361
|
});
|
|
7344
7362
|
return n_cols_currently_showing;
|
|
7345
7363
|
}
|
|
7346
|
-
|
|
7364
|
+
var $d92f338ba8f9da9b$var$_tmpl$ = ["<div", ' class="content-block-wrapper" style="', '">', "</div>"];
|
|
7347
7365
|
function $d92f338ba8f9da9b$export$791ef57e62e21c3f({
|
|
7348
7366
|
content_blocks_: incoming_content_blocks,
|
|
7349
7367
|
cols_at_size_: cols_at_size_,
|
|
@@ -7516,7 +7534,7 @@ function $d92f338ba8f9da9b$var$RenderContent(props) {
|
|
|
7516
7534
|
children: resource
|
|
7517
7535
|
});
|
|
7518
7536
|
}
|
|
7519
|
-
|
|
7537
|
+
var $fe76fb463cc60b89$var$_tmpl$ = ["<div", ' class="', '"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"];
|
|
7520
7538
|
function $fe76fb463cc60b89$export$3925f87b1545cfc6({
|
|
7521
7539
|
plp_results_: plp_results_,
|
|
7522
7540
|
depict_api_: depict_api_,
|
|
@@ -7776,7 +7794,7 @@ function $fe76fb463cc60b89$export$3925f87b1545cfc6({
|
|
|
7776
7794
|
}
|
|
7777
7795
|
})), $5vyXB$solidjsweb.escape(desktop_filter_elements_()));
|
|
7778
7796
|
}
|
|
7779
|
-
|
|
7797
|
+
var $be89be42ce9ea60f$var$_tmpl$ = ["<div", ' class="sorting-attributes">', "</div>"],
|
|
7780
7798
|
$be89be42ce9ea60f$var$_tmpl$2 = ["<div", ' class="sorting-direction">', "</div>"],
|
|
7781
7799
|
$be89be42ce9ea60f$var$_tmpl$3 = ["<div", '><div class="input-row"><input type="radio" disabled=""><span class="custom-indicator"></span><!--$-->', "<!--/--></div></div>"],
|
|
7782
7800
|
$be89be42ce9ea60f$var$_tmpl$4 = ["<div", '><label class="input-row"><input type="radio"', "", '><span class="custom-indicator"></span><!--$-->', "<!--/--></label></div>"];
|
|
@@ -7834,7 +7852,7 @@ function $be89be42ce9ea60f$export$1f1775a58da589b5({
|
|
|
7834
7852
|
}
|
|
7835
7853
|
});
|
|
7836
7854
|
}
|
|
7837
|
-
|
|
7855
|
+
var $f958b5ac0e4a78da$var$_tmpl$ = '<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>',
|
|
7838
7856
|
$f958b5ac0e4a78da$var$_tmpl$2 = '<path d="M10.852 6.301H8.051a.35.35 0 0 1-.352-.352V4.551a.35.35 0 0 1 .352-.352h2.801a.35.35 0 0 1 .348.352v1.398a.35.35 0 0 1-.348.352zm-2.453-.699H10.5v-.703H8.398zm3.851 3.5H8.051c-.195 0-.352-.16-.352-.352V7.352A.35.35 0 0 1 8.051 7h4.199c.191 0 .352.156.352.352V8.75c0 .191-.16.352-.352.352zm-3.852-.703h3.5V7.7h-3.5zm5.25 3.499H8.051a.35.35 0 0 1-.352-.348v-1.402a.35.35 0 0 1 .352-.348h5.598a.35.35 0 0 1 .352.348v1.402a.35.35 0 0 1-.352.348zm-5.25-.699H13.3V10.5H8.398zm0 0"></path>';
|
|
7839
7857
|
function $f958b5ac0e4a78da$export$da32f7add8a22e86(props = {}) {
|
|
7840
7858
|
return $5vyXB$solidjsweb.ssrElement("svg", $5vyXB$solidjsweb.mergeProps({
|
|
@@ -7844,7 +7862,7 @@ function $f958b5ac0e4a78da$export$da32f7add8a22e86(props = {}) {
|
|
|
7844
7862
|
"class": "sort-icon"
|
|
7845
7863
|
}, props), () => [$5vyXB$solidjsweb.ssr($f958b5ac0e4a78da$var$_tmpl$), $5vyXB$solidjsweb.ssr($f958b5ac0e4a78da$var$_tmpl$2)], true);
|
|
7846
7864
|
}
|
|
7847
|
-
|
|
7865
|
+
var $046db47e0326c715$var$_tmpl$ = '<path d="M6.199 10.254a.35.35 0 0 0-.496 0L3.5 12.453V.348a.35.35 0 0 0-.7 0v12.105L.598 10.254c-.137-.137-.359-.137-.492 0a.35.35 0 0 0 0 .492l2.797 2.801a.35.35 0 0 0 .496 0L6.2 10.746c.137-.137.137-.355 0-.492zm3.25 1.644H8.051a.35.35 0 0 1-.352-.348v-1.402a.35.35 0 0 1 .352-.348h1.398a.35.35 0 0 1 .352.348v1.402a.35.35 0 0 1-.352.348zm-1.051-.699h.703V10.5h-.703zm2.454-2.097H8.051c-.195 0-.352-.16-.352-.352V7.352A.35.35 0 0 1 8.051 7h2.801a.35.35 0 0 1 .348.352V8.75c0 .191-.156.352-.348.352zm-2.453-.703H10.5V7.7H8.398zm3.851-2.098H8.051a.35.35 0 0 1-.352-.352V4.551a.35.35 0 0 1 .352-.352h4.199c.191 0 .352.156.352.352v1.398c0 .195-.16.352-.352.352zm-3.852-.699h3.5v-.703h-3.5zm5.25-2.102H8.051a.35.35 0 0 1-.352-.352V1.75c0-.191.156-.352.352-.352h5.598c.195 0 .352.16.352.352v1.398a.35.35 0 0 1-.352.352zm-5.25-.699H13.3v-.699H8.398zm0 0"></path>';
|
|
7848
7866
|
function $046db47e0326c715$export$d10e63059ddb9fd4(props = {}) {
|
|
7849
7867
|
return $5vyXB$solidjsweb.ssrElement("svg", $5vyXB$solidjsweb.mergeProps({
|
|
7850
7868
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -7853,7 +7871,7 @@ function $046db47e0326c715$export$d10e63059ddb9fd4(props = {}) {
|
|
|
7853
7871
|
"class": "sort-icon"
|
|
7854
7872
|
}, props), () => $5vyXB$solidjsweb.ssr($046db47e0326c715$var$_tmpl$), true);
|
|
7855
7873
|
}
|
|
7856
|
-
|
|
7874
|
+
var $02215fefc955d01e$var$_tmpl$ = ["<svg", ' xmlns="http://www.w3.org/2000/svg" width="14" height="15" class="filter-icon"><path d="M1.75 14.697c-.096 0-.178-.034-.246-.103s-.103-.15-.103-.246V8.75c0-.096.034-.178.103-.246s.15-.103.246-.103.178.034.246.103.103.15.103.246v5.599c0 .096-.034.178-.103.246s-.15.103-.246.103zm0-9.796c-.096 0-.178-.034-.246-.103s-.103-.15-.103-.246v-3.5c0-.1.034-.185.103-.253s.15-.103.246-.103.178.034.246.103.103.153.103.253v3.5c0 .096-.034.178-.103.246s-.15.103-.246.103zm.697 2.796H1.053c-.292 0-.54-.103-.745-.308S0 6.938 0 6.651s.103-.54.308-.745.453-.308.745-.308h1.395c.292 0 .54.103.745.308s.308.453.308.745-.103.533-.308.738-.453.308-.745.308zM1.053 6.303c-.1 0-.185.034-.253.103s-.103.15-.103.246.034.178.103.246S.952 7 1.053 7h1.395c.1 0 .185-.034.253-.103s.103-.15.103-.246-.034-.178-.103-.246-.153-.103-.253-.103H1.053zm5.599 8.395c-.096 0-.178-.034-.246-.103s-.103-.15-.103-.246v-2.796c0-.1.034-.184.103-.253s.15-.102.246-.102.178.034.246.102.103.153.103.253v2.796c0 .096-.034.178-.103.246s-.15.103-.246.103zm0-7c-.096 0-.178-.034-.246-.103s-.103-.15-.103-.246V1.053c0-.1.034-.185.103-.253s.15-.103.246-.103.178.034.246.103S7 .952 7 1.053v6.296c0 .096-.034.178-.103.246s-.15.103-.246.103zm.697 2.803H5.947c-.287 0-.533-.102-.738-.308s-.308-.453-.308-.745.103-.533.308-.738.451-.308.738-.308h1.401c.292 0 .54.103.745.308s.308.451.308.738-.103.54-.308.745-.453.308-.745.308zM5.947 9.099c-.096 0-.178.034-.246.103s-.103.15-.103.246.034.185.103.253.15.103.246.103h1.401c.096 0 .178-.034.246-.103s.103-.153.103-.253-.034-.178-.103-.246-.15-.103-.246-.103H5.947zm5.605 5.599c-.1 0-.184-.034-.253-.103s-.102-.15-.102-.246v-7c0-.096.034-.178.102-.246S11.453 7 11.553 7s.178.034.246.103.103.15.103.246v7c0 .096-.034.178-.103.246s-.15.103-.246.103zm0-11.197c-.1 0-.184-.034-.253-.103s-.102-.15-.102-.246V1.053c0-.1.034-.185.102-.253s.153-.103.253-.103.178.034.246.103.103.153.103.253v2.099c0 .096-.034.178-.103.246s-.15.103-.246.103zm.697 2.803h-1.401c-.287 0-.533-.103-.738-.308s-.308-.453-.308-.745.103-.54.308-.745.451-.308.738-.308h1.401c.292 0 .54.103.745.308s.308.453.308.745-.102.54-.308.745-.453.308-.745.308zm-1.401-1.401c-.096 0-.178.034-.246.103s-.102.15-.102.246.034.178.102.246.15.103.246.103h1.401c.096 0 .178-.034.246-.103s.102-.15.102-.246-.034-.178-.102-.246-.15-.103-.246-.103h-1.401z"></path></svg>'];
|
|
7857
7875
|
function $02215fefc955d01e$export$28f6150e232898de() {
|
|
7858
7876
|
return $5vyXB$solidjsweb.ssr($02215fefc955d01e$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey());
|
|
7859
7877
|
}
|
|
@@ -7865,7 +7883,7 @@ function $02215fefc955d01e$export$28f6150e232898de() {
|
|
|
7865
7883
|
function $7e91f9b0c6d56424$export$50f68cc9882e36a4(args_for_filtering) {
|
|
7866
7884
|
return args_for_filtering.available_filters_()?.length === 0 && !args_for_filtering.selected_filters_[0]()?.length;
|
|
7867
7885
|
}
|
|
7868
|
-
|
|
7886
|
+
var $1872ceb56ede7a52$var$_tmpl$ = ["<button", ' class="clear minor">', "</button>"],
|
|
7869
7887
|
$1872ceb56ede7a52$var$_tmpl$2 = ["<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" style="', '"><!--$-->', "<!--/--><!--$-->", '<!--/--></div><div class="bottom-row"><!--$-->', '<!--/--><button class="show-results major">', "</button></div></div></div>"],
|
|
7870
7888
|
$1872ceb56ede7a52$var$_tmpl$3 = ["<details", ' class="sorting"></details>'],
|
|
7871
7889
|
$1872ceb56ede7a52$var$_tmpl$4 = ["<summary", ' class="sort-filter-summary"><div class="summary"><div class="left-els"><!--$-->', "<!--/--><span>", "</span></div><!--$-->", "<!--/--></div></summary>"],
|
|
@@ -7974,11 +7992,11 @@ function $1872ceb56ede7a52$export$9bf11afa910f536e({
|
|
|
7974
7992
|
}
|
|
7975
7993
|
})), $5vyXB$solidjsweb.escape(i18n_.show_n_results_()($5vyXB$solidjsweb.ssr($1872ceb56ede7a52$var$_tmpl$7, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.escape(formatted_number_of_results_())))))];
|
|
7976
7994
|
}
|
|
7977
|
-
|
|
7995
|
+
var $f49857214f7675b1$var$_tmpl$ = ["<svg", ' xmlns="http://www.w3.org/2000/svg" width="14" height="14"><path d="M12.949 7.699H.352A.35.35 0 0 1 0 7.352.35.35 0 0 1 .352 7h12.598a.35.35 0 0 1 .352.352.35.35 0 0 1-.352.348zm0 0"></path></svg>'];
|
|
7978
7996
|
function $f49857214f7675b1$export$cb808a3c41736d8e() {
|
|
7979
7997
|
return $5vyXB$solidjsweb.ssr($f49857214f7675b1$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey());
|
|
7980
7998
|
}
|
|
7981
|
-
|
|
7999
|
+
var $f8f64d05c525825b$var$_tmpl$ = ["<div", ' class="filters"><div class="body">', "</div></div>"],
|
|
7982
8000
|
$f8f64d05c525825b$var$_tmpl$2 = ["<div", ' class="sorting"><div class="body">', "</div></div>"],
|
|
7983
8001
|
$f8f64d05c525825b$var$_tmpl$3 = ["<div", ' class="sort-and-filter-buttons"><div class="outer"><div class="inner"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></div></div></div>"],
|
|
7984
8002
|
$f8f64d05c525825b$var$_tmpl$4 = ["<span", ' class="num-filters" style="', '">', "</span>"],
|
|
@@ -8166,7 +8184,7 @@ function $f8f64d05c525825b$var$OpenFiltersButton({
|
|
|
8166
8184
|
get children() {
|
|
8167
8185
|
return $5vyXB$solidjsweb.ssr($f8f64d05c525825b$var$_tmpl$4, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.ssrStyle(filters_closed() ? `` : `opacity:0`), $5vyXB$solidjsweb.escape(num_selected_filters()));
|
|
8168
8186
|
}
|
|
8169
|
-
})), $5vyXB$solidjsweb.ssrAttribute("tabindex", $5vyXB$solidjsweb.escape(tabindex_, true), false), `${!filters_closed() ? "major" : ""} ${filters_closed() ? "minor" : ""}${"filter toggle-button major-minor-transition" + ((0, $5vyXB$solidjsweb.isServer) ? " minor" : "")}`, $5vyXB$solidjsweb.ssrAttribute("aria-label", $5vyXB$solidjsweb.escape((filters_closed() ? i18n_.open_filters_ : i18n_.close_filters_)(), true), false), $5vyXB$solidjsweb.ssrStyle(filter_button_width_?.() ? {
|
|
8187
|
+
})), $5vyXB$solidjsweb.ssrAttribute("tabindex", $5vyXB$solidjsweb.escape(tabindex_, true), false), `${!filters_closed() ? "major" : ""} ${filters_closed() ? "minor" : ""} ${"filter toggle-button major-minor-transition" + ((0, $5vyXB$solidjsweb.isServer) ? " minor" : "")}`, $5vyXB$solidjsweb.ssrAttribute("aria-label", $5vyXB$solidjsweb.escape((filters_closed() ? i18n_.open_filters_ : i18n_.close_filters_)(), true), false), $5vyXB$solidjsweb.ssrStyle(filter_button_width_?.() ? {
|
|
8170
8188
|
width: filter_button_width_() + "px"
|
|
8171
8189
|
} : {}), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $5vyXB$solidjs.Show), {
|
|
8172
8190
|
get when() {
|
|
@@ -8294,11 +8312,11 @@ function $ee498ec5e7dc2bba$export$5196e4c01fa56fcb({
|
|
|
8294
8312
|
close_toast_: close_toast_
|
|
8295
8313
|
};
|
|
8296
8314
|
}
|
|
8297
|
-
|
|
8315
|
+
var $084b6a0ee1d481de$var$_tmpl$ = ["<svg", ' xmlns="http://www.w3.org/2000/svg" width="14" height="14"><path d="M6.402.453L2.203 4.652a.35.35 0 0 0 0 .496c.137.137.359.137.492 0l3.605-3.605v11.406a.35.35 0 0 0 .348.352.35.35 0 0 0 .352-.352V1.543l3.602 3.605a.35.35 0 0 0 .496 0c.066-.07.102-.16.102-.25a.35.35 0 0 0-.102-.246L6.895.453c-.133-.137-.355-.137-.492 0zm0 0"></path></svg>'];
|
|
8298
8316
|
function $084b6a0ee1d481de$export$2624c5890f1bbcf7() {
|
|
8299
8317
|
return $5vyXB$solidjsweb.ssr($084b6a0ee1d481de$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey());
|
|
8300
8318
|
}
|
|
8301
|
-
|
|
8319
|
+
var $2fb324fbcc7b4a7b$var$_tmpl$ = ["<div", ' class="', '"><button class="filter"', "><div>", '</div></button><button class="sort"', "><div>", '</div></button><button class="up"', "><div>", "</div></button></div>"];
|
|
8302
8320
|
function $2fb324fbcc7b4a7b$export$b23abd26de154ede(props) {
|
|
8303
8321
|
if (0, $5vyXB$solidjsweb.isServer) return; // won't show in initial render and need scroll position
|
|
8304
8322
|
const [is_small, set_is_small] = $5vyXB$solidjs.createSignal(true);
|
|
@@ -8396,7 +8414,7 @@ function $2fb324fbcc7b4a7b$var$ActualFloatingButtons({
|
|
|
8396
8414
|
}));
|
|
8397
8415
|
return $5vyXB$solidjsweb.ssr($2fb324fbcc7b4a7b$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), `floating-buttons ${is_scrolling_upwards() && modal_is_closed() && !regular_buttons_are_in_view() && !get_is_showing_toast() ? "show-them" : ""}`, $5vyXB$solidjsweb.ssrAttribute("aria-label", $5vyXB$solidjsweb.escape(i18n_.filter_text_(), true), false), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $02215fefc955d01e$export$28f6150e232898de), {})), $5vyXB$solidjsweb.ssrAttribute("aria-label", $5vyXB$solidjsweb.escape(i18n_.sorting_text_(), true), false), current_sorting_[0]()?.order === "asc" ? $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $f958b5ac0e4a78da$export$da32f7add8a22e86), {})) : $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $046db47e0326c715$export$d10e63059ddb9fd4), {})), $5vyXB$solidjsweb.ssrAttribute("aria-label", $5vyXB$solidjsweb.escape(i18n_.scroll_to_top_(), true), false), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $084b6a0ee1d481de$export$2624c5890f1bbcf7), {})));
|
|
8398
8416
|
}
|
|
8399
|
-
|
|
8417
|
+
var $8cceb1d3a967f369$var$_tmpl$ = ["<nav", ' class="quicklinks"', ">", "</nav>"],
|
|
8400
8418
|
$8cceb1d3a967f369$var$_tmpl$2 = ["<div", ">QuickLinks failed</div>"],
|
|
8401
8419
|
$8cceb1d3a967f369$var$_tmpl$3 = ["<a", ' class="', '"', ">", "</a>"];
|
|
8402
8420
|
function $8cceb1d3a967f369$export$466cdc317043f6cb({
|
|
@@ -8683,7 +8701,7 @@ function $8cd545330f2674dc$export$210f130a61ac1e8d(fn) {
|
|
|
8683
8701
|
});
|
|
8684
8702
|
return external_value;
|
|
8685
8703
|
}
|
|
8686
|
-
|
|
8704
|
+
var $47e2cc552c02110c$var$_tmpl$ = ["<div", ' class="statement">', "</div>"],
|
|
8687
8705
|
$47e2cc552c02110c$var$_tmpl$2 = ["<div", ' class="buttons"><button class="restore minor">', '</button><button class="ok major">', "</button></div>"];
|
|
8688
8706
|
function $47e2cc552c02110c$export$8895d39404bd2bb1(props) {
|
|
8689
8707
|
let previous_sorting;
|
|
@@ -8860,7 +8878,7 @@ function $6a8e766e914723d8$export$d31a1a1a83ad9413(plp_results_, [get_selected_f
|
|
|
8860
8878
|
set_selected_filters(new_filters);
|
|
8861
8879
|
});
|
|
8862
8880
|
}
|
|
8863
|
-
|
|
8881
|
+
var $840d88a04b2d22a7$var$_tmpl$ = ["<div", ' class="product-count"><!--$-->', "<!--/--> <!--$-->", "<!--/--></div>"],
|
|
8864
8882
|
$840d88a04b2d22a7$var$_tmpl$2 = ["<div", "></div>"],
|
|
8865
8883
|
$840d88a04b2d22a7$var$_tmpl$3 = ["<div", ' class="filter-results-for-one-row"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"],
|
|
8866
8884
|
$840d88a04b2d22a7$var$_tmpl$4 = ["<div", ' class="depict plp category"><div class="listing-page"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></div><!--$-->", "<!--/--></div>"];
|
|
@@ -9348,7 +9366,7 @@ function $c79fd10a3ab7d6e0$var$start_href_writer({
|
|
|
9348
9366
|
function $c79fd10a3ab7d6e0$var$delete_sideways_param_flag(searchParams) {
|
|
9349
9367
|
if (searchParams.get((0, $1ab22f2cd39b3061$export$cf5feb2102aec7f2)) === "true") searchParams.delete((0, $1ab22f2cd39b3061$export$cf5feb2102aec7f2));
|
|
9350
9368
|
}
|
|
9351
|
-
|
|
9369
|
+
var $48567ac5b39bac56$var$_tmpl$ = ["<div", ' class="depict plp category">', "</div>"];
|
|
9352
9370
|
// We just pass page_url_creator to DepictAPI when we instantiate it, so don't allow it to be specified if api is already specified
|
|
9353
9371
|
/**
|
|
9354
9372
|
* Type for the private properties that are shared between the different exported search SDK wrapper functions.
|
|
@@ -9624,7 +9642,7 @@ function $48567ac5b39bac56$var$get_shared_properties(depict_category) {
|
|
|
9624
9642
|
if (!shared_properties) throw new Error("Can't connect to provided DepictCategory instance");
|
|
9625
9643
|
return shared_properties;
|
|
9626
9644
|
}
|
|
9627
|
-
|
|
9645
|
+
var $85b747260aa175c9$var$_tmpl$ = ["<div", ' class="sort-and-filter-buttons fake" aria-hidden="true" style="position:absolute;z-index:-1;pointer-events:none;opacity:0"><div class="outer"><div class="inner"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></div></div></div>"];
|
|
9628
9646
|
const $85b747260aa175c9$export$824dde41348efed1 = /*@__PURE__*/(() => {
|
|
9629
9647
|
const actual_function = ({
|
|
9630
9648
|
make_product_count_: make_product_count_,
|
|
@@ -9773,7 +9791,7 @@ async function $6382a1b83da39674$var$download_categories(merchant, market, local
|
|
|
9773
9791
|
|
|
9774
9792
|
/* @refresh reload */ /** @jsxImportSource solid-js */
|
|
9775
9793
|
|
|
9776
|
-
|
|
9794
|
+
var $dae23104ba8bb78c$var$_tmpl$ = ["<span", ' class="parent-title">', "</span>"],
|
|
9777
9795
|
$dae23104ba8bb78c$var$_tmpl$2 = ["<a", ' class="category-suggestion"', '><span class="title">', "</span><!--$-->", "<!--/--></a>"];
|
|
9778
9796
|
function $dae23104ba8bb78c$export$d757d54550ebfb3d({
|
|
9779
9797
|
category_suggestion_: category_suggestion_,
|
|
@@ -9789,7 +9807,7 @@ function $dae23104ba8bb78c$export$d757d54550ebfb3d({
|
|
|
9789
9807
|
}
|
|
9790
9808
|
})));
|
|
9791
9809
|
}
|
|
9792
|
-
|
|
9810
|
+
var $fb29c6201c369e39$var$_tmpl$ = ["<div", ' class="search-recs"><h3 class="search-recs-title">', "</h3><!--$-->", "<!--/--><!--$-->", "<!--/--></div>"],
|
|
9793
9811
|
$fb29c6201c369e39$var$_tmpl$2 = ["<button", ' class="show-more major" type="button">', "</button>"];
|
|
9794
9812
|
const $fb29c6201c369e39$export$1c8c715550dc689d = 2;
|
|
9795
9813
|
function $fb29c6201c369e39$export$7de92c4c2205ebf3({
|
|
@@ -10044,7 +10062,7 @@ function $fd463ff0edb29915$export$b3ad617e9036868({
|
|
|
10044
10062
|
}));
|
|
10045
10063
|
return align_position;
|
|
10046
10064
|
}
|
|
10047
|
-
|
|
10065
|
+
var $04048c1bef16c249$var$_tmpl$ = ["<div", ' class="category-suggestions">', "</div>"],
|
|
10048
10066
|
$04048c1bef16c249$var$_tmpl$2 = ["<div", ' class="category-suggestion">', "</div>"];
|
|
10049
10067
|
function $04048c1bef16c249$export$c05a196222ba1302({
|
|
10050
10068
|
suggestions_: suggestions_,
|
|
@@ -10083,7 +10101,7 @@ function $04048c1bef16c249$export$c05a196222ba1302({
|
|
|
10083
10101
|
}
|
|
10084
10102
|
});
|
|
10085
10103
|
}
|
|
10086
|
-
|
|
10104
|
+
var $65a0c4b1c2eb5d0b$var$_tmpl$ = ["<b", ">", "</b>"],
|
|
10087
10105
|
$65a0c4b1c2eb5d0b$var$_tmpl$2 = ["<div", ' class="results-for">', "</div>"];
|
|
10088
10106
|
function $65a0c4b1c2eb5d0b$export$9dd50d35b9d94fdf({
|
|
10089
10107
|
get_search_query_: get_search_query_,
|
|
@@ -10109,6 +10127,7 @@ function $2005eec80e40088f$export$41b4894022a3580f({
|
|
|
10109
10127
|
alignmentSignals_ = {
|
|
10110
10128
|
body_: $5vyXB$solidjs.createSignal({}),
|
|
10111
10129
|
field_: $5vyXB$solidjs.createSignal({}),
|
|
10130
|
+
backdrop_: $5vyXB$solidjs.createSignal({}),
|
|
10112
10131
|
...alignmentSignals_
|
|
10113
10132
|
};
|
|
10114
10133
|
const [, set_style_props] = alignmentSignals_.body_;
|
|
@@ -10126,7 +10145,7 @@ function $2005eec80e40088f$export$41b4894022a3580f({
|
|
|
10126
10145
|
})));
|
|
10127
10146
|
return alignmentSignals_;
|
|
10128
10147
|
}
|
|
10129
|
-
|
|
10148
|
+
var $76227de40be817e5$var$_tmpl$ = ["<div", ' class="description line-clamp">', "</div>"],
|
|
10130
10149
|
$76227de40be817e5$var$_tmpl$2 = ["<div", ' class="content-card"><div class="image">', '</div><div class="info"><!--$-->', "<!--/--><!--$-->", "<!--/--></div></div>"];
|
|
10131
10150
|
function $76227de40be817e5$export$f631859cab12b342({
|
|
10132
10151
|
router_: router_,
|
|
@@ -10254,7 +10273,7 @@ function $c2f92eb265a14529$export$4405d077f0a20494({
|
|
|
10254
10273
|
children: () => $5vyXB$solidjsweb.createComponent((0, $76227de40be817e5$export$f631859cab12b342), {})
|
|
10255
10274
|
});
|
|
10256
10275
|
}
|
|
10257
|
-
|
|
10276
|
+
var $3716b8caf7f959e2$var$_tmpl$ = ["<div", ' class="content-results" style="', '"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"],
|
|
10258
10277
|
$3716b8caf7f959e2$var$_tmpl$2 = ["<button", ' class="view-more">', "</button>"],
|
|
10259
10278
|
$3716b8caf7f959e2$var$_tmpl$3 = ["<button", ' class="view-less">', "</button>"];
|
|
10260
10279
|
const $3716b8caf7f959e2$export$70ceae36059a1036 = 1;
|
|
@@ -10340,13 +10359,13 @@ function $3716b8caf7f959e2$var$make_state_saved_rows(
|
|
|
10340
10359
|
}));
|
|
10341
10360
|
return rows;
|
|
10342
10361
|
}
|
|
10343
|
-
|
|
10362
|
+
var $5cbaffcb5602e671$var$_tmpl$ = ["<div", ' class="depict plp search">', "</div>"];
|
|
10344
10363
|
function $5cbaffcb5602e671$export$44f738469d5570cf({
|
|
10345
10364
|
actualField_: actualField_,
|
|
10346
10365
|
makeFakeField_: makeFakeField_,
|
|
10347
10366
|
wrap_: wrap_,
|
|
10348
|
-
bodyAlignmentSignal_: [,
|
|
10349
|
-
backdropStyleSignal_: [,
|
|
10367
|
+
bodyAlignmentSignal_: [, setBodyAlignment_],
|
|
10368
|
+
backdropStyleSignal_: [, setBackdropStyle_],
|
|
10350
10369
|
setPollAlignment_: setPollAlignment_,
|
|
10351
10370
|
submitButton_: submitButton_,
|
|
10352
10371
|
modalSearchFieldOuterWidth_: modalSearchFieldOuterWidth_
|
|
@@ -10383,8 +10402,8 @@ function $5cbaffcb5602e671$export$44f738469d5570cf({
|
|
|
10383
10402
|
} : {})
|
|
10384
10403
|
});
|
|
10385
10404
|
const pxOffCenter = $5vyXB$solidjs.untrack(innerWidthReactive) / 2 - (left + width / 2);
|
|
10386
|
-
const
|
|
10387
|
-
const
|
|
10405
|
+
const openDuration_ = pxOffCenter > 100 ? 250 : 125; // faster animations if little left-right movement
|
|
10406
|
+
const closeDuration_ = pxOffCenter > 100 ? 150 : 100;
|
|
10388
10407
|
setPollAlignment_(true);
|
|
10389
10408
|
// Fade out submit button so there aren't two overlapping buttons for a split second
|
|
10390
10409
|
submitButton_.animate([{
|
|
@@ -10392,7 +10411,7 @@ function $5cbaffcb5602e671$export$44f738469d5570cf({
|
|
|
10392
10411
|
}, {
|
|
10393
10412
|
opacity: 0
|
|
10394
10413
|
}], {
|
|
10395
|
-
duration:
|
|
10414
|
+
duration: openDuration_ / 3,
|
|
10396
10415
|
fill: "forwards"
|
|
10397
10416
|
});
|
|
10398
10417
|
$5vyXB$solidjs.createEffect(finished => {
|
|
@@ -10406,7 +10425,7 @@ function $5cbaffcb5602e671$export$44f738469d5570cf({
|
|
|
10406
10425
|
left: `${$5vyXB$solidjs.untrack(innerWidthReactive) / 2 - $5vyXB$solidjs.untrack(inModalFieldWidth) / 2}px`,
|
|
10407
10426
|
width: $5vyXB$solidjs.untrack(inModalFieldWidthPx)
|
|
10408
10427
|
}], {
|
|
10409
|
-
duration:
|
|
10428
|
+
duration: openDuration_,
|
|
10410
10429
|
easing: "ease-in"
|
|
10411
10430
|
}).finished.then(() => {
|
|
10412
10431
|
setPollAlignment_(false);
|
|
@@ -10428,25 +10447,16 @@ function $5cbaffcb5602e671$export$44f738469d5570cf({
|
|
|
10428
10447
|
});
|
|
10429
10448
|
return true;
|
|
10430
10449
|
}, false);
|
|
10431
|
-
|
|
10432
|
-
|
|
10433
|
-
|
|
10434
|
-
|
|
10435
|
-
})
|
|
10436
|
-
|
|
10437
|
-
|
|
10438
|
-
|
|
10439
|
-
|
|
10440
|
-
|
|
10441
|
-
...prev,
|
|
10442
|
-
opacity: 0,
|
|
10443
|
-
transition: `opacity ${openDuration}ms ease-in`,
|
|
10444
|
-
"--js-animation-duration": `${openDuration}ms`
|
|
10445
|
-
}));
|
|
10446
|
-
requestAnimationFrame(() => setBodyAlignment(prev => ({
|
|
10447
|
-
...prev,
|
|
10448
|
-
opacity: 1
|
|
10449
|
-
})));
|
|
10450
|
+
$5vyXB$solidjs.onCleanup(() => {
|
|
10451
|
+
// If we get cleaned up, reset the state and cancel the timeout to make sure the timeout doesn't mess with the next animation
|
|
10452
|
+
clearTimeout(disableResizePollingTimeout);
|
|
10453
|
+
setPollAlignment_(false);
|
|
10454
|
+
});
|
|
10455
|
+
$5cbaffcb5602e671$export$e06dee46ebe7faa9({
|
|
10456
|
+
setBackdropStyle_: setBackdropStyle_,
|
|
10457
|
+
setBodyAlignment_: setBodyAlignment_,
|
|
10458
|
+
openDuration_: openDuration_
|
|
10459
|
+
});
|
|
10450
10460
|
$5vyXB$solidjs.onCleanup(() => {
|
|
10451
10461
|
addedToBody.remove();
|
|
10452
10462
|
fakeField.replaceWith(actualField_);
|
|
@@ -10456,16 +10466,11 @@ function $5cbaffcb5602e671$export$44f738469d5570cf({
|
|
|
10456
10466
|
width: width,
|
|
10457
10467
|
left: left
|
|
10458
10468
|
} = fakeField.getBoundingClientRect();
|
|
10459
|
-
|
|
10460
|
-
|
|
10461
|
-
|
|
10462
|
-
|
|
10463
|
-
})
|
|
10464
|
-
setBodyAlignment(prev => ({
|
|
10465
|
-
...prev,
|
|
10466
|
-
opacity: 0,
|
|
10467
|
-
transition: `opacity ${closeDuration}ms ease-out`
|
|
10468
|
-
}));
|
|
10469
|
+
$5cbaffcb5602e671$export$23d40cc5971c3acd({
|
|
10470
|
+
setBackdropStyle_: setBackdropStyle_,
|
|
10471
|
+
setBodyAlignment_: setBodyAlignment_,
|
|
10472
|
+
closeDuration_: closeDuration_
|
|
10473
|
+
});
|
|
10469
10474
|
await Promise.all([addedToBody.animate([{
|
|
10470
10475
|
width: $5vyXB$solidjs.untrack(inModalFieldWidthPx),
|
|
10471
10476
|
left: `${$5vyXB$solidjs.untrack(innerWidthReactive) / 2 - $5vyXB$solidjs.untrack(inModalFieldWidth) / 2}px`
|
|
@@ -10473,7 +10478,7 @@ function $5cbaffcb5602e671$export$44f738469d5570cf({
|
|
|
10473
10478
|
width: width + "px",
|
|
10474
10479
|
left: left + "px"
|
|
10475
10480
|
}], {
|
|
10476
|
-
duration:
|
|
10481
|
+
duration: closeDuration_,
|
|
10477
10482
|
fill: "forwards",
|
|
10478
10483
|
easing: "ease-out"
|
|
10479
10484
|
}).finished, submitButton_.animate([{
|
|
@@ -10481,8 +10486,8 @@ function $5cbaffcb5602e671$export$44f738469d5570cf({
|
|
|
10481
10486
|
}, {
|
|
10482
10487
|
opacity: 1
|
|
10483
10488
|
}], {
|
|
10484
|
-
duration:
|
|
10485
|
-
delay:
|
|
10489
|
+
duration: closeDuration_ / 3,
|
|
10490
|
+
delay: closeDuration_ * (2 / 3),
|
|
10486
10491
|
fill: "forwards"
|
|
10487
10492
|
}).finished]);
|
|
10488
10493
|
setPollAlignment_(false);
|
|
@@ -10490,7 +10495,68 @@ function $5cbaffcb5602e671$export$44f738469d5570cf({
|
|
|
10490
10495
|
};
|
|
10491
10496
|
});
|
|
10492
10497
|
}
|
|
10493
|
-
|
|
10498
|
+
function $5cbaffcb5602e671$export$e06dee46ebe7faa9({
|
|
10499
|
+
setBackdropStyle_: setBackdropStyle_,
|
|
10500
|
+
setBodyAlignment_: setBodyAlignment_,
|
|
10501
|
+
openDuration_: openDuration_
|
|
10502
|
+
}) {
|
|
10503
|
+
setBackdropStyle_(prev => ({
|
|
10504
|
+
...prev,
|
|
10505
|
+
opacity: 0,
|
|
10506
|
+
transition: `opacity ${openDuration_}ms ease-in`
|
|
10507
|
+
}));
|
|
10508
|
+
requestAnimationFrame(() => setBackdropStyle_(prev => ({
|
|
10509
|
+
...prev,
|
|
10510
|
+
opacity: 1
|
|
10511
|
+
})));
|
|
10512
|
+
setBodyAlignment_(prev => ({
|
|
10513
|
+
...prev,
|
|
10514
|
+
opacity: 0,
|
|
10515
|
+
transition: `opacity ${openDuration_}ms ease-in ${openDuration_ / 5}ms`,
|
|
10516
|
+
// Add a slight delay so the brightness of the modal isn't so jarring before the background has gotten darkened
|
|
10517
|
+
"--js-animation-duration": `${openDuration_}ms`
|
|
10518
|
+
}));
|
|
10519
|
+
requestAnimationFrame(() => setBodyAlignment_(prev => ({
|
|
10520
|
+
...prev,
|
|
10521
|
+
opacity: 1
|
|
10522
|
+
})));
|
|
10523
|
+
}
|
|
10524
|
+
function $5cbaffcb5602e671$export$23d40cc5971c3acd({
|
|
10525
|
+
setBackdropStyle_: setBackdropStyle_,
|
|
10526
|
+
setBodyAlignment_: setBodyAlignment_,
|
|
10527
|
+
closeDuration_: closeDuration_
|
|
10528
|
+
}) {
|
|
10529
|
+
setBackdropStyle_(prev => ({
|
|
10530
|
+
...prev,
|
|
10531
|
+
opacity: 0,
|
|
10532
|
+
transition: `opacity ${closeDuration_}ms ease-out`
|
|
10533
|
+
}));
|
|
10534
|
+
setBodyAlignment_(prev => ({
|
|
10535
|
+
...prev,
|
|
10536
|
+
opacity: 0,
|
|
10537
|
+
transition: `opacity ${closeDuration_}ms ease-out`
|
|
10538
|
+
}));
|
|
10539
|
+
}
|
|
10540
|
+
function $5cbaffcb5602e671$export$dab9321f3c157061(alignmentSignals, modalVersion) {
|
|
10541
|
+
const [, setBodyAlignment_] = alignmentSignals.body_;
|
|
10542
|
+
const [, setBackdropStyle_] = alignmentSignals.backdrop_ || $5vyXB$solidjs.createSignal({});
|
|
10543
|
+
// For default centered modal, also run our fading animations if search modal v2
|
|
10544
|
+
modalVersion === 2 && $5cbaffcb5602e671$export$e06dee46ebe7faa9({
|
|
10545
|
+
openDuration_: 125,
|
|
10546
|
+
setBodyAlignment_: setBodyAlignment_,
|
|
10547
|
+
setBackdropStyle_: setBackdropStyle_
|
|
10548
|
+
});
|
|
10549
|
+
const closingAnimation = modalVersion === 2 ? async () => {
|
|
10550
|
+
$5cbaffcb5602e671$export$23d40cc5971c3acd({
|
|
10551
|
+
closeDuration_: 100,
|
|
10552
|
+
setBodyAlignment_: setBodyAlignment_,
|
|
10553
|
+
setBackdropStyle_: setBackdropStyle_
|
|
10554
|
+
});
|
|
10555
|
+
await new Promise(r => setTimeout(r, 100));
|
|
10556
|
+
} : undefined;
|
|
10557
|
+
return closingAnimation;
|
|
10558
|
+
}
|
|
10559
|
+
var $f1d7cb69f839a526$var$_tmpl$ = ["<div", ' class="filter-results-for-one-row"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"],
|
|
10494
10560
|
$f1d7cb69f839a526$var$_tmpl$2 = ["<div", ' class="depict plp search"><div class="listing-page"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></div><!--$-->", "<!--/--><!--$-->", "<!--/--></div>"];
|
|
10495
10561
|
function $f1d7cb69f839a526$export$a54ec244c8863715({
|
|
10496
10562
|
depict_api_: depict_api_,
|
|
@@ -10728,10 +10794,12 @@ function $f1d7cb69f839a526$export$a54ec244c8863715({
|
|
|
10728
10794
|
closing_animation_: revert,
|
|
10729
10795
|
setSearchFieldOuterWidth_: setModalSearchFieldOuterWidth_
|
|
10730
10796
|
}, () => {
|
|
10731
|
-
// When modal is closed, reset style signals for next opening
|
|
10797
|
+
// When modal is closed, reset style signals for next opening so all animation related stuff gets reset
|
|
10732
10798
|
setModalBodyStyle({});
|
|
10733
10799
|
setModalFieldStyle({});
|
|
10734
10800
|
setModalBackdropStyle({});
|
|
10801
|
+
// And run the alignment code again so the modal is readily aligned when opened via a search button
|
|
10802
|
+
align_position?.();
|
|
10735
10803
|
input_field_accessor_value?.on_close_?.();
|
|
10736
10804
|
});
|
|
10737
10805
|
input_field_accessor_value?.on_open_?.();
|
|
@@ -11076,14 +11144,10 @@ class $2c61e4cd8229c49a$export$ac6237957a15b3f0 {
|
|
|
11076
11144
|
}
|
|
11077
11145
|
if (!open_signal_value[0]?.alignmentSignals_ && search_page_aligned_modal_alignment_signals_) {
|
|
11078
11146
|
// Open modal aligned with search page if no alignment specified and possible to align with search page
|
|
11079
|
-
|
|
11080
|
-
|
|
11081
|
-
alignmentSignals_: search_page_aligned_modal_alignment_signals_
|
|
11082
|
-
});
|
|
11083
|
-
return;
|
|
11084
|
-
}
|
|
11085
|
-
const [options_arg, ...rest] = open_signal_value;
|
|
11147
|
+
const [options_arg, ...rest] = open_signal_value === true ? [{}] : open_signal_value;
|
|
11148
|
+
const closingAnimation = $5cbaffcb5602e671$export$dab9321f3c157061(search_page_aligned_modal_alignment_signals_, modalVersion);
|
|
11086
11149
|
open_modal_({
|
|
11150
|
+
closing_animation_: closingAnimation,
|
|
11087
11151
|
...options_arg,
|
|
11088
11152
|
alignmentSignals_: search_page_aligned_modal_alignment_signals_
|
|
11089
11153
|
}, ...rest);
|
|
@@ -11091,16 +11155,19 @@ class $2c61e4cd8229c49a$export$ac6237957a15b3f0 {
|
|
|
11091
11155
|
}
|
|
11092
11156
|
// Open centered modal
|
|
11093
11157
|
const centeredModalAlignmentSignals = $2005eec80e40088f$export$41b4894022a3580f();
|
|
11158
|
+
const closingAnimation = $5cbaffcb5602e671$export$dab9321f3c157061(centeredModalAlignmentSignals, modalVersion);
|
|
11094
11159
|
if (signal_value_is_options) {
|
|
11095
11160
|
const [options_arg, ...rest] = open_signal_value;
|
|
11096
11161
|
open_modal_({
|
|
11162
|
+
closing_animation_: closingAnimation,
|
|
11097
11163
|
...options_arg,
|
|
11098
11164
|
alignmentSignals_: search_page_aligned_modal_alignment_signals_ || centeredModalAlignmentSignals
|
|
11099
11165
|
}, ...rest);
|
|
11100
11166
|
return;
|
|
11101
11167
|
}
|
|
11102
11168
|
open_modal_({
|
|
11103
|
-
alignmentSignals_: centeredModalAlignmentSignals
|
|
11169
|
+
alignmentSignals_: centeredModalAlignmentSignals,
|
|
11170
|
+
closing_animation_: closingAnimation
|
|
11104
11171
|
});
|
|
11105
11172
|
};
|
|
11106
11173
|
$5vyXB$solidjs.runWithOwner(owner, () => $5vyXB$solidjs.createEffect(modal_opening_effect));
|
|
@@ -11547,7 +11614,7 @@ function $0a6acf31d1eae57c$var$clean_url(url) {
|
|
|
11547
11614
|
url_object.hash = "";
|
|
11548
11615
|
return url_object.href;
|
|
11549
11616
|
}
|
|
11550
|
-
|
|
11617
|
+
var $c0a0659cf97e8eb2$var$_tmpl$ = ["<div", ' class="depict plp search">', "</div>"];
|
|
11551
11618
|
function $c0a0659cf97e8eb2$export$316f6f283ae64765(props) {
|
|
11552
11619
|
const {
|
|
11553
11620
|
depict_search: depict_search,
|