@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/ES10/index.cjs
CHANGED
|
@@ -92,7 +92,7 @@ $parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $33eed84f447a
|
|
|
92
92
|
$parcel$export(module.exports, "version", () => $aa1938dec50d6c12$export$83d89fbfd8236492);
|
|
93
93
|
$parcel$export(module.exports, "SearchField", () => $98aef9965764903d$export$316f6f283ae64765);
|
|
94
94
|
/*! Depict.ai search and product listing SDK */
|
|
95
|
-
const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.0.
|
|
95
|
+
const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.0.4";
|
|
96
96
|
function $a28000bc10de28ad$export$e417c49320921907(dependency, fetcher) {
|
|
97
97
|
const [promiseOfCurrentFetcherRun, setPromiseOfCurrentFetcherRun] = $3hooq$solidjs.createSignal();
|
|
98
98
|
const deparallelizedFetcher = $3hooq$depictaiutilishared.deparallelize_no_drop(async dependencyValue => {
|
|
@@ -184,7 +184,7 @@ function $3e17e871e9d0911d$export$d9f36cf74e24d595(media_query) {
|
|
|
184
184
|
}).remove);
|
|
185
185
|
return signal[0];
|
|
186
186
|
}
|
|
187
|
-
|
|
187
|
+
var $82d079b68975fbf7$var$_tmpl$ = ["<span", ' class="title line-clamp">', "</span>"],
|
|
188
188
|
$82d079b68975fbf7$var$_tmpl$2 = ["<span", ' class="brand">', "</span>"],
|
|
189
189
|
$82d079b68975fbf7$var$_tmpl$3 = ["<div", ' class="tagline line-clamp">', "</div>"],
|
|
190
190
|
$82d079b68975fbf7$var$_tmpl$4 = ["<span", ' class="orig price"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></span>"],
|
|
@@ -246,7 +246,7 @@ const $82d079b68975fbf7$export$b05c0ae390cf3e06 = _ref => {
|
|
|
246
246
|
}
|
|
247
247
|
})), $3hooq$solidjsweb.escape(i18n_.price_formatting_().post_));
|
|
248
248
|
};
|
|
249
|
-
|
|
249
|
+
var $e3d733f899558f40$var$_tmpl$ = ["<span", ' class="', '" style="', '"></span>'];
|
|
250
250
|
function $e3d733f899558f40$export$acb3eaade4b23afd(props) {
|
|
251
251
|
// Work around https://github.com/solidjs/solid/issues/1980
|
|
252
252
|
return $3hooq$solidjsweb.ssr($e3d733f899558f40$var$_tmpl$, $3hooq$solidjsweb.ssrHydrationKey(), "".concat($3hooq$solidjsweb.escape(props.class, true) || "", " depict-placeholder"), $3hooq$solidjsweb.ssrStyle(props.style));
|
|
@@ -306,7 +306,7 @@ function $a7f7d416e6f61504$export$89c6019e4baa40b1(props) {
|
|
|
306
306
|
}
|
|
307
307
|
});
|
|
308
308
|
}
|
|
309
|
-
|
|
309
|
+
var $c0cf6af094336798$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>"];
|
|
310
310
|
const $c0cf6af094336798$export$8a2234b5b1a5ebd4 = "--image-aspect-ratio";
|
|
311
311
|
function $c0cf6af094336798$export$ee1733d9a8495996() {
|
|
312
312
|
return $3hooq$solidjsweb.ssr($c0cf6af094336798$var$_tmpl$, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $b8a8d61b3ec5f5ac$export$3f37af283f8fb843), {
|
|
@@ -458,7 +458,7 @@ function $76012c4468a53d1f$var$deep_equal(obj1, obj2) {
|
|
|
458
458
|
}
|
|
459
459
|
return true;
|
|
460
460
|
}
|
|
461
|
-
|
|
461
|
+
var $6e8d48eea3d0469d$var$_tmpl$ = ["<div", ' class="instant-results" style="', '">', "</div>"];
|
|
462
462
|
function $6e8d48eea3d0469d$export$62f101a8aa597bf8(_ref) {
|
|
463
463
|
let {
|
|
464
464
|
depict_api_: depict_api_,
|
|
@@ -658,11 +658,11 @@ function $77fe1b91e837c071$export$91c3b6774e8be0f5(_ref) {
|
|
|
658
658
|
return u_o.href;
|
|
659
659
|
});
|
|
660
660
|
}
|
|
661
|
-
|
|
661
|
+
var $8767e7eba5066d2b$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>'];
|
|
662
662
|
function $8767e7eba5066d2b$export$5d2caaa6b530761c() {
|
|
663
663
|
return $3hooq$solidjsweb.ssr($8767e7eba5066d2b$var$_tmpl$, $3hooq$solidjsweb.ssrHydrationKey());
|
|
664
664
|
}
|
|
665
|
-
|
|
665
|
+
var $083b2336093176cf$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>';
|
|
666
666
|
function $083b2336093176cf$export$3b621d86b1566b2() {
|
|
667
667
|
let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
668
668
|
return $3hooq$solidjsweb.ssrElement("svg", $3hooq$solidjsweb.mergeProps({
|
|
@@ -672,7 +672,7 @@ function $083b2336093176cf$export$3b621d86b1566b2() {
|
|
|
672
672
|
viewBox: "0 0 21.064 21.064"
|
|
673
673
|
}, props), () => $3hooq$solidjsweb.ssr($083b2336093176cf$var$_tmpl$), true);
|
|
674
674
|
}
|
|
675
|
-
|
|
675
|
+
var $ca262da429af47ea$var$_tmpl$ = ["<div", ' class="previous-searches"><h2 class="text">', '</h2><div class="list">', "</div></div>"],
|
|
676
676
|
$ca262da429af47ea$var$_tmpl$2 = ["<a", ' class="', '"', '><div class="left"><!--$-->', '<!--/--><span class="line-clamp"', ">", '</span></div><button class="delete"', ">", "</button></a>"];
|
|
677
677
|
function $ca262da429af47ea$export$a146ac6fa8346a25(_ref) {
|
|
678
678
|
let {
|
|
@@ -714,7 +714,7 @@ function $ca262da429af47ea$export$a146ac6fa8346a25(_ref) {
|
|
|
714
714
|
}
|
|
715
715
|
});
|
|
716
716
|
}
|
|
717
|
-
|
|
717
|
+
var $23c3f390dee33ff8$var$_tmpl$ = ["<span", ' class="highlighted-part">', "</span>"],
|
|
718
718
|
$23c3f390dee33ff8$var$_tmpl$2 = ["<span", ' class="', '"', ">", "</span>"];
|
|
719
719
|
function $23c3f390dee33ff8$export$ba17c5b7e6dda39f(_ref) {
|
|
720
720
|
let {
|
|
@@ -768,7 +768,7 @@ function $23c3f390dee33ff8$export$ba17c5b7e6dda39f(_ref) {
|
|
|
768
768
|
}));
|
|
769
769
|
return $3hooq$solidjsweb.ssr($23c3f390dee33ff8$var$_tmpl$2, $3hooq$solidjsweb.ssrHydrationKey(), "".concat($3hooq$solidjsweb.escape(class_, true) || "", " ").concat(get_has_highlighted() ? "has-match" : ""), $3hooq$solidjsweb.ssrAttribute("title", $3hooq$solidjsweb.escape(whole_text_to_display_memo(), true), false), $3hooq$solidjsweb.escape(text_itself()));
|
|
770
770
|
}
|
|
771
|
-
|
|
771
|
+
var $5b88b077e48a4451$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>';
|
|
772
772
|
function $5b88b077e48a4451$export$82eafebb825fc23f() {
|
|
773
773
|
let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
774
774
|
return $3hooq$solidjsweb.ssrElement("svg", $3hooq$solidjsweb.mergeProps({
|
|
@@ -778,7 +778,7 @@ function $5b88b077e48a4451$export$82eafebb825fc23f() {
|
|
|
778
778
|
viewBox: "0 0 20 22"
|
|
779
779
|
}, props), () => $3hooq$solidjsweb.ssr($5b88b077e48a4451$var$_tmpl$), true);
|
|
780
780
|
}
|
|
781
|
-
|
|
781
|
+
var $3cf7b4db1e203c93$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>';
|
|
782
782
|
function $3cf7b4db1e203c93$export$605674723bcc715c() {
|
|
783
783
|
let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
784
784
|
return $3hooq$solidjsweb.ssrElement("svg", $3hooq$solidjsweb.mergeProps({
|
|
@@ -788,7 +788,7 @@ function $3cf7b4db1e203c93$export$605674723bcc715c() {
|
|
|
788
788
|
viewBox: "0 0 256 256"
|
|
789
789
|
}, props), () => $3hooq$solidjsweb.ssr($3cf7b4db1e203c93$var$_tmpl$), true);
|
|
790
790
|
}
|
|
791
|
-
|
|
791
|
+
var $210882b9ebe2b1d8$var$_tmpl$ = ["<a", ' class="', '"', ">", "</a>"],
|
|
792
792
|
$210882b9ebe2b1d8$var$_tmpl$2 = ["<div", ' class="search-icon">', "</div>"],
|
|
793
793
|
$210882b9ebe2b1d8$var$_tmpl$3 = ["<span", ' class="type">', "</span>"],
|
|
794
794
|
$210882b9ebe2b1d8$var$_tmpl$4 = ["<div", ' class="with-parent-title"><!--$-->', '<!--/--><span class="value line-clamp">', "</span></div>"],
|
|
@@ -970,7 +970,7 @@ function $210882b9ebe2b1d8$export$e872e2339fb04a7f(_ref) {
|
|
|
970
970
|
}
|
|
971
971
|
});
|
|
972
972
|
}
|
|
973
|
-
|
|
973
|
+
var $1730e5b4d47679a3$var$_tmpl$ = ["<a", ' target="_blank"></a>'];
|
|
974
974
|
function $1730e5b4d47679a3$export$1efe1013da60d0e4(e, href) {
|
|
975
975
|
if (e.metaKey || e.ctrlKey) {
|
|
976
976
|
// Open link in a new tab with cmd/ctrl + enter.
|
|
@@ -1322,7 +1322,7 @@ const $4989678133495482$export$1233ca167bf71f9a = styles => {
|
|
|
1322
1322
|
return "".concat(selector, " { ").concat($4989678133495482$export$af8311b651139246(css_properties), " }");
|
|
1323
1323
|
}).join(" ");
|
|
1324
1324
|
};
|
|
1325
|
-
|
|
1325
|
+
var $cc66bbf6e783bb58$var$_tmpl$ = ["<style", ">", "</style>"];
|
|
1326
1326
|
function $cc66bbf6e783bb58$export$f021bdedd3ec901a(props) {
|
|
1327
1327
|
const valid_css_string = $3hooq$solidjs.createMemo(() => {
|
|
1328
1328
|
return $4989678133495482$export$1233ca167bf71f9a(props.styles());
|
|
@@ -1341,7 +1341,7 @@ let $c95c6dd9e93acd82$export$44dad306455dddf;
|
|
|
1341
1341
|
*/
|
|
1342
1342
|
const $072ab198d82c3eb7$export$1ea76ea778b880dd = Symbol("modalVersion");
|
|
1343
1343
|
const $072ab198d82c3eb7$export$89890212b43f1b60 = Symbol("backIcon");
|
|
1344
|
-
|
|
1344
|
+
var $29e5dbeb69da7a36$var$_tmpl$ = ["<button", ' class="back" type="button"', ">", "</button>"],
|
|
1345
1345
|
$29e5dbeb69da7a36$var$_tmpl$2 = ["<div", ' class="search-field"><!--$-->', '<!--/--><div class="field"><input class="', '" tabindex="0"', '><button type="button" class="clear"', ' style="', '">', "</button></div>", "</div>"];
|
|
1346
1346
|
function $29e5dbeb69da7a36$export$b94867ecbd698f21(_ref) {
|
|
1347
1347
|
let {
|
|
@@ -1429,7 +1429,7 @@ class $95e4006e1dcb5b72$export$aa14a9f43128f61f extends $95e4006e1dcb5b72$export
|
|
|
1429
1429
|
});
|
|
1430
1430
|
}
|
|
1431
1431
|
}
|
|
1432
|
-
|
|
1432
|
+
var $1b3cf201cdd38687$var$_tmpl$ = ["<div", ' class="', '"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"];
|
|
1433
1433
|
function $1b3cf201cdd38687$export$b69d0d92862de18b(props) {
|
|
1434
1434
|
return $3hooq$solidjs.ErrorBoundary({
|
|
1435
1435
|
fallback(err, retry) {
|
|
@@ -1463,7 +1463,7 @@ function $d067f3a30f047b41$export$e68cff63f76bd15b(props) {
|
|
|
1463
1463
|
function $d067f3a30f047b41$export$8d0c4fdbb05a2f2e() {
|
|
1464
1464
|
return $3hooq$solidjs.useContext($d067f3a30f047b41$var$ListingContext);
|
|
1465
1465
|
}
|
|
1466
|
-
|
|
1466
|
+
var $820f2920cc576f7e$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>'];
|
|
1467
1467
|
function $820f2920cc576f7e$export$8d8893ffd8aca39a() {
|
|
1468
1468
|
return $3hooq$solidjsweb.ssr($820f2920cc576f7e$var$_tmpl$, $3hooq$solidjsweb.ssrHydrationKey());
|
|
1469
1469
|
}
|
|
@@ -1490,7 +1490,7 @@ function $4b71b4fabdee5753$export$93d9bfd0c9c1a5b8(close_modal, search_query_url
|
|
|
1490
1490
|
}
|
|
1491
1491
|
})();
|
|
1492
1492
|
}
|
|
1493
|
-
|
|
1493
|
+
var $9035b24c2dbd3f36$var$_tmpl$ = ["<div", ' class="discover-more"><button class="major" type="button">', "</button></div>"],
|
|
1494
1494
|
$9035b24c2dbd3f36$var$_tmpl$2 = ["<b", ">", "</b>"],
|
|
1495
1495
|
$9035b24c2dbd3f36$var$_tmpl$3 = ["<div", ' class="', '"><div class="', '"><!--$-->', '<!--/--><div class="padded"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></div><!--$-->", "<!--/--></div><!--$-->", "<!--/--></div>"],
|
|
1496
1496
|
$9035b24c2dbd3f36$var$_tmpl$4 = ["<div", ' class="', '"><div class="depict-search-modal-backdrop"></div><!--$-->', "<!--/--></div>"];
|
|
@@ -1872,7 +1872,7 @@ function $a68b73fd7ba0853f$export$43cd1e747fecd42e(_ref2) {
|
|
|
1872
1872
|
if (was_url_object) return url_object;
|
|
1873
1873
|
return url_object.href;
|
|
1874
1874
|
}
|
|
1875
|
-
|
|
1875
|
+
var $1c819dc9d820a149$var$_tmpl$ = ["<nav", ' class="crumbs"', ">", "</nav>"],
|
|
1876
1876
|
$1c819dc9d820a149$var$_tmpl$2 = ["<a", ' class="crumb"', ">", "</a>"],
|
|
1877
1877
|
$1c819dc9d820a149$var$_tmpl$3 = ["<span", ' class="separator">', "</span>"];
|
|
1878
1878
|
function $1c819dc9d820a149$export$5646050d516e06bc(_ref) {
|
|
@@ -1930,7 +1930,7 @@ function $1c819dc9d820a149$export$5646050d516e06bc(_ref) {
|
|
|
1930
1930
|
}
|
|
1931
1931
|
});
|
|
1932
1932
|
}
|
|
1933
|
-
|
|
1933
|
+
var $ce467edb5343cfcd$var$_tmpl$ = ["<div", ' class="', '" style="', '">', "</div>"];
|
|
1934
1934
|
function $ce467edb5343cfcd$export$94026ee33dbabc26(props) {
|
|
1935
1935
|
return $3hooq$solidjsweb.ssr($ce467edb5343cfcd$var$_tmpl$, $3hooq$solidjsweb.ssrHydrationKey(), "".concat($3hooq$solidjsweb.escape($3hooq$solidjsweb.escape("s-image-container", true), true)).concat($3hooq$solidjsweb.escape(props.class, true) || ""), $3hooq$solidjsweb.ssrStyle("padding-bottom:calc(calc(1 / ".concat(props.aspectRatio, ") * 100%)")), $3hooq$solidjsweb.escape(props.children));
|
|
1936
1936
|
}
|
|
@@ -2185,11 +2185,11 @@ function $9e470232a6b789a3$export$9d4a4b669b1929ab(props) {
|
|
|
2185
2185
|
}
|
|
2186
2186
|
}));
|
|
2187
2187
|
}
|
|
2188
|
-
|
|
2188
|
+
var $317500f39819fba6$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>'];
|
|
2189
2189
|
function $317500f39819fba6$export$9ca09caa9c849d9c() {
|
|
2190
2190
|
return $3hooq$solidjsweb.ssr($317500f39819fba6$var$_tmpl$, $3hooq$solidjsweb.ssrHydrationKey());
|
|
2191
2191
|
}
|
|
2192
|
-
|
|
2192
|
+
var $d1e7b96fb13cd1d3$var$_tmpl$ = ["<a", ">", "</a>"],
|
|
2193
2193
|
$d1e7b96fb13cd1d3$var$_tmpl$2 = ["<div", ' class="', '"><div class="image-part" style="', '">', "</div><!--$-->", '<!--/--><h3 class="title">', "</h3></div>"],
|
|
2194
2194
|
$d1e7b96fb13cd1d3$var$_tmpl$3 = ["<div", ' class="empty-image" style="', '">', "</div>"];
|
|
2195
2195
|
const $d1e7b96fb13cd1d3$var$aspectRatioWidthComponent = 402.67;
|
|
@@ -2296,13 +2296,13 @@ function $d1e7b96fb13cd1d3$export$ea41102db9bd68c3(_ref2) {
|
|
|
2296
2296
|
function $d1e7b96fb13cd1d3$var$EmptyImage() {
|
|
2297
2297
|
return $3hooq$solidjsweb.ssr($d1e7b96fb13cd1d3$var$_tmpl$3, $3hooq$solidjsweb.ssrHydrationKey(), "aspect-ratio:" + $3hooq$solidjsweb.escape($d1e7b96fb13cd1d3$var$listingSuggestionCollageAspectRatio, true), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $317500f39819fba6$export$9ca09caa9c849d9c), {})));
|
|
2298
2298
|
}
|
|
2299
|
-
|
|
2299
|
+
var $9d19451330d04c3c$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>'];
|
|
2300
2300
|
function $9d19451330d04c3c$export$8be2714ec7f169ee() {
|
|
2301
2301
|
var _$escape2, _$escape3;
|
|
2302
2302
|
let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
2303
2303
|
return $3hooq$solidjsweb.ssr($9d19451330d04c3c$var$_tmpl$, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.ssrAttribute("width", (_$escape2 = $3hooq$solidjsweb.escape(props.width_, true)) !== null && _$escape2 !== void 0 ? _$escape2 : 14, false) + $3hooq$solidjsweb.ssrAttribute("height", (_$escape3 = $3hooq$solidjsweb.escape(props.height_, true)) !== null && _$escape3 !== void 0 ? _$escape3 : 26, false));
|
|
2304
2304
|
}
|
|
2305
|
-
|
|
2305
|
+
var $ad8ec7729fffeb9c$var$_tmpl$ = ["<div", ">", "</div>"],
|
|
2306
2306
|
$ad8ec7729fffeb9c$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>"];
|
|
2307
2307
|
function $ad8ec7729fffeb9c$export$6649caad96ef8870(_ref) {
|
|
2308
2308
|
let {
|
|
@@ -2357,7 +2357,7 @@ function $ad8ec7729fffeb9c$export$6649caad96ef8870(_ref) {
|
|
|
2357
2357
|
}
|
|
2358
2358
|
});
|
|
2359
2359
|
}
|
|
2360
|
-
|
|
2360
|
+
var $6c2c739b113a8ddf$var$_tmpl$ = ["<div", ' class="', '">', "</div>"],
|
|
2361
2361
|
$6c2c739b113a8ddf$var$_tmpl$2 = ["<style", ' type="text/css">', "</style>"];
|
|
2362
2362
|
function $6c2c739b113a8ddf$export$d21e32dfedac04be(props) {
|
|
2363
2363
|
const container_class = "x" + $3hooq$solidjs.createUniqueId();
|
|
@@ -2472,7 +2472,7 @@ function $6c2c739b113a8ddf$export$445d8d3f5f706a40(props, container_element) {
|
|
|
2472
2472
|
if (insert_after_container) container_element.after(style_element);
|
|
2473
2473
|
return [container_element, view_more_button_container(), view_less_button_container(), style_element];
|
|
2474
2474
|
}
|
|
2475
|
-
|
|
2475
|
+
var $f765bad01136eee1$var$_tmpl$ = ["<div", ' class="visual-listing-suggestions" style="', '"><h2>', "</h2><!--$-->", "<!--/--></div>"],
|
|
2476
2476
|
$f765bad01136eee1$var$_tmpl$2 = ["<div", ' class="suggestion-container">', "</div>"];
|
|
2477
2477
|
function $f765bad01136eee1$export$c8d7e00464029b45(_ref) {
|
|
2478
2478
|
let {
|
|
@@ -2553,7 +2553,7 @@ function $f765bad01136eee1$export$c8d7e00464029b45(_ref) {
|
|
|
2553
2553
|
}
|
|
2554
2554
|
});
|
|
2555
2555
|
}
|
|
2556
|
-
|
|
2556
|
+
var $79a8fa74cb5cdfb9$var$_tmpl$ = ["<div", ' style="', '"><div class="title-row"><h2>', "</h2><!--$-->", '<!--/--></div><div class="suggestion-container">', "</div></div>"],
|
|
2557
2557
|
$79a8fa74cb5cdfb9$var$_tmpl$2 = ["<a", ' class="', '"', ">", "</a>"];
|
|
2558
2558
|
function $79a8fa74cb5cdfb9$export$d4994a86c6235f72(_ref) {
|
|
2559
2559
|
let {
|
|
@@ -2621,7 +2621,7 @@ function $79a8fa74cb5cdfb9$export$d4994a86c6235f72(_ref) {
|
|
|
2621
2621
|
}
|
|
2622
2622
|
});
|
|
2623
2623
|
}
|
|
2624
|
-
|
|
2624
|
+
var $a2959850e7d978dc$var$_tmpl$ = ["<button", ' class="delete" type="button">', "</button>"];
|
|
2625
2625
|
const $a2959850e7d978dc$var$MAX_PREVIOUS = 3;
|
|
2626
2626
|
function $a2959850e7d978dc$export$af1fb307bbba2417(_ref) {
|
|
2627
2627
|
let {
|
|
@@ -2765,7 +2765,7 @@ function $2db441eaf95603dc$export$b608d7df125109f1(_ref) {
|
|
|
2765
2765
|
|
|
2766
2766
|
return suggestionsResource;
|
|
2767
2767
|
}
|
|
2768
|
-
|
|
2768
|
+
var $50b50df3efaa8776$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>'];
|
|
2769
2769
|
function $50b50df3efaa8776$export$3fcbcd8bd3e0290f() {
|
|
2770
2770
|
return $3hooq$solidjsweb.ssr($50b50df3efaa8776$var$_tmpl$, $3hooq$solidjsweb.ssrHydrationKey());
|
|
2771
2771
|
}
|
|
@@ -2787,9 +2787,10 @@ function $58ffab03481f8973$export$66d1697a0f27069c(modalLayoutStacked) {
|
|
|
2787
2787
|
instantResultsIndex_: instantResultsIndex_
|
|
2788
2788
|
};
|
|
2789
2789
|
}
|
|
2790
|
-
|
|
2791
|
-
$43600b30502feeda$var$_tmpl$2 = ["<
|
|
2792
|
-
$43600b30502feeda$var$_tmpl$3 = ["<
|
|
2790
|
+
var $43600b30502feeda$var$_tmpl$ = ["<div", ' class="instant-results-wrapper" style="', '"><h2>', "</h2><!--$-->", "<!--/--></div>"],
|
|
2791
|
+
$43600b30502feeda$var$_tmpl$2 = ["<div", ' class="', '"></div>'],
|
|
2792
|
+
$43600b30502feeda$var$_tmpl$3 = ["<div", ' class="', '"><div class="', '"><!--$-->', '<!--/--><div class="', '"></div><div class="discover-more"><button class="major" type="button">', "</button></div></div><!--$-->", "<!--/--></div>"],
|
|
2793
|
+
$43600b30502feeda$var$_tmpl$4 = ["<b", ">", "</b>"];
|
|
2793
2794
|
/**
|
|
2794
2795
|
* Second generation search modal - the solid component that gets added to <body> when the search modal is opened
|
|
2795
2796
|
*/
|
|
@@ -2821,7 +2822,8 @@ function $43600b30502feeda$var$RawSearchModalV2(_ref) {
|
|
|
2821
2822
|
content_search_enabled_: content_search_enabled_,
|
|
2822
2823
|
sorting_query_param_: sorting_query_param_,
|
|
2823
2824
|
filter_query_param_prefix_: filter_query_param_prefix_,
|
|
2824
|
-
setSearchFieldOuterWidth_: setSearchFieldOuterWidth_
|
|
2825
|
+
setSearchFieldOuterWidth_: setSearchFieldOuterWidth_,
|
|
2826
|
+
forceUseDiv_: forceUseDiv_
|
|
2825
2827
|
} = _ref;
|
|
2826
2828
|
let on_enter_in_search_field_function;
|
|
2827
2829
|
// 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.
|
|
@@ -3054,6 +3056,10 @@ function $43600b30502feeda$var$RawSearchModalV2(_ref) {
|
|
|
3054
3056
|
});
|
|
3055
3057
|
}
|
|
3056
3058
|
})]);
|
|
3059
|
+
const DialogElement = props => {
|
|
3060
|
+
if (forceUseDiv_) return $3hooq$solidjsweb.ssrElement("div", props, () => $3hooq$solidjsweb.escape(props.children), true);
|
|
3061
|
+
return $3hooq$solidjsweb.ssrElement("dialog", props, () => $3hooq$solidjsweb.escape(props.children), true);
|
|
3062
|
+
};
|
|
3057
3063
|
const search_field = $29e5dbeb69da7a36$export$b94867ecbd698f21({
|
|
3058
3064
|
BackIcon_: () => $3hooq$solidjsweb.createComponent((0, $50b50df3efaa8776$export$11e9f390c90a537f), {}),
|
|
3059
3065
|
input_field_ref_: element => set_input_field(element),
|
|
@@ -3080,16 +3086,28 @@ function $43600b30502feeda$var$RawSearchModalV2(_ref) {
|
|
|
3080
3086
|
resizeObserver.observe(search_field);
|
|
3081
3087
|
$3hooq$solidjs.onCleanup(() => resizeObserver.disconnect());
|
|
3082
3088
|
}
|
|
3083
|
-
return [$3hooq$solidjsweb.
|
|
3084
|
-
|
|
3085
|
-
|
|
3089
|
+
return [$3hooq$solidjsweb.createComponent(DialogElement, {
|
|
3090
|
+
get id() {
|
|
3091
|
+
return (0, $c95c6dd9e93acd82$export$44dad306455dddf).SEARCH_MODAL;
|
|
3092
|
+
},
|
|
3093
|
+
"class": "depict plp search",
|
|
3094
|
+
get classList() {
|
|
3095
|
+
return class_list_ === null || class_list_ === void 0 ? void 0 : class_list_();
|
|
3096
|
+
},
|
|
3097
|
+
onClose: close_modal_,
|
|
3098
|
+
get children() {
|
|
3099
|
+
return [$3hooq$solidjsweb.ssr($43600b30502feeda$var$_tmpl$2, $3hooq$solidjsweb.ssrHydrationKey(), "depict-search-modal-backdrop ".concat($3hooq$solidjsweb.escape($3hooq$solidjsweb.escape(backdropRandomClassname, true), true))), $3hooq$solidjsweb.ssr($43600b30502feeda$var$_tmpl$3, $3hooq$solidjsweb.ssrHydrationKey(), "depict-search-modal ".concat(modalLayoutStacked_() ? "stacked" : ""), "body ".concat($3hooq$solidjsweb.escape($3hooq$solidjsweb.escape(random_classname_body, true), true)), $3hooq$solidjsweb.escape(search_field), "padded ".concat(noResults() ? "no-results" : ""), get_search_field_value_() ? $3hooq$solidjsweb.escape(i18n_.modal_view_all_results_()($3hooq$solidjsweb.ssr($43600b30502feeda$var$_tmpl$4, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.escape(formattedTotalNumberResults())))) : $3hooq$solidjsweb.escape(i18n_.modal_discover_more_()), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $cc66bbf6e783bb58$export$f021bdedd3ec901a), {
|
|
3100
|
+
styles: mergedCssObject
|
|
3101
|
+
})))];
|
|
3102
|
+
}
|
|
3103
|
+
})];
|
|
3086
3104
|
}
|
|
3087
3105
|
const $43600b30502feeda$export$b0c55aa2e87c4be7 = /*@__PURE__*/(() => {
|
|
3088
3106
|
$43600b30502feeda$var$RawSearchModalV2[(0, $072ab198d82c3eb7$export$1ea76ea778b880dd)] = 2;
|
|
3089
3107
|
$43600b30502feeda$var$RawSearchModalV2[(0, $072ab198d82c3eb7$export$89890212b43f1b60)] = (0, $50b50df3efaa8776$export$11e9f390c90a537f);
|
|
3090
3108
|
return $43600b30502feeda$var$RawSearchModalV2;
|
|
3091
3109
|
})();
|
|
3092
|
-
|
|
3110
|
+
var $513986fde589b871$var$_tmpl$ = ["<section", ' aria-live="polite" role="region" class="tabs-body">', "</section>"],
|
|
3093
3111
|
$513986fde589b871$var$_tmpl$2 = ["<nav", ' role="tablist" class="tabs-bar">', "</nav>"],
|
|
3094
3112
|
$513986fde589b871$var$_tmpl$3 = ["<article", ' role="tabpanel" class="', '" style="', '">', "</article>"];
|
|
3095
3113
|
const $513986fde589b871$var$TabsContext = /*@__PURE__*/$3hooq$solidjs.createContext();
|
|
@@ -3492,7 +3510,7 @@ function $73014ff36186a4dd$var$_get_navigation_happened_promise2(is_replace) {
|
|
|
3492
3510
|
(0, $3hooq$depictaiutilishared.instant_exec_on_suspect_history_change).add(handler);
|
|
3493
3511
|
});
|
|
3494
3512
|
}
|
|
3495
|
-
|
|
3513
|
+
var $c8e3c11062d8380b$var$_tmpl$ = ["<div", ' class="image-container">', "</div>"];
|
|
3496
3514
|
function $c8e3c11062d8380b$export$41e1a079d40a0d58(props) {
|
|
3497
3515
|
const [display] = $3hooq$solidjs.createResource(() => ({
|
|
3498
3516
|
merchant: props.merchant_,
|
|
@@ -3549,7 +3567,7 @@ function $c8e3c11062d8380b$export$41e1a079d40a0d58(props) {
|
|
|
3549
3567
|
})));
|
|
3550
3568
|
}
|
|
3551
3569
|
const $905241549bde5bff$export$5c28802497c8a83c = /*@__PURE__*/Symbol("category_title_type");
|
|
3552
|
-
|
|
3570
|
+
var $dc0bcefcc3486ebd$var$_tmpl$ = ["<div", ' class="category-title"><h1 class="title">', '</h1><span class="explanation"> \u2014 <!--$-->', "<!--/--></span></div>"];
|
|
3553
3571
|
const $dc0bcefcc3486ebd$export$b91cec6bdc6b32a1 = /*@__PURE__*/(() => {
|
|
3554
3572
|
const actual_function = _ref => {
|
|
3555
3573
|
let {
|
|
@@ -3679,7 +3697,7 @@ function $e3915574cfd3466c$var$Placeholder(_ref2) {
|
|
|
3679
3697
|
});
|
|
3680
3698
|
}
|
|
3681
3699
|
|
|
3682
|
-
|
|
3700
|
+
var $2c920813c92d6987$var$_tmpl$ = ["<h2", ' class="recs-title">', "</h2>"],
|
|
3683
3701
|
$2c920813c92d6987$var$_tmpl$2 = ["<div", ' class="recommendation-grid"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"];
|
|
3684
3702
|
function $2c920813c92d6987$export$7da560f849543dff(_ref) {
|
|
3685
3703
|
let {
|
|
@@ -3815,7 +3833,7 @@ function $d05611ff6b8c8357$export$23fca46f3143581f(component, error_message) {
|
|
|
3815
3833
|
// we're already in a root so cleanups are handled
|
|
3816
3834
|
return component_in_error_boundary();
|
|
3817
3835
|
}
|
|
3818
|
-
|
|
3836
|
+
var $41227f10ad680afd$var$_tmpl$ = ["<button", ' class="show-more major" type="button">', "</button>"],
|
|
3819
3837
|
$41227f10ad680afd$var$_tmpl$2 = ["<div", ' class="depict plp recommendations">', "</div>"];
|
|
3820
3838
|
function $41227f10ad680afd$export$9756467d34d91cdb(props) {
|
|
3821
3839
|
return $d05611ff6b8c8357$export$23fca46f3143581f(() => {
|
|
@@ -3977,7 +3995,7 @@ function $bee8290d152c8786$export$6b35356958ae5587(props) {
|
|
|
3977
3995
|
}
|
|
3978
3996
|
});
|
|
3979
3997
|
}
|
|
3980
|
-
|
|
3998
|
+
var $0cfd162318ec4d67$var$_tmpl$ = ["<div", ' class="top-bar"><button class="close">', "</button></div>"],
|
|
3981
3999
|
$0cfd162318ec4d67$var$_tmpl$2 = ["<div", ' class="below-top-bar"><h2>Outfit recommendations</h2><div class="image-and-suggestions"><!--$-->', '<!--/--><div class="tabs">', "</div></div></div>"],
|
|
3982
4000
|
$0cfd162318ec4d67$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>"];
|
|
3983
4001
|
function $0cfd162318ec4d67$export$a3cbef418994a664(props) {
|
|
@@ -4026,7 +4044,7 @@ function $0cfd162318ec4d67$export$a3cbef418994a664(props) {
|
|
|
4026
4044
|
}
|
|
4027
4045
|
})))];
|
|
4028
4046
|
}
|
|
4029
|
-
|
|
4047
|
+
var $3476012866dab42c$var$_tmpl$ = ["<div", ">Failed fetching shop the look recommendations</div>"];
|
|
4030
4048
|
const $3476012866dab42c$var$CANT_FETCH = "Failed fetching shop the look recommendations";
|
|
4031
4049
|
let $3476012866dab42c$var$setModalShouldBeOpen;
|
|
4032
4050
|
let $3476012866dab42c$var$modalProps;
|
|
@@ -4153,7 +4171,7 @@ function $c387d7f1d9fb66c0$export$ebdc3711f7e02ccd(what_to_watch) {
|
|
|
4153
4171
|
});
|
|
4154
4172
|
return width;
|
|
4155
4173
|
}
|
|
4156
|
-
|
|
4174
|
+
var $236a257ee52e5414$var$_tmpl$ = ["<h2", ' class="recs-title">', "</h2>"];
|
|
4157
4175
|
function $236a257ee52e5414$export$d41d19e89346fa2(_ref) {
|
|
4158
4176
|
let {
|
|
4159
4177
|
recommendations_resource_: recommendations_resource_,
|
|
@@ -4221,7 +4239,7 @@ function $236a257ee52e5414$export$d41d19e89346fa2(_ref) {
|
|
|
4221
4239
|
children: slider
|
|
4222
4240
|
});
|
|
4223
4241
|
}
|
|
4224
|
-
|
|
4242
|
+
var $2badc30d7c6610e1$var$_tmpl$ = ["<div", ' class="depict recommendations">', "</div>"];
|
|
4225
4243
|
function $2badc30d7c6610e1$export$9574e176201e5e8d(props) {
|
|
4226
4244
|
return $d05611ff6b8c8357$export$23fca46f3143581f(() => {
|
|
4227
4245
|
const grid_spacing_override = $3hooq$solidjs.createMemo(() => {
|
|
@@ -4373,7 +4391,7 @@ function $e2d74bb03cc5252e$export$325f75597868c4f0(stuff) {
|
|
|
4373
4391
|
if (typeof stuff !== "string") return stuff;
|
|
4374
4392
|
return stuff.toLowerCase();
|
|
4375
4393
|
}
|
|
4376
|
-
|
|
4394
|
+
var $c5842bdb10e57229$var$_tmpl$ = ["<button", ' class="clear-all-filters minor">', "</button>"],
|
|
4377
4395
|
$c5842bdb10e57229$var$_tmpl$2 = ["<div", ' class="inner"><span class="title"><!--$-->', "<!--/-->: </span><!--$-->", "<!--/--></div>"],
|
|
4378
4396
|
$c5842bdb10e57229$var$_tmpl$3 = ["<button", ' class="clear-filter major"><!--$-->', "<!--/--><span><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--> \u2013 <!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></span></button>"],
|
|
4379
4397
|
$c5842bdb10e57229$var$_tmpl$4 = ["<button", ' class="clear-filter major"><!--$-->', "<!--/--><span>", "</span></button>"];
|
|
@@ -4588,7 +4606,7 @@ function $c5842bdb10e57229$export$fecbb157621501bd(_ref) {
|
|
|
4588
4606
|
}));
|
|
4589
4607
|
return outmost_element;
|
|
4590
4608
|
}
|
|
4591
|
-
|
|
4609
|
+
var $902a0ca2b52f3898$var$_tmpl$ = ["<span", ' class="count">', "</span>"],
|
|
4592
4610
|
$902a0ca2b52f3898$var$_tmpl$2 = ["<label", ' class="', '"', '><div class="left"><input type="checkbox"', "", "", '><span class="custom-indicator"></span><span class="text line-clamp">', "</span></div><!--$-->", "<!--/--></label>"];
|
|
4593
4611
|
const $902a0ca2b52f3898$export$48513f6b9f8ce62d = props => {
|
|
4594
4612
|
/* 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
|
|
@@ -4608,7 +4626,7 @@ const $902a0ca2b52f3898$export$48513f6b9f8ce62d = props => {
|
|
|
4608
4626
|
})))
|
|
4609
4627
|
);
|
|
4610
4628
|
};
|
|
4611
|
-
|
|
4629
|
+
var $a904ccf883f60231$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>';
|
|
4612
4630
|
function $a904ccf883f60231$export$f21ab0717a89c77f(props) {
|
|
4613
4631
|
return $3hooq$solidjsweb.ssrElement("svg", $3hooq$solidjsweb.mergeProps(props, {
|
|
4614
4632
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -4616,7 +4634,7 @@ function $a904ccf883f60231$export$f21ab0717a89c77f(props) {
|
|
|
4616
4634
|
height: "12"
|
|
4617
4635
|
}), () => $3hooq$solidjsweb.ssr($a904ccf883f60231$var$_tmpl$), true);
|
|
4618
4636
|
}
|
|
4619
|
-
|
|
4637
|
+
var $b0477e4d832f090e$var$_tmpl$ = ["<button", ' type="button" class="', '"><!--$-->', "<!--/--><span>", "</span></button>"];
|
|
4620
4638
|
function $b0477e4d832f090e$export$ca21a16d65b3dd8(_ref) {
|
|
4621
4639
|
let {
|
|
4622
4640
|
show_extras_: [get_show_extras, set_show_extras],
|
|
@@ -4624,7 +4642,7 @@ function $b0477e4d832f090e$export$ca21a16d65b3dd8(_ref) {
|
|
|
4624
4642
|
} = _ref;
|
|
4625
4643
|
return $3hooq$solidjsweb.ssr($b0477e4d832f090e$var$_tmpl$, $3hooq$solidjsweb.ssrHydrationKey(), "expand-filter ".concat(get_show_extras() ? "expanded" : ""), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $a904ccf883f60231$export$f21ab0717a89c77f), {})), get_show_extras() ? $3hooq$solidjsweb.escape(i18n_.view_less_()) : $3hooq$solidjsweb.escape(i18n_.view_more_()));
|
|
4626
4644
|
}
|
|
4627
|
-
|
|
4645
|
+
var $9b54b9c5381716eb$var$_tmpl$ = ["<form", ' class="checkboxes"><!--$-->', "<!--/--><!--$-->", "<!--/--></form>"];
|
|
4628
4646
|
const $9b54b9c5381716eb$var$max_visible_without_collapsing = 15;
|
|
4629
4647
|
const $9b54b9c5381716eb$var$show_non_collapsible_when_collapsed = 4;
|
|
4630
4648
|
function $9b54b9c5381716eb$export$dd948f91abc3a1c4(_ref) {
|
|
@@ -4747,7 +4765,7 @@ function $9b54b9c5381716eb$export$dd948f91abc3a1c4(_ref) {
|
|
|
4747
4765
|
children: render_checkbox
|
|
4748
4766
|
})), $3hooq$solidjsweb.escape(expanding_container_els));
|
|
4749
4767
|
}
|
|
4750
|
-
|
|
4768
|
+
var $d9239dad9a9d899b$var$_tmpl$ = ["<form", ' class="radios">', "</form>"],
|
|
4751
4769
|
$d9239dad9a9d899b$var$_tmpl$2 = ["<span", ' class="count">', "</span>"],
|
|
4752
4770
|
$d9239dad9a9d899b$var$_tmpl$3 = ["<label", ' class="', '"', '><div class="left"><input type="radio"', "", '><span class="custom-indicator"></span><!--$-->', "<!--/--></div><!--$-->", "<!--/--></label>"];
|
|
4753
4771
|
function $d9239dad9a9d899b$export$430444115f70a734(_ref) {
|
|
@@ -4817,7 +4835,7 @@ function $d9239dad9a9d899b$export$430444115f70a734(_ref) {
|
|
|
4817
4835
|
}
|
|
4818
4836
|
})));
|
|
4819
4837
|
}
|
|
4820
|
-
|
|
4838
|
+
var $0257c760a99bfacb$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>"],
|
|
4821
4839
|
$0257c760a99bfacb$var$_tmpl$2 = ["<div", ' class="slider"><div class="progress" style="', '"></div></div>'],
|
|
4822
4840
|
$0257c760a99bfacb$var$_tmpl$3 = ["<div", ' class="range-group"><input', ' type="range"', ' step="any"><input', ' type="range"', ' step="any"></div>'];
|
|
4823
4841
|
function $0257c760a99bfacb$export$e0d834a0ad870cda(_ref) {
|
|
@@ -5032,7 +5050,7 @@ function $0257c760a99bfacb$var$set_range_with_sanitation(min_, max_, current_ran
|
|
|
5032
5050
|
new_value[index] = value_as_number;
|
|
5033
5051
|
current_range_signal[1](new_value);
|
|
5034
5052
|
}
|
|
5035
|
-
|
|
5053
|
+
var $ac040bdfeed58ee4$var$_tmpl$ = ["<div", ' class="morphing-sign" role="img"', "><span></span><span></span></div>"];
|
|
5036
5054
|
function $ac040bdfeed58ee4$export$e5c2828934226505(_ref) {
|
|
5037
5055
|
let {
|
|
5038
5056
|
expanded_: expanded_,
|
|
@@ -5067,7 +5085,7 @@ function $ac040bdfeed58ee4$export$e5c2828934226505(_ref) {
|
|
|
5067
5085
|
});
|
|
5068
5086
|
return outer_div;
|
|
5069
5087
|
}
|
|
5070
|
-
|
|
5088
|
+
var $99472afa7112c427$var$_tmpl$ = ["<span", ' class="highlighted-part">', "</span>"];
|
|
5071
5089
|
const $99472afa7112c427$var$dont_cut_in_between_less_than_characters = 30;
|
|
5072
5090
|
function $99472afa7112c427$export$e1a98a189fd2c0e7(_ref) {
|
|
5073
5091
|
let {
|
|
@@ -5297,7 +5315,7 @@ function $99472afa7112c427$export$1b00d74faf266c56(text, matched_strings) {
|
|
|
5297
5315
|
}
|
|
5298
5316
|
return output;
|
|
5299
5317
|
}
|
|
5300
|
-
|
|
5318
|
+
var $dc5db6bf7093867a$var$_tmpl$ = ["<span", ' class="', '">', "</span>"],
|
|
5301
5319
|
$dc5db6bf7093867a$var$_tmpl$2 = ["<span", ' class="highlighted-part">', "</span>"];
|
|
5302
5320
|
function $dc5db6bf7093867a$export$8e79c28529dbfa90(props) {
|
|
5303
5321
|
const segmented_text = $3hooq$solidjs.createMemo(() => {
|
|
@@ -5327,7 +5345,7 @@ function $dc5db6bf7093867a$export$8e79c28529dbfa90(props) {
|
|
|
5327
5345
|
}
|
|
5328
5346
|
})));
|
|
5329
5347
|
}
|
|
5330
|
-
|
|
5348
|
+
var $9c1d49181fb3002a$var$_tmpl$ = ["<form", ' class="', '"><!--$-->', "<!--/--><!--$-->", "<!--/--></form>"],
|
|
5331
5349
|
$9c1d49181fb3002a$var$_tmpl$2 = ["<div", ' class="', '"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"],
|
|
5332
5350
|
$9c1d49181fb3002a$var$_tmpl$3 = ["<details", "></details>"],
|
|
5333
5351
|
$9c1d49181fb3002a$var$_tmpl$4 = ["<summary", ' class="category-parent"><div class="summary"><span class="', '">', "</span><!--$-->", "<!--/--></div></summary>"];
|
|
@@ -5797,7 +5815,7 @@ function $9c1d49181fb3002a$var$expand_until_choice(data_structure) {
|
|
|
5797
5815
|
}
|
|
5798
5816
|
});
|
|
5799
5817
|
}
|
|
5800
|
-
|
|
5818
|
+
var $cd0e5524f9476f9b$var$_tmpl$ = ["<div", ' class="checkbox-grid" style="position:absolute;z-index:-1;pointer-events:none;opacity:0">', "</div>"],
|
|
5801
5819
|
$cd0e5524f9476f9b$var$_tmpl$2 = ["<span", ' class="count-wrapper"><span class="count">', "</span></span>"];
|
|
5802
5820
|
const $cd0e5524f9476f9b$var$gap_px = 5;
|
|
5803
5821
|
const $cd0e5524f9476f9b$var$max_columns = 3;
|
|
@@ -5992,7 +6010,7 @@ function $cd0e5524f9476f9b$var$adjust_sizes(container_width, sizes, set_cols_at_
|
|
|
5992
6010
|
overrides: column_to_row_result
|
|
5993
6011
|
}]]);
|
|
5994
6012
|
}
|
|
5995
|
-
|
|
6013
|
+
var $476a3dc36afc1938$var$_tmpl$ = ["<form", ' class="checkbox-color"><!--$-->', "<!--/--><!--$-->", "<!--/--></form>"];
|
|
5996
6014
|
const $476a3dc36afc1938$var$max_visible_without_collapsing = 30;
|
|
5997
6015
|
const $476a3dc36afc1938$var$show_non_collapsible_when_collapsed = 8;
|
|
5998
6016
|
function $476a3dc36afc1938$export$82ed4b28ecb67608(_ref) {
|
|
@@ -6171,7 +6189,7 @@ var $f60633ac10c24308$export$2e2bcd8739ae039 = {
|
|
|
6171
6189
|
"checkbox-grid": (0, $cd0e5524f9476f9b$export$414f6a19d38e655c),
|
|
6172
6190
|
"checkbox-color": (0, $476a3dc36afc1938$export$82ed4b28ecb67608)
|
|
6173
6191
|
};
|
|
6174
|
-
|
|
6192
|
+
var $44d50abe16a70c25$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>';
|
|
6175
6193
|
function $44d50abe16a70c25$export$f2ca6fc699ca1fb4() {
|
|
6176
6194
|
let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
6177
6195
|
return $3hooq$solidjsweb.ssrElement("svg", $3hooq$solidjsweb.mergeProps({
|
|
@@ -6180,7 +6198,7 @@ function $44d50abe16a70c25$export$f2ca6fc699ca1fb4() {
|
|
|
6180
6198
|
height: "14"
|
|
6181
6199
|
}, props), () => $3hooq$solidjsweb.ssr($44d50abe16a70c25$var$_tmpl$), true);
|
|
6182
6200
|
}
|
|
6183
|
-
|
|
6201
|
+
var $958981128e559776$var$_tmpl$ = ["<span", ' class="show-selected" aria-hidden="true"><span>', "</span><!--$-->", "<!--/--></span>"];
|
|
6184
6202
|
function $958981128e559776$export$53c59af873b303c9(_ref) {
|
|
6185
6203
|
let {
|
|
6186
6204
|
selected_filters_in_group_: selected_filters_in_group_,
|
|
@@ -6298,7 +6316,7 @@ function $4c1dcf1a9c604a68$export$ab34afce88557c0e(props) {
|
|
|
6298
6316
|
}));
|
|
6299
6317
|
return is_open;
|
|
6300
6318
|
}
|
|
6301
|
-
|
|
6319
|
+
var $8e7ac26c00243687$var$_tmpl$ = ["<div", ' class="search-in-filters"><input type="text" class="query"', "><!--$-->", '<!--/--><button style="', '" class="clear-filter-search">', "</button></div>"];
|
|
6302
6320
|
const $8e7ac26c00243687$var$min_items_to_enable_filter_searching = 15; // For checkbox color and checkbox grid we 2x this
|
|
6303
6321
|
function $8e7ac26c00243687$export$4b2c5292ffe0c5dd(filter_array_, section, i18n_) {
|
|
6304
6322
|
const [filter_query_, set_filter_query_] = $3hooq$solidjs.createSignal();
|
|
@@ -6432,7 +6450,7 @@ function $8e7ac26c00243687$export$4b2c5292ffe0c5dd(filter_array_, section, i18n_
|
|
|
6432
6450
|
function $8e7ac26c00243687$var$find_str_arr_in_str_arr_arr(operation, haystack, needle) {
|
|
6433
6451
|
return haystack[operation](value => value.length === needle.length && value.every((item, index) => item === needle[index]));
|
|
6434
6452
|
}
|
|
6435
|
-
|
|
6453
|
+
var $164d474fea221d77$var$_tmpl$ = ["<div", ' class="filter-collapsible">', "</div>"],
|
|
6436
6454
|
$164d474fea221d77$var$_tmpl$2 = ["<button", ' class="clear-group"><!--$-->', "<!--/--><span>", "</span></button>"],
|
|
6437
6455
|
$164d474fea221d77$var$_tmpl$3 = ["<div", ' class="view-more-clear"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"],
|
|
6438
6456
|
$164d474fea221d77$var$_tmpl$4 = ["<div", ' class="filter-collapsible-body"><div class="filter-part"><!--$-->', "<!--/--><!--$-->", "<!--/--></div><!--$-->", "<!--/--></div>"],
|
|
@@ -7373,7 +7391,7 @@ function $1689794f03ba2554$export$205efb947c7ffd78(handler) {
|
|
|
7373
7391
|
$3hooq$solidjs.onCleanup(() => listen_on.removeEventListener(event, catchified_handler));
|
|
7374
7392
|
}
|
|
7375
7393
|
}
|
|
7376
|
-
|
|
7394
|
+
var $e03dec587b6e91e3$var$_tmpl$ = ["<div", ' class="scroll-status" style="display:none"><span class="text"><b>', "</b> \u2013 <b>", "</b> <!--$-->", "<!--/--> <b>", "</b></span></div>"];
|
|
7377
7395
|
function $e03dec587b6e91e3$export$83fd5de5504a7a67(_ref) {
|
|
7378
7396
|
let {
|
|
7379
7397
|
formatted_number_of_results_: formatted_number_of_results_,
|
|
@@ -7499,7 +7517,7 @@ function $e03dec587b6e91e3$export$83fd5de5504a7a67(_ref) {
|
|
|
7499
7517
|
}
|
|
7500
7518
|
})), $3hooq$solidjsweb.escape(of_()), $3hooq$solidjsweb.escape(count_to_show()));
|
|
7501
7519
|
}
|
|
7502
|
-
|
|
7520
|
+
var $063a16c081021c3f$var$_tmpl$ = ["<a", ' class="hint" href="javascript:void(0)">', "</a>"],
|
|
7503
7521
|
$063a16c081021c3f$var$_tmpl$2 = ["<div", ' class="no-results"><div class="text">', "</div><!--$-->", "<!--/--></div>"];
|
|
7504
7522
|
function $063a16c081021c3f$export$ef6006467f04ee41(_ref) {
|
|
7505
7523
|
let {
|
|
@@ -7709,7 +7727,7 @@ function $0d3ee7000f047e67$export$a1fd619a4743ca08(_ref) {
|
|
|
7709
7727
|
})
|
|
7710
7728
|
});
|
|
7711
7729
|
}
|
|
7712
|
-
|
|
7730
|
+
var $830518481649feb1$var$_tmpl$ = ["<style", ' type="text/css">', "</style>"];
|
|
7713
7731
|
const $830518481649feb1$export$c500183c31c2b22e = "--spans-columns";
|
|
7714
7732
|
function $830518481649feb1$export$ab6b147eec64fea5(props) {
|
|
7715
7733
|
const container_class = "x" + $3hooq$solidjs.createUniqueId();
|
|
@@ -7841,7 +7859,7 @@ function $85fcdab554c24789$export$a79e666719b3647c(cols_at_size_) {
|
|
|
7841
7859
|
});
|
|
7842
7860
|
return n_cols_currently_showing;
|
|
7843
7861
|
}
|
|
7844
|
-
|
|
7862
|
+
var $f8f375d6245ffff2$var$_tmpl$ = ["<div", ' class="content-block-wrapper" style="', '">', "</div>"];
|
|
7845
7863
|
function $f8f375d6245ffff2$export$791ef57e62e21c3f(_ref) {
|
|
7846
7864
|
let {
|
|
7847
7865
|
content_blocks_: incoming_content_blocks,
|
|
@@ -8023,7 +8041,7 @@ function $f8f375d6245ffff2$var$RenderContent(props) {
|
|
|
8023
8041
|
children: resource
|
|
8024
8042
|
});
|
|
8025
8043
|
}
|
|
8026
|
-
|
|
8044
|
+
var $484eec37514a982e$var$_tmpl$ = ["<div", ' class="', '"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"];
|
|
8027
8045
|
function $484eec37514a982e$export$3925f87b1545cfc6(_ref) {
|
|
8028
8046
|
let {
|
|
8029
8047
|
plp_results_: plp_results_,
|
|
@@ -8290,7 +8308,7 @@ function $484eec37514a982e$export$3925f87b1545cfc6(_ref) {
|
|
|
8290
8308
|
}
|
|
8291
8309
|
})), $3hooq$solidjsweb.escape(desktop_filter_elements_()));
|
|
8292
8310
|
}
|
|
8293
|
-
|
|
8311
|
+
var $3bd211c857f81dfd$var$_tmpl$ = ["<div", ' class="sorting-attributes">', "</div>"],
|
|
8294
8312
|
$3bd211c857f81dfd$var$_tmpl$2 = ["<div", ' class="sorting-direction">', "</div>"],
|
|
8295
8313
|
$3bd211c857f81dfd$var$_tmpl$3 = ["<div", '><div class="input-row"><input type="radio" disabled=""><span class="custom-indicator"></span><!--$-->', "<!--/--></div></div>"],
|
|
8296
8314
|
$3bd211c857f81dfd$var$_tmpl$4 = ["<div", '><label class="input-row"><input type="radio"', "", '><span class="custom-indicator"></span><!--$-->', "<!--/--></label></div>"];
|
|
@@ -8361,7 +8379,7 @@ function $3bd211c857f81dfd$export$1f1775a58da589b5(_ref) {
|
|
|
8361
8379
|
}
|
|
8362
8380
|
});
|
|
8363
8381
|
}
|
|
8364
|
-
|
|
8382
|
+
var $0b45ba458cbff67a$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>',
|
|
8365
8383
|
$0b45ba458cbff67a$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>';
|
|
8366
8384
|
function $0b45ba458cbff67a$export$da32f7add8a22e86() {
|
|
8367
8385
|
let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
@@ -8372,7 +8390,7 @@ function $0b45ba458cbff67a$export$da32f7add8a22e86() {
|
|
|
8372
8390
|
"class": "sort-icon"
|
|
8373
8391
|
}, props), () => [$3hooq$solidjsweb.ssr($0b45ba458cbff67a$var$_tmpl$), $3hooq$solidjsweb.ssr($0b45ba458cbff67a$var$_tmpl$2)], true);
|
|
8374
8392
|
}
|
|
8375
|
-
|
|
8393
|
+
var $549632402b57d811$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>';
|
|
8376
8394
|
function $549632402b57d811$export$d10e63059ddb9fd4() {
|
|
8377
8395
|
let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
8378
8396
|
return $3hooq$solidjsweb.ssrElement("svg", $3hooq$solidjsweb.mergeProps({
|
|
@@ -8382,7 +8400,7 @@ function $549632402b57d811$export$d10e63059ddb9fd4() {
|
|
|
8382
8400
|
"class": "sort-icon"
|
|
8383
8401
|
}, props), () => $3hooq$solidjsweb.ssr($549632402b57d811$var$_tmpl$), true);
|
|
8384
8402
|
}
|
|
8385
|
-
|
|
8403
|
+
var $9bde34303b3e9ace$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>'];
|
|
8386
8404
|
function $9bde34303b3e9ace$export$28f6150e232898de() {
|
|
8387
8405
|
return $3hooq$solidjsweb.ssr($9bde34303b3e9ace$var$_tmpl$, $3hooq$solidjsweb.ssrHydrationKey());
|
|
8388
8406
|
}
|
|
@@ -8395,7 +8413,7 @@ function $8b9c2fa4593b29df$export$50f68cc9882e36a4(args_for_filtering) {
|
|
|
8395
8413
|
var _args_for_filtering$a, _args_for_filtering$s;
|
|
8396
8414
|
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);
|
|
8397
8415
|
}
|
|
8398
|
-
|
|
8416
|
+
var $685149df41127abd$var$_tmpl$ = ["<button", ' class="clear minor">', "</button>"],
|
|
8399
8417
|
$685149df41127abd$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>"],
|
|
8400
8418
|
$685149df41127abd$var$_tmpl$3 = ["<details", ' class="sorting"></details>'],
|
|
8401
8419
|
$685149df41127abd$var$_tmpl$4 = ["<summary", ' class="sort-filter-summary"><div class="summary"><div class="left-els"><!--$-->', "<!--/--><span>", "</span></div><!--$-->", "<!--/--></div></summary>"],
|
|
@@ -8507,11 +8525,11 @@ function $685149df41127abd$export$9bf11afa910f536e(_ref) {
|
|
|
8507
8525
|
}
|
|
8508
8526
|
})), $3hooq$solidjsweb.escape(i18n_.show_n_results_()($3hooq$solidjsweb.ssr($685149df41127abd$var$_tmpl$7, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.escape(formatted_number_of_results_())))))];
|
|
8509
8527
|
}
|
|
8510
|
-
|
|
8528
|
+
var $ae261a5687fe84f4$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>'];
|
|
8511
8529
|
function $ae261a5687fe84f4$export$cb808a3c41736d8e() {
|
|
8512
8530
|
return $3hooq$solidjsweb.ssr($ae261a5687fe84f4$var$_tmpl$, $3hooq$solidjsweb.ssrHydrationKey());
|
|
8513
8531
|
}
|
|
8514
|
-
|
|
8532
|
+
var $f70cc6dfcadf0fd5$var$_tmpl$ = ["<div", ' class="filters"><div class="body">', "</div></div>"],
|
|
8515
8533
|
$f70cc6dfcadf0fd5$var$_tmpl$2 = ["<div", ' class="sorting"><div class="body">', "</div></div>"],
|
|
8516
8534
|
$f70cc6dfcadf0fd5$var$_tmpl$3 = ["<div", ' class="sort-and-filter-buttons"><div class="outer"><div class="inner"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></div></div></div>"],
|
|
8517
8535
|
$f70cc6dfcadf0fd5$var$_tmpl$4 = ["<span", ' class="num-filters" style="', '">', "</span>"],
|
|
@@ -8854,11 +8872,11 @@ function $5909f8d84b7b4c30$export$5196e4c01fa56fcb(_ref) {
|
|
|
8854
8872
|
close_toast_: close_toast_
|
|
8855
8873
|
};
|
|
8856
8874
|
}
|
|
8857
|
-
|
|
8875
|
+
var $31f4a789db864adb$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>'];
|
|
8858
8876
|
function $31f4a789db864adb$export$2624c5890f1bbcf7() {
|
|
8859
8877
|
return $3hooq$solidjsweb.ssr($31f4a789db864adb$var$_tmpl$, $3hooq$solidjsweb.ssrHydrationKey());
|
|
8860
8878
|
}
|
|
8861
|
-
|
|
8879
|
+
var $b7cbae23560f11b9$var$_tmpl$ = ["<div", ' class="', '"><button class="filter"', "><div>", '</div></button><button class="sort"', "><div>", '</div></button><button class="up"', "><div>", "</div></button></div>"];
|
|
8862
8880
|
function $b7cbae23560f11b9$export$b23abd26de154ede(props) {
|
|
8863
8881
|
if (0, $3hooq$solidjsweb.isServer) return; // won't show in initial render and need scroll position
|
|
8864
8882
|
const [is_small, set_is_small] = $3hooq$solidjs.createSignal(true);
|
|
@@ -8961,7 +8979,7 @@ function $b7cbae23560f11b9$var$ActualFloatingButtons(_ref2) {
|
|
|
8961
8979
|
}));
|
|
8962
8980
|
return $3hooq$solidjsweb.ssr($b7cbae23560f11b9$var$_tmpl$, $3hooq$solidjsweb.ssrHydrationKey(), "floating-buttons ".concat(is_scrolling_upwards() && modal_is_closed() && !regular_buttons_are_in_view() && !get_is_showing_toast() ? "show-them" : ""), $3hooq$solidjsweb.ssrAttribute("aria-label", $3hooq$solidjsweb.escape(i18n_.filter_text_(), true), false), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $9bde34303b3e9ace$export$28f6150e232898de), {})), $3hooq$solidjsweb.ssrAttribute("aria-label", $3hooq$solidjsweb.escape(i18n_.sorting_text_(), true), false), ((_current_sorting_$ = current_sorting_[0]()) === null || _current_sorting_$ === void 0 ? void 0 : _current_sorting_$.order) === "asc" ? $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $0b45ba458cbff67a$export$da32f7add8a22e86), {})) : $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $549632402b57d811$export$d10e63059ddb9fd4), {})), $3hooq$solidjsweb.ssrAttribute("aria-label", $3hooq$solidjsweb.escape(i18n_.scroll_to_top_(), true), false), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $31f4a789db864adb$export$2624c5890f1bbcf7), {})));
|
|
8963
8981
|
}
|
|
8964
|
-
|
|
8982
|
+
var $21a004c2e7bd4c16$var$_tmpl$ = ["<nav", ' class="quicklinks"', ">", "</nav>"],
|
|
8965
8983
|
$21a004c2e7bd4c16$var$_tmpl$2 = ["<div", ">QuickLinks failed</div>"],
|
|
8966
8984
|
$21a004c2e7bd4c16$var$_tmpl$3 = ["<a", ' class="', '"', ">", "</a>"];
|
|
8967
8985
|
function $21a004c2e7bd4c16$export$466cdc317043f6cb(_ref) {
|
|
@@ -9268,7 +9286,7 @@ function $e4bc31358c414b18$export$210f130a61ac1e8d(fn) {
|
|
|
9268
9286
|
});
|
|
9269
9287
|
return external_value;
|
|
9270
9288
|
}
|
|
9271
|
-
|
|
9289
|
+
var $1a8463d757baadb6$var$_tmpl$ = ["<div", ' class="statement">', "</div>"],
|
|
9272
9290
|
$1a8463d757baadb6$var$_tmpl$2 = ["<div", ' class="buttons"><button class="restore minor">', '</button><button class="ok major">', "</button></div>"];
|
|
9273
9291
|
function $1a8463d757baadb6$export$8895d39404bd2bb1(props) {
|
|
9274
9292
|
let previous_sorting;
|
|
@@ -9452,7 +9470,7 @@ function $eef41d50f07bf19a$export$d31a1a1a83ad9413(plp_results_, _ref) {
|
|
|
9452
9470
|
set_selected_filters(new_filters);
|
|
9453
9471
|
});
|
|
9454
9472
|
}
|
|
9455
|
-
|
|
9473
|
+
var $ede6c70ecdca46fe$var$_tmpl$ = ["<div", ' class="product-count"><!--$-->', "<!--/--> <!--$-->", "<!--/--></div>"],
|
|
9456
9474
|
$ede6c70ecdca46fe$var$_tmpl$2 = ["<div", "></div>"],
|
|
9457
9475
|
$ede6c70ecdca46fe$var$_tmpl$3 = ["<div", ' class="filter-results-for-one-row"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"],
|
|
9458
9476
|
$ede6c70ecdca46fe$var$_tmpl$4 = ["<div", ' class="depict plp category"><div class="listing-page"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></div><!--$-->", "<!--/--></div>"];
|
|
@@ -9983,7 +10001,7 @@ function $5dd9d0d3ea82e2dd$var$start_href_writer(_ref3) {
|
|
|
9983
10001
|
function $5dd9d0d3ea82e2dd$var$delete_sideways_param_flag(searchParams) {
|
|
9984
10002
|
if (searchParams.get((0, $a68b73fd7ba0853f$export$cf5feb2102aec7f2)) === "true") searchParams.delete((0, $a68b73fd7ba0853f$export$cf5feb2102aec7f2));
|
|
9985
10003
|
}
|
|
9986
|
-
|
|
10004
|
+
var $9cbefc32b9dab36d$var$_tmpl$ = ["<div", ' class="depict plp category">', "</div>"];
|
|
9987
10005
|
function $9cbefc32b9dab36d$var$_classPrivateFieldInitSpec(obj, privateMap, value) {
|
|
9988
10006
|
$9cbefc32b9dab36d$var$_checkPrivateRedeclaration(obj, privateMap);
|
|
9989
10007
|
privateMap.set(obj, value);
|
|
@@ -10325,7 +10343,7 @@ function $9cbefc32b9dab36d$var$get_shared_properties(depict_category) {
|
|
|
10325
10343
|
if (!shared_properties) throw new Error("Can't connect to provided DepictCategory instance");
|
|
10326
10344
|
return shared_properties;
|
|
10327
10345
|
}
|
|
10328
|
-
|
|
10346
|
+
var $0c91ea7c14692db9$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>"];
|
|
10329
10347
|
const $0c91ea7c14692db9$export$824dde41348efed1 = /*@__PURE__*/(() => {
|
|
10330
10348
|
const actual_function = _ref => {
|
|
10331
10349
|
let {
|
|
@@ -10473,7 +10491,7 @@ async function $37ba475c9d723b26$var$download_categories(merchant, market, local
|
|
|
10473
10491
|
return [];
|
|
10474
10492
|
}
|
|
10475
10493
|
}
|
|
10476
|
-
|
|
10494
|
+
var $3001ad378baf39dc$var$_tmpl$ = ["<span", ' class="parent-title">', "</span>"],
|
|
10477
10495
|
$3001ad378baf39dc$var$_tmpl$2 = ["<a", ' class="category-suggestion"', '><span class="title">', "</span><!--$-->", "<!--/--></a>"];
|
|
10478
10496
|
function $3001ad378baf39dc$export$d757d54550ebfb3d(_ref) {
|
|
10479
10497
|
let {
|
|
@@ -10493,7 +10511,7 @@ function $3001ad378baf39dc$export$d757d54550ebfb3d(_ref) {
|
|
|
10493
10511
|
}
|
|
10494
10512
|
})));
|
|
10495
10513
|
}
|
|
10496
|
-
|
|
10514
|
+
var $c77adcdf5346b187$var$_tmpl$ = ["<div", ' class="search-recs"><h3 class="search-recs-title">', "</h3><!--$-->", "<!--/--><!--$-->", "<!--/--></div>"],
|
|
10497
10515
|
$c77adcdf5346b187$var$_tmpl$2 = ["<button", ' class="show-more major" type="button">', "</button>"];
|
|
10498
10516
|
const $c77adcdf5346b187$export$1c8c715550dc689d = 2;
|
|
10499
10517
|
function $c77adcdf5346b187$export$7de92c4c2205ebf3(_ref) {
|
|
@@ -10765,7 +10783,7 @@ function $d6ed4dbb6507996d$export$b3ad617e9036868(_ref, input_field, alignment,
|
|
|
10765
10783
|
}));
|
|
10766
10784
|
return align_position;
|
|
10767
10785
|
}
|
|
10768
|
-
|
|
10786
|
+
var $e3ac79dbd744c1c1$var$_tmpl$ = ["<div", ' class="category-suggestions">', "</div>"],
|
|
10769
10787
|
$e3ac79dbd744c1c1$var$_tmpl$2 = ["<div", ' class="category-suggestion">', "</div>"];
|
|
10770
10788
|
function $e3ac79dbd744c1c1$export$c05a196222ba1302(_ref) {
|
|
10771
10789
|
let {
|
|
@@ -10809,7 +10827,7 @@ function $e3ac79dbd744c1c1$export$c05a196222ba1302(_ref) {
|
|
|
10809
10827
|
}
|
|
10810
10828
|
});
|
|
10811
10829
|
}
|
|
10812
|
-
|
|
10830
|
+
var $9870a8a48ee126af$var$_tmpl$ = ["<b", ">", "</b>"],
|
|
10813
10831
|
$9870a8a48ee126af$var$_tmpl$2 = ["<div", ' class="results-for">', "</div>"];
|
|
10814
10832
|
function $9870a8a48ee126af$export$9dd50d35b9d94fdf(_ref) {
|
|
10815
10833
|
let {
|
|
@@ -10837,6 +10855,7 @@ function $996102a9349df6d7$export$41b4894022a3580f() {
|
|
|
10837
10855
|
alignmentSignals_ = {
|
|
10838
10856
|
body_: $3hooq$solidjs.createSignal({}),
|
|
10839
10857
|
field_: $3hooq$solidjs.createSignal({}),
|
|
10858
|
+
backdrop_: $3hooq$solidjs.createSignal({}),
|
|
10840
10859
|
...alignmentSignals_
|
|
10841
10860
|
};
|
|
10842
10861
|
const [, set_style_props] = alignmentSignals_.body_;
|
|
@@ -10854,7 +10873,7 @@ function $996102a9349df6d7$export$41b4894022a3580f() {
|
|
|
10854
10873
|
})));
|
|
10855
10874
|
return alignmentSignals_;
|
|
10856
10875
|
}
|
|
10857
|
-
|
|
10876
|
+
var $f1fc9ea3e7632eba$var$_tmpl$ = ["<div", ' class="description line-clamp">', "</div>"],
|
|
10858
10877
|
$f1fc9ea3e7632eba$var$_tmpl$2 = ["<div", ' class="content-card"><div class="image">', '</div><div class="info"><!--$-->', "<!--/--><!--$-->", "<!--/--></div></div>"];
|
|
10859
10878
|
function $f1fc9ea3e7632eba$export$f631859cab12b342(_ref) {
|
|
10860
10879
|
let {
|
|
@@ -10995,7 +11014,7 @@ function $05f255c0a94b9ca1$export$4405d077f0a20494(_ref) {
|
|
|
10995
11014
|
children: () => $3hooq$solidjsweb.createComponent((0, $f1fc9ea3e7632eba$export$f631859cab12b342), {})
|
|
10996
11015
|
});
|
|
10997
11016
|
}
|
|
10998
|
-
|
|
11017
|
+
var $eab939d0b95b75ee$var$_tmpl$ = ["<div", ' class="content-results" style="', '"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"],
|
|
10999
11018
|
$eab939d0b95b75ee$var$_tmpl$2 = ["<button", ' class="view-more">', "</button>"],
|
|
11000
11019
|
$eab939d0b95b75ee$var$_tmpl$3 = ["<button", ' class="view-less">', "</button>"];
|
|
11001
11020
|
const $eab939d0b95b75ee$export$70ceae36059a1036 = 1;
|
|
@@ -11091,14 +11110,14 @@ function $eab939d0b95b75ee$var$make_state_saved_rows(_ref2, i18n_) {
|
|
|
11091
11110
|
}));
|
|
11092
11111
|
return rows;
|
|
11093
11112
|
}
|
|
11094
|
-
|
|
11113
|
+
var $a60bc7692ce52705$var$_tmpl$ = ["<div", ' class="depict plp search">', "</div>"];
|
|
11095
11114
|
function $a60bc7692ce52705$export$44f738469d5570cf(_ref) {
|
|
11096
11115
|
let {
|
|
11097
11116
|
actualField_: actualField_,
|
|
11098
11117
|
makeFakeField_: makeFakeField_,
|
|
11099
11118
|
wrap_: wrap_,
|
|
11100
|
-
bodyAlignmentSignal_: [,
|
|
11101
|
-
backdropStyleSignal_: [,
|
|
11119
|
+
bodyAlignmentSignal_: [, setBodyAlignment_],
|
|
11120
|
+
backdropStyleSignal_: [, setBackdropStyle_],
|
|
11102
11121
|
setPollAlignment_: setPollAlignment_,
|
|
11103
11122
|
submitButton_: submitButton_,
|
|
11104
11123
|
modalSearchFieldOuterWidth_: modalSearchFieldOuterWidth_
|
|
@@ -11135,8 +11154,8 @@ function $a60bc7692ce52705$export$44f738469d5570cf(_ref) {
|
|
|
11135
11154
|
} : {})
|
|
11136
11155
|
});
|
|
11137
11156
|
const pxOffCenter = $3hooq$solidjs.untrack(innerWidthReactive) / 2 - (left + width / 2);
|
|
11138
|
-
const
|
|
11139
|
-
const
|
|
11157
|
+
const openDuration_ = pxOffCenter > 100 ? 250 : 125; // faster animations if little left-right movement
|
|
11158
|
+
const closeDuration_ = pxOffCenter > 100 ? 150 : 100;
|
|
11140
11159
|
setPollAlignment_(true);
|
|
11141
11160
|
// Fade out submit button so there aren't two overlapping buttons for a split second
|
|
11142
11161
|
submitButton_.animate([{
|
|
@@ -11144,7 +11163,7 @@ function $a60bc7692ce52705$export$44f738469d5570cf(_ref) {
|
|
|
11144
11163
|
}, {
|
|
11145
11164
|
opacity: 0
|
|
11146
11165
|
}], {
|
|
11147
|
-
duration:
|
|
11166
|
+
duration: openDuration_ / 3,
|
|
11148
11167
|
fill: "forwards"
|
|
11149
11168
|
});
|
|
11150
11169
|
$3hooq$solidjs.createEffect(finished => {
|
|
@@ -11158,7 +11177,7 @@ function $a60bc7692ce52705$export$44f738469d5570cf(_ref) {
|
|
|
11158
11177
|
left: "".concat($3hooq$solidjs.untrack(innerWidthReactive) / 2 - $3hooq$solidjs.untrack(inModalFieldWidth) / 2, "px"),
|
|
11159
11178
|
width: $3hooq$solidjs.untrack(inModalFieldWidthPx)
|
|
11160
11179
|
}], {
|
|
11161
|
-
duration:
|
|
11180
|
+
duration: openDuration_,
|
|
11162
11181
|
easing: "ease-in"
|
|
11163
11182
|
}).finished.then(() => {
|
|
11164
11183
|
setPollAlignment_(false);
|
|
@@ -11180,25 +11199,16 @@ function $a60bc7692ce52705$export$44f738469d5570cf(_ref) {
|
|
|
11180
11199
|
});
|
|
11181
11200
|
return true;
|
|
11182
11201
|
}, false);
|
|
11183
|
-
|
|
11184
|
-
|
|
11185
|
-
|
|
11186
|
-
|
|
11187
|
-
})
|
|
11188
|
-
|
|
11189
|
-
|
|
11190
|
-
|
|
11191
|
-
|
|
11192
|
-
|
|
11193
|
-
...prev,
|
|
11194
|
-
opacity: 0,
|
|
11195
|
-
transition: "opacity ".concat(openDuration, "ms ease-in"),
|
|
11196
|
-
"--js-animation-duration": "".concat(openDuration, "ms")
|
|
11197
|
-
}));
|
|
11198
|
-
requestAnimationFrame(() => setBodyAlignment(prev => ({
|
|
11199
|
-
...prev,
|
|
11200
|
-
opacity: 1
|
|
11201
|
-
})));
|
|
11202
|
+
$3hooq$solidjs.onCleanup(() => {
|
|
11203
|
+
// If we get cleaned up, reset the state and cancel the timeout to make sure the timeout doesn't mess with the next animation
|
|
11204
|
+
clearTimeout(disableResizePollingTimeout);
|
|
11205
|
+
setPollAlignment_(false);
|
|
11206
|
+
});
|
|
11207
|
+
$a60bc7692ce52705$export$e06dee46ebe7faa9({
|
|
11208
|
+
setBackdropStyle_: setBackdropStyle_,
|
|
11209
|
+
setBodyAlignment_: setBodyAlignment_,
|
|
11210
|
+
openDuration_: openDuration_
|
|
11211
|
+
});
|
|
11202
11212
|
$3hooq$solidjs.onCleanup(() => {
|
|
11203
11213
|
addedToBody.remove();
|
|
11204
11214
|
fakeField.replaceWith(actualField_);
|
|
@@ -11208,16 +11218,11 @@ function $a60bc7692ce52705$export$44f738469d5570cf(_ref) {
|
|
|
11208
11218
|
width: width,
|
|
11209
11219
|
left: left
|
|
11210
11220
|
} = fakeField.getBoundingClientRect();
|
|
11211
|
-
|
|
11212
|
-
|
|
11213
|
-
|
|
11214
|
-
|
|
11215
|
-
})
|
|
11216
|
-
setBodyAlignment(prev => ({
|
|
11217
|
-
...prev,
|
|
11218
|
-
opacity: 0,
|
|
11219
|
-
transition: "opacity ".concat(closeDuration, "ms ease-out")
|
|
11220
|
-
}));
|
|
11221
|
+
$a60bc7692ce52705$export$23d40cc5971c3acd({
|
|
11222
|
+
setBackdropStyle_: setBackdropStyle_,
|
|
11223
|
+
setBodyAlignment_: setBodyAlignment_,
|
|
11224
|
+
closeDuration_: closeDuration_
|
|
11225
|
+
});
|
|
11221
11226
|
await Promise.all([addedToBody.animate([{
|
|
11222
11227
|
width: $3hooq$solidjs.untrack(inModalFieldWidthPx),
|
|
11223
11228
|
left: "".concat($3hooq$solidjs.untrack(innerWidthReactive) / 2 - $3hooq$solidjs.untrack(inModalFieldWidth) / 2, "px")
|
|
@@ -11225,7 +11230,7 @@ function $a60bc7692ce52705$export$44f738469d5570cf(_ref) {
|
|
|
11225
11230
|
width: width + "px",
|
|
11226
11231
|
left: left + "px"
|
|
11227
11232
|
}], {
|
|
11228
|
-
duration:
|
|
11233
|
+
duration: closeDuration_,
|
|
11229
11234
|
fill: "forwards",
|
|
11230
11235
|
easing: "ease-out"
|
|
11231
11236
|
}).finished, submitButton_.animate([{
|
|
@@ -11233,8 +11238,8 @@ function $a60bc7692ce52705$export$44f738469d5570cf(_ref) {
|
|
|
11233
11238
|
}, {
|
|
11234
11239
|
opacity: 1
|
|
11235
11240
|
}], {
|
|
11236
|
-
duration:
|
|
11237
|
-
delay:
|
|
11241
|
+
duration: closeDuration_ / 3,
|
|
11242
|
+
delay: closeDuration_ * (2 / 3),
|
|
11238
11243
|
fill: "forwards"
|
|
11239
11244
|
}).finished]);
|
|
11240
11245
|
setPollAlignment_(false);
|
|
@@ -11242,7 +11247,70 @@ function $a60bc7692ce52705$export$44f738469d5570cf(_ref) {
|
|
|
11242
11247
|
};
|
|
11243
11248
|
});
|
|
11244
11249
|
}
|
|
11245
|
-
|
|
11250
|
+
function $a60bc7692ce52705$export$e06dee46ebe7faa9(_ref2) {
|
|
11251
|
+
let {
|
|
11252
|
+
setBackdropStyle_: setBackdropStyle_,
|
|
11253
|
+
setBodyAlignment_: setBodyAlignment_,
|
|
11254
|
+
openDuration_: openDuration_
|
|
11255
|
+
} = _ref2;
|
|
11256
|
+
setBackdropStyle_(prev => ({
|
|
11257
|
+
...prev,
|
|
11258
|
+
opacity: 0,
|
|
11259
|
+
transition: "opacity ".concat(openDuration_, "ms ease-in")
|
|
11260
|
+
}));
|
|
11261
|
+
requestAnimationFrame(() => setBackdropStyle_(prev => ({
|
|
11262
|
+
...prev,
|
|
11263
|
+
opacity: 1
|
|
11264
|
+
})));
|
|
11265
|
+
setBodyAlignment_(prev => ({
|
|
11266
|
+
...prev,
|
|
11267
|
+
opacity: 0,
|
|
11268
|
+
transition: "opacity ".concat(openDuration_, "ms ease-in ").concat(openDuration_ / 5, "ms"),
|
|
11269
|
+
// Add a slight delay so the brightness of the modal isn't so jarring before the background has gotten darkened
|
|
11270
|
+
"--js-animation-duration": "".concat(openDuration_, "ms")
|
|
11271
|
+
}));
|
|
11272
|
+
requestAnimationFrame(() => setBodyAlignment_(prev => ({
|
|
11273
|
+
...prev,
|
|
11274
|
+
opacity: 1
|
|
11275
|
+
})));
|
|
11276
|
+
}
|
|
11277
|
+
function $a60bc7692ce52705$export$23d40cc5971c3acd(_ref3) {
|
|
11278
|
+
let {
|
|
11279
|
+
setBackdropStyle_: setBackdropStyle_,
|
|
11280
|
+
setBodyAlignment_: setBodyAlignment_,
|
|
11281
|
+
closeDuration_: closeDuration_
|
|
11282
|
+
} = _ref3;
|
|
11283
|
+
setBackdropStyle_(prev => ({
|
|
11284
|
+
...prev,
|
|
11285
|
+
opacity: 0,
|
|
11286
|
+
transition: "opacity ".concat(closeDuration_, "ms ease-out")
|
|
11287
|
+
}));
|
|
11288
|
+
setBodyAlignment_(prev => ({
|
|
11289
|
+
...prev,
|
|
11290
|
+
opacity: 0,
|
|
11291
|
+
transition: "opacity ".concat(closeDuration_, "ms ease-out")
|
|
11292
|
+
}));
|
|
11293
|
+
}
|
|
11294
|
+
function $a60bc7692ce52705$export$dab9321f3c157061(alignmentSignals, modalVersion) {
|
|
11295
|
+
const [, setBodyAlignment_] = alignmentSignals.body_;
|
|
11296
|
+
const [, setBackdropStyle_] = alignmentSignals.backdrop_ || $3hooq$solidjs.createSignal({});
|
|
11297
|
+
// For default centered modal, also run our fading animations if search modal v2
|
|
11298
|
+
modalVersion === 2 && $a60bc7692ce52705$export$e06dee46ebe7faa9({
|
|
11299
|
+
openDuration_: 125,
|
|
11300
|
+
setBodyAlignment_: setBodyAlignment_,
|
|
11301
|
+
setBackdropStyle_: setBackdropStyle_
|
|
11302
|
+
});
|
|
11303
|
+
const closingAnimation = modalVersion === 2 ? async () => {
|
|
11304
|
+
$a60bc7692ce52705$export$23d40cc5971c3acd({
|
|
11305
|
+
closeDuration_: 100,
|
|
11306
|
+
setBodyAlignment_: setBodyAlignment_,
|
|
11307
|
+
setBackdropStyle_: setBackdropStyle_
|
|
11308
|
+
});
|
|
11309
|
+
await new Promise(r => setTimeout(r, 100));
|
|
11310
|
+
} : undefined;
|
|
11311
|
+
return closingAnimation;
|
|
11312
|
+
}
|
|
11313
|
+
var $739c927cbecd26b0$var$_tmpl$ = ["<div", ' class="filter-results-for-one-row"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"],
|
|
11246
11314
|
$739c927cbecd26b0$var$_tmpl$2 = ["<div", ' class="depict plp search"><div class="listing-page"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></div><!--$-->", "<!--/--><!--$-->", "<!--/--></div>"];
|
|
11247
11315
|
function $739c927cbecd26b0$export$a54ec244c8863715(_ref) {
|
|
11248
11316
|
let {
|
|
@@ -11500,10 +11568,12 @@ function $739c927cbecd26b0$export$a54ec244c8863715(_ref) {
|
|
|
11500
11568
|
setSearchFieldOuterWidth_: setModalSearchFieldOuterWidth_
|
|
11501
11569
|
}, () => {
|
|
11502
11570
|
var _on_close_, _ref3;
|
|
11503
|
-
// When modal is closed, reset style signals for next opening
|
|
11571
|
+
// When modal is closed, reset style signals for next opening so all animation related stuff gets reset
|
|
11504
11572
|
setModalBodyStyle({});
|
|
11505
11573
|
setModalFieldStyle({});
|
|
11506
11574
|
setModalBackdropStyle({});
|
|
11575
|
+
// And run the alignment code again so the modal is readily aligned when opened via a search button
|
|
11576
|
+
align_position === null || align_position === void 0 || align_position();
|
|
11507
11577
|
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);
|
|
11508
11578
|
});
|
|
11509
11579
|
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);
|
|
@@ -11926,14 +11996,10 @@ class $ddd39c5f36f49703$export$ac6237957a15b3f0 {
|
|
|
11926
11996
|
}
|
|
11927
11997
|
if (!((_ = open_signal_value[0]) !== null && _ !== void 0 && _.alignmentSignals_) && search_page_aligned_modal_alignment_signals_) {
|
|
11928
11998
|
// Open modal aligned with search page if no alignment specified and possible to align with search page
|
|
11929
|
-
|
|
11930
|
-
|
|
11931
|
-
alignmentSignals_: search_page_aligned_modal_alignment_signals_
|
|
11932
|
-
});
|
|
11933
|
-
return;
|
|
11934
|
-
}
|
|
11935
|
-
const [options_arg, ...rest] = open_signal_value;
|
|
11999
|
+
const [options_arg, ...rest] = open_signal_value === true ? [{}] : open_signal_value;
|
|
12000
|
+
const closingAnimation = $a60bc7692ce52705$export$dab9321f3c157061(search_page_aligned_modal_alignment_signals_, modalVersion);
|
|
11936
12001
|
open_modal_({
|
|
12002
|
+
closing_animation_: closingAnimation,
|
|
11937
12003
|
...options_arg,
|
|
11938
12004
|
alignmentSignals_: search_page_aligned_modal_alignment_signals_
|
|
11939
12005
|
}, ...rest);
|
|
@@ -11941,16 +12007,19 @@ class $ddd39c5f36f49703$export$ac6237957a15b3f0 {
|
|
|
11941
12007
|
}
|
|
11942
12008
|
// Open centered modal
|
|
11943
12009
|
const centeredModalAlignmentSignals = $996102a9349df6d7$export$41b4894022a3580f();
|
|
12010
|
+
const closingAnimation = $a60bc7692ce52705$export$dab9321f3c157061(centeredModalAlignmentSignals, modalVersion);
|
|
11944
12011
|
if (signal_value_is_options) {
|
|
11945
12012
|
const [options_arg, ...rest] = open_signal_value;
|
|
11946
12013
|
open_modal_({
|
|
12014
|
+
closing_animation_: closingAnimation,
|
|
11947
12015
|
...options_arg,
|
|
11948
12016
|
alignmentSignals_: search_page_aligned_modal_alignment_signals_ || centeredModalAlignmentSignals
|
|
11949
12017
|
}, ...rest);
|
|
11950
12018
|
return;
|
|
11951
12019
|
}
|
|
11952
12020
|
open_modal_({
|
|
11953
|
-
alignmentSignals_: centeredModalAlignmentSignals
|
|
12021
|
+
alignmentSignals_: centeredModalAlignmentSignals,
|
|
12022
|
+
closing_animation_: closingAnimation
|
|
11954
12023
|
});
|
|
11955
12024
|
};
|
|
11956
12025
|
$3hooq$solidjs.runWithOwner(owner, () => $3hooq$solidjs.createEffect(modal_opening_effect));
|
|
@@ -12505,7 +12574,7 @@ function $33e797e57f1b6354$var$clean_url(url) {
|
|
|
12505
12574
|
url_object.hash = "";
|
|
12506
12575
|
return url_object.href;
|
|
12507
12576
|
}
|
|
12508
|
-
|
|
12577
|
+
var $98aef9965764903d$var$_tmpl$ = ["<div", ' class="depict plp search">', "</div>"];
|
|
12509
12578
|
function $98aef9965764903d$export$316f6f283ae64765(props) {
|
|
12510
12579
|
const {
|
|
12511
12580
|
depict_search: depict_search,
|