@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.js
CHANGED
|
@@ -10,7 +10,7 @@ import { createStore as $b8hua$createStore, reconcile as $b8hua$reconcile } from
|
|
|
10
10
|
/*! Depict.ai search and product listing SDK */
|
|
11
11
|
import { register_es_version } from "../../multi_import_deduplicator.mjs";
|
|
12
12
|
register_es_version("ui", "ES10");
|
|
13
|
-
const $8db9a15135765c11$export$83d89fbfd8236492 = "4.0.
|
|
13
|
+
const $8db9a15135765c11$export$83d89fbfd8236492 = "4.0.4";
|
|
14
14
|
function $a604a8ffa4e4c03f$export$e417c49320921907(dependency, fetcher) {
|
|
15
15
|
const [promiseOfCurrentFetcherRun, setPromiseOfCurrentFetcherRun] = $b8hua$createSignal();
|
|
16
16
|
const deparallelizedFetcher = $b8hua$deparallelize_no_drop(async dependencyValue => {
|
|
@@ -102,7 +102,7 @@ function $00a5b94f0c11efbb$export$d9f36cf74e24d595(media_query) {
|
|
|
102
102
|
}).remove);
|
|
103
103
|
return signal[0];
|
|
104
104
|
}
|
|
105
|
-
|
|
105
|
+
var $9a693c7e832d3f18$var$_tmpl$ = ["<span", ' class="title line-clamp">', "</span>"],
|
|
106
106
|
$9a693c7e832d3f18$var$_tmpl$2 = ["<span", ' class="brand">', "</span>"],
|
|
107
107
|
$9a693c7e832d3f18$var$_tmpl$3 = ["<div", ' class="tagline line-clamp">', "</div>"],
|
|
108
108
|
$9a693c7e832d3f18$var$_tmpl$4 = ["<span", ' class="orig price"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></span>"],
|
|
@@ -164,7 +164,7 @@ const $9a693c7e832d3f18$export$b05c0ae390cf3e06 = _ref => {
|
|
|
164
164
|
}
|
|
165
165
|
})), $b8hua$escape(i18n_.price_formatting_().post_));
|
|
166
166
|
};
|
|
167
|
-
|
|
167
|
+
var $bc2337c9a05ecd18$var$_tmpl$ = ["<span", ' class="', '" style="', '"></span>'];
|
|
168
168
|
function $bc2337c9a05ecd18$export$acb3eaade4b23afd(props) {
|
|
169
169
|
// Work around https://github.com/solidjs/solid/issues/1980
|
|
170
170
|
return $b8hua$ssr($bc2337c9a05ecd18$var$_tmpl$, $b8hua$ssrHydrationKey(), "".concat($b8hua$escape(props.class, true) || "", " depict-placeholder"), $b8hua$ssrStyle(props.style));
|
|
@@ -224,7 +224,7 @@ function $ceafb6fb91c6f394$export$89c6019e4baa40b1(props) {
|
|
|
224
224
|
}
|
|
225
225
|
});
|
|
226
226
|
}
|
|
227
|
-
|
|
227
|
+
var $5eaa00b951637e96$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>"];
|
|
228
228
|
const $5eaa00b951637e96$export$8a2234b5b1a5ebd4 = "--image-aspect-ratio";
|
|
229
229
|
function $5eaa00b951637e96$export$ee1733d9a8495996() {
|
|
230
230
|
return $b8hua$ssr($5eaa00b951637e96$var$_tmpl$, $b8hua$ssrHydrationKey(), $b8hua$escape($b8hua$createComponent((0, $3ab4aa97880fb88d$export$3f37af283f8fb843), {
|
|
@@ -376,7 +376,7 @@ function $2d7bad8684bc7f44$var$deep_equal(obj1, obj2) {
|
|
|
376
376
|
}
|
|
377
377
|
return true;
|
|
378
378
|
}
|
|
379
|
-
|
|
379
|
+
var $f7414b949aeabc90$var$_tmpl$ = ["<div", ' class="instant-results" style="', '">', "</div>"];
|
|
380
380
|
function $f7414b949aeabc90$export$62f101a8aa597bf8(_ref) {
|
|
381
381
|
let {
|
|
382
382
|
depict_api_: depict_api_,
|
|
@@ -576,11 +576,11 @@ function $e8776b492383c292$export$91c3b6774e8be0f5(_ref) {
|
|
|
576
576
|
return u_o.href;
|
|
577
577
|
});
|
|
578
578
|
}
|
|
579
|
-
|
|
579
|
+
var $6d95ef50ee01d5a1$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>'];
|
|
580
580
|
function $6d95ef50ee01d5a1$export$5d2caaa6b530761c() {
|
|
581
581
|
return $b8hua$ssr($6d95ef50ee01d5a1$var$_tmpl$, $b8hua$ssrHydrationKey());
|
|
582
582
|
}
|
|
583
|
-
|
|
583
|
+
var $9783d437ad61594c$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>';
|
|
584
584
|
function $9783d437ad61594c$export$3b621d86b1566b2() {
|
|
585
585
|
let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
586
586
|
return $b8hua$ssrElement("svg", $b8hua$mergeProps({
|
|
@@ -590,7 +590,7 @@ function $9783d437ad61594c$export$3b621d86b1566b2() {
|
|
|
590
590
|
viewBox: "0 0 21.064 21.064"
|
|
591
591
|
}, props), () => $b8hua$ssr($9783d437ad61594c$var$_tmpl$), true);
|
|
592
592
|
}
|
|
593
|
-
|
|
593
|
+
var $01dd2bfbbae020bc$var$_tmpl$ = ["<div", ' class="previous-searches"><h2 class="text">', '</h2><div class="list">', "</div></div>"],
|
|
594
594
|
$01dd2bfbbae020bc$var$_tmpl$2 = ["<a", ' class="', '"', '><div class="left"><!--$-->', '<!--/--><span class="line-clamp"', ">", '</span></div><button class="delete"', ">", "</button></a>"];
|
|
595
595
|
function $01dd2bfbbae020bc$export$a146ac6fa8346a25(_ref) {
|
|
596
596
|
let {
|
|
@@ -632,7 +632,7 @@ function $01dd2bfbbae020bc$export$a146ac6fa8346a25(_ref) {
|
|
|
632
632
|
}
|
|
633
633
|
});
|
|
634
634
|
}
|
|
635
|
-
|
|
635
|
+
var $02b6641aa50ce528$var$_tmpl$ = ["<span", ' class="highlighted-part">', "</span>"],
|
|
636
636
|
$02b6641aa50ce528$var$_tmpl$2 = ["<span", ' class="', '"', ">", "</span>"];
|
|
637
637
|
function $02b6641aa50ce528$export$ba17c5b7e6dda39f(_ref) {
|
|
638
638
|
let {
|
|
@@ -686,7 +686,7 @@ function $02b6641aa50ce528$export$ba17c5b7e6dda39f(_ref) {
|
|
|
686
686
|
}));
|
|
687
687
|
return $b8hua$ssr($02b6641aa50ce528$var$_tmpl$2, $b8hua$ssrHydrationKey(), "".concat($b8hua$escape(class_, true) || "", " ").concat(get_has_highlighted() ? "has-match" : ""), $b8hua$ssrAttribute("title", $b8hua$escape(whole_text_to_display_memo(), true), false), $b8hua$escape(text_itself()));
|
|
688
688
|
}
|
|
689
|
-
|
|
689
|
+
var $ef0f18a578b32578$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>';
|
|
690
690
|
function $ef0f18a578b32578$export$82eafebb825fc23f() {
|
|
691
691
|
let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
692
692
|
return $b8hua$ssrElement("svg", $b8hua$mergeProps({
|
|
@@ -696,7 +696,7 @@ function $ef0f18a578b32578$export$82eafebb825fc23f() {
|
|
|
696
696
|
viewBox: "0 0 20 22"
|
|
697
697
|
}, props), () => $b8hua$ssr($ef0f18a578b32578$var$_tmpl$), true);
|
|
698
698
|
}
|
|
699
|
-
|
|
699
|
+
var $3c5e15c6ee4227a9$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>';
|
|
700
700
|
function $3c5e15c6ee4227a9$export$605674723bcc715c() {
|
|
701
701
|
let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
702
702
|
return $b8hua$ssrElement("svg", $b8hua$mergeProps({
|
|
@@ -706,7 +706,7 @@ function $3c5e15c6ee4227a9$export$605674723bcc715c() {
|
|
|
706
706
|
viewBox: "0 0 256 256"
|
|
707
707
|
}, props), () => $b8hua$ssr($3c5e15c6ee4227a9$var$_tmpl$), true);
|
|
708
708
|
}
|
|
709
|
-
|
|
709
|
+
var $b055f9e9aeceeb48$var$_tmpl$ = ["<a", ' class="', '"', ">", "</a>"],
|
|
710
710
|
$b055f9e9aeceeb48$var$_tmpl$2 = ["<div", ' class="search-icon">', "</div>"],
|
|
711
711
|
$b055f9e9aeceeb48$var$_tmpl$3 = ["<span", ' class="type">', "</span>"],
|
|
712
712
|
$b055f9e9aeceeb48$var$_tmpl$4 = ["<div", ' class="with-parent-title"><!--$-->', '<!--/--><span class="value line-clamp">', "</span></div>"],
|
|
@@ -888,7 +888,7 @@ function $b055f9e9aeceeb48$export$e872e2339fb04a7f(_ref) {
|
|
|
888
888
|
}
|
|
889
889
|
});
|
|
890
890
|
}
|
|
891
|
-
|
|
891
|
+
var $76b6e14a50da4597$var$_tmpl$ = ["<a", ' target="_blank"></a>'];
|
|
892
892
|
function $76b6e14a50da4597$export$1efe1013da60d0e4(e, href) {
|
|
893
893
|
if (e.metaKey || e.ctrlKey) {
|
|
894
894
|
// Open link in a new tab with cmd/ctrl + enter.
|
|
@@ -1240,7 +1240,7 @@ const $cc64aabf2c7a1f1a$export$1233ca167bf71f9a = styles => {
|
|
|
1240
1240
|
return "".concat(selector, " { ").concat($cc64aabf2c7a1f1a$export$af8311b651139246(css_properties), " }");
|
|
1241
1241
|
}).join(" ");
|
|
1242
1242
|
};
|
|
1243
|
-
|
|
1243
|
+
var $a86e71c0015bd8ab$var$_tmpl$ = ["<style", ">", "</style>"];
|
|
1244
1244
|
function $a86e71c0015bd8ab$export$f021bdedd3ec901a(props) {
|
|
1245
1245
|
const valid_css_string = $b8hua$createMemo(() => {
|
|
1246
1246
|
return $cc64aabf2c7a1f1a$export$1233ca167bf71f9a(props.styles());
|
|
@@ -1259,7 +1259,7 @@ let $c3820807ac1e6fd7$export$44dad306455dddf;
|
|
|
1259
1259
|
*/
|
|
1260
1260
|
const $b026fa9c9c904a98$export$1ea76ea778b880dd = Symbol("modalVersion");
|
|
1261
1261
|
const $b026fa9c9c904a98$export$89890212b43f1b60 = Symbol("backIcon");
|
|
1262
|
-
|
|
1262
|
+
var $584c06c09cf4609d$var$_tmpl$ = ["<button", ' class="back" type="button"', ">", "</button>"],
|
|
1263
1263
|
$584c06c09cf4609d$var$_tmpl$2 = ["<div", ' class="search-field"><!--$-->', '<!--/--><div class="field"><input class="', '" tabindex="0"', '><button type="button" class="clear"', ' style="', '">', "</button></div>", "</div>"];
|
|
1264
1264
|
function $584c06c09cf4609d$export$b94867ecbd698f21(_ref) {
|
|
1265
1265
|
let {
|
|
@@ -1347,7 +1347,7 @@ class $f3b7124b76123e44$export$aa14a9f43128f61f extends $f3b7124b76123e44$export
|
|
|
1347
1347
|
});
|
|
1348
1348
|
}
|
|
1349
1349
|
}
|
|
1350
|
-
|
|
1350
|
+
var $74777e8fe65b3dcb$var$_tmpl$ = ["<div", ' class="', '"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"];
|
|
1351
1351
|
function $74777e8fe65b3dcb$export$b69d0d92862de18b(props) {
|
|
1352
1352
|
return $b8hua$ErrorBoundary({
|
|
1353
1353
|
fallback(err, retry) {
|
|
@@ -1381,7 +1381,7 @@ function $5441862cd2f5e111$export$e68cff63f76bd15b(props) {
|
|
|
1381
1381
|
function $5441862cd2f5e111$export$8d0c4fdbb05a2f2e() {
|
|
1382
1382
|
return $b8hua$useContext($5441862cd2f5e111$var$ListingContext);
|
|
1383
1383
|
}
|
|
1384
|
-
|
|
1384
|
+
var $fac58b5610eec6a9$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>'];
|
|
1385
1385
|
function $fac58b5610eec6a9$export$8d8893ffd8aca39a() {
|
|
1386
1386
|
return $b8hua$ssr($fac58b5610eec6a9$var$_tmpl$, $b8hua$ssrHydrationKey());
|
|
1387
1387
|
}
|
|
@@ -1408,7 +1408,7 @@ function $a82a41ab7188eda2$export$93d9bfd0c9c1a5b8(close_modal, search_query_url
|
|
|
1408
1408
|
}
|
|
1409
1409
|
})();
|
|
1410
1410
|
}
|
|
1411
|
-
|
|
1411
|
+
var $40411f2ec772c376$var$_tmpl$ = ["<div", ' class="discover-more"><button class="major" type="button">', "</button></div>"],
|
|
1412
1412
|
$40411f2ec772c376$var$_tmpl$2 = ["<b", ">", "</b>"],
|
|
1413
1413
|
$40411f2ec772c376$var$_tmpl$3 = ["<div", ' class="', '"><div class="', '"><!--$-->', '<!--/--><div class="padded"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></div><!--$-->", "<!--/--></div><!--$-->", "<!--/--></div>"],
|
|
1414
1414
|
$40411f2ec772c376$var$_tmpl$4 = ["<div", ' class="', '"><div class="depict-search-modal-backdrop"></div><!--$-->', "<!--/--></div>"];
|
|
@@ -1790,7 +1790,7 @@ function $2855bffe06ef7a03$export$43cd1e747fecd42e(_ref2) {
|
|
|
1790
1790
|
if (was_url_object) return url_object;
|
|
1791
1791
|
return url_object.href;
|
|
1792
1792
|
}
|
|
1793
|
-
|
|
1793
|
+
var $52efc9ae4382e25a$var$_tmpl$ = ["<nav", ' class="crumbs"', ">", "</nav>"],
|
|
1794
1794
|
$52efc9ae4382e25a$var$_tmpl$2 = ["<a", ' class="crumb"', ">", "</a>"],
|
|
1795
1795
|
$52efc9ae4382e25a$var$_tmpl$3 = ["<span", ' class="separator">', "</span>"];
|
|
1796
1796
|
function $52efc9ae4382e25a$export$5646050d516e06bc(_ref) {
|
|
@@ -1848,7 +1848,7 @@ function $52efc9ae4382e25a$export$5646050d516e06bc(_ref) {
|
|
|
1848
1848
|
}
|
|
1849
1849
|
});
|
|
1850
1850
|
}
|
|
1851
|
-
|
|
1851
|
+
var $801e8845d3fa3653$var$_tmpl$ = ["<div", ' class="', '" style="', '">', "</div>"];
|
|
1852
1852
|
function $801e8845d3fa3653$export$94026ee33dbabc26(props) {
|
|
1853
1853
|
return $b8hua$ssr($801e8845d3fa3653$var$_tmpl$, $b8hua$ssrHydrationKey(), "".concat($b8hua$escape($b8hua$escape("s-image-container", true), true)).concat($b8hua$escape(props.class, true) || ""), $b8hua$ssrStyle("padding-bottom:calc(calc(1 / ".concat(props.aspectRatio, ") * 100%)")), $b8hua$escape(props.children));
|
|
1854
1854
|
}
|
|
@@ -2103,11 +2103,11 @@ function $7fbaab3d3dafb4f5$export$9d4a4b669b1929ab(props) {
|
|
|
2103
2103
|
}
|
|
2104
2104
|
}));
|
|
2105
2105
|
}
|
|
2106
|
-
|
|
2106
|
+
var $4a3ed70b3b7c60d5$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>'];
|
|
2107
2107
|
function $4a3ed70b3b7c60d5$export$9ca09caa9c849d9c() {
|
|
2108
2108
|
return $b8hua$ssr($4a3ed70b3b7c60d5$var$_tmpl$, $b8hua$ssrHydrationKey());
|
|
2109
2109
|
}
|
|
2110
|
-
|
|
2110
|
+
var $26db6925469636a4$var$_tmpl$ = ["<a", ">", "</a>"],
|
|
2111
2111
|
$26db6925469636a4$var$_tmpl$2 = ["<div", ' class="', '"><div class="image-part" style="', '">', "</div><!--$-->", '<!--/--><h3 class="title">', "</h3></div>"],
|
|
2112
2112
|
$26db6925469636a4$var$_tmpl$3 = ["<div", ' class="empty-image" style="', '">', "</div>"];
|
|
2113
2113
|
const $26db6925469636a4$var$aspectRatioWidthComponent = 402.67;
|
|
@@ -2214,13 +2214,13 @@ function $26db6925469636a4$export$ea41102db9bd68c3(_ref2) {
|
|
|
2214
2214
|
function $26db6925469636a4$var$EmptyImage() {
|
|
2215
2215
|
return $b8hua$ssr($26db6925469636a4$var$_tmpl$3, $b8hua$ssrHydrationKey(), "aspect-ratio:" + $b8hua$escape($26db6925469636a4$var$listingSuggestionCollageAspectRatio, true), $b8hua$escape($b8hua$createComponent((0, $4a3ed70b3b7c60d5$export$9ca09caa9c849d9c), {})));
|
|
2216
2216
|
}
|
|
2217
|
-
|
|
2217
|
+
var $ca6ab5f08bd28bca$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>'];
|
|
2218
2218
|
function $ca6ab5f08bd28bca$export$8be2714ec7f169ee() {
|
|
2219
2219
|
var _$escape2, _$escape3;
|
|
2220
2220
|
let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
2221
2221
|
return $b8hua$ssr($ca6ab5f08bd28bca$var$_tmpl$, $b8hua$ssrHydrationKey(), $b8hua$ssrAttribute("width", (_$escape2 = $b8hua$escape(props.width_, true)) !== null && _$escape2 !== void 0 ? _$escape2 : 14, false) + $b8hua$ssrAttribute("height", (_$escape3 = $b8hua$escape(props.height_, true)) !== null && _$escape3 !== void 0 ? _$escape3 : 26, false));
|
|
2222
2222
|
}
|
|
2223
|
-
|
|
2223
|
+
var $002f09d00aac50b2$var$_tmpl$ = ["<div", ">", "</div>"],
|
|
2224
2224
|
$002f09d00aac50b2$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>"];
|
|
2225
2225
|
function $002f09d00aac50b2$export$6649caad96ef8870(_ref) {
|
|
2226
2226
|
let {
|
|
@@ -2275,7 +2275,7 @@ function $002f09d00aac50b2$export$6649caad96ef8870(_ref) {
|
|
|
2275
2275
|
}
|
|
2276
2276
|
});
|
|
2277
2277
|
}
|
|
2278
|
-
|
|
2278
|
+
var $63f1f8dbcd07d3b0$var$_tmpl$ = ["<div", ' class="', '">', "</div>"],
|
|
2279
2279
|
$63f1f8dbcd07d3b0$var$_tmpl$2 = ["<style", ' type="text/css">', "</style>"];
|
|
2280
2280
|
function $63f1f8dbcd07d3b0$export$d21e32dfedac04be(props) {
|
|
2281
2281
|
const container_class = "x" + $b8hua$createUniqueId();
|
|
@@ -2390,7 +2390,7 @@ function $63f1f8dbcd07d3b0$export$445d8d3f5f706a40(props, container_element) {
|
|
|
2390
2390
|
if (insert_after_container) container_element.after(style_element);
|
|
2391
2391
|
return [container_element, view_more_button_container(), view_less_button_container(), style_element];
|
|
2392
2392
|
}
|
|
2393
|
-
|
|
2393
|
+
var $ab401afaded322ab$var$_tmpl$ = ["<div", ' class="visual-listing-suggestions" style="', '"><h2>', "</h2><!--$-->", "<!--/--></div>"],
|
|
2394
2394
|
$ab401afaded322ab$var$_tmpl$2 = ["<div", ' class="suggestion-container">', "</div>"];
|
|
2395
2395
|
function $ab401afaded322ab$export$c8d7e00464029b45(_ref) {
|
|
2396
2396
|
let {
|
|
@@ -2471,7 +2471,7 @@ function $ab401afaded322ab$export$c8d7e00464029b45(_ref) {
|
|
|
2471
2471
|
}
|
|
2472
2472
|
});
|
|
2473
2473
|
}
|
|
2474
|
-
|
|
2474
|
+
var $5175a47d13b7c228$var$_tmpl$ = ["<div", ' style="', '"><div class="title-row"><h2>', "</h2><!--$-->", '<!--/--></div><div class="suggestion-container">', "</div></div>"],
|
|
2475
2475
|
$5175a47d13b7c228$var$_tmpl$2 = ["<a", ' class="', '"', ">", "</a>"];
|
|
2476
2476
|
function $5175a47d13b7c228$export$d4994a86c6235f72(_ref) {
|
|
2477
2477
|
let {
|
|
@@ -2539,7 +2539,7 @@ function $5175a47d13b7c228$export$d4994a86c6235f72(_ref) {
|
|
|
2539
2539
|
}
|
|
2540
2540
|
});
|
|
2541
2541
|
}
|
|
2542
|
-
|
|
2542
|
+
var $4acc866f8fdfc002$var$_tmpl$ = ["<button", ' class="delete" type="button">', "</button>"];
|
|
2543
2543
|
const $4acc866f8fdfc002$var$MAX_PREVIOUS = 3;
|
|
2544
2544
|
function $4acc866f8fdfc002$export$af1fb307bbba2417(_ref) {
|
|
2545
2545
|
let {
|
|
@@ -2683,7 +2683,7 @@ function $6cd081415b01a112$export$b608d7df125109f1(_ref) {
|
|
|
2683
2683
|
|
|
2684
2684
|
return suggestionsResource;
|
|
2685
2685
|
}
|
|
2686
|
-
|
|
2686
|
+
var $c2fe922d21c40514$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>'];
|
|
2687
2687
|
function $c2fe922d21c40514$export$3fcbcd8bd3e0290f() {
|
|
2688
2688
|
return $b8hua$ssr($c2fe922d21c40514$var$_tmpl$, $b8hua$ssrHydrationKey());
|
|
2689
2689
|
}
|
|
@@ -2705,9 +2705,10 @@ function $1abb91ab5abc8994$export$66d1697a0f27069c(modalLayoutStacked) {
|
|
|
2705
2705
|
instantResultsIndex_: instantResultsIndex_
|
|
2706
2706
|
};
|
|
2707
2707
|
}
|
|
2708
|
-
|
|
2709
|
-
$06fcd2a345efd24d$var$_tmpl$2 = ["<
|
|
2710
|
-
$06fcd2a345efd24d$var$_tmpl$3 = ["<
|
|
2708
|
+
var $06fcd2a345efd24d$var$_tmpl$ = ["<div", ' class="instant-results-wrapper" style="', '"><h2>', "</h2><!--$-->", "<!--/--></div>"],
|
|
2709
|
+
$06fcd2a345efd24d$var$_tmpl$2 = ["<div", ' class="', '"></div>'],
|
|
2710
|
+
$06fcd2a345efd24d$var$_tmpl$3 = ["<div", ' class="', '"><div class="', '"><!--$-->', '<!--/--><div class="', '"></div><div class="discover-more"><button class="major" type="button">', "</button></div></div><!--$-->", "<!--/--></div>"],
|
|
2711
|
+
$06fcd2a345efd24d$var$_tmpl$4 = ["<b", ">", "</b>"];
|
|
2711
2712
|
/**
|
|
2712
2713
|
* Second generation search modal - the solid component that gets added to <body> when the search modal is opened
|
|
2713
2714
|
*/
|
|
@@ -2739,7 +2740,8 @@ function $06fcd2a345efd24d$var$RawSearchModalV2(_ref) {
|
|
|
2739
2740
|
content_search_enabled_: content_search_enabled_,
|
|
2740
2741
|
sorting_query_param_: sorting_query_param_,
|
|
2741
2742
|
filter_query_param_prefix_: filter_query_param_prefix_,
|
|
2742
|
-
setSearchFieldOuterWidth_: setSearchFieldOuterWidth_
|
|
2743
|
+
setSearchFieldOuterWidth_: setSearchFieldOuterWidth_,
|
|
2744
|
+
forceUseDiv_: forceUseDiv_
|
|
2743
2745
|
} = _ref;
|
|
2744
2746
|
let on_enter_in_search_field_function;
|
|
2745
2747
|
// 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.
|
|
@@ -2972,6 +2974,10 @@ function $06fcd2a345efd24d$var$RawSearchModalV2(_ref) {
|
|
|
2972
2974
|
});
|
|
2973
2975
|
}
|
|
2974
2976
|
})]);
|
|
2977
|
+
const DialogElement = props => {
|
|
2978
|
+
if (forceUseDiv_) return $b8hua$ssrElement("div", props, () => $b8hua$escape(props.children), true);
|
|
2979
|
+
return $b8hua$ssrElement("dialog", props, () => $b8hua$escape(props.children), true);
|
|
2980
|
+
};
|
|
2975
2981
|
const search_field = $584c06c09cf4609d$export$b94867ecbd698f21({
|
|
2976
2982
|
BackIcon_: () => $b8hua$createComponent((0, $c2fe922d21c40514$export$11e9f390c90a537f), {}),
|
|
2977
2983
|
input_field_ref_: element => set_input_field(element),
|
|
@@ -2998,16 +3004,28 @@ function $06fcd2a345efd24d$var$RawSearchModalV2(_ref) {
|
|
|
2998
3004
|
resizeObserver.observe(search_field);
|
|
2999
3005
|
$b8hua$onCleanup(() => resizeObserver.disconnect());
|
|
3000
3006
|
}
|
|
3001
|
-
return [$b8hua$
|
|
3002
|
-
|
|
3003
|
-
|
|
3007
|
+
return [$b8hua$createComponent(DialogElement, {
|
|
3008
|
+
get id() {
|
|
3009
|
+
return (0, $c3820807ac1e6fd7$export$44dad306455dddf).SEARCH_MODAL;
|
|
3010
|
+
},
|
|
3011
|
+
"class": "depict plp search",
|
|
3012
|
+
get classList() {
|
|
3013
|
+
return class_list_ === null || class_list_ === void 0 ? void 0 : class_list_();
|
|
3014
|
+
},
|
|
3015
|
+
onClose: close_modal_,
|
|
3016
|
+
get children() {
|
|
3017
|
+
return [$b8hua$ssr($06fcd2a345efd24d$var$_tmpl$2, $b8hua$ssrHydrationKey(), "depict-search-modal-backdrop ".concat($b8hua$escape($b8hua$escape(backdropRandomClassname, true), true))), $b8hua$ssr($06fcd2a345efd24d$var$_tmpl$3, $b8hua$ssrHydrationKey(), "depict-search-modal ".concat(modalLayoutStacked_() ? "stacked" : ""), "body ".concat($b8hua$escape($b8hua$escape(random_classname_body, true), true)), $b8hua$escape(search_field), "padded ".concat(noResults() ? "no-results" : ""), get_search_field_value_() ? $b8hua$escape(i18n_.modal_view_all_results_()($b8hua$ssr($06fcd2a345efd24d$var$_tmpl$4, $b8hua$ssrHydrationKey(), $b8hua$escape(formattedTotalNumberResults())))) : $b8hua$escape(i18n_.modal_discover_more_()), $b8hua$escape($b8hua$createComponent((0, $a86e71c0015bd8ab$export$f021bdedd3ec901a), {
|
|
3018
|
+
styles: mergedCssObject
|
|
3019
|
+
})))];
|
|
3020
|
+
}
|
|
3021
|
+
})];
|
|
3004
3022
|
}
|
|
3005
3023
|
const $06fcd2a345efd24d$export$b0c55aa2e87c4be7 = /*@__PURE__*/(() => {
|
|
3006
3024
|
$06fcd2a345efd24d$var$RawSearchModalV2[(0, $b026fa9c9c904a98$export$1ea76ea778b880dd)] = 2;
|
|
3007
3025
|
$06fcd2a345efd24d$var$RawSearchModalV2[(0, $b026fa9c9c904a98$export$89890212b43f1b60)] = (0, $c2fe922d21c40514$export$11e9f390c90a537f);
|
|
3008
3026
|
return $06fcd2a345efd24d$var$RawSearchModalV2;
|
|
3009
3027
|
})();
|
|
3010
|
-
|
|
3028
|
+
var $6a439680ae7e9ba3$var$_tmpl$ = ["<section", ' aria-live="polite" role="region" class="tabs-body">', "</section>"],
|
|
3011
3029
|
$6a439680ae7e9ba3$var$_tmpl$2 = ["<nav", ' role="tablist" class="tabs-bar">', "</nav>"],
|
|
3012
3030
|
$6a439680ae7e9ba3$var$_tmpl$3 = ["<article", ' role="tabpanel" class="', '" style="', '">', "</article>"];
|
|
3013
3031
|
const $6a439680ae7e9ba3$var$TabsContext = /*@__PURE__*/$b8hua$createContext();
|
|
@@ -3410,7 +3428,7 @@ function $ac571292d606f30b$var$_get_navigation_happened_promise2(is_replace) {
|
|
|
3410
3428
|
(0, $b8hua$instant_exec_on_suspect_history_change).add(handler);
|
|
3411
3429
|
});
|
|
3412
3430
|
}
|
|
3413
|
-
|
|
3431
|
+
var $b652875d5a5139ec$var$_tmpl$ = ["<div", ' class="image-container">', "</div>"];
|
|
3414
3432
|
function $b652875d5a5139ec$export$41e1a079d40a0d58(props) {
|
|
3415
3433
|
const [display] = $b8hua$createResource(() => ({
|
|
3416
3434
|
merchant: props.merchant_,
|
|
@@ -3467,7 +3485,7 @@ function $b652875d5a5139ec$export$41e1a079d40a0d58(props) {
|
|
|
3467
3485
|
})));
|
|
3468
3486
|
}
|
|
3469
3487
|
const $ec8a6e10026dcff9$export$5c28802497c8a83c = /*@__PURE__*/Symbol("category_title_type");
|
|
3470
|
-
|
|
3488
|
+
var $fa332ea03168857c$var$_tmpl$ = ["<div", ' class="category-title"><h1 class="title">', '</h1><span class="explanation"> \u2014 <!--$-->', "<!--/--></span></div>"];
|
|
3471
3489
|
const $fa332ea03168857c$export$b91cec6bdc6b32a1 = /*@__PURE__*/(() => {
|
|
3472
3490
|
const actual_function = _ref => {
|
|
3473
3491
|
let {
|
|
@@ -3597,7 +3615,7 @@ function $bdd80c7862246dc2$var$Placeholder(_ref2) {
|
|
|
3597
3615
|
});
|
|
3598
3616
|
}
|
|
3599
3617
|
|
|
3600
|
-
|
|
3618
|
+
var $e3efeb558d952696$var$_tmpl$ = ["<h2", ' class="recs-title">', "</h2>"],
|
|
3601
3619
|
$e3efeb558d952696$var$_tmpl$2 = ["<div", ' class="recommendation-grid"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"];
|
|
3602
3620
|
function $e3efeb558d952696$export$7da560f849543dff(_ref) {
|
|
3603
3621
|
let {
|
|
@@ -3733,7 +3751,7 @@ function $83e8cf2c0b87a58a$export$23fca46f3143581f(component, error_message) {
|
|
|
3733
3751
|
// we're already in a root so cleanups are handled
|
|
3734
3752
|
return component_in_error_boundary();
|
|
3735
3753
|
}
|
|
3736
|
-
|
|
3754
|
+
var $b432b11321ad4c97$var$_tmpl$ = ["<button", ' class="show-more major" type="button">', "</button>"],
|
|
3737
3755
|
$b432b11321ad4c97$var$_tmpl$2 = ["<div", ' class="depict plp recommendations">', "</div>"];
|
|
3738
3756
|
function $b432b11321ad4c97$export$9756467d34d91cdb(props) {
|
|
3739
3757
|
return $83e8cf2c0b87a58a$export$23fca46f3143581f(() => {
|
|
@@ -3895,7 +3913,7 @@ function $0706a7702baafc06$export$6b35356958ae5587(props) {
|
|
|
3895
3913
|
}
|
|
3896
3914
|
});
|
|
3897
3915
|
}
|
|
3898
|
-
|
|
3916
|
+
var $d2a67555f75bef95$var$_tmpl$ = ["<div", ' class="top-bar"><button class="close">', "</button></div>"],
|
|
3899
3917
|
$d2a67555f75bef95$var$_tmpl$2 = ["<div", ' class="below-top-bar"><h2>Outfit recommendations</h2><div class="image-and-suggestions"><!--$-->', '<!--/--><div class="tabs">', "</div></div></div>"],
|
|
3900
3918
|
$d2a67555f75bef95$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>"];
|
|
3901
3919
|
function $d2a67555f75bef95$export$a3cbef418994a664(props) {
|
|
@@ -3944,7 +3962,7 @@ function $d2a67555f75bef95$export$a3cbef418994a664(props) {
|
|
|
3944
3962
|
}
|
|
3945
3963
|
})))];
|
|
3946
3964
|
}
|
|
3947
|
-
|
|
3965
|
+
var $6b0fd8fd20df8ccf$var$_tmpl$ = ["<div", ">Failed fetching shop the look recommendations</div>"];
|
|
3948
3966
|
const $6b0fd8fd20df8ccf$var$CANT_FETCH = "Failed fetching shop the look recommendations";
|
|
3949
3967
|
let $6b0fd8fd20df8ccf$var$setModalShouldBeOpen;
|
|
3950
3968
|
let $6b0fd8fd20df8ccf$var$modalProps;
|
|
@@ -4071,7 +4089,7 @@ function $fc830a7ee59416ef$export$ebdc3711f7e02ccd(what_to_watch) {
|
|
|
4071
4089
|
});
|
|
4072
4090
|
return width;
|
|
4073
4091
|
}
|
|
4074
|
-
|
|
4092
|
+
var $39ddb986053fb759$var$_tmpl$ = ["<h2", ' class="recs-title">', "</h2>"];
|
|
4075
4093
|
function $39ddb986053fb759$export$d41d19e89346fa2(_ref) {
|
|
4076
4094
|
let {
|
|
4077
4095
|
recommendations_resource_: recommendations_resource_,
|
|
@@ -4139,7 +4157,7 @@ function $39ddb986053fb759$export$d41d19e89346fa2(_ref) {
|
|
|
4139
4157
|
children: slider
|
|
4140
4158
|
});
|
|
4141
4159
|
}
|
|
4142
|
-
|
|
4160
|
+
var $d5d7e58c5c9d8db0$var$_tmpl$ = ["<div", ' class="depict recommendations">', "</div>"];
|
|
4143
4161
|
function $d5d7e58c5c9d8db0$export$9574e176201e5e8d(props) {
|
|
4144
4162
|
return $83e8cf2c0b87a58a$export$23fca46f3143581f(() => {
|
|
4145
4163
|
const grid_spacing_override = $b8hua$createMemo(() => {
|
|
@@ -4291,7 +4309,7 @@ function $af5d8e0b7d97a7f6$export$325f75597868c4f0(stuff) {
|
|
|
4291
4309
|
if (typeof stuff !== "string") return stuff;
|
|
4292
4310
|
return stuff.toLowerCase();
|
|
4293
4311
|
}
|
|
4294
|
-
|
|
4312
|
+
var $4711a82d08d2021b$var$_tmpl$ = ["<button", ' class="clear-all-filters minor">', "</button>"],
|
|
4295
4313
|
$4711a82d08d2021b$var$_tmpl$2 = ["<div", ' class="inner"><span class="title"><!--$-->', "<!--/-->: </span><!--$-->", "<!--/--></div>"],
|
|
4296
4314
|
$4711a82d08d2021b$var$_tmpl$3 = ["<button", ' class="clear-filter major"><!--$-->', "<!--/--><span><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--> \u2013 <!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></span></button>"],
|
|
4297
4315
|
$4711a82d08d2021b$var$_tmpl$4 = ["<button", ' class="clear-filter major"><!--$-->', "<!--/--><span>", "</span></button>"];
|
|
@@ -4506,7 +4524,7 @@ function $4711a82d08d2021b$export$fecbb157621501bd(_ref) {
|
|
|
4506
4524
|
}));
|
|
4507
4525
|
return outmost_element;
|
|
4508
4526
|
}
|
|
4509
|
-
|
|
4527
|
+
var $19e828709c7723a0$var$_tmpl$ = ["<span", ' class="count">', "</span>"],
|
|
4510
4528
|
$19e828709c7723a0$var$_tmpl$2 = ["<label", ' class="', '"', '><div class="left"><input type="checkbox"', "", "", '><span class="custom-indicator"></span><span class="text line-clamp">', "</span></div><!--$-->", "<!--/--></label>"];
|
|
4511
4529
|
const $19e828709c7723a0$export$48513f6b9f8ce62d = props => {
|
|
4512
4530
|
/* 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
|
|
@@ -4526,7 +4544,7 @@ const $19e828709c7723a0$export$48513f6b9f8ce62d = props => {
|
|
|
4526
4544
|
})))
|
|
4527
4545
|
);
|
|
4528
4546
|
};
|
|
4529
|
-
|
|
4547
|
+
var $ff3225aef892a467$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>';
|
|
4530
4548
|
function $ff3225aef892a467$export$f21ab0717a89c77f(props) {
|
|
4531
4549
|
return $b8hua$ssrElement("svg", $b8hua$mergeProps(props, {
|
|
4532
4550
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -4534,7 +4552,7 @@ function $ff3225aef892a467$export$f21ab0717a89c77f(props) {
|
|
|
4534
4552
|
height: "12"
|
|
4535
4553
|
}), () => $b8hua$ssr($ff3225aef892a467$var$_tmpl$), true);
|
|
4536
4554
|
}
|
|
4537
|
-
|
|
4555
|
+
var $3e850b2f2cca761f$var$_tmpl$ = ["<button", ' type="button" class="', '"><!--$-->', "<!--/--><span>", "</span></button>"];
|
|
4538
4556
|
function $3e850b2f2cca761f$export$ca21a16d65b3dd8(_ref) {
|
|
4539
4557
|
let {
|
|
4540
4558
|
show_extras_: [get_show_extras, set_show_extras],
|
|
@@ -4542,7 +4560,7 @@ function $3e850b2f2cca761f$export$ca21a16d65b3dd8(_ref) {
|
|
|
4542
4560
|
} = _ref;
|
|
4543
4561
|
return $b8hua$ssr($3e850b2f2cca761f$var$_tmpl$, $b8hua$ssrHydrationKey(), "expand-filter ".concat(get_show_extras() ? "expanded" : ""), $b8hua$escape($b8hua$createComponent((0, $ff3225aef892a467$export$f21ab0717a89c77f), {})), get_show_extras() ? $b8hua$escape(i18n_.view_less_()) : $b8hua$escape(i18n_.view_more_()));
|
|
4544
4562
|
}
|
|
4545
|
-
|
|
4563
|
+
var $133484ef10e4e954$var$_tmpl$ = ["<form", ' class="checkboxes"><!--$-->', "<!--/--><!--$-->", "<!--/--></form>"];
|
|
4546
4564
|
const $133484ef10e4e954$var$max_visible_without_collapsing = 15;
|
|
4547
4565
|
const $133484ef10e4e954$var$show_non_collapsible_when_collapsed = 4;
|
|
4548
4566
|
function $133484ef10e4e954$export$dd948f91abc3a1c4(_ref) {
|
|
@@ -4665,7 +4683,7 @@ function $133484ef10e4e954$export$dd948f91abc3a1c4(_ref) {
|
|
|
4665
4683
|
children: render_checkbox
|
|
4666
4684
|
})), $b8hua$escape(expanding_container_els));
|
|
4667
4685
|
}
|
|
4668
|
-
|
|
4686
|
+
var $b54fc842e721c9eb$var$_tmpl$ = ["<form", ' class="radios">', "</form>"],
|
|
4669
4687
|
$b54fc842e721c9eb$var$_tmpl$2 = ["<span", ' class="count">', "</span>"],
|
|
4670
4688
|
$b54fc842e721c9eb$var$_tmpl$3 = ["<label", ' class="', '"', '><div class="left"><input type="radio"', "", '><span class="custom-indicator"></span><!--$-->', "<!--/--></div><!--$-->", "<!--/--></label>"];
|
|
4671
4689
|
function $b54fc842e721c9eb$export$430444115f70a734(_ref) {
|
|
@@ -4735,7 +4753,7 @@ function $b54fc842e721c9eb$export$430444115f70a734(_ref) {
|
|
|
4735
4753
|
}
|
|
4736
4754
|
})));
|
|
4737
4755
|
}
|
|
4738
|
-
|
|
4756
|
+
var $1e7465a8ffa97f6c$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>"],
|
|
4739
4757
|
$1e7465a8ffa97f6c$var$_tmpl$2 = ["<div", ' class="slider"><div class="progress" style="', '"></div></div>'],
|
|
4740
4758
|
$1e7465a8ffa97f6c$var$_tmpl$3 = ["<div", ' class="range-group"><input', ' type="range"', ' step="any"><input', ' type="range"', ' step="any"></div>'];
|
|
4741
4759
|
function $1e7465a8ffa97f6c$export$e0d834a0ad870cda(_ref) {
|
|
@@ -4950,7 +4968,7 @@ function $1e7465a8ffa97f6c$var$set_range_with_sanitation(min_, max_, current_ran
|
|
|
4950
4968
|
new_value[index] = value_as_number;
|
|
4951
4969
|
current_range_signal[1](new_value);
|
|
4952
4970
|
}
|
|
4953
|
-
|
|
4971
|
+
var $457279ff15864cb9$var$_tmpl$ = ["<div", ' class="morphing-sign" role="img"', "><span></span><span></span></div>"];
|
|
4954
4972
|
function $457279ff15864cb9$export$e5c2828934226505(_ref) {
|
|
4955
4973
|
let {
|
|
4956
4974
|
expanded_: expanded_,
|
|
@@ -4985,7 +5003,7 @@ function $457279ff15864cb9$export$e5c2828934226505(_ref) {
|
|
|
4985
5003
|
});
|
|
4986
5004
|
return outer_div;
|
|
4987
5005
|
}
|
|
4988
|
-
|
|
5006
|
+
var $f3a159279dc1a8fb$var$_tmpl$ = ["<span", ' class="highlighted-part">', "</span>"];
|
|
4989
5007
|
const $f3a159279dc1a8fb$var$dont_cut_in_between_less_than_characters = 30;
|
|
4990
5008
|
function $f3a159279dc1a8fb$export$e1a98a189fd2c0e7(_ref) {
|
|
4991
5009
|
let {
|
|
@@ -5215,7 +5233,7 @@ function $f3a159279dc1a8fb$export$1b00d74faf266c56(text, matched_strings) {
|
|
|
5215
5233
|
}
|
|
5216
5234
|
return output;
|
|
5217
5235
|
}
|
|
5218
|
-
|
|
5236
|
+
var $b0e2100b511ec9a4$var$_tmpl$ = ["<span", ' class="', '">', "</span>"],
|
|
5219
5237
|
$b0e2100b511ec9a4$var$_tmpl$2 = ["<span", ' class="highlighted-part">', "</span>"];
|
|
5220
5238
|
function $b0e2100b511ec9a4$export$8e79c28529dbfa90(props) {
|
|
5221
5239
|
const segmented_text = $b8hua$createMemo(() => {
|
|
@@ -5245,7 +5263,7 @@ function $b0e2100b511ec9a4$export$8e79c28529dbfa90(props) {
|
|
|
5245
5263
|
}
|
|
5246
5264
|
})));
|
|
5247
5265
|
}
|
|
5248
|
-
|
|
5266
|
+
var $0ae614c5c7babb43$var$_tmpl$ = ["<form", ' class="', '"><!--$-->', "<!--/--><!--$-->", "<!--/--></form>"],
|
|
5249
5267
|
$0ae614c5c7babb43$var$_tmpl$2 = ["<div", ' class="', '"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"],
|
|
5250
5268
|
$0ae614c5c7babb43$var$_tmpl$3 = ["<details", "></details>"],
|
|
5251
5269
|
$0ae614c5c7babb43$var$_tmpl$4 = ["<summary", ' class="category-parent"><div class="summary"><span class="', '">', "</span><!--$-->", "<!--/--></div></summary>"];
|
|
@@ -5715,7 +5733,7 @@ function $0ae614c5c7babb43$var$expand_until_choice(data_structure) {
|
|
|
5715
5733
|
}
|
|
5716
5734
|
});
|
|
5717
5735
|
}
|
|
5718
|
-
|
|
5736
|
+
var $830ea8efda59884e$var$_tmpl$ = ["<div", ' class="checkbox-grid" style="position:absolute;z-index:-1;pointer-events:none;opacity:0">', "</div>"],
|
|
5719
5737
|
$830ea8efda59884e$var$_tmpl$2 = ["<span", ' class="count-wrapper"><span class="count">', "</span></span>"];
|
|
5720
5738
|
const $830ea8efda59884e$var$gap_px = 5;
|
|
5721
5739
|
const $830ea8efda59884e$var$max_columns = 3;
|
|
@@ -5910,7 +5928,7 @@ function $830ea8efda59884e$var$adjust_sizes(container_width, sizes, set_cols_at_
|
|
|
5910
5928
|
overrides: column_to_row_result
|
|
5911
5929
|
}]]);
|
|
5912
5930
|
}
|
|
5913
|
-
|
|
5931
|
+
var $2cb856c297c53e6c$var$_tmpl$ = ["<form", ' class="checkbox-color"><!--$-->', "<!--/--><!--$-->", "<!--/--></form>"];
|
|
5914
5932
|
const $2cb856c297c53e6c$var$max_visible_without_collapsing = 30;
|
|
5915
5933
|
const $2cb856c297c53e6c$var$show_non_collapsible_when_collapsed = 8;
|
|
5916
5934
|
function $2cb856c297c53e6c$export$82ed4b28ecb67608(_ref) {
|
|
@@ -6089,7 +6107,7 @@ var $d2988f745661df9c$export$2e2bcd8739ae039 = {
|
|
|
6089
6107
|
"checkbox-grid": (0, $830ea8efda59884e$export$414f6a19d38e655c),
|
|
6090
6108
|
"checkbox-color": (0, $2cb856c297c53e6c$export$82ed4b28ecb67608)
|
|
6091
6109
|
};
|
|
6092
|
-
|
|
6110
|
+
var $905f44be08b7378e$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>';
|
|
6093
6111
|
function $905f44be08b7378e$export$f2ca6fc699ca1fb4() {
|
|
6094
6112
|
let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
6095
6113
|
return $b8hua$ssrElement("svg", $b8hua$mergeProps({
|
|
@@ -6098,7 +6116,7 @@ function $905f44be08b7378e$export$f2ca6fc699ca1fb4() {
|
|
|
6098
6116
|
height: "14"
|
|
6099
6117
|
}, props), () => $b8hua$ssr($905f44be08b7378e$var$_tmpl$), true);
|
|
6100
6118
|
}
|
|
6101
|
-
|
|
6119
|
+
var $d0ff304c14f50521$var$_tmpl$ = ["<span", ' class="show-selected" aria-hidden="true"><span>', "</span><!--$-->", "<!--/--></span>"];
|
|
6102
6120
|
function $d0ff304c14f50521$export$53c59af873b303c9(_ref) {
|
|
6103
6121
|
let {
|
|
6104
6122
|
selected_filters_in_group_: selected_filters_in_group_,
|
|
@@ -6216,7 +6234,7 @@ function $f1e63746f76ce012$export$ab34afce88557c0e(props) {
|
|
|
6216
6234
|
}));
|
|
6217
6235
|
return is_open;
|
|
6218
6236
|
}
|
|
6219
|
-
|
|
6237
|
+
var $e354b2f9ce33cb75$var$_tmpl$ = ["<div", ' class="search-in-filters"><input type="text" class="query"', "><!--$-->", '<!--/--><button style="', '" class="clear-filter-search">', "</button></div>"];
|
|
6220
6238
|
const $e354b2f9ce33cb75$var$min_items_to_enable_filter_searching = 15; // For checkbox color and checkbox grid we 2x this
|
|
6221
6239
|
function $e354b2f9ce33cb75$export$4b2c5292ffe0c5dd(filter_array_, section, i18n_) {
|
|
6222
6240
|
const [filter_query_, set_filter_query_] = $b8hua$createSignal();
|
|
@@ -6350,7 +6368,7 @@ function $e354b2f9ce33cb75$export$4b2c5292ffe0c5dd(filter_array_, section, i18n_
|
|
|
6350
6368
|
function $e354b2f9ce33cb75$var$find_str_arr_in_str_arr_arr(operation, haystack, needle) {
|
|
6351
6369
|
return haystack[operation](value => value.length === needle.length && value.every((item, index) => item === needle[index]));
|
|
6352
6370
|
}
|
|
6353
|
-
|
|
6371
|
+
var $f6b0500577e1b210$var$_tmpl$ = ["<div", ' class="filter-collapsible">', "</div>"],
|
|
6354
6372
|
$f6b0500577e1b210$var$_tmpl$2 = ["<button", ' class="clear-group"><!--$-->', "<!--/--><span>", "</span></button>"],
|
|
6355
6373
|
$f6b0500577e1b210$var$_tmpl$3 = ["<div", ' class="view-more-clear"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"],
|
|
6356
6374
|
$f6b0500577e1b210$var$_tmpl$4 = ["<div", ' class="filter-collapsible-body"><div class="filter-part"><!--$-->', "<!--/--><!--$-->", "<!--/--></div><!--$-->", "<!--/--></div>"],
|
|
@@ -7291,7 +7309,7 @@ function $33e7d1906c93db7d$export$205efb947c7ffd78(handler) {
|
|
|
7291
7309
|
$b8hua$onCleanup(() => listen_on.removeEventListener(event, catchified_handler));
|
|
7292
7310
|
}
|
|
7293
7311
|
}
|
|
7294
|
-
|
|
7312
|
+
var $b69740fc6de9f17e$var$_tmpl$ = ["<div", ' class="scroll-status" style="display:none"><span class="text"><b>', "</b> \u2013 <b>", "</b> <!--$-->", "<!--/--> <b>", "</b></span></div>"];
|
|
7295
7313
|
function $b69740fc6de9f17e$export$83fd5de5504a7a67(_ref) {
|
|
7296
7314
|
let {
|
|
7297
7315
|
formatted_number_of_results_: formatted_number_of_results_,
|
|
@@ -7417,7 +7435,7 @@ function $b69740fc6de9f17e$export$83fd5de5504a7a67(_ref) {
|
|
|
7417
7435
|
}
|
|
7418
7436
|
})), $b8hua$escape(of_()), $b8hua$escape(count_to_show()));
|
|
7419
7437
|
}
|
|
7420
|
-
|
|
7438
|
+
var $94af29837186eb21$var$_tmpl$ = ["<a", ' class="hint" href="javascript:void(0)">', "</a>"],
|
|
7421
7439
|
$94af29837186eb21$var$_tmpl$2 = ["<div", ' class="no-results"><div class="text">', "</div><!--$-->", "<!--/--></div>"];
|
|
7422
7440
|
function $94af29837186eb21$export$ef6006467f04ee41(_ref) {
|
|
7423
7441
|
let {
|
|
@@ -7627,7 +7645,7 @@ function $45a8953d760b5e58$export$a1fd619a4743ca08(_ref) {
|
|
|
7627
7645
|
})
|
|
7628
7646
|
});
|
|
7629
7647
|
}
|
|
7630
|
-
|
|
7648
|
+
var $64d94dcaa058dc7b$var$_tmpl$ = ["<style", ' type="text/css">', "</style>"];
|
|
7631
7649
|
const $64d94dcaa058dc7b$export$c500183c31c2b22e = "--spans-columns";
|
|
7632
7650
|
function $64d94dcaa058dc7b$export$ab6b147eec64fea5(props) {
|
|
7633
7651
|
const container_class = "x" + $b8hua$createUniqueId();
|
|
@@ -7759,7 +7777,7 @@ function $8244fdad249f8d5f$export$a79e666719b3647c(cols_at_size_) {
|
|
|
7759
7777
|
});
|
|
7760
7778
|
return n_cols_currently_showing;
|
|
7761
7779
|
}
|
|
7762
|
-
|
|
7780
|
+
var $ff7feae4dddd6073$var$_tmpl$ = ["<div", ' class="content-block-wrapper" style="', '">', "</div>"];
|
|
7763
7781
|
function $ff7feae4dddd6073$export$791ef57e62e21c3f(_ref) {
|
|
7764
7782
|
let {
|
|
7765
7783
|
content_blocks_: incoming_content_blocks,
|
|
@@ -7941,7 +7959,7 @@ function $ff7feae4dddd6073$var$RenderContent(props) {
|
|
|
7941
7959
|
children: resource
|
|
7942
7960
|
});
|
|
7943
7961
|
}
|
|
7944
|
-
|
|
7962
|
+
var $7faea0096f14b59b$var$_tmpl$ = ["<div", ' class="', '"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"];
|
|
7945
7963
|
function $7faea0096f14b59b$export$3925f87b1545cfc6(_ref) {
|
|
7946
7964
|
let {
|
|
7947
7965
|
plp_results_: plp_results_,
|
|
@@ -8208,7 +8226,7 @@ function $7faea0096f14b59b$export$3925f87b1545cfc6(_ref) {
|
|
|
8208
8226
|
}
|
|
8209
8227
|
})), $b8hua$escape(desktop_filter_elements_()));
|
|
8210
8228
|
}
|
|
8211
|
-
|
|
8229
|
+
var $cfdbd124dd09d713$var$_tmpl$ = ["<div", ' class="sorting-attributes">', "</div>"],
|
|
8212
8230
|
$cfdbd124dd09d713$var$_tmpl$2 = ["<div", ' class="sorting-direction">', "</div>"],
|
|
8213
8231
|
$cfdbd124dd09d713$var$_tmpl$3 = ["<div", '><div class="input-row"><input type="radio" disabled=""><span class="custom-indicator"></span><!--$-->', "<!--/--></div></div>"],
|
|
8214
8232
|
$cfdbd124dd09d713$var$_tmpl$4 = ["<div", '><label class="input-row"><input type="radio"', "", '><span class="custom-indicator"></span><!--$-->', "<!--/--></label></div>"];
|
|
@@ -8279,7 +8297,7 @@ function $cfdbd124dd09d713$export$1f1775a58da589b5(_ref) {
|
|
|
8279
8297
|
}
|
|
8280
8298
|
});
|
|
8281
8299
|
}
|
|
8282
|
-
|
|
8300
|
+
var $79af35736fe8e5c8$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>',
|
|
8283
8301
|
$79af35736fe8e5c8$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>';
|
|
8284
8302
|
function $79af35736fe8e5c8$export$da32f7add8a22e86() {
|
|
8285
8303
|
let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
@@ -8290,7 +8308,7 @@ function $79af35736fe8e5c8$export$da32f7add8a22e86() {
|
|
|
8290
8308
|
"class": "sort-icon"
|
|
8291
8309
|
}, props), () => [$b8hua$ssr($79af35736fe8e5c8$var$_tmpl$), $b8hua$ssr($79af35736fe8e5c8$var$_tmpl$2)], true);
|
|
8292
8310
|
}
|
|
8293
|
-
|
|
8311
|
+
var $73e3c96bc365e0e9$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>';
|
|
8294
8312
|
function $73e3c96bc365e0e9$export$d10e63059ddb9fd4() {
|
|
8295
8313
|
let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
8296
8314
|
return $b8hua$ssrElement("svg", $b8hua$mergeProps({
|
|
@@ -8300,7 +8318,7 @@ function $73e3c96bc365e0e9$export$d10e63059ddb9fd4() {
|
|
|
8300
8318
|
"class": "sort-icon"
|
|
8301
8319
|
}, props), () => $b8hua$ssr($73e3c96bc365e0e9$var$_tmpl$), true);
|
|
8302
8320
|
}
|
|
8303
|
-
|
|
8321
|
+
var $05f67356defcdd65$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>'];
|
|
8304
8322
|
function $05f67356defcdd65$export$28f6150e232898de() {
|
|
8305
8323
|
return $b8hua$ssr($05f67356defcdd65$var$_tmpl$, $b8hua$ssrHydrationKey());
|
|
8306
8324
|
}
|
|
@@ -8313,7 +8331,7 @@ function $6fcb97029a69ec44$export$50f68cc9882e36a4(args_for_filtering) {
|
|
|
8313
8331
|
var _args_for_filtering$a, _args_for_filtering$s;
|
|
8314
8332
|
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);
|
|
8315
8333
|
}
|
|
8316
|
-
|
|
8334
|
+
var $082c4ed3e22f8d71$var$_tmpl$ = ["<button", ' class="clear minor">', "</button>"],
|
|
8317
8335
|
$082c4ed3e22f8d71$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>"],
|
|
8318
8336
|
$082c4ed3e22f8d71$var$_tmpl$3 = ["<details", ' class="sorting"></details>'],
|
|
8319
8337
|
$082c4ed3e22f8d71$var$_tmpl$4 = ["<summary", ' class="sort-filter-summary"><div class="summary"><div class="left-els"><!--$-->', "<!--/--><span>", "</span></div><!--$-->", "<!--/--></div></summary>"],
|
|
@@ -8425,11 +8443,11 @@ function $082c4ed3e22f8d71$export$9bf11afa910f536e(_ref) {
|
|
|
8425
8443
|
}
|
|
8426
8444
|
})), $b8hua$escape(i18n_.show_n_results_()($b8hua$ssr($082c4ed3e22f8d71$var$_tmpl$7, $b8hua$ssrHydrationKey(), $b8hua$escape(formatted_number_of_results_())))))];
|
|
8427
8445
|
}
|
|
8428
|
-
|
|
8446
|
+
var $bce10e104a1dd893$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>'];
|
|
8429
8447
|
function $bce10e104a1dd893$export$cb808a3c41736d8e() {
|
|
8430
8448
|
return $b8hua$ssr($bce10e104a1dd893$var$_tmpl$, $b8hua$ssrHydrationKey());
|
|
8431
8449
|
}
|
|
8432
|
-
|
|
8450
|
+
var $7396052a1484264f$var$_tmpl$ = ["<div", ' class="filters"><div class="body">', "</div></div>"],
|
|
8433
8451
|
$7396052a1484264f$var$_tmpl$2 = ["<div", ' class="sorting"><div class="body">', "</div></div>"],
|
|
8434
8452
|
$7396052a1484264f$var$_tmpl$3 = ["<div", ' class="sort-and-filter-buttons"><div class="outer"><div class="inner"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></div></div></div>"],
|
|
8435
8453
|
$7396052a1484264f$var$_tmpl$4 = ["<span", ' class="num-filters" style="', '">', "</span>"],
|
|
@@ -8772,11 +8790,11 @@ function $a61a2051e15c8d7a$export$5196e4c01fa56fcb(_ref) {
|
|
|
8772
8790
|
close_toast_: close_toast_
|
|
8773
8791
|
};
|
|
8774
8792
|
}
|
|
8775
|
-
|
|
8793
|
+
var $70f5ae4deea73eee$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>'];
|
|
8776
8794
|
function $70f5ae4deea73eee$export$2624c5890f1bbcf7() {
|
|
8777
8795
|
return $b8hua$ssr($70f5ae4deea73eee$var$_tmpl$, $b8hua$ssrHydrationKey());
|
|
8778
8796
|
}
|
|
8779
|
-
|
|
8797
|
+
var $6a16b21155984cef$var$_tmpl$ = ["<div", ' class="', '"><button class="filter"', "><div>", '</div></button><button class="sort"', "><div>", '</div></button><button class="up"', "><div>", "</div></button></div>"];
|
|
8780
8798
|
function $6a16b21155984cef$export$b23abd26de154ede(props) {
|
|
8781
8799
|
if (0, $b8hua$isServer) return; // won't show in initial render and need scroll position
|
|
8782
8800
|
const [is_small, set_is_small] = $b8hua$createSignal(true);
|
|
@@ -8879,7 +8897,7 @@ function $6a16b21155984cef$var$ActualFloatingButtons(_ref2) {
|
|
|
8879
8897
|
}));
|
|
8880
8898
|
return $b8hua$ssr($6a16b21155984cef$var$_tmpl$, $b8hua$ssrHydrationKey(), "floating-buttons ".concat(is_scrolling_upwards() && modal_is_closed() && !regular_buttons_are_in_view() && !get_is_showing_toast() ? "show-them" : ""), $b8hua$ssrAttribute("aria-label", $b8hua$escape(i18n_.filter_text_(), true), false), $b8hua$escape($b8hua$createComponent((0, $05f67356defcdd65$export$28f6150e232898de), {})), $b8hua$ssrAttribute("aria-label", $b8hua$escape(i18n_.sorting_text_(), true), false), ((_current_sorting_$ = current_sorting_[0]()) === null || _current_sorting_$ === void 0 ? void 0 : _current_sorting_$.order) === "asc" ? $b8hua$escape($b8hua$createComponent((0, $79af35736fe8e5c8$export$da32f7add8a22e86), {})) : $b8hua$escape($b8hua$createComponent((0, $73e3c96bc365e0e9$export$d10e63059ddb9fd4), {})), $b8hua$ssrAttribute("aria-label", $b8hua$escape(i18n_.scroll_to_top_(), true), false), $b8hua$escape($b8hua$createComponent((0, $70f5ae4deea73eee$export$2624c5890f1bbcf7), {})));
|
|
8881
8899
|
}
|
|
8882
|
-
|
|
8900
|
+
var $43fbb365ed0ac99e$var$_tmpl$ = ["<nav", ' class="quicklinks"', ">", "</nav>"],
|
|
8883
8901
|
$43fbb365ed0ac99e$var$_tmpl$2 = ["<div", ">QuickLinks failed</div>"],
|
|
8884
8902
|
$43fbb365ed0ac99e$var$_tmpl$3 = ["<a", ' class="', '"', ">", "</a>"];
|
|
8885
8903
|
function $43fbb365ed0ac99e$export$466cdc317043f6cb(_ref) {
|
|
@@ -9186,7 +9204,7 @@ function $ec225bf1f1627ea8$export$210f130a61ac1e8d(fn) {
|
|
|
9186
9204
|
});
|
|
9187
9205
|
return external_value;
|
|
9188
9206
|
}
|
|
9189
|
-
|
|
9207
|
+
var $b4465d8d605f61e9$var$_tmpl$ = ["<div", ' class="statement">', "</div>"],
|
|
9190
9208
|
$b4465d8d605f61e9$var$_tmpl$2 = ["<div", ' class="buttons"><button class="restore minor">', '</button><button class="ok major">', "</button></div>"];
|
|
9191
9209
|
function $b4465d8d605f61e9$export$8895d39404bd2bb1(props) {
|
|
9192
9210
|
let previous_sorting;
|
|
@@ -9370,7 +9388,7 @@ function $3a2bed57c9a57e21$export$d31a1a1a83ad9413(plp_results_, _ref) {
|
|
|
9370
9388
|
set_selected_filters(new_filters);
|
|
9371
9389
|
});
|
|
9372
9390
|
}
|
|
9373
|
-
|
|
9391
|
+
var $4b4b262708b516ee$var$_tmpl$ = ["<div", ' class="product-count"><!--$-->', "<!--/--> <!--$-->", "<!--/--></div>"],
|
|
9374
9392
|
$4b4b262708b516ee$var$_tmpl$2 = ["<div", "></div>"],
|
|
9375
9393
|
$4b4b262708b516ee$var$_tmpl$3 = ["<div", ' class="filter-results-for-one-row"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"],
|
|
9376
9394
|
$4b4b262708b516ee$var$_tmpl$4 = ["<div", ' class="depict plp category"><div class="listing-page"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></div><!--$-->", "<!--/--></div>"];
|
|
@@ -9901,7 +9919,7 @@ function $9d3d794b62318ecc$var$start_href_writer(_ref3) {
|
|
|
9901
9919
|
function $9d3d794b62318ecc$var$delete_sideways_param_flag(searchParams) {
|
|
9902
9920
|
if (searchParams.get((0, $2855bffe06ef7a03$export$cf5feb2102aec7f2)) === "true") searchParams.delete((0, $2855bffe06ef7a03$export$cf5feb2102aec7f2));
|
|
9903
9921
|
}
|
|
9904
|
-
|
|
9922
|
+
var $f5f54892fd0c7d9f$var$_tmpl$ = ["<div", ' class="depict plp category">', "</div>"];
|
|
9905
9923
|
function $f5f54892fd0c7d9f$var$_classPrivateFieldInitSpec(obj, privateMap, value) {
|
|
9906
9924
|
$f5f54892fd0c7d9f$var$_checkPrivateRedeclaration(obj, privateMap);
|
|
9907
9925
|
privateMap.set(obj, value);
|
|
@@ -10243,7 +10261,7 @@ function $f5f54892fd0c7d9f$var$get_shared_properties(depict_category) {
|
|
|
10243
10261
|
if (!shared_properties) throw new Error("Can't connect to provided DepictCategory instance");
|
|
10244
10262
|
return shared_properties;
|
|
10245
10263
|
}
|
|
10246
|
-
|
|
10264
|
+
var $702d7656a373973e$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>"];
|
|
10247
10265
|
const $702d7656a373973e$export$824dde41348efed1 = /*@__PURE__*/(() => {
|
|
10248
10266
|
const actual_function = _ref => {
|
|
10249
10267
|
let {
|
|
@@ -10391,7 +10409,7 @@ async function $160ea2b55d8772d2$var$download_categories(merchant, market, local
|
|
|
10391
10409
|
return [];
|
|
10392
10410
|
}
|
|
10393
10411
|
}
|
|
10394
|
-
|
|
10412
|
+
var $dea31647b99a443b$var$_tmpl$ = ["<span", ' class="parent-title">', "</span>"],
|
|
10395
10413
|
$dea31647b99a443b$var$_tmpl$2 = ["<a", ' class="category-suggestion"', '><span class="title">', "</span><!--$-->", "<!--/--></a>"];
|
|
10396
10414
|
function $dea31647b99a443b$export$d757d54550ebfb3d(_ref) {
|
|
10397
10415
|
let {
|
|
@@ -10411,7 +10429,7 @@ function $dea31647b99a443b$export$d757d54550ebfb3d(_ref) {
|
|
|
10411
10429
|
}
|
|
10412
10430
|
})));
|
|
10413
10431
|
}
|
|
10414
|
-
|
|
10432
|
+
var $8ef6232475d44150$var$_tmpl$ = ["<div", ' class="search-recs"><h3 class="search-recs-title">', "</h3><!--$-->", "<!--/--><!--$-->", "<!--/--></div>"],
|
|
10415
10433
|
$8ef6232475d44150$var$_tmpl$2 = ["<button", ' class="show-more major" type="button">', "</button>"];
|
|
10416
10434
|
const $8ef6232475d44150$export$1c8c715550dc689d = 2;
|
|
10417
10435
|
function $8ef6232475d44150$export$7de92c4c2205ebf3(_ref) {
|
|
@@ -10683,7 +10701,7 @@ function $1308a7816c3d4f2d$export$b3ad617e9036868(_ref, input_field, alignment,
|
|
|
10683
10701
|
}));
|
|
10684
10702
|
return align_position;
|
|
10685
10703
|
}
|
|
10686
|
-
|
|
10704
|
+
var $754f319a849bfdbc$var$_tmpl$ = ["<div", ' class="category-suggestions">', "</div>"],
|
|
10687
10705
|
$754f319a849bfdbc$var$_tmpl$2 = ["<div", ' class="category-suggestion">', "</div>"];
|
|
10688
10706
|
function $754f319a849bfdbc$export$c05a196222ba1302(_ref) {
|
|
10689
10707
|
let {
|
|
@@ -10727,7 +10745,7 @@ function $754f319a849bfdbc$export$c05a196222ba1302(_ref) {
|
|
|
10727
10745
|
}
|
|
10728
10746
|
});
|
|
10729
10747
|
}
|
|
10730
|
-
|
|
10748
|
+
var $69602b3d8fd54c38$var$_tmpl$ = ["<b", ">", "</b>"],
|
|
10731
10749
|
$69602b3d8fd54c38$var$_tmpl$2 = ["<div", ' class="results-for">', "</div>"];
|
|
10732
10750
|
function $69602b3d8fd54c38$export$9dd50d35b9d94fdf(_ref) {
|
|
10733
10751
|
let {
|
|
@@ -10755,6 +10773,7 @@ function $8e8ce3f7a5eb11a6$export$41b4894022a3580f() {
|
|
|
10755
10773
|
alignmentSignals_ = {
|
|
10756
10774
|
body_: $b8hua$createSignal({}),
|
|
10757
10775
|
field_: $b8hua$createSignal({}),
|
|
10776
|
+
backdrop_: $b8hua$createSignal({}),
|
|
10758
10777
|
...alignmentSignals_
|
|
10759
10778
|
};
|
|
10760
10779
|
const [, set_style_props] = alignmentSignals_.body_;
|
|
@@ -10772,7 +10791,7 @@ function $8e8ce3f7a5eb11a6$export$41b4894022a3580f() {
|
|
|
10772
10791
|
})));
|
|
10773
10792
|
return alignmentSignals_;
|
|
10774
10793
|
}
|
|
10775
|
-
|
|
10794
|
+
var $22470de5f42cc35d$var$_tmpl$ = ["<div", ' class="description line-clamp">', "</div>"],
|
|
10776
10795
|
$22470de5f42cc35d$var$_tmpl$2 = ["<div", ' class="content-card"><div class="image">', '</div><div class="info"><!--$-->', "<!--/--><!--$-->", "<!--/--></div></div>"];
|
|
10777
10796
|
function $22470de5f42cc35d$export$f631859cab12b342(_ref) {
|
|
10778
10797
|
let {
|
|
@@ -10913,7 +10932,7 @@ function $ad4f3c9872fbeb48$export$4405d077f0a20494(_ref) {
|
|
|
10913
10932
|
children: () => $b8hua$createComponent((0, $22470de5f42cc35d$export$f631859cab12b342), {})
|
|
10914
10933
|
});
|
|
10915
10934
|
}
|
|
10916
|
-
|
|
10935
|
+
var $d53ebed6f63304e4$var$_tmpl$ = ["<div", ' class="content-results" style="', '"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"],
|
|
10917
10936
|
$d53ebed6f63304e4$var$_tmpl$2 = ["<button", ' class="view-more">', "</button>"],
|
|
10918
10937
|
$d53ebed6f63304e4$var$_tmpl$3 = ["<button", ' class="view-less">', "</button>"];
|
|
10919
10938
|
const $d53ebed6f63304e4$export$70ceae36059a1036 = 1;
|
|
@@ -11009,14 +11028,14 @@ function $d53ebed6f63304e4$var$make_state_saved_rows(_ref2, i18n_) {
|
|
|
11009
11028
|
}));
|
|
11010
11029
|
return rows;
|
|
11011
11030
|
}
|
|
11012
|
-
|
|
11031
|
+
var $937791b86d3d1509$var$_tmpl$ = ["<div", ' class="depict plp search">', "</div>"];
|
|
11013
11032
|
function $937791b86d3d1509$export$44f738469d5570cf(_ref) {
|
|
11014
11033
|
let {
|
|
11015
11034
|
actualField_: actualField_,
|
|
11016
11035
|
makeFakeField_: makeFakeField_,
|
|
11017
11036
|
wrap_: wrap_,
|
|
11018
|
-
bodyAlignmentSignal_: [,
|
|
11019
|
-
backdropStyleSignal_: [,
|
|
11037
|
+
bodyAlignmentSignal_: [, setBodyAlignment_],
|
|
11038
|
+
backdropStyleSignal_: [, setBackdropStyle_],
|
|
11020
11039
|
setPollAlignment_: setPollAlignment_,
|
|
11021
11040
|
submitButton_: submitButton_,
|
|
11022
11041
|
modalSearchFieldOuterWidth_: modalSearchFieldOuterWidth_
|
|
@@ -11053,8 +11072,8 @@ function $937791b86d3d1509$export$44f738469d5570cf(_ref) {
|
|
|
11053
11072
|
} : {})
|
|
11054
11073
|
});
|
|
11055
11074
|
const pxOffCenter = $b8hua$untrack(innerWidthReactive) / 2 - (left + width / 2);
|
|
11056
|
-
const
|
|
11057
|
-
const
|
|
11075
|
+
const openDuration_ = pxOffCenter > 100 ? 250 : 125; // faster animations if little left-right movement
|
|
11076
|
+
const closeDuration_ = pxOffCenter > 100 ? 150 : 100;
|
|
11058
11077
|
setPollAlignment_(true);
|
|
11059
11078
|
// Fade out submit button so there aren't two overlapping buttons for a split second
|
|
11060
11079
|
submitButton_.animate([{
|
|
@@ -11062,7 +11081,7 @@ function $937791b86d3d1509$export$44f738469d5570cf(_ref) {
|
|
|
11062
11081
|
}, {
|
|
11063
11082
|
opacity: 0
|
|
11064
11083
|
}], {
|
|
11065
|
-
duration:
|
|
11084
|
+
duration: openDuration_ / 3,
|
|
11066
11085
|
fill: "forwards"
|
|
11067
11086
|
});
|
|
11068
11087
|
$b8hua$createEffect(finished => {
|
|
@@ -11076,7 +11095,7 @@ function $937791b86d3d1509$export$44f738469d5570cf(_ref) {
|
|
|
11076
11095
|
left: "".concat($b8hua$untrack(innerWidthReactive) / 2 - $b8hua$untrack(inModalFieldWidth) / 2, "px"),
|
|
11077
11096
|
width: $b8hua$untrack(inModalFieldWidthPx)
|
|
11078
11097
|
}], {
|
|
11079
|
-
duration:
|
|
11098
|
+
duration: openDuration_,
|
|
11080
11099
|
easing: "ease-in"
|
|
11081
11100
|
}).finished.then(() => {
|
|
11082
11101
|
setPollAlignment_(false);
|
|
@@ -11098,25 +11117,16 @@ function $937791b86d3d1509$export$44f738469d5570cf(_ref) {
|
|
|
11098
11117
|
});
|
|
11099
11118
|
return true;
|
|
11100
11119
|
}, false);
|
|
11101
|
-
|
|
11102
|
-
|
|
11103
|
-
|
|
11104
|
-
|
|
11105
|
-
})
|
|
11106
|
-
|
|
11107
|
-
|
|
11108
|
-
|
|
11109
|
-
|
|
11110
|
-
|
|
11111
|
-
...prev,
|
|
11112
|
-
opacity: 0,
|
|
11113
|
-
transition: "opacity ".concat(openDuration, "ms ease-in"),
|
|
11114
|
-
"--js-animation-duration": "".concat(openDuration, "ms")
|
|
11115
|
-
}));
|
|
11116
|
-
requestAnimationFrame(() => setBodyAlignment(prev => ({
|
|
11117
|
-
...prev,
|
|
11118
|
-
opacity: 1
|
|
11119
|
-
})));
|
|
11120
|
+
$b8hua$onCleanup(() => {
|
|
11121
|
+
// If we get cleaned up, reset the state and cancel the timeout to make sure the timeout doesn't mess with the next animation
|
|
11122
|
+
clearTimeout(disableResizePollingTimeout);
|
|
11123
|
+
setPollAlignment_(false);
|
|
11124
|
+
});
|
|
11125
|
+
$937791b86d3d1509$export$e06dee46ebe7faa9({
|
|
11126
|
+
setBackdropStyle_: setBackdropStyle_,
|
|
11127
|
+
setBodyAlignment_: setBodyAlignment_,
|
|
11128
|
+
openDuration_: openDuration_
|
|
11129
|
+
});
|
|
11120
11130
|
$b8hua$onCleanup(() => {
|
|
11121
11131
|
addedToBody.remove();
|
|
11122
11132
|
fakeField.replaceWith(actualField_);
|
|
@@ -11126,16 +11136,11 @@ function $937791b86d3d1509$export$44f738469d5570cf(_ref) {
|
|
|
11126
11136
|
width: width,
|
|
11127
11137
|
left: left
|
|
11128
11138
|
} = fakeField.getBoundingClientRect();
|
|
11129
|
-
|
|
11130
|
-
|
|
11131
|
-
|
|
11132
|
-
|
|
11133
|
-
})
|
|
11134
|
-
setBodyAlignment(prev => ({
|
|
11135
|
-
...prev,
|
|
11136
|
-
opacity: 0,
|
|
11137
|
-
transition: "opacity ".concat(closeDuration, "ms ease-out")
|
|
11138
|
-
}));
|
|
11139
|
+
$937791b86d3d1509$export$23d40cc5971c3acd({
|
|
11140
|
+
setBackdropStyle_: setBackdropStyle_,
|
|
11141
|
+
setBodyAlignment_: setBodyAlignment_,
|
|
11142
|
+
closeDuration_: closeDuration_
|
|
11143
|
+
});
|
|
11139
11144
|
await Promise.all([addedToBody.animate([{
|
|
11140
11145
|
width: $b8hua$untrack(inModalFieldWidthPx),
|
|
11141
11146
|
left: "".concat($b8hua$untrack(innerWidthReactive) / 2 - $b8hua$untrack(inModalFieldWidth) / 2, "px")
|
|
@@ -11143,7 +11148,7 @@ function $937791b86d3d1509$export$44f738469d5570cf(_ref) {
|
|
|
11143
11148
|
width: width + "px",
|
|
11144
11149
|
left: left + "px"
|
|
11145
11150
|
}], {
|
|
11146
|
-
duration:
|
|
11151
|
+
duration: closeDuration_,
|
|
11147
11152
|
fill: "forwards",
|
|
11148
11153
|
easing: "ease-out"
|
|
11149
11154
|
}).finished, submitButton_.animate([{
|
|
@@ -11151,8 +11156,8 @@ function $937791b86d3d1509$export$44f738469d5570cf(_ref) {
|
|
|
11151
11156
|
}, {
|
|
11152
11157
|
opacity: 1
|
|
11153
11158
|
}], {
|
|
11154
|
-
duration:
|
|
11155
|
-
delay:
|
|
11159
|
+
duration: closeDuration_ / 3,
|
|
11160
|
+
delay: closeDuration_ * (2 / 3),
|
|
11156
11161
|
fill: "forwards"
|
|
11157
11162
|
}).finished]);
|
|
11158
11163
|
setPollAlignment_(false);
|
|
@@ -11160,7 +11165,70 @@ function $937791b86d3d1509$export$44f738469d5570cf(_ref) {
|
|
|
11160
11165
|
};
|
|
11161
11166
|
});
|
|
11162
11167
|
}
|
|
11163
|
-
|
|
11168
|
+
function $937791b86d3d1509$export$e06dee46ebe7faa9(_ref2) {
|
|
11169
|
+
let {
|
|
11170
|
+
setBackdropStyle_: setBackdropStyle_,
|
|
11171
|
+
setBodyAlignment_: setBodyAlignment_,
|
|
11172
|
+
openDuration_: openDuration_
|
|
11173
|
+
} = _ref2;
|
|
11174
|
+
setBackdropStyle_(prev => ({
|
|
11175
|
+
...prev,
|
|
11176
|
+
opacity: 0,
|
|
11177
|
+
transition: "opacity ".concat(openDuration_, "ms ease-in")
|
|
11178
|
+
}));
|
|
11179
|
+
requestAnimationFrame(() => setBackdropStyle_(prev => ({
|
|
11180
|
+
...prev,
|
|
11181
|
+
opacity: 1
|
|
11182
|
+
})));
|
|
11183
|
+
setBodyAlignment_(prev => ({
|
|
11184
|
+
...prev,
|
|
11185
|
+
opacity: 0,
|
|
11186
|
+
transition: "opacity ".concat(openDuration_, "ms ease-in ").concat(openDuration_ / 5, "ms"),
|
|
11187
|
+
// Add a slight delay so the brightness of the modal isn't so jarring before the background has gotten darkened
|
|
11188
|
+
"--js-animation-duration": "".concat(openDuration_, "ms")
|
|
11189
|
+
}));
|
|
11190
|
+
requestAnimationFrame(() => setBodyAlignment_(prev => ({
|
|
11191
|
+
...prev,
|
|
11192
|
+
opacity: 1
|
|
11193
|
+
})));
|
|
11194
|
+
}
|
|
11195
|
+
function $937791b86d3d1509$export$23d40cc5971c3acd(_ref3) {
|
|
11196
|
+
let {
|
|
11197
|
+
setBackdropStyle_: setBackdropStyle_,
|
|
11198
|
+
setBodyAlignment_: setBodyAlignment_,
|
|
11199
|
+
closeDuration_: closeDuration_
|
|
11200
|
+
} = _ref3;
|
|
11201
|
+
setBackdropStyle_(prev => ({
|
|
11202
|
+
...prev,
|
|
11203
|
+
opacity: 0,
|
|
11204
|
+
transition: "opacity ".concat(closeDuration_, "ms ease-out")
|
|
11205
|
+
}));
|
|
11206
|
+
setBodyAlignment_(prev => ({
|
|
11207
|
+
...prev,
|
|
11208
|
+
opacity: 0,
|
|
11209
|
+
transition: "opacity ".concat(closeDuration_, "ms ease-out")
|
|
11210
|
+
}));
|
|
11211
|
+
}
|
|
11212
|
+
function $937791b86d3d1509$export$dab9321f3c157061(alignmentSignals, modalVersion) {
|
|
11213
|
+
const [, setBodyAlignment_] = alignmentSignals.body_;
|
|
11214
|
+
const [, setBackdropStyle_] = alignmentSignals.backdrop_ || $b8hua$createSignal({});
|
|
11215
|
+
// For default centered modal, also run our fading animations if search modal v2
|
|
11216
|
+
modalVersion === 2 && $937791b86d3d1509$export$e06dee46ebe7faa9({
|
|
11217
|
+
openDuration_: 125,
|
|
11218
|
+
setBodyAlignment_: setBodyAlignment_,
|
|
11219
|
+
setBackdropStyle_: setBackdropStyle_
|
|
11220
|
+
});
|
|
11221
|
+
const closingAnimation = modalVersion === 2 ? async () => {
|
|
11222
|
+
$937791b86d3d1509$export$23d40cc5971c3acd({
|
|
11223
|
+
closeDuration_: 100,
|
|
11224
|
+
setBodyAlignment_: setBodyAlignment_,
|
|
11225
|
+
setBackdropStyle_: setBackdropStyle_
|
|
11226
|
+
});
|
|
11227
|
+
await new Promise(r => setTimeout(r, 100));
|
|
11228
|
+
} : undefined;
|
|
11229
|
+
return closingAnimation;
|
|
11230
|
+
}
|
|
11231
|
+
var $da279c5a540c6846$var$_tmpl$ = ["<div", ' class="filter-results-for-one-row"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"],
|
|
11164
11232
|
$da279c5a540c6846$var$_tmpl$2 = ["<div", ' class="depict plp search"><div class="listing-page"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></div><!--$-->", "<!--/--><!--$-->", "<!--/--></div>"];
|
|
11165
11233
|
function $da279c5a540c6846$export$a54ec244c8863715(_ref) {
|
|
11166
11234
|
let {
|
|
@@ -11418,10 +11486,12 @@ function $da279c5a540c6846$export$a54ec244c8863715(_ref) {
|
|
|
11418
11486
|
setSearchFieldOuterWidth_: setModalSearchFieldOuterWidth_
|
|
11419
11487
|
}, () => {
|
|
11420
11488
|
var _on_close_, _ref3;
|
|
11421
|
-
// When modal is closed, reset style signals for next opening
|
|
11489
|
+
// When modal is closed, reset style signals for next opening so all animation related stuff gets reset
|
|
11422
11490
|
setModalBodyStyle({});
|
|
11423
11491
|
setModalFieldStyle({});
|
|
11424
11492
|
setModalBackdropStyle({});
|
|
11493
|
+
// And run the alignment code again so the modal is readily aligned when opened via a search button
|
|
11494
|
+
align_position === null || align_position === void 0 || align_position();
|
|
11425
11495
|
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);
|
|
11426
11496
|
});
|
|
11427
11497
|
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);
|
|
@@ -11844,14 +11914,10 @@ class $eb064bc3350276c1$export$ac6237957a15b3f0 {
|
|
|
11844
11914
|
}
|
|
11845
11915
|
if (!((_ = open_signal_value[0]) !== null && _ !== void 0 && _.alignmentSignals_) && search_page_aligned_modal_alignment_signals_) {
|
|
11846
11916
|
// Open modal aligned with search page if no alignment specified and possible to align with search page
|
|
11847
|
-
|
|
11848
|
-
|
|
11849
|
-
alignmentSignals_: search_page_aligned_modal_alignment_signals_
|
|
11850
|
-
});
|
|
11851
|
-
return;
|
|
11852
|
-
}
|
|
11853
|
-
const [options_arg, ...rest] = open_signal_value;
|
|
11917
|
+
const [options_arg, ...rest] = open_signal_value === true ? [{}] : open_signal_value;
|
|
11918
|
+
const closingAnimation = $937791b86d3d1509$export$dab9321f3c157061(search_page_aligned_modal_alignment_signals_, modalVersion);
|
|
11854
11919
|
open_modal_({
|
|
11920
|
+
closing_animation_: closingAnimation,
|
|
11855
11921
|
...options_arg,
|
|
11856
11922
|
alignmentSignals_: search_page_aligned_modal_alignment_signals_
|
|
11857
11923
|
}, ...rest);
|
|
@@ -11859,16 +11925,19 @@ class $eb064bc3350276c1$export$ac6237957a15b3f0 {
|
|
|
11859
11925
|
}
|
|
11860
11926
|
// Open centered modal
|
|
11861
11927
|
const centeredModalAlignmentSignals = $8e8ce3f7a5eb11a6$export$41b4894022a3580f();
|
|
11928
|
+
const closingAnimation = $937791b86d3d1509$export$dab9321f3c157061(centeredModalAlignmentSignals, modalVersion);
|
|
11862
11929
|
if (signal_value_is_options) {
|
|
11863
11930
|
const [options_arg, ...rest] = open_signal_value;
|
|
11864
11931
|
open_modal_({
|
|
11932
|
+
closing_animation_: closingAnimation,
|
|
11865
11933
|
...options_arg,
|
|
11866
11934
|
alignmentSignals_: search_page_aligned_modal_alignment_signals_ || centeredModalAlignmentSignals
|
|
11867
11935
|
}, ...rest);
|
|
11868
11936
|
return;
|
|
11869
11937
|
}
|
|
11870
11938
|
open_modal_({
|
|
11871
|
-
alignmentSignals_: centeredModalAlignmentSignals
|
|
11939
|
+
alignmentSignals_: centeredModalAlignmentSignals,
|
|
11940
|
+
closing_animation_: closingAnimation
|
|
11872
11941
|
});
|
|
11873
11942
|
};
|
|
11874
11943
|
$b8hua$runWithOwner(owner, () => $b8hua$createEffect(modal_opening_effect));
|
|
@@ -12423,7 +12492,7 @@ function $f9fd3017c20b774a$var$clean_url(url) {
|
|
|
12423
12492
|
url_object.hash = "";
|
|
12424
12493
|
return url_object.href;
|
|
12425
12494
|
}
|
|
12426
|
-
|
|
12495
|
+
var $a3026fb727bc7550$var$_tmpl$ = ["<div", ' class="depict plp search">', "</div>"];
|
|
12427
12496
|
function $a3026fb727bc7550$export$316f6f283ae64765(props) {
|
|
12428
12497
|
const {
|
|
12429
12498
|
depict_search: depict_search,
|