@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.js
CHANGED
|
@@ -7,7 +7,7 @@ import { createStore as $i7OB2$createStore, reconcile as $i7OB2$reconcile } from
|
|
|
7
7
|
/*! Depict.ai search and product listing SDK */
|
|
8
8
|
import { register_es_version } from "../../multi_import_deduplicator.mjs";
|
|
9
9
|
register_es_version("ui", "latest");
|
|
10
|
-
const $ec291e0010116877$export$83d89fbfd8236492 = "4.0.
|
|
10
|
+
const $ec291e0010116877$export$83d89fbfd8236492 = "4.0.4";
|
|
11
11
|
function $136f1d4d6c7ba6ac$export$e417c49320921907(dependency, fetcher) {
|
|
12
12
|
const [promiseOfCurrentFetcherRun, setPromiseOfCurrentFetcherRun] = $i7OB2$createSignal();
|
|
13
13
|
const deparallelizedFetcher = $i7OB2$deparallelize_no_drop(async dependencyValue => {
|
|
@@ -89,7 +89,7 @@ function $dc9262ef6f786812$export$d9f36cf74e24d595(media_query) {
|
|
|
89
89
|
}) => signal[1](matches)).remove);
|
|
90
90
|
return signal[0];
|
|
91
91
|
}
|
|
92
|
-
|
|
92
|
+
var $e003be2a50d9e5bc$var$_tmpl$ = ["<span", ' class="title line-clamp">', "</span>"],
|
|
93
93
|
$e003be2a50d9e5bc$var$_tmpl$2 = ["<span", ' class="brand">', "</span>"],
|
|
94
94
|
$e003be2a50d9e5bc$var$_tmpl$3 = ["<div", ' class="tagline line-clamp">', "</div>"],
|
|
95
95
|
$e003be2a50d9e5bc$var$_tmpl$4 = ["<span", ' class="orig price"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></span>"],
|
|
@@ -148,7 +148,7 @@ const $e003be2a50d9e5bc$export$b05c0ae390cf3e06 = ({
|
|
|
148
148
|
}
|
|
149
149
|
})), $i7OB2$escape(i18n_.price_formatting_().post_));
|
|
150
150
|
};
|
|
151
|
-
|
|
151
|
+
var $d20eff0aadc28983$var$_tmpl$ = ["<span", ' class="', '" style="', '"></span>'];
|
|
152
152
|
function $d20eff0aadc28983$export$acb3eaade4b23afd(props) {
|
|
153
153
|
// Work around https://github.com/solidjs/solid/issues/1980
|
|
154
154
|
return $i7OB2$ssr($d20eff0aadc28983$var$_tmpl$, $i7OB2$ssrHydrationKey(), `${$i7OB2$escape(props.class, true) || ""} depict-placeholder`, $i7OB2$ssrStyle(props.style));
|
|
@@ -208,7 +208,7 @@ function $d134eae24341b4a1$export$89c6019e4baa40b1(props) {
|
|
|
208
208
|
}
|
|
209
209
|
});
|
|
210
210
|
}
|
|
211
|
-
|
|
211
|
+
var $bb15dfb548a7666e$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>"];
|
|
212
212
|
const $bb15dfb548a7666e$export$8a2234b5b1a5ebd4 = "--image-aspect-ratio";
|
|
213
213
|
function $bb15dfb548a7666e$export$ee1733d9a8495996() {
|
|
214
214
|
return $i7OB2$ssr($bb15dfb548a7666e$var$_tmpl$, $i7OB2$ssrHydrationKey(), $i7OB2$escape($i7OB2$createComponent((0, $7f60f09116a3fe61$export$3f37af283f8fb843), {
|
|
@@ -356,7 +356,7 @@ function $29ec7cddbe1d3484$var$deep_equal(obj1, obj2) {
|
|
|
356
356
|
}
|
|
357
357
|
return true;
|
|
358
358
|
}
|
|
359
|
-
|
|
359
|
+
var $eea41f703612261b$var$_tmpl$ = ["<div", ' class="instant-results" style="', '">', "</div>"];
|
|
360
360
|
function $eea41f703612261b$export$62f101a8aa597bf8({
|
|
361
361
|
depict_api_: depict_api_,
|
|
362
362
|
search_field_value_: [get_search_field_value],
|
|
@@ -543,11 +543,11 @@ function $a36cbc4f68bfd590$export$91c3b6774e8be0f5({
|
|
|
543
543
|
return u_o.href;
|
|
544
544
|
});
|
|
545
545
|
}
|
|
546
|
-
|
|
546
|
+
var $694b7f90501fea4c$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>'];
|
|
547
547
|
function $694b7f90501fea4c$export$5d2caaa6b530761c() {
|
|
548
548
|
return $i7OB2$ssr($694b7f90501fea4c$var$_tmpl$, $i7OB2$ssrHydrationKey());
|
|
549
549
|
}
|
|
550
|
-
|
|
550
|
+
var $19976a74d273070d$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>';
|
|
551
551
|
function $19976a74d273070d$export$3b621d86b1566b2(props = {}) {
|
|
552
552
|
return $i7OB2$ssrElement("svg", $i7OB2$mergeProps({
|
|
553
553
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -556,7 +556,7 @@ function $19976a74d273070d$export$3b621d86b1566b2(props = {}) {
|
|
|
556
556
|
viewBox: "0 0 21.064 21.064"
|
|
557
557
|
}, props), () => $i7OB2$ssr($19976a74d273070d$var$_tmpl$), true);
|
|
558
558
|
}
|
|
559
|
-
|
|
559
|
+
var $980239e081e89b62$var$_tmpl$ = ["<div", ' class="previous-searches"><h2 class="text">', '</h2><div class="list">', "</div></div>"],
|
|
560
560
|
$980239e081e89b62$var$_tmpl$2 = ["<a", ' class="', '"', '><div class="left"><!--$-->', '<!--/--><span class="line-clamp"', ">", '</span></div><button class="delete"', ">", "</button></a>"];
|
|
561
561
|
function $980239e081e89b62$export$a146ac6fa8346a25({
|
|
562
562
|
text_: text_,
|
|
@@ -594,7 +594,7 @@ function $980239e081e89b62$export$a146ac6fa8346a25({
|
|
|
594
594
|
}
|
|
595
595
|
});
|
|
596
596
|
}
|
|
597
|
-
|
|
597
|
+
var $f3213c0640246d58$var$_tmpl$ = ["<span", ' class="highlighted-part">', "</span>"],
|
|
598
598
|
$f3213c0640246d58$var$_tmpl$2 = ["<span", ' class="', '"', ">", "</span>"];
|
|
599
599
|
function $f3213c0640246d58$export$ba17c5b7e6dda39f({
|
|
600
600
|
whole_text_to_display_: whole_text_to_display_memo,
|
|
@@ -647,7 +647,7 @@ function $f3213c0640246d58$export$ba17c5b7e6dda39f({
|
|
|
647
647
|
}));
|
|
648
648
|
return $i7OB2$ssr($f3213c0640246d58$var$_tmpl$2, $i7OB2$ssrHydrationKey(), `${$i7OB2$escape(class_, true) || ""} ${get_has_highlighted() ? "has-match" : ""}`, $i7OB2$ssrAttribute("title", $i7OB2$escape(whole_text_to_display_memo(), true), false), $i7OB2$escape(text_itself()));
|
|
649
649
|
}
|
|
650
|
-
|
|
650
|
+
var $16f0ed5ea30d8d9c$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>';
|
|
651
651
|
function $16f0ed5ea30d8d9c$export$82eafebb825fc23f(props = {}) {
|
|
652
652
|
return $i7OB2$ssrElement("svg", $i7OB2$mergeProps({
|
|
653
653
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -656,7 +656,7 @@ function $16f0ed5ea30d8d9c$export$82eafebb825fc23f(props = {}) {
|
|
|
656
656
|
viewBox: "0 0 20 22"
|
|
657
657
|
}, props), () => $i7OB2$ssr($16f0ed5ea30d8d9c$var$_tmpl$), true);
|
|
658
658
|
}
|
|
659
|
-
|
|
659
|
+
var $190927650b4840eb$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>';
|
|
660
660
|
function $190927650b4840eb$export$605674723bcc715c(props = {}) {
|
|
661
661
|
return $i7OB2$ssrElement("svg", $i7OB2$mergeProps({
|
|
662
662
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -665,7 +665,7 @@ function $190927650b4840eb$export$605674723bcc715c(props = {}) {
|
|
|
665
665
|
viewBox: "0 0 256 256"
|
|
666
666
|
}, props), () => $i7OB2$ssr($190927650b4840eb$var$_tmpl$), true);
|
|
667
667
|
}
|
|
668
|
-
|
|
668
|
+
var $ab4b0679fa8bd1dc$var$_tmpl$ = ["<a", ' class="', '"', ">", "</a>"],
|
|
669
669
|
$ab4b0679fa8bd1dc$var$_tmpl$2 = ["<div", ' class="search-icon">', "</div>"],
|
|
670
670
|
$ab4b0679fa8bd1dc$var$_tmpl$3 = ["<span", ' class="type">', "</span>"],
|
|
671
671
|
$ab4b0679fa8bd1dc$var$_tmpl$4 = ["<div", ' class="with-parent-title"><!--$-->', '<!--/--><span class="value line-clamp">', "</span></div>"],
|
|
@@ -838,7 +838,7 @@ function $ab4b0679fa8bd1dc$export$e872e2339fb04a7f({
|
|
|
838
838
|
}
|
|
839
839
|
});
|
|
840
840
|
}
|
|
841
|
-
|
|
841
|
+
var $92a48aea6a9364d8$var$_tmpl$ = ["<a", ' target="_blank"></a>'];
|
|
842
842
|
function $92a48aea6a9364d8$export$1efe1013da60d0e4(e, href) {
|
|
843
843
|
if (e.metaKey || e.ctrlKey) {
|
|
844
844
|
// Open link in a new tab with cmd/ctrl + enter.
|
|
@@ -1167,7 +1167,7 @@ const $926b1b5ba2239356$export$af8311b651139246 = css_properties => {
|
|
|
1167
1167
|
const $926b1b5ba2239356$export$1233ca167bf71f9a = styles => {
|
|
1168
1168
|
return Object.entries(styles).map(([selector, css_properties]) => `${selector} { ${$926b1b5ba2239356$export$af8311b651139246(css_properties)} }`).join(" ");
|
|
1169
1169
|
};
|
|
1170
|
-
|
|
1170
|
+
var $19f1f3e588d63502$var$_tmpl$ = ["<style", ">", "</style>"];
|
|
1171
1171
|
function $19f1f3e588d63502$export$f021bdedd3ec901a(props) {
|
|
1172
1172
|
const valid_css_string = $i7OB2$createMemo(() => {
|
|
1173
1173
|
return $926b1b5ba2239356$export$1233ca167bf71f9a(props.styles());
|
|
@@ -1186,7 +1186,7 @@ let $f86ba724282f6690$export$44dad306455dddf;
|
|
|
1186
1186
|
*/
|
|
1187
1187
|
const $66db7a014e20802e$export$1ea76ea778b880dd = Symbol("modalVersion");
|
|
1188
1188
|
const $66db7a014e20802e$export$89890212b43f1b60 = Symbol("backIcon");
|
|
1189
|
-
|
|
1189
|
+
var $5285d2814d0fac0c$var$_tmpl$ = ["<button", ' class="back" type="button"', ">", "</button>"],
|
|
1190
1190
|
$5285d2814d0fac0c$var$_tmpl$2 = ["<div", ' class="search-field"><!--$-->', '<!--/--><div class="field"><input class="', '" tabindex="0"', '><button type="button" class="clear"', ' style="', '">', "</button></div>", "</div>"];
|
|
1191
1191
|
function $5285d2814d0fac0c$export$b94867ecbd698f21({
|
|
1192
1192
|
search_field_value_: search_field_value_,
|
|
@@ -1273,7 +1273,7 @@ class $4fd48cb976bf1789$export$aa14a9f43128f61f extends $4fd48cb976bf1789$export
|
|
|
1273
1273
|
});
|
|
1274
1274
|
}
|
|
1275
1275
|
}
|
|
1276
|
-
|
|
1276
|
+
var $b7436a6d1fd64e3b$var$_tmpl$ = ["<div", ' class="', '"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"];
|
|
1277
1277
|
function $b7436a6d1fd64e3b$export$b69d0d92862de18b(props) {
|
|
1278
1278
|
return $i7OB2$ErrorBoundary({
|
|
1279
1279
|
fallback(err, retry) {
|
|
@@ -1306,7 +1306,7 @@ function $011607bdf658f807$export$e68cff63f76bd15b(props) {
|
|
|
1306
1306
|
function $011607bdf658f807$export$8d0c4fdbb05a2f2e() {
|
|
1307
1307
|
return $i7OB2$useContext($011607bdf658f807$var$ListingContext);
|
|
1308
1308
|
}
|
|
1309
|
-
|
|
1309
|
+
var $ffb84ffbf4014982$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>'];
|
|
1310
1310
|
function $ffb84ffbf4014982$export$8d8893ffd8aca39a() {
|
|
1311
1311
|
return $i7OB2$ssr($ffb84ffbf4014982$var$_tmpl$, $i7OB2$ssrHydrationKey());
|
|
1312
1312
|
}
|
|
@@ -1333,7 +1333,7 @@ function $512b994d501f412b$export$93d9bfd0c9c1a5b8(close_modal, search_query_url
|
|
|
1333
1333
|
}
|
|
1334
1334
|
})();
|
|
1335
1335
|
}
|
|
1336
|
-
|
|
1336
|
+
var $42912431795f188e$var$_tmpl$ = ["<div", ' class="discover-more"><button class="major" type="button">', "</button></div>"],
|
|
1337
1337
|
$42912431795f188e$var$_tmpl$2 = ["<b", ">", "</b>"],
|
|
1338
1338
|
$42912431795f188e$var$_tmpl$3 = ["<div", ' class="', '"><div class="', '"><!--$-->', '<!--/--><div class="padded"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></div><!--$-->", "<!--/--></div><!--$-->", "<!--/--></div>"],
|
|
1339
1339
|
$42912431795f188e$var$_tmpl$4 = ["<div", ' class="', '"><div class="depict-search-modal-backdrop"></div><!--$-->', "<!--/--></div>"];
|
|
@@ -1704,7 +1704,7 @@ function $4147651646da990a$export$43cd1e747fecd42e({
|
|
|
1704
1704
|
if (was_url_object) return url_object;
|
|
1705
1705
|
return url_object.href;
|
|
1706
1706
|
}
|
|
1707
|
-
|
|
1707
|
+
var $dfa5b6f7c5e421df$var$_tmpl$ = ["<nav", ' class="crumbs"', ">", "</nav>"],
|
|
1708
1708
|
$dfa5b6f7c5e421df$var$_tmpl$2 = ["<a", ' class="crumb"', ">", "</a>"],
|
|
1709
1709
|
$dfa5b6f7c5e421df$var$_tmpl$3 = ["<span", ' class="separator">', "</span>"];
|
|
1710
1710
|
function $dfa5b6f7c5e421df$export$5646050d516e06bc({
|
|
@@ -1758,9 +1758,9 @@ function $dfa5b6f7c5e421df$export$5646050d516e06bc({
|
|
|
1758
1758
|
}
|
|
1759
1759
|
});
|
|
1760
1760
|
}
|
|
1761
|
-
|
|
1761
|
+
var $f18d425032111270$var$_tmpl$ = ["<div", ' class="', '" style="', '">', "</div>"];
|
|
1762
1762
|
function $f18d425032111270$export$94026ee33dbabc26(props) {
|
|
1763
|
-
return $i7OB2$ssr($f18d425032111270$var$_tmpl$, $i7OB2$ssrHydrationKey(), `${$i7OB2$escape($i7OB2$escape("s-image-container", true), true)}${$i7OB2$escape(props.class, true) || ""}`, $i7OB2$ssrStyle(`padding-bottom:calc(calc(1 / ${props.aspectRatio}) * 100%)`), $i7OB2$escape(props.children));
|
|
1763
|
+
return $i7OB2$ssr($f18d425032111270$var$_tmpl$, $i7OB2$ssrHydrationKey(), `${$i7OB2$escape($i7OB2$escape("s-image-container", true), true)} ${$i7OB2$escape(props.class, true) || ""}`, $i7OB2$ssrStyle(`padding-bottom:calc(calc(1 / ${props.aspectRatio}) * 100%)`), $i7OB2$escape(props.children));
|
|
1764
1764
|
}
|
|
1765
1765
|
function $e8ffe11ed01df0fe$export$e6fffe67d4cdd848(whatToWatch) {
|
|
1766
1766
|
const [size, setSize] = $i7OB2$createSignal(0);
|
|
@@ -2005,11 +2005,11 @@ function $4f16612bea257571$export$9d4a4b669b1929ab(props) {
|
|
|
2005
2005
|
}
|
|
2006
2006
|
}));
|
|
2007
2007
|
}
|
|
2008
|
-
|
|
2008
|
+
var $0eb1f9e7ee46f1c2$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>'];
|
|
2009
2009
|
function $0eb1f9e7ee46f1c2$export$9ca09caa9c849d9c() {
|
|
2010
2010
|
return $i7OB2$ssr($0eb1f9e7ee46f1c2$var$_tmpl$, $i7OB2$ssrHydrationKey());
|
|
2011
2011
|
}
|
|
2012
|
-
|
|
2012
|
+
var $4ce5b8892775b62d$var$_tmpl$ = ["<a", ">", "</a>"],
|
|
2013
2013
|
$4ce5b8892775b62d$var$_tmpl$2 = ["<div", ' class="', '"><div class="image-part" style="', '">', "</div><!--$-->", '<!--/--><h3 class="title">', "</h3></div>"],
|
|
2014
2014
|
$4ce5b8892775b62d$var$_tmpl$3 = ["<div", ' class="empty-image" style="', '">', "</div>"];
|
|
2015
2015
|
const $4ce5b8892775b62d$var$aspectRatioWidthComponent = 402.67;
|
|
@@ -2101,11 +2101,11 @@ function $4ce5b8892775b62d$export$ea41102db9bd68c3({
|
|
|
2101
2101
|
function $4ce5b8892775b62d$var$EmptyImage() {
|
|
2102
2102
|
return $i7OB2$ssr($4ce5b8892775b62d$var$_tmpl$3, $i7OB2$ssrHydrationKey(), "aspect-ratio:" + $i7OB2$escape($4ce5b8892775b62d$var$listingSuggestionCollageAspectRatio, true), $i7OB2$escape($i7OB2$createComponent((0, $0eb1f9e7ee46f1c2$export$9ca09caa9c849d9c), {})));
|
|
2103
2103
|
}
|
|
2104
|
-
|
|
2104
|
+
var $fbbadcb080ad1d4a$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>'];
|
|
2105
2105
|
function $fbbadcb080ad1d4a$export$8be2714ec7f169ee(props = {}) {
|
|
2106
2106
|
return $i7OB2$ssr($fbbadcb080ad1d4a$var$_tmpl$, $i7OB2$ssrHydrationKey(), $i7OB2$ssrAttribute("width", $i7OB2$escape(props.width_, true) ?? 14, false) + $i7OB2$ssrAttribute("height", $i7OB2$escape(props.height_, true) ?? 26, false));
|
|
2107
2107
|
}
|
|
2108
|
-
|
|
2108
|
+
var $f32e14878e75af51$var$_tmpl$ = ["<div", ">", "</div>"],
|
|
2109
2109
|
$f32e14878e75af51$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>"];
|
|
2110
2110
|
function $f32e14878e75af51$export$6649caad96ef8870({
|
|
2111
2111
|
children: children,
|
|
@@ -2159,7 +2159,7 @@ function $f32e14878e75af51$export$6649caad96ef8870({
|
|
|
2159
2159
|
}
|
|
2160
2160
|
});
|
|
2161
2161
|
}
|
|
2162
|
-
|
|
2162
|
+
var $c8d5ff4524619fcd$var$_tmpl$ = ["<div", ' class="', '">', "</div>"],
|
|
2163
2163
|
$c8d5ff4524619fcd$var$_tmpl$2 = ["<style", ' type="text/css">', "</style>"];
|
|
2164
2164
|
function $c8d5ff4524619fcd$export$d21e32dfedac04be(props) {
|
|
2165
2165
|
const container_class = "x" + $i7OB2$createUniqueId();
|
|
@@ -2269,7 +2269,7 @@ function $c8d5ff4524619fcd$export$445d8d3f5f706a40(props, container_element, ins
|
|
|
2269
2269
|
if (insert_after_container) container_element.after(style_element);
|
|
2270
2270
|
return [container_element, view_more_button_container(), view_less_button_container(), style_element];
|
|
2271
2271
|
}
|
|
2272
|
-
|
|
2272
|
+
var $44f30a4222ce604b$var$_tmpl$ = ["<div", ' class="visual-listing-suggestions" style="', '"><h2>', "</h2><!--$-->", "<!--/--></div>"],
|
|
2273
2273
|
$44f30a4222ce604b$var$_tmpl$2 = ["<div", ' class="suggestion-container">', "</div>"];
|
|
2274
2274
|
function $44f30a4222ce604b$export$c8d7e00464029b45({
|
|
2275
2275
|
listing_suggestions_: listing_suggestions_,
|
|
@@ -2345,7 +2345,7 @@ function $44f30a4222ce604b$export$c8d7e00464029b45({
|
|
|
2345
2345
|
}
|
|
2346
2346
|
});
|
|
2347
2347
|
}
|
|
2348
|
-
|
|
2348
|
+
var $903297121898e5ff$var$_tmpl$ = ["<div", ' style="', '"><div class="title-row"><h2>', "</h2><!--$-->", '<!--/--></div><div class="suggestion-container">', "</div></div>"],
|
|
2349
2349
|
$903297121898e5ff$var$_tmpl$2 = ["<a", ' class="', '"', ">", "</a>"];
|
|
2350
2350
|
function $903297121898e5ff$export$d4994a86c6235f72({
|
|
2351
2351
|
search_query_url_param_name_: search_query_url_param_name_,
|
|
@@ -2411,7 +2411,7 @@ function $903297121898e5ff$export$d4994a86c6235f72({
|
|
|
2411
2411
|
}
|
|
2412
2412
|
});
|
|
2413
2413
|
}
|
|
2414
|
-
|
|
2414
|
+
var $2f3171b02c8f4a5d$var$_tmpl$ = ["<button", ' class="delete" type="button">', "</button>"];
|
|
2415
2415
|
const $2f3171b02c8f4a5d$var$MAX_PREVIOUS = 3;
|
|
2416
2416
|
function $2f3171b02c8f4a5d$export$af1fb307bbba2417({
|
|
2417
2417
|
search_field_value_: search_field_value_,
|
|
@@ -2551,7 +2551,7 @@ function $53986ad54c77939e$export$b608d7df125109f1({
|
|
|
2551
2551
|
|
|
2552
2552
|
return suggestionsResource;
|
|
2553
2553
|
}
|
|
2554
|
-
|
|
2554
|
+
var $5cec65dd06ade2c4$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>'];
|
|
2555
2555
|
function $5cec65dd06ade2c4$export$3fcbcd8bd3e0290f() {
|
|
2556
2556
|
return $i7OB2$ssr($5cec65dd06ade2c4$var$_tmpl$, $i7OB2$ssrHydrationKey());
|
|
2557
2557
|
}
|
|
@@ -2573,9 +2573,10 @@ function $140dbdee2e0b252f$export$66d1697a0f27069c(modalLayoutStacked) {
|
|
|
2573
2573
|
instantResultsIndex_: instantResultsIndex_
|
|
2574
2574
|
};
|
|
2575
2575
|
}
|
|
2576
|
-
|
|
2577
|
-
$500a16dd18ee5a71$var$_tmpl$2 = ["<
|
|
2578
|
-
$500a16dd18ee5a71$var$_tmpl$3 = ["<
|
|
2576
|
+
var $500a16dd18ee5a71$var$_tmpl$ = ["<div", ' class="instant-results-wrapper" style="', '"><h2>', "</h2><!--$-->", "<!--/--></div>"],
|
|
2577
|
+
$500a16dd18ee5a71$var$_tmpl$2 = ["<div", ' class="', '"></div>'],
|
|
2578
|
+
$500a16dd18ee5a71$var$_tmpl$3 = ["<div", ' class="', '"><div class="', '"><!--$-->', '<!--/--><div class="', '"></div><div class="discover-more"><button class="major" type="button">', "</button></div></div><!--$-->", "<!--/--></div>"],
|
|
2579
|
+
$500a16dd18ee5a71$var$_tmpl$4 = ["<b", ">", "</b>"];
|
|
2579
2580
|
/**
|
|
2580
2581
|
* Second generation search modal - the solid component that gets added to <body> when the search modal is opened
|
|
2581
2582
|
*/
|
|
@@ -2606,7 +2607,8 @@ function $500a16dd18ee5a71$var$RawSearchModalV2({
|
|
|
2606
2607
|
content_search_enabled_: content_search_enabled_,
|
|
2607
2608
|
sorting_query_param_: sorting_query_param_,
|
|
2608
2609
|
filter_query_param_prefix_: filter_query_param_prefix_,
|
|
2609
|
-
setSearchFieldOuterWidth_: setSearchFieldOuterWidth_
|
|
2610
|
+
setSearchFieldOuterWidth_: setSearchFieldOuterWidth_,
|
|
2611
|
+
forceUseDiv_: forceUseDiv_
|
|
2610
2612
|
}) {
|
|
2611
2613
|
let on_enter_in_search_field_function;
|
|
2612
2614
|
// 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.
|
|
@@ -2832,6 +2834,10 @@ function $500a16dd18ee5a71$var$RawSearchModalV2({
|
|
|
2832
2834
|
});
|
|
2833
2835
|
}
|
|
2834
2836
|
})]);
|
|
2837
|
+
const DialogElement = props => {
|
|
2838
|
+
if (forceUseDiv_) return $i7OB2$ssrElement("div", props, () => $i7OB2$escape(props.children), true);
|
|
2839
|
+
return $i7OB2$ssrElement("dialog", props, () => $i7OB2$escape(props.children), true);
|
|
2840
|
+
};
|
|
2835
2841
|
const search_field = $5285d2814d0fac0c$export$b94867ecbd698f21({
|
|
2836
2842
|
BackIcon_: () => $i7OB2$createComponent((0, $5cec65dd06ade2c4$export$11e9f390c90a537f), {}),
|
|
2837
2843
|
input_field_ref_: element => set_input_field(element),
|
|
@@ -2855,16 +2861,28 @@ function $500a16dd18ee5a71$var$RawSearchModalV2({
|
|
|
2855
2861
|
resizeObserver.observe(search_field);
|
|
2856
2862
|
$i7OB2$onCleanup(() => resizeObserver.disconnect());
|
|
2857
2863
|
}
|
|
2858
|
-
return [$i7OB2$
|
|
2859
|
-
|
|
2860
|
-
|
|
2864
|
+
return [$i7OB2$createComponent(DialogElement, {
|
|
2865
|
+
get id() {
|
|
2866
|
+
return (0, $f86ba724282f6690$export$44dad306455dddf).SEARCH_MODAL;
|
|
2867
|
+
},
|
|
2868
|
+
"class": "depict plp search",
|
|
2869
|
+
get classList() {
|
|
2870
|
+
return class_list_?.();
|
|
2871
|
+
},
|
|
2872
|
+
onClose: close_modal_,
|
|
2873
|
+
get children() {
|
|
2874
|
+
return [$i7OB2$ssr($500a16dd18ee5a71$var$_tmpl$2, $i7OB2$ssrHydrationKey(), `depict-search-modal-backdrop ${$i7OB2$escape($i7OB2$escape(backdropRandomClassname, true), true)}`), $i7OB2$ssr($500a16dd18ee5a71$var$_tmpl$3, $i7OB2$ssrHydrationKey(), `depict-search-modal ${modalLayoutStacked_() ? "stacked" : ""}`, `body ${$i7OB2$escape($i7OB2$escape(random_classname_body, true), true)}`, $i7OB2$escape(search_field), `padded ${noResults() ? "no-results" : ""}`, get_search_field_value_() ? $i7OB2$escape(i18n_.modal_view_all_results_()($i7OB2$ssr($500a16dd18ee5a71$var$_tmpl$4, $i7OB2$ssrHydrationKey(), $i7OB2$escape(formattedTotalNumberResults())))) : $i7OB2$escape(i18n_.modal_discover_more_()), $i7OB2$escape($i7OB2$createComponent((0, $19f1f3e588d63502$export$f021bdedd3ec901a), {
|
|
2875
|
+
styles: mergedCssObject
|
|
2876
|
+
})))];
|
|
2877
|
+
}
|
|
2878
|
+
})];
|
|
2861
2879
|
}
|
|
2862
2880
|
const $500a16dd18ee5a71$export$b0c55aa2e87c4be7 = /*@__PURE__*/(() => {
|
|
2863
2881
|
$500a16dd18ee5a71$var$RawSearchModalV2[(0, $66db7a014e20802e$export$1ea76ea778b880dd)] = 2;
|
|
2864
2882
|
$500a16dd18ee5a71$var$RawSearchModalV2[(0, $66db7a014e20802e$export$89890212b43f1b60)] = (0, $5cec65dd06ade2c4$export$11e9f390c90a537f);
|
|
2865
2883
|
return $500a16dd18ee5a71$var$RawSearchModalV2;
|
|
2866
2884
|
})();
|
|
2867
|
-
|
|
2885
|
+
var $024fbc0a2d796fad$var$_tmpl$ = ["<section", ' aria-live="polite" role="region" class="tabs-body">', "</section>"],
|
|
2868
2886
|
$024fbc0a2d796fad$var$_tmpl$2 = ["<nav", ' role="tablist" class="tabs-bar">', "</nav>"],
|
|
2869
2887
|
$024fbc0a2d796fad$var$_tmpl$3 = ["<article", ' role="tabpanel" class="', '" style="', '">', "</article>"];
|
|
2870
2888
|
const $024fbc0a2d796fad$var$TabsContext = /*@__PURE__*/$i7OB2$createContext();
|
|
@@ -3237,7 +3255,7 @@ class $4fd2ba03703a7d92$export$7e1297a3a19f10d8 {
|
|
|
3237
3255
|
this.on_navigation_ = on_navigation;
|
|
3238
3256
|
}
|
|
3239
3257
|
}
|
|
3240
|
-
|
|
3258
|
+
var $2a26c8ff1ef1fe75$var$_tmpl$ = ["<div", ' class="image-container">', "</div>"];
|
|
3241
3259
|
function $2a26c8ff1ef1fe75$export$41e1a079d40a0d58(props) {
|
|
3242
3260
|
const [display] = $i7OB2$createResource(() => ({
|
|
3243
3261
|
merchant: props.merchant_,
|
|
@@ -3293,7 +3311,7 @@ function $2a26c8ff1ef1fe75$export$41e1a079d40a0d58(props) {
|
|
|
3293
3311
|
})));
|
|
3294
3312
|
}
|
|
3295
3313
|
const $4fb3a1cf207a7d5c$export$5c28802497c8a83c = /*@__PURE__*/Symbol("category_title_type");
|
|
3296
|
-
|
|
3314
|
+
var $e4615ecd1849548f$var$_tmpl$ = ["<div", ' class="category-title"><h1 class="title">', '</h1><span class="explanation"> \u2014 <!--$-->', "<!--/--></span></div>"];
|
|
3297
3315
|
const $e4615ecd1849548f$export$b91cec6bdc6b32a1 = /*@__PURE__*/(() => {
|
|
3298
3316
|
const actual_function = ({
|
|
3299
3317
|
category_title_: category_title_,
|
|
@@ -3412,7 +3430,7 @@ function $6e41f1fde994db72$var$Placeholder({
|
|
|
3412
3430
|
});
|
|
3413
3431
|
}
|
|
3414
3432
|
|
|
3415
|
-
|
|
3433
|
+
var $3da8afe3ed57cf34$var$_tmpl$ = ["<h2", ' class="recs-title">', "</h2>"],
|
|
3416
3434
|
$3da8afe3ed57cf34$var$_tmpl$2 = ["<div", ' class="recommendation-grid"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"];
|
|
3417
3435
|
function $3da8afe3ed57cf34$export$7da560f849543dff({
|
|
3418
3436
|
recommendations_resource_: recommendations_resource_,
|
|
@@ -3539,7 +3557,7 @@ function $16b52438165aafe2$export$23fca46f3143581f(component, error_message) {
|
|
|
3539
3557
|
// we're already in a root so cleanups are handled
|
|
3540
3558
|
return component_in_error_boundary();
|
|
3541
3559
|
}
|
|
3542
|
-
|
|
3560
|
+
var $9ea5383493360761$var$_tmpl$ = ["<button", ' class="show-more major" type="button">', "</button>"],
|
|
3543
3561
|
$9ea5383493360761$var$_tmpl$2 = ["<div", ' class="depict plp recommendations">', "</div>"];
|
|
3544
3562
|
function $9ea5383493360761$export$9756467d34d91cdb(props) {
|
|
3545
3563
|
return $16b52438165aafe2$export$23fca46f3143581f(() => {
|
|
@@ -3695,7 +3713,7 @@ function $45d4ed34a22ab90c$export$6b35356958ae5587(props) {
|
|
|
3695
3713
|
}
|
|
3696
3714
|
});
|
|
3697
3715
|
}
|
|
3698
|
-
|
|
3716
|
+
var $e64486f09b43651c$var$_tmpl$ = ["<div", ' class="top-bar"><button class="close">', "</button></div>"],
|
|
3699
3717
|
$e64486f09b43651c$var$_tmpl$2 = ["<div", ' class="below-top-bar"><h2>Outfit recommendations</h2><div class="image-and-suggestions"><!--$-->', '<!--/--><div class="tabs">', "</div></div></div>"],
|
|
3700
3718
|
$e64486f09b43651c$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>"];
|
|
3701
3719
|
function $e64486f09b43651c$export$a3cbef418994a664(props) {
|
|
@@ -3744,7 +3762,7 @@ function $e64486f09b43651c$export$a3cbef418994a664(props) {
|
|
|
3744
3762
|
}
|
|
3745
3763
|
})))];
|
|
3746
3764
|
}
|
|
3747
|
-
|
|
3765
|
+
var $8560c919ff763930$var$_tmpl$ = ["<div", ">Failed fetching shop the look recommendations</div>"];
|
|
3748
3766
|
const $8560c919ff763930$var$CANT_FETCH = "Failed fetching shop the look recommendations";
|
|
3749
3767
|
let $8560c919ff763930$var$setModalShouldBeOpen;
|
|
3750
3768
|
let $8560c919ff763930$var$modalProps;
|
|
@@ -3858,7 +3876,7 @@ function $2449872a62a75a20$export$ebdc3711f7e02ccd(what_to_watch) {
|
|
|
3858
3876
|
});
|
|
3859
3877
|
return width;
|
|
3860
3878
|
}
|
|
3861
|
-
|
|
3879
|
+
var $c4492d24952ed731$var$_tmpl$ = ["<h2", ' class="recs-title">', "</h2>"];
|
|
3862
3880
|
function $c4492d24952ed731$export$d41d19e89346fa2({
|
|
3863
3881
|
recommendations_resource_: recommendations_resource_,
|
|
3864
3882
|
product_card_template_: product_card_template_,
|
|
@@ -3922,7 +3940,7 @@ function $c4492d24952ed731$export$d41d19e89346fa2({
|
|
|
3922
3940
|
children: slider
|
|
3923
3941
|
});
|
|
3924
3942
|
}
|
|
3925
|
-
|
|
3943
|
+
var $ee116da074deb002$var$_tmpl$ = ["<div", ' class="depict recommendations">', "</div>"];
|
|
3926
3944
|
function $ee116da074deb002$export$9574e176201e5e8d(props) {
|
|
3927
3945
|
return $16b52438165aafe2$export$23fca46f3143581f(() => {
|
|
3928
3946
|
const grid_spacing_override = $i7OB2$createMemo(() => {
|
|
@@ -4071,7 +4089,7 @@ function $91aa8ee9f431800d$export$325f75597868c4f0(stuff) {
|
|
|
4071
4089
|
if (typeof stuff !== "string") return stuff;
|
|
4072
4090
|
return stuff.toLowerCase();
|
|
4073
4091
|
}
|
|
4074
|
-
|
|
4092
|
+
var $1adfe60f3a14a1d7$var$_tmpl$ = ["<button", ' class="clear-all-filters minor">', "</button>"],
|
|
4075
4093
|
$1adfe60f3a14a1d7$var$_tmpl$2 = ["<div", ' class="inner"><span class="title"><!--$-->', "<!--/-->: </span><!--$-->", "<!--/--></div>"],
|
|
4076
4094
|
$1adfe60f3a14a1d7$var$_tmpl$3 = ["<button", ' class="clear-filter major"><!--$-->', "<!--/--><span><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--> \u2013 <!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></span></button>"],
|
|
4077
4095
|
$1adfe60f3a14a1d7$var$_tmpl$4 = ["<button", ' class="clear-filter major"><!--$-->', "<!--/--><span>", "</span></button>"];
|
|
@@ -4272,7 +4290,7 @@ function $1adfe60f3a14a1d7$export$fecbb157621501bd({
|
|
|
4272
4290
|
}));
|
|
4273
4291
|
return outmost_element;
|
|
4274
4292
|
}
|
|
4275
|
-
|
|
4293
|
+
var $49b79728e7d9e2a1$var$_tmpl$ = ["<span", ' class="count">', "</span>"],
|
|
4276
4294
|
$49b79728e7d9e2a1$var$_tmpl$2 = ["<label", ' class="', '"', '><div class="left"><input type="checkbox"', "", "", '><span class="custom-indicator"></span><span class="text line-clamp">', "</span></div><!--$-->", "<!--/--></label>"];
|
|
4277
4295
|
const $49b79728e7d9e2a1$export$48513f6b9f8ce62d = props => {
|
|
4278
4296
|
/* 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
|
|
@@ -4292,7 +4310,7 @@ const $49b79728e7d9e2a1$export$48513f6b9f8ce62d = props => {
|
|
|
4292
4310
|
})))
|
|
4293
4311
|
);
|
|
4294
4312
|
};
|
|
4295
|
-
|
|
4313
|
+
var $f8a56ba74eedd0c6$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>';
|
|
4296
4314
|
function $f8a56ba74eedd0c6$export$f21ab0717a89c77f(props) {
|
|
4297
4315
|
return $i7OB2$ssrElement("svg", $i7OB2$mergeProps(props, {
|
|
4298
4316
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -4300,14 +4318,14 @@ function $f8a56ba74eedd0c6$export$f21ab0717a89c77f(props) {
|
|
|
4300
4318
|
height: "12"
|
|
4301
4319
|
}), () => $i7OB2$ssr($f8a56ba74eedd0c6$var$_tmpl$), true);
|
|
4302
4320
|
}
|
|
4303
|
-
|
|
4321
|
+
var $67b173f9db427028$var$_tmpl$ = ["<button", ' type="button" class="', '"><!--$-->', "<!--/--><span>", "</span></button>"];
|
|
4304
4322
|
function $67b173f9db427028$export$ca21a16d65b3dd8({
|
|
4305
4323
|
show_extras_: [get_show_extras, set_show_extras],
|
|
4306
4324
|
i18n_: i18n_
|
|
4307
4325
|
}) {
|
|
4308
4326
|
return $i7OB2$ssr($67b173f9db427028$var$_tmpl$, $i7OB2$ssrHydrationKey(), `expand-filter ${get_show_extras() ? "expanded" : ""}`, $i7OB2$escape($i7OB2$createComponent((0, $f8a56ba74eedd0c6$export$f21ab0717a89c77f), {})), get_show_extras() ? $i7OB2$escape(i18n_.view_less_()) : $i7OB2$escape(i18n_.view_more_()));
|
|
4309
4327
|
}
|
|
4310
|
-
|
|
4328
|
+
var $a4601e6bea3ed1e6$var$_tmpl$ = ["<form", ' class="checkboxes"><!--$-->', "<!--/--><!--$-->", "<!--/--></form>"];
|
|
4311
4329
|
const $a4601e6bea3ed1e6$var$max_visible_without_collapsing = 15;
|
|
4312
4330
|
const $a4601e6bea3ed1e6$var$show_non_collapsible_when_collapsed = 4;
|
|
4313
4331
|
function $a4601e6bea3ed1e6$export$dd948f91abc3a1c4({
|
|
@@ -4422,7 +4440,7 @@ function $a4601e6bea3ed1e6$export$dd948f91abc3a1c4({
|
|
|
4422
4440
|
children: render_checkbox
|
|
4423
4441
|
})), $i7OB2$escape(expanding_container_els));
|
|
4424
4442
|
}
|
|
4425
|
-
|
|
4443
|
+
var $eb8d9bf3b5700c26$var$_tmpl$ = ["<form", ' class="radios">', "</form>"],
|
|
4426
4444
|
$eb8d9bf3b5700c26$var$_tmpl$2 = ["<span", ' class="count">', "</span>"],
|
|
4427
4445
|
$eb8d9bf3b5700c26$var$_tmpl$3 = ["<label", ' class="', '"', '><div class="left"><input type="radio"', "", '><span class="custom-indicator"></span><!--$-->', "<!--/--></div><!--$-->", "<!--/--></label>"];
|
|
4428
4446
|
function $eb8d9bf3b5700c26$export$430444115f70a734({
|
|
@@ -4483,7 +4501,7 @@ function $eb8d9bf3b5700c26$export$430444115f70a734({
|
|
|
4483
4501
|
}
|
|
4484
4502
|
})));
|
|
4485
4503
|
}
|
|
4486
|
-
|
|
4504
|
+
var $a6b08770e164eced$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>"],
|
|
4487
4505
|
$a6b08770e164eced$var$_tmpl$2 = ["<div", ' class="slider"><div class="progress" style="', '"></div></div>'],
|
|
4488
4506
|
$a6b08770e164eced$var$_tmpl$3 = ["<div", ' class="range-group"><input', ' type="range"', ' step="any"><input', ' type="range"', ' step="any"></div>'];
|
|
4489
4507
|
function $a6b08770e164eced$export$e0d834a0ad870cda({
|
|
@@ -4686,7 +4704,7 @@ function $a6b08770e164eced$var$set_range_with_sanitation(min_, max_, current_ran
|
|
|
4686
4704
|
new_value[index] = value_as_number;
|
|
4687
4705
|
current_range_signal[1](new_value);
|
|
4688
4706
|
}
|
|
4689
|
-
|
|
4707
|
+
var $0b6bc2f8309efa8a$var$_tmpl$ = ["<div", ' class="morphing-sign" role="img"', "><span></span><span></span></div>"];
|
|
4690
4708
|
function $0b6bc2f8309efa8a$export$e5c2828934226505({
|
|
4691
4709
|
expanded_: expanded_,
|
|
4692
4710
|
i18n_: i18n_
|
|
@@ -4720,7 +4738,7 @@ function $0b6bc2f8309efa8a$export$e5c2828934226505({
|
|
|
4720
4738
|
});
|
|
4721
4739
|
return outer_div;
|
|
4722
4740
|
}
|
|
4723
|
-
|
|
4741
|
+
var $522a690e0e2bd46d$var$_tmpl$ = ["<span", ' class="highlighted-part">', "</span>"];
|
|
4724
4742
|
const $522a690e0e2bd46d$var$dont_cut_in_between_less_than_characters = 30;
|
|
4725
4743
|
function $522a690e0e2bd46d$export$e1a98a189fd2c0e7({
|
|
4726
4744
|
content_result_: content_result_,
|
|
@@ -4937,7 +4955,7 @@ function $522a690e0e2bd46d$export$1b00d74faf266c56(text, matched_strings, loose
|
|
|
4937
4955
|
}
|
|
4938
4956
|
return output;
|
|
4939
4957
|
}
|
|
4940
|
-
|
|
4958
|
+
var $3ec2b9489931358d$var$_tmpl$ = ["<span", ' class="', '">', "</span>"],
|
|
4941
4959
|
$3ec2b9489931358d$var$_tmpl$2 = ["<span", ' class="highlighted-part">', "</span>"];
|
|
4942
4960
|
function $3ec2b9489931358d$export$8e79c28529dbfa90(props) {
|
|
4943
4961
|
const segmented_text = $i7OB2$createMemo(() => {
|
|
@@ -4967,7 +4985,7 @@ function $3ec2b9489931358d$export$8e79c28529dbfa90(props) {
|
|
|
4967
4985
|
}
|
|
4968
4986
|
})));
|
|
4969
4987
|
}
|
|
4970
|
-
|
|
4988
|
+
var $1c8cac76cb67e9af$var$_tmpl$ = ["<form", ' class="', '"><!--$-->', "<!--/--><!--$-->", "<!--/--></form>"],
|
|
4971
4989
|
$1c8cac76cb67e9af$var$_tmpl$2 = ["<div", ' class="', '"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"],
|
|
4972
4990
|
$1c8cac76cb67e9af$var$_tmpl$3 = ["<details", "></details>"],
|
|
4973
4991
|
$1c8cac76cb67e9af$var$_tmpl$4 = ["<summary", ' class="category-parent"><div class="summary"><span class="', '">', "</span><!--$-->", "<!--/--></div></summary>"];
|
|
@@ -5393,7 +5411,7 @@ function $1c8cac76cb67e9af$var$expand_until_choice(data_structure) {
|
|
|
5393
5411
|
}
|
|
5394
5412
|
});
|
|
5395
5413
|
}
|
|
5396
|
-
|
|
5414
|
+
var $93716a9ad0dea854$var$_tmpl$ = ["<div", ' class="checkbox-grid" style="position:absolute;z-index:-1;pointer-events:none;opacity:0">', "</div>"],
|
|
5397
5415
|
$93716a9ad0dea854$var$_tmpl$2 = ["<span", ' class="count-wrapper"><span class="count">', "</span></span>"];
|
|
5398
5416
|
const $93716a9ad0dea854$var$gap_px = 5;
|
|
5399
5417
|
const $93716a9ad0dea854$var$max_columns = 3;
|
|
@@ -5578,7 +5596,7 @@ function $93716a9ad0dea854$var$adjust_sizes(container_width, sizes, set_cols_at_
|
|
|
5578
5596
|
overrides: column_to_row_result
|
|
5579
5597
|
}]]);
|
|
5580
5598
|
}
|
|
5581
|
-
|
|
5599
|
+
var $e731d52d97444b7c$var$_tmpl$ = ["<form", ' class="checkbox-color"><!--$-->', "<!--/--><!--$-->", "<!--/--></form>"];
|
|
5582
5600
|
const $e731d52d97444b7c$var$max_visible_without_collapsing = 30;
|
|
5583
5601
|
const $e731d52d97444b7c$var$show_non_collapsible_when_collapsed = 8;
|
|
5584
5602
|
function $e731d52d97444b7c$export$82ed4b28ecb67608({
|
|
@@ -5745,7 +5763,7 @@ var $12497d09ef87296e$export$2e2bcd8739ae039 = {
|
|
|
5745
5763
|
"checkbox-grid": (0, $93716a9ad0dea854$export$414f6a19d38e655c),
|
|
5746
5764
|
"checkbox-color": (0, $e731d52d97444b7c$export$82ed4b28ecb67608)
|
|
5747
5765
|
};
|
|
5748
|
-
|
|
5766
|
+
var $9bc34983fc5f7bdb$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>';
|
|
5749
5767
|
function $9bc34983fc5f7bdb$export$f2ca6fc699ca1fb4(props = {}) {
|
|
5750
5768
|
return $i7OB2$ssrElement("svg", $i7OB2$mergeProps({
|
|
5751
5769
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -5753,7 +5771,7 @@ function $9bc34983fc5f7bdb$export$f2ca6fc699ca1fb4(props = {}) {
|
|
|
5753
5771
|
height: "14"
|
|
5754
5772
|
}, props), () => $i7OB2$ssr($9bc34983fc5f7bdb$var$_tmpl$), true);
|
|
5755
5773
|
}
|
|
5756
|
-
|
|
5774
|
+
var $a7b58cb3bcffd156$var$_tmpl$ = ["<span", ' class="show-selected" aria-hidden="true"><span>', "</span><!--$-->", "<!--/--></span>"];
|
|
5757
5775
|
function $a7b58cb3bcffd156$export$53c59af873b303c9({
|
|
5758
5776
|
selected_filters_in_group_: selected_filters_in_group_,
|
|
5759
5777
|
i18n_: {
|
|
@@ -5865,7 +5883,7 @@ function $84d6cd10bb7b1589$export$ab34afce88557c0e(props) {
|
|
|
5865
5883
|
}));
|
|
5866
5884
|
return is_open;
|
|
5867
5885
|
}
|
|
5868
|
-
|
|
5886
|
+
var $e01b34f289b61435$var$_tmpl$ = ["<div", ' class="search-in-filters"><input type="text" class="query"', "><!--$-->", '<!--/--><button style="', '" class="clear-filter-search">', "</button></div>"];
|
|
5869
5887
|
const $e01b34f289b61435$var$min_items_to_enable_filter_searching = 15; // For checkbox color and checkbox grid we 2x this
|
|
5870
5888
|
function $e01b34f289b61435$export$4b2c5292ffe0c5dd(filter_array_, section, i18n_) {
|
|
5871
5889
|
const [filter_query_, set_filter_query_] = $i7OB2$createSignal();
|
|
@@ -5991,7 +6009,7 @@ function $e01b34f289b61435$export$4b2c5292ffe0c5dd(filter_array_, section, i18n_
|
|
|
5991
6009
|
function $e01b34f289b61435$var$find_str_arr_in_str_arr_arr(operation, haystack, needle) {
|
|
5992
6010
|
return haystack[operation](value => value.length === needle.length && value.every((item, index) => item === needle[index]));
|
|
5993
6011
|
}
|
|
5994
|
-
|
|
6012
|
+
var $fab07f52c9861732$var$_tmpl$ = ["<div", ' class="filter-collapsible">', "</div>"],
|
|
5995
6013
|
$fab07f52c9861732$var$_tmpl$2 = ["<button", ' class="clear-group"><!--$-->', "<!--/--><span>", "</span></button>"],
|
|
5996
6014
|
$fab07f52c9861732$var$_tmpl$3 = ["<div", ' class="view-more-clear"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"],
|
|
5997
6015
|
$fab07f52c9861732$var$_tmpl$4 = ["<div", ' class="filter-collapsible-body"><div class="filter-part"><!--$-->', "<!--/--><!--$-->", "<!--/--></div><!--$-->", "<!--/--></div>"],
|
|
@@ -6816,7 +6834,7 @@ function $8f9120a1ca151e6a$export$205efb947c7ffd78(handler, passive = true, over
|
|
|
6816
6834
|
$i7OB2$onCleanup(() => listen_on.removeEventListener(event, catchified_handler));
|
|
6817
6835
|
}
|
|
6818
6836
|
}
|
|
6819
|
-
|
|
6837
|
+
var $6db49ca163afa2c3$var$_tmpl$ = ["<div", ' class="scroll-status" style="display:none"><span class="text"><b>', "</b> \u2013 <b>", "</b> <!--$-->", "<!--/--> <b>", "</b></span></div>"];
|
|
6820
6838
|
function $6db49ca163afa2c3$export$83fd5de5504a7a67({
|
|
6821
6839
|
formatted_number_of_results_: formatted_number_of_results_,
|
|
6822
6840
|
first_result_in_viewport_: [get_first_result_in_viewport],
|
|
@@ -6941,7 +6959,7 @@ function $6db49ca163afa2c3$export$83fd5de5504a7a67({
|
|
|
6941
6959
|
}
|
|
6942
6960
|
})), $i7OB2$escape(of_()), $i7OB2$escape(count_to_show()));
|
|
6943
6961
|
}
|
|
6944
|
-
|
|
6962
|
+
var $598245ecfe38f34b$var$_tmpl$ = ["<a", ' class="hint" href="javascript:void(0)">', "</a>"],
|
|
6945
6963
|
$598245ecfe38f34b$var$_tmpl$2 = ["<div", ' class="no-results"><div class="text">', "</div><!--$-->", "<!--/--></div>"];
|
|
6946
6964
|
function $598245ecfe38f34b$export$ef6006467f04ee41({
|
|
6947
6965
|
i18n_: i18n_,
|
|
@@ -7143,7 +7161,7 @@ function $0449e7d49398c077$export$a1fd619a4743ca08({
|
|
|
7143
7161
|
})
|
|
7144
7162
|
});
|
|
7145
7163
|
}
|
|
7146
|
-
|
|
7164
|
+
var $6dee9211e57ac31a$var$_tmpl$ = ["<style", ' type="text/css">', "</style>"];
|
|
7147
7165
|
const $6dee9211e57ac31a$export$c500183c31c2b22e = "--spans-columns";
|
|
7148
7166
|
function $6dee9211e57ac31a$export$ab6b147eec64fea5(props) {
|
|
7149
7167
|
const container_class = "x" + $i7OB2$createUniqueId();
|
|
@@ -7264,7 +7282,7 @@ function $bed740eef1769419$export$a79e666719b3647c(cols_at_size_) {
|
|
|
7264
7282
|
});
|
|
7265
7283
|
return n_cols_currently_showing;
|
|
7266
7284
|
}
|
|
7267
|
-
|
|
7285
|
+
var $e7a7eb102ddc0c79$var$_tmpl$ = ["<div", ' class="content-block-wrapper" style="', '">', "</div>"];
|
|
7268
7286
|
function $e7a7eb102ddc0c79$export$791ef57e62e21c3f({
|
|
7269
7287
|
content_blocks_: incoming_content_blocks,
|
|
7270
7288
|
cols_at_size_: cols_at_size_,
|
|
@@ -7437,7 +7455,7 @@ function $e7a7eb102ddc0c79$var$RenderContent(props) {
|
|
|
7437
7455
|
children: resource
|
|
7438
7456
|
});
|
|
7439
7457
|
}
|
|
7440
|
-
|
|
7458
|
+
var $2d25e42846eac370$var$_tmpl$ = ["<div", ' class="', '"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"];
|
|
7441
7459
|
function $2d25e42846eac370$export$3925f87b1545cfc6({
|
|
7442
7460
|
plp_results_: plp_results_,
|
|
7443
7461
|
depict_api_: depict_api_,
|
|
@@ -7697,7 +7715,7 @@ function $2d25e42846eac370$export$3925f87b1545cfc6({
|
|
|
7697
7715
|
}
|
|
7698
7716
|
})), $i7OB2$escape(desktop_filter_elements_()));
|
|
7699
7717
|
}
|
|
7700
|
-
|
|
7718
|
+
var $68a258a92b88f02f$var$_tmpl$ = ["<div", ' class="sorting-attributes">', "</div>"],
|
|
7701
7719
|
$68a258a92b88f02f$var$_tmpl$2 = ["<div", ' class="sorting-direction">', "</div>"],
|
|
7702
7720
|
$68a258a92b88f02f$var$_tmpl$3 = ["<div", '><div class="input-row"><input type="radio" disabled=""><span class="custom-indicator"></span><!--$-->', "<!--/--></div></div>"],
|
|
7703
7721
|
$68a258a92b88f02f$var$_tmpl$4 = ["<div", '><label class="input-row"><input type="radio"', "", '><span class="custom-indicator"></span><!--$-->', "<!--/--></label></div>"];
|
|
@@ -7755,7 +7773,7 @@ function $68a258a92b88f02f$export$1f1775a58da589b5({
|
|
|
7755
7773
|
}
|
|
7756
7774
|
});
|
|
7757
7775
|
}
|
|
7758
|
-
|
|
7776
|
+
var $e1bb71e65e01a3a0$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>',
|
|
7759
7777
|
$e1bb71e65e01a3a0$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>';
|
|
7760
7778
|
function $e1bb71e65e01a3a0$export$da32f7add8a22e86(props = {}) {
|
|
7761
7779
|
return $i7OB2$ssrElement("svg", $i7OB2$mergeProps({
|
|
@@ -7765,7 +7783,7 @@ function $e1bb71e65e01a3a0$export$da32f7add8a22e86(props = {}) {
|
|
|
7765
7783
|
"class": "sort-icon"
|
|
7766
7784
|
}, props), () => [$i7OB2$ssr($e1bb71e65e01a3a0$var$_tmpl$), $i7OB2$ssr($e1bb71e65e01a3a0$var$_tmpl$2)], true);
|
|
7767
7785
|
}
|
|
7768
|
-
|
|
7786
|
+
var $05fbe84eb34564ec$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>';
|
|
7769
7787
|
function $05fbe84eb34564ec$export$d10e63059ddb9fd4(props = {}) {
|
|
7770
7788
|
return $i7OB2$ssrElement("svg", $i7OB2$mergeProps({
|
|
7771
7789
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -7774,7 +7792,7 @@ function $05fbe84eb34564ec$export$d10e63059ddb9fd4(props = {}) {
|
|
|
7774
7792
|
"class": "sort-icon"
|
|
7775
7793
|
}, props), () => $i7OB2$ssr($05fbe84eb34564ec$var$_tmpl$), true);
|
|
7776
7794
|
}
|
|
7777
|
-
|
|
7795
|
+
var $b9bf7fce0ae60241$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>'];
|
|
7778
7796
|
function $b9bf7fce0ae60241$export$28f6150e232898de() {
|
|
7779
7797
|
return $i7OB2$ssr($b9bf7fce0ae60241$var$_tmpl$, $i7OB2$ssrHydrationKey());
|
|
7780
7798
|
}
|
|
@@ -7786,7 +7804,7 @@ function $b9bf7fce0ae60241$export$28f6150e232898de() {
|
|
|
7786
7804
|
function $4cc1c021eee2a432$export$50f68cc9882e36a4(args_for_filtering) {
|
|
7787
7805
|
return args_for_filtering.available_filters_()?.length === 0 && !args_for_filtering.selected_filters_[0]()?.length;
|
|
7788
7806
|
}
|
|
7789
|
-
|
|
7807
|
+
var $757dac7f7c6c5241$var$_tmpl$ = ["<button", ' class="clear minor">', "</button>"],
|
|
7790
7808
|
$757dac7f7c6c5241$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>"],
|
|
7791
7809
|
$757dac7f7c6c5241$var$_tmpl$3 = ["<details", ' class="sorting"></details>'],
|
|
7792
7810
|
$757dac7f7c6c5241$var$_tmpl$4 = ["<summary", ' class="sort-filter-summary"><div class="summary"><div class="left-els"><!--$-->', "<!--/--><span>", "</span></div><!--$-->", "<!--/--></div></summary>"],
|
|
@@ -7895,11 +7913,11 @@ function $757dac7f7c6c5241$export$9bf11afa910f536e({
|
|
|
7895
7913
|
}
|
|
7896
7914
|
})), $i7OB2$escape(i18n_.show_n_results_()($i7OB2$ssr($757dac7f7c6c5241$var$_tmpl$7, $i7OB2$ssrHydrationKey(), $i7OB2$escape(formatted_number_of_results_())))))];
|
|
7897
7915
|
}
|
|
7898
|
-
|
|
7916
|
+
var $11d594c749b76228$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>'];
|
|
7899
7917
|
function $11d594c749b76228$export$cb808a3c41736d8e() {
|
|
7900
7918
|
return $i7OB2$ssr($11d594c749b76228$var$_tmpl$, $i7OB2$ssrHydrationKey());
|
|
7901
7919
|
}
|
|
7902
|
-
|
|
7920
|
+
var $cdea4cf8c5c071ef$var$_tmpl$ = ["<div", ' class="filters"><div class="body">', "</div></div>"],
|
|
7903
7921
|
$cdea4cf8c5c071ef$var$_tmpl$2 = ["<div", ' class="sorting"><div class="body">', "</div></div>"],
|
|
7904
7922
|
$cdea4cf8c5c071ef$var$_tmpl$3 = ["<div", ' class="sort-and-filter-buttons"><div class="outer"><div class="inner"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></div></div></div>"],
|
|
7905
7923
|
$cdea4cf8c5c071ef$var$_tmpl$4 = ["<span", ' class="num-filters" style="', '">', "</span>"],
|
|
@@ -8087,7 +8105,7 @@ function $cdea4cf8c5c071ef$var$OpenFiltersButton({
|
|
|
8087
8105
|
get children() {
|
|
8088
8106
|
return $i7OB2$ssr($cdea4cf8c5c071ef$var$_tmpl$4, $i7OB2$ssrHydrationKey(), $i7OB2$ssrStyle(filters_closed() ? `` : `opacity:0`), $i7OB2$escape(num_selected_filters()));
|
|
8089
8107
|
}
|
|
8090
|
-
})), $i7OB2$ssrAttribute("tabindex", $i7OB2$escape(tabindex_, true), false), `${!filters_closed() ? "major" : ""} ${filters_closed() ? "minor" : ""}${"filter toggle-button major-minor-transition" + ((0, $i7OB2$isServer) ? " minor" : "")}`, $i7OB2$ssrAttribute("aria-label", $i7OB2$escape((filters_closed() ? i18n_.open_filters_ : i18n_.close_filters_)(), true), false), $i7OB2$ssrStyle(filter_button_width_?.() ? {
|
|
8108
|
+
})), $i7OB2$ssrAttribute("tabindex", $i7OB2$escape(tabindex_, true), false), `${!filters_closed() ? "major" : ""} ${filters_closed() ? "minor" : ""} ${"filter toggle-button major-minor-transition" + ((0, $i7OB2$isServer) ? " minor" : "")}`, $i7OB2$ssrAttribute("aria-label", $i7OB2$escape((filters_closed() ? i18n_.open_filters_ : i18n_.close_filters_)(), true), false), $i7OB2$ssrStyle(filter_button_width_?.() ? {
|
|
8091
8109
|
width: filter_button_width_() + "px"
|
|
8092
8110
|
} : {}), $i7OB2$escape($i7OB2$createComponent((0, $i7OB2$Show), {
|
|
8093
8111
|
get when() {
|
|
@@ -8215,11 +8233,11 @@ function $bf52d9f9eebd1938$export$5196e4c01fa56fcb({
|
|
|
8215
8233
|
close_toast_: close_toast_
|
|
8216
8234
|
};
|
|
8217
8235
|
}
|
|
8218
|
-
|
|
8236
|
+
var $f9182ab2348d1080$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>'];
|
|
8219
8237
|
function $f9182ab2348d1080$export$2624c5890f1bbcf7() {
|
|
8220
8238
|
return $i7OB2$ssr($f9182ab2348d1080$var$_tmpl$, $i7OB2$ssrHydrationKey());
|
|
8221
8239
|
}
|
|
8222
|
-
|
|
8240
|
+
var $0b0380f75d729d63$var$_tmpl$ = ["<div", ' class="', '"><button class="filter"', "><div>", '</div></button><button class="sort"', "><div>", '</div></button><button class="up"', "><div>", "</div></button></div>"];
|
|
8223
8241
|
function $0b0380f75d729d63$export$b23abd26de154ede(props) {
|
|
8224
8242
|
if (0, $i7OB2$isServer) return; // won't show in initial render and need scroll position
|
|
8225
8243
|
const [is_small, set_is_small] = $i7OB2$createSignal(true);
|
|
@@ -8317,7 +8335,7 @@ function $0b0380f75d729d63$var$ActualFloatingButtons({
|
|
|
8317
8335
|
}));
|
|
8318
8336
|
return $i7OB2$ssr($0b0380f75d729d63$var$_tmpl$, $i7OB2$ssrHydrationKey(), `floating-buttons ${is_scrolling_upwards() && modal_is_closed() && !regular_buttons_are_in_view() && !get_is_showing_toast() ? "show-them" : ""}`, $i7OB2$ssrAttribute("aria-label", $i7OB2$escape(i18n_.filter_text_(), true), false), $i7OB2$escape($i7OB2$createComponent((0, $b9bf7fce0ae60241$export$28f6150e232898de), {})), $i7OB2$ssrAttribute("aria-label", $i7OB2$escape(i18n_.sorting_text_(), true), false), current_sorting_[0]()?.order === "asc" ? $i7OB2$escape($i7OB2$createComponent((0, $e1bb71e65e01a3a0$export$da32f7add8a22e86), {})) : $i7OB2$escape($i7OB2$createComponent((0, $05fbe84eb34564ec$export$d10e63059ddb9fd4), {})), $i7OB2$ssrAttribute("aria-label", $i7OB2$escape(i18n_.scroll_to_top_(), true), false), $i7OB2$escape($i7OB2$createComponent((0, $f9182ab2348d1080$export$2624c5890f1bbcf7), {})));
|
|
8319
8337
|
}
|
|
8320
|
-
|
|
8338
|
+
var $06edf3aec9073663$var$_tmpl$ = ["<nav", ' class="quicklinks"', ">", "</nav>"],
|
|
8321
8339
|
$06edf3aec9073663$var$_tmpl$2 = ["<div", ">QuickLinks failed</div>"],
|
|
8322
8340
|
$06edf3aec9073663$var$_tmpl$3 = ["<a", ' class="', '"', ">", "</a>"];
|
|
8323
8341
|
function $06edf3aec9073663$export$466cdc317043f6cb({
|
|
@@ -8604,7 +8622,7 @@ function $587cd61972788655$export$210f130a61ac1e8d(fn) {
|
|
|
8604
8622
|
});
|
|
8605
8623
|
return external_value;
|
|
8606
8624
|
}
|
|
8607
|
-
|
|
8625
|
+
var $e9342fb3ac73a54a$var$_tmpl$ = ["<div", ' class="statement">', "</div>"],
|
|
8608
8626
|
$e9342fb3ac73a54a$var$_tmpl$2 = ["<div", ' class="buttons"><button class="restore minor">', '</button><button class="ok major">', "</button></div>"];
|
|
8609
8627
|
function $e9342fb3ac73a54a$export$8895d39404bd2bb1(props) {
|
|
8610
8628
|
let previous_sorting;
|
|
@@ -8781,7 +8799,7 @@ function $2ab89d64b7f1d5ef$export$d31a1a1a83ad9413(plp_results_, [get_selected_f
|
|
|
8781
8799
|
set_selected_filters(new_filters);
|
|
8782
8800
|
});
|
|
8783
8801
|
}
|
|
8784
|
-
|
|
8802
|
+
var $df5d81d0fe61ff21$var$_tmpl$ = ["<div", ' class="product-count"><!--$-->', "<!--/--> <!--$-->", "<!--/--></div>"],
|
|
8785
8803
|
$df5d81d0fe61ff21$var$_tmpl$2 = ["<div", "></div>"],
|
|
8786
8804
|
$df5d81d0fe61ff21$var$_tmpl$3 = ["<div", ' class="filter-results-for-one-row"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"],
|
|
8787
8805
|
$df5d81d0fe61ff21$var$_tmpl$4 = ["<div", ' class="depict plp category"><div class="listing-page"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></div><!--$-->", "<!--/--></div>"];
|
|
@@ -9269,7 +9287,7 @@ function $ccd5db07a3a069c5$var$start_href_writer({
|
|
|
9269
9287
|
function $ccd5db07a3a069c5$var$delete_sideways_param_flag(searchParams) {
|
|
9270
9288
|
if (searchParams.get((0, $4147651646da990a$export$cf5feb2102aec7f2)) === "true") searchParams.delete((0, $4147651646da990a$export$cf5feb2102aec7f2));
|
|
9271
9289
|
}
|
|
9272
|
-
|
|
9290
|
+
var $961b5c64bef4662f$var$_tmpl$ = ["<div", ' class="depict plp category">', "</div>"];
|
|
9273
9291
|
// 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
|
|
9274
9292
|
/**
|
|
9275
9293
|
* Type for the private properties that are shared between the different exported search SDK wrapper functions.
|
|
@@ -9545,7 +9563,7 @@ function $961b5c64bef4662f$var$get_shared_properties(depict_category) {
|
|
|
9545
9563
|
if (!shared_properties) throw new Error("Can't connect to provided DepictCategory instance");
|
|
9546
9564
|
return shared_properties;
|
|
9547
9565
|
}
|
|
9548
|
-
|
|
9566
|
+
var $a6e23a834336fc19$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>"];
|
|
9549
9567
|
const $a6e23a834336fc19$export$824dde41348efed1 = /*@__PURE__*/(() => {
|
|
9550
9568
|
const actual_function = ({
|
|
9551
9569
|
make_product_count_: make_product_count_,
|
|
@@ -9694,7 +9712,7 @@ async function $4b2134398dfa83fa$var$download_categories(merchant, market, local
|
|
|
9694
9712
|
|
|
9695
9713
|
/* @refresh reload */ /** @jsxImportSource solid-js */
|
|
9696
9714
|
|
|
9697
|
-
|
|
9715
|
+
var $897bd4a76f611b38$var$_tmpl$ = ["<span", ' class="parent-title">', "</span>"],
|
|
9698
9716
|
$897bd4a76f611b38$var$_tmpl$2 = ["<a", ' class="category-suggestion"', '><span class="title">', "</span><!--$-->", "<!--/--></a>"];
|
|
9699
9717
|
function $897bd4a76f611b38$export$d757d54550ebfb3d({
|
|
9700
9718
|
category_suggestion_: category_suggestion_,
|
|
@@ -9710,7 +9728,7 @@ function $897bd4a76f611b38$export$d757d54550ebfb3d({
|
|
|
9710
9728
|
}
|
|
9711
9729
|
})));
|
|
9712
9730
|
}
|
|
9713
|
-
|
|
9731
|
+
var $172e1b898d457050$var$_tmpl$ = ["<div", ' class="search-recs"><h3 class="search-recs-title">', "</h3><!--$-->", "<!--/--><!--$-->", "<!--/--></div>"],
|
|
9714
9732
|
$172e1b898d457050$var$_tmpl$2 = ["<button", ' class="show-more major" type="button">', "</button>"];
|
|
9715
9733
|
const $172e1b898d457050$export$1c8c715550dc689d = 2;
|
|
9716
9734
|
function $172e1b898d457050$export$7de92c4c2205ebf3({
|
|
@@ -9965,7 +9983,7 @@ function $b6d5529b253681aa$export$b3ad617e9036868({
|
|
|
9965
9983
|
}));
|
|
9966
9984
|
return align_position;
|
|
9967
9985
|
}
|
|
9968
|
-
|
|
9986
|
+
var $793905995512612d$var$_tmpl$ = ["<div", ' class="category-suggestions">', "</div>"],
|
|
9969
9987
|
$793905995512612d$var$_tmpl$2 = ["<div", ' class="category-suggestion">', "</div>"];
|
|
9970
9988
|
function $793905995512612d$export$c05a196222ba1302({
|
|
9971
9989
|
suggestions_: suggestions_,
|
|
@@ -10004,7 +10022,7 @@ function $793905995512612d$export$c05a196222ba1302({
|
|
|
10004
10022
|
}
|
|
10005
10023
|
});
|
|
10006
10024
|
}
|
|
10007
|
-
|
|
10025
|
+
var $f8c929beb82c512b$var$_tmpl$ = ["<b", ">", "</b>"],
|
|
10008
10026
|
$f8c929beb82c512b$var$_tmpl$2 = ["<div", ' class="results-for">', "</div>"];
|
|
10009
10027
|
function $f8c929beb82c512b$export$9dd50d35b9d94fdf({
|
|
10010
10028
|
get_search_query_: get_search_query_,
|
|
@@ -10030,6 +10048,7 @@ function $1801dbce7adb3f19$export$41b4894022a3580f({
|
|
|
10030
10048
|
alignmentSignals_ = {
|
|
10031
10049
|
body_: $i7OB2$createSignal({}),
|
|
10032
10050
|
field_: $i7OB2$createSignal({}),
|
|
10051
|
+
backdrop_: $i7OB2$createSignal({}),
|
|
10033
10052
|
...alignmentSignals_
|
|
10034
10053
|
};
|
|
10035
10054
|
const [, set_style_props] = alignmentSignals_.body_;
|
|
@@ -10047,7 +10066,7 @@ function $1801dbce7adb3f19$export$41b4894022a3580f({
|
|
|
10047
10066
|
})));
|
|
10048
10067
|
return alignmentSignals_;
|
|
10049
10068
|
}
|
|
10050
|
-
|
|
10069
|
+
var $b2bf2cdcff8142d8$var$_tmpl$ = ["<div", ' class="description line-clamp">', "</div>"],
|
|
10051
10070
|
$b2bf2cdcff8142d8$var$_tmpl$2 = ["<div", ' class="content-card"><div class="image">', '</div><div class="info"><!--$-->', "<!--/--><!--$-->", "<!--/--></div></div>"];
|
|
10052
10071
|
function $b2bf2cdcff8142d8$export$f631859cab12b342({
|
|
10053
10072
|
router_: router_,
|
|
@@ -10175,7 +10194,7 @@ function $9d5b3ed1fc91c672$export$4405d077f0a20494({
|
|
|
10175
10194
|
children: () => $i7OB2$createComponent((0, $b2bf2cdcff8142d8$export$f631859cab12b342), {})
|
|
10176
10195
|
});
|
|
10177
10196
|
}
|
|
10178
|
-
|
|
10197
|
+
var $49de9d31aeea1b5e$var$_tmpl$ = ["<div", ' class="content-results" style="', '"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"],
|
|
10179
10198
|
$49de9d31aeea1b5e$var$_tmpl$2 = ["<button", ' class="view-more">', "</button>"],
|
|
10180
10199
|
$49de9d31aeea1b5e$var$_tmpl$3 = ["<button", ' class="view-less">', "</button>"];
|
|
10181
10200
|
const $49de9d31aeea1b5e$export$70ceae36059a1036 = 1;
|
|
@@ -10261,13 +10280,13 @@ function $49de9d31aeea1b5e$var$make_state_saved_rows(
|
|
|
10261
10280
|
}));
|
|
10262
10281
|
return rows;
|
|
10263
10282
|
}
|
|
10264
|
-
|
|
10283
|
+
var $0e562a5b247b1fc2$var$_tmpl$ = ["<div", ' class="depict plp search">', "</div>"];
|
|
10265
10284
|
function $0e562a5b247b1fc2$export$44f738469d5570cf({
|
|
10266
10285
|
actualField_: actualField_,
|
|
10267
10286
|
makeFakeField_: makeFakeField_,
|
|
10268
10287
|
wrap_: wrap_,
|
|
10269
|
-
bodyAlignmentSignal_: [,
|
|
10270
|
-
backdropStyleSignal_: [,
|
|
10288
|
+
bodyAlignmentSignal_: [, setBodyAlignment_],
|
|
10289
|
+
backdropStyleSignal_: [, setBackdropStyle_],
|
|
10271
10290
|
setPollAlignment_: setPollAlignment_,
|
|
10272
10291
|
submitButton_: submitButton_,
|
|
10273
10292
|
modalSearchFieldOuterWidth_: modalSearchFieldOuterWidth_
|
|
@@ -10304,8 +10323,8 @@ function $0e562a5b247b1fc2$export$44f738469d5570cf({
|
|
|
10304
10323
|
} : {})
|
|
10305
10324
|
});
|
|
10306
10325
|
const pxOffCenter = $i7OB2$untrack(innerWidthReactive) / 2 - (left + width / 2);
|
|
10307
|
-
const
|
|
10308
|
-
const
|
|
10326
|
+
const openDuration_ = pxOffCenter > 100 ? 250 : 125; // faster animations if little left-right movement
|
|
10327
|
+
const closeDuration_ = pxOffCenter > 100 ? 150 : 100;
|
|
10309
10328
|
setPollAlignment_(true);
|
|
10310
10329
|
// Fade out submit button so there aren't two overlapping buttons for a split second
|
|
10311
10330
|
submitButton_.animate([{
|
|
@@ -10313,7 +10332,7 @@ function $0e562a5b247b1fc2$export$44f738469d5570cf({
|
|
|
10313
10332
|
}, {
|
|
10314
10333
|
opacity: 0
|
|
10315
10334
|
}], {
|
|
10316
|
-
duration:
|
|
10335
|
+
duration: openDuration_ / 3,
|
|
10317
10336
|
fill: "forwards"
|
|
10318
10337
|
});
|
|
10319
10338
|
$i7OB2$createEffect(finished => {
|
|
@@ -10327,7 +10346,7 @@ function $0e562a5b247b1fc2$export$44f738469d5570cf({
|
|
|
10327
10346
|
left: `${$i7OB2$untrack(innerWidthReactive) / 2 - $i7OB2$untrack(inModalFieldWidth) / 2}px`,
|
|
10328
10347
|
width: $i7OB2$untrack(inModalFieldWidthPx)
|
|
10329
10348
|
}], {
|
|
10330
|
-
duration:
|
|
10349
|
+
duration: openDuration_,
|
|
10331
10350
|
easing: "ease-in"
|
|
10332
10351
|
}).finished.then(() => {
|
|
10333
10352
|
setPollAlignment_(false);
|
|
@@ -10349,25 +10368,16 @@ function $0e562a5b247b1fc2$export$44f738469d5570cf({
|
|
|
10349
10368
|
});
|
|
10350
10369
|
return true;
|
|
10351
10370
|
}, false);
|
|
10352
|
-
|
|
10353
|
-
|
|
10354
|
-
|
|
10355
|
-
|
|
10356
|
-
})
|
|
10357
|
-
|
|
10358
|
-
|
|
10359
|
-
|
|
10360
|
-
|
|
10361
|
-
|
|
10362
|
-
...prev,
|
|
10363
|
-
opacity: 0,
|
|
10364
|
-
transition: `opacity ${openDuration}ms ease-in`,
|
|
10365
|
-
"--js-animation-duration": `${openDuration}ms`
|
|
10366
|
-
}));
|
|
10367
|
-
requestAnimationFrame(() => setBodyAlignment(prev => ({
|
|
10368
|
-
...prev,
|
|
10369
|
-
opacity: 1
|
|
10370
|
-
})));
|
|
10371
|
+
$i7OB2$onCleanup(() => {
|
|
10372
|
+
// If we get cleaned up, reset the state and cancel the timeout to make sure the timeout doesn't mess with the next animation
|
|
10373
|
+
clearTimeout(disableResizePollingTimeout);
|
|
10374
|
+
setPollAlignment_(false);
|
|
10375
|
+
});
|
|
10376
|
+
$0e562a5b247b1fc2$export$e06dee46ebe7faa9({
|
|
10377
|
+
setBackdropStyle_: setBackdropStyle_,
|
|
10378
|
+
setBodyAlignment_: setBodyAlignment_,
|
|
10379
|
+
openDuration_: openDuration_
|
|
10380
|
+
});
|
|
10371
10381
|
$i7OB2$onCleanup(() => {
|
|
10372
10382
|
addedToBody.remove();
|
|
10373
10383
|
fakeField.replaceWith(actualField_);
|
|
@@ -10377,16 +10387,11 @@ function $0e562a5b247b1fc2$export$44f738469d5570cf({
|
|
|
10377
10387
|
width: width,
|
|
10378
10388
|
left: left
|
|
10379
10389
|
} = fakeField.getBoundingClientRect();
|
|
10380
|
-
|
|
10381
|
-
|
|
10382
|
-
|
|
10383
|
-
|
|
10384
|
-
})
|
|
10385
|
-
setBodyAlignment(prev => ({
|
|
10386
|
-
...prev,
|
|
10387
|
-
opacity: 0,
|
|
10388
|
-
transition: `opacity ${closeDuration}ms ease-out`
|
|
10389
|
-
}));
|
|
10390
|
+
$0e562a5b247b1fc2$export$23d40cc5971c3acd({
|
|
10391
|
+
setBackdropStyle_: setBackdropStyle_,
|
|
10392
|
+
setBodyAlignment_: setBodyAlignment_,
|
|
10393
|
+
closeDuration_: closeDuration_
|
|
10394
|
+
});
|
|
10390
10395
|
await Promise.all([addedToBody.animate([{
|
|
10391
10396
|
width: $i7OB2$untrack(inModalFieldWidthPx),
|
|
10392
10397
|
left: `${$i7OB2$untrack(innerWidthReactive) / 2 - $i7OB2$untrack(inModalFieldWidth) / 2}px`
|
|
@@ -10394,7 +10399,7 @@ function $0e562a5b247b1fc2$export$44f738469d5570cf({
|
|
|
10394
10399
|
width: width + "px",
|
|
10395
10400
|
left: left + "px"
|
|
10396
10401
|
}], {
|
|
10397
|
-
duration:
|
|
10402
|
+
duration: closeDuration_,
|
|
10398
10403
|
fill: "forwards",
|
|
10399
10404
|
easing: "ease-out"
|
|
10400
10405
|
}).finished, submitButton_.animate([{
|
|
@@ -10402,8 +10407,8 @@ function $0e562a5b247b1fc2$export$44f738469d5570cf({
|
|
|
10402
10407
|
}, {
|
|
10403
10408
|
opacity: 1
|
|
10404
10409
|
}], {
|
|
10405
|
-
duration:
|
|
10406
|
-
delay:
|
|
10410
|
+
duration: closeDuration_ / 3,
|
|
10411
|
+
delay: closeDuration_ * (2 / 3),
|
|
10407
10412
|
fill: "forwards"
|
|
10408
10413
|
}).finished]);
|
|
10409
10414
|
setPollAlignment_(false);
|
|
@@ -10411,7 +10416,68 @@ function $0e562a5b247b1fc2$export$44f738469d5570cf({
|
|
|
10411
10416
|
};
|
|
10412
10417
|
});
|
|
10413
10418
|
}
|
|
10414
|
-
|
|
10419
|
+
function $0e562a5b247b1fc2$export$e06dee46ebe7faa9({
|
|
10420
|
+
setBackdropStyle_: setBackdropStyle_,
|
|
10421
|
+
setBodyAlignment_: setBodyAlignment_,
|
|
10422
|
+
openDuration_: openDuration_
|
|
10423
|
+
}) {
|
|
10424
|
+
setBackdropStyle_(prev => ({
|
|
10425
|
+
...prev,
|
|
10426
|
+
opacity: 0,
|
|
10427
|
+
transition: `opacity ${openDuration_}ms ease-in`
|
|
10428
|
+
}));
|
|
10429
|
+
requestAnimationFrame(() => setBackdropStyle_(prev => ({
|
|
10430
|
+
...prev,
|
|
10431
|
+
opacity: 1
|
|
10432
|
+
})));
|
|
10433
|
+
setBodyAlignment_(prev => ({
|
|
10434
|
+
...prev,
|
|
10435
|
+
opacity: 0,
|
|
10436
|
+
transition: `opacity ${openDuration_}ms ease-in ${openDuration_ / 5}ms`,
|
|
10437
|
+
// Add a slight delay so the brightness of the modal isn't so jarring before the background has gotten darkened
|
|
10438
|
+
"--js-animation-duration": `${openDuration_}ms`
|
|
10439
|
+
}));
|
|
10440
|
+
requestAnimationFrame(() => setBodyAlignment_(prev => ({
|
|
10441
|
+
...prev,
|
|
10442
|
+
opacity: 1
|
|
10443
|
+
})));
|
|
10444
|
+
}
|
|
10445
|
+
function $0e562a5b247b1fc2$export$23d40cc5971c3acd({
|
|
10446
|
+
setBackdropStyle_: setBackdropStyle_,
|
|
10447
|
+
setBodyAlignment_: setBodyAlignment_,
|
|
10448
|
+
closeDuration_: closeDuration_
|
|
10449
|
+
}) {
|
|
10450
|
+
setBackdropStyle_(prev => ({
|
|
10451
|
+
...prev,
|
|
10452
|
+
opacity: 0,
|
|
10453
|
+
transition: `opacity ${closeDuration_}ms ease-out`
|
|
10454
|
+
}));
|
|
10455
|
+
setBodyAlignment_(prev => ({
|
|
10456
|
+
...prev,
|
|
10457
|
+
opacity: 0,
|
|
10458
|
+
transition: `opacity ${closeDuration_}ms ease-out`
|
|
10459
|
+
}));
|
|
10460
|
+
}
|
|
10461
|
+
function $0e562a5b247b1fc2$export$dab9321f3c157061(alignmentSignals, modalVersion) {
|
|
10462
|
+
const [, setBodyAlignment_] = alignmentSignals.body_;
|
|
10463
|
+
const [, setBackdropStyle_] = alignmentSignals.backdrop_ || $i7OB2$createSignal({});
|
|
10464
|
+
// For default centered modal, also run our fading animations if search modal v2
|
|
10465
|
+
modalVersion === 2 && $0e562a5b247b1fc2$export$e06dee46ebe7faa9({
|
|
10466
|
+
openDuration_: 125,
|
|
10467
|
+
setBodyAlignment_: setBodyAlignment_,
|
|
10468
|
+
setBackdropStyle_: setBackdropStyle_
|
|
10469
|
+
});
|
|
10470
|
+
const closingAnimation = modalVersion === 2 ? async () => {
|
|
10471
|
+
$0e562a5b247b1fc2$export$23d40cc5971c3acd({
|
|
10472
|
+
closeDuration_: 100,
|
|
10473
|
+
setBodyAlignment_: setBodyAlignment_,
|
|
10474
|
+
setBackdropStyle_: setBackdropStyle_
|
|
10475
|
+
});
|
|
10476
|
+
await new Promise(r => setTimeout(r, 100));
|
|
10477
|
+
} : undefined;
|
|
10478
|
+
return closingAnimation;
|
|
10479
|
+
}
|
|
10480
|
+
var $7097477c78a89208$var$_tmpl$ = ["<div", ' class="filter-results-for-one-row"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"],
|
|
10415
10481
|
$7097477c78a89208$var$_tmpl$2 = ["<div", ' class="depict plp search"><div class="listing-page"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></div><!--$-->", "<!--/--><!--$-->", "<!--/--></div>"];
|
|
10416
10482
|
function $7097477c78a89208$export$a54ec244c8863715({
|
|
10417
10483
|
depict_api_: depict_api_,
|
|
@@ -10649,10 +10715,12 @@ function $7097477c78a89208$export$a54ec244c8863715({
|
|
|
10649
10715
|
closing_animation_: revert,
|
|
10650
10716
|
setSearchFieldOuterWidth_: setModalSearchFieldOuterWidth_
|
|
10651
10717
|
}, () => {
|
|
10652
|
-
// When modal is closed, reset style signals for next opening
|
|
10718
|
+
// When modal is closed, reset style signals for next opening so all animation related stuff gets reset
|
|
10653
10719
|
setModalBodyStyle({});
|
|
10654
10720
|
setModalFieldStyle({});
|
|
10655
10721
|
setModalBackdropStyle({});
|
|
10722
|
+
// And run the alignment code again so the modal is readily aligned when opened via a search button
|
|
10723
|
+
align_position?.();
|
|
10656
10724
|
input_field_accessor_value?.on_close_?.();
|
|
10657
10725
|
});
|
|
10658
10726
|
input_field_accessor_value?.on_open_?.();
|
|
@@ -10997,14 +11065,10 @@ class $806c97b931758897$export$ac6237957a15b3f0 {
|
|
|
10997
11065
|
}
|
|
10998
11066
|
if (!open_signal_value[0]?.alignmentSignals_ && search_page_aligned_modal_alignment_signals_) {
|
|
10999
11067
|
// Open modal aligned with search page if no alignment specified and possible to align with search page
|
|
11000
|
-
|
|
11001
|
-
|
|
11002
|
-
alignmentSignals_: search_page_aligned_modal_alignment_signals_
|
|
11003
|
-
});
|
|
11004
|
-
return;
|
|
11005
|
-
}
|
|
11006
|
-
const [options_arg, ...rest] = open_signal_value;
|
|
11068
|
+
const [options_arg, ...rest] = open_signal_value === true ? [{}] : open_signal_value;
|
|
11069
|
+
const closingAnimation = $0e562a5b247b1fc2$export$dab9321f3c157061(search_page_aligned_modal_alignment_signals_, modalVersion);
|
|
11007
11070
|
open_modal_({
|
|
11071
|
+
closing_animation_: closingAnimation,
|
|
11008
11072
|
...options_arg,
|
|
11009
11073
|
alignmentSignals_: search_page_aligned_modal_alignment_signals_
|
|
11010
11074
|
}, ...rest);
|
|
@@ -11012,16 +11076,19 @@ class $806c97b931758897$export$ac6237957a15b3f0 {
|
|
|
11012
11076
|
}
|
|
11013
11077
|
// Open centered modal
|
|
11014
11078
|
const centeredModalAlignmentSignals = $1801dbce7adb3f19$export$41b4894022a3580f();
|
|
11079
|
+
const closingAnimation = $0e562a5b247b1fc2$export$dab9321f3c157061(centeredModalAlignmentSignals, modalVersion);
|
|
11015
11080
|
if (signal_value_is_options) {
|
|
11016
11081
|
const [options_arg, ...rest] = open_signal_value;
|
|
11017
11082
|
open_modal_({
|
|
11083
|
+
closing_animation_: closingAnimation,
|
|
11018
11084
|
...options_arg,
|
|
11019
11085
|
alignmentSignals_: search_page_aligned_modal_alignment_signals_ || centeredModalAlignmentSignals
|
|
11020
11086
|
}, ...rest);
|
|
11021
11087
|
return;
|
|
11022
11088
|
}
|
|
11023
11089
|
open_modal_({
|
|
11024
|
-
alignmentSignals_: centeredModalAlignmentSignals
|
|
11090
|
+
alignmentSignals_: centeredModalAlignmentSignals,
|
|
11091
|
+
closing_animation_: closingAnimation
|
|
11025
11092
|
});
|
|
11026
11093
|
};
|
|
11027
11094
|
$i7OB2$runWithOwner(owner, () => $i7OB2$createEffect(modal_opening_effect));
|
|
@@ -11468,7 +11535,7 @@ function $753e9b2889a47c89$var$clean_url(url) {
|
|
|
11468
11535
|
url_object.hash = "";
|
|
11469
11536
|
return url_object.href;
|
|
11470
11537
|
}
|
|
11471
|
-
|
|
11538
|
+
var $58b3487626e85ece$var$_tmpl$ = ["<div", ' class="depict plp search">', "</div>"];
|
|
11472
11539
|
function $58b3487626e85ece$export$316f6f283ae64765(props) {
|
|
11473
11540
|
const {
|
|
11474
11541
|
depict_search: depict_search,
|