@depict-ai/ui 4.3.3 → 4.3.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 +137 -126
- package/ES10/index.d.ts +12 -1
- package/ES10/index.js +171 -160
- package/latest/index.cjs +131 -120
- package/latest/index.d.ts +12 -1
- package/latest/index.js +165 -154
- package/package.json +2 -2
- package/server/ES10/index.cjs +120 -109
- package/server/ES10/index.d.ts +12 -1
- package/server/ES10/index.js +159 -148
- package/server/latest/index.cjs +114 -103
- package/server/latest/index.d.ts +12 -1
- package/server/latest/index.js +153 -142
package/server/latest/index.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { add_to_version_info as $i7OB2$add_to_version_info, fetch_retry as $i7OB2$fetch_retry, base_url as $i7OB2$base_url, dwarn as $i7OB2$dwarn, slider_fractional_factory as $i7OB2$slider_fractional_factory, dlog as $i7OB2$dlog, camelCasifyObject as $i7OB2$camelCasifyObject, make_random_classname as $i7OB2$make_random_classname, n_col_styling_with_dist as $i7OB2$n_col_styling_with_dist, catchify as $i7OB2$catchify, layout_get_visible_recs_without_partial_rows as $i7OB2$layout_get_visible_recs_without_partial_rows, layout_get_total_rec_amount_for_row as $i7OB2$layout_get_total_rec_amount_for_row, layout_media_query_header as $i7OB2$layout_media_query_header, report as $i7OB2$report, slider_fading_factory as $i7OB2$slider_fading_factory, Amazing_Slider as $i7OB2$Amazing_Slider, slider_snap_css as $i7OB2$slider_snap_css, observer as $i7OB2$observer, javascript_media_query as $i7OB2$javascript_media_query, queueMacroTask as $i7OB2$queueMacroTask, findMostFrequentItem as $i7OB2$findMostFrequentItem, standard_price_format as $i7OB2$standard_price_format, instant_exec_on_suspect_history_change as $i7OB2$instant_exec_on_suspect_history_change, deparallelize_no_drop as $i7OB2$deparallelize_no_drop, ContainedImage as $i7OB2$ContainedImage, make_asyncIterable_exiter as $i7OB2$make_asyncIterable_exiter, href_change_ipns as $i7OB2$href_change_ipns, base64_encode_unicode as $i7OB2$base64_encode_unicode, base64_decode_unicode as $i7OB2$base64_decode_unicode, use_href_accessor as $i7OB2$use_href_accessor, get_session_id as $i7OB2$get_session_id, add_version_query_params as $i7OB2$add_version_query_params, useExpandingContainer as $i7OB2$useExpandingContainer, hex_to_rgb as $i7OB2$hex_to_rgb, relative_luminance_from_rgb as $i7OB2$relative_luminance_from_rgb, snakeCasifyObject as $i7OB2$snakeCasifyObject, sort_obj as $i7OB2$sort_obj, make_url_with_query_params as $i7OB2$make_url_with_query_params, ListenableSet as $i7OB2$ListenableSet1, insert_surfaces as $i7OB2$insert_surfaces } from "@depict-ai/utilishared/latest";
|
|
2
|
-
import { ssr as $i7OB2$ssr, ssrHydrationKey as $i7OB2$ssrHydrationKey, ssrStyle as $i7OB2$ssrStyle, escape as $i7OB2$escape, createComponent as $i7OB2$createComponent, mergeProps as $i7OB2$
|
|
3
|
-
import { createSignal as $i7OB2$createSignal, createMemo as $i7OB2$createMemo, createResource as $i7OB2$createResource, createEffect as $i7OB2$createEffect,
|
|
2
|
+
import { ssr as $i7OB2$ssr, ssrHydrationKey as $i7OB2$ssrHydrationKey, ssrStyle as $i7OB2$ssrStyle, escape as $i7OB2$escape, createComponent as $i7OB2$createComponent, mergeProps as $i7OB2$mergeProps, isServer as $i7OB2$isServer, ssrElement as $i7OB2$ssrElement, ssrClassList as $i7OB2$ssrClassList, insert as $i7OB2$insert, ssrAttribute as $i7OB2$ssrAttribute, spread as $i7OB2$spread, Dynamic as $i7OB2$Dynamic } from "solid-js/web";
|
|
3
|
+
import { createSignal as $i7OB2$createSignal, createMemo as $i7OB2$createMemo, createResource as $i7OB2$createResource, createEffect as $i7OB2$createEffect, Show as $i7OB2$Show, mergeProps as $i7OB2$mergeProps1, Suspense as $i7OB2$Suspense, untrack as $i7OB2$untrack, createRenderEffect as $i7OB2$createRenderEffect, Index as $i7OB2$Index, createRoot as $i7OB2$createRoot, onCleanup as $i7OB2$onCleanup, For as $i7OB2$For, getOwner as $i7OB2$getOwner, runWithOwner as $i7OB2$runWithOwner, createContext as $i7OB2$createContext, useContext as $i7OB2$useContext, createUniqueId as $i7OB2$createUniqueId, createComputed as $i7OB2$createComputed, ErrorBoundary as $i7OB2$ErrorBoundary, splitProps as $i7OB2$splitProps, on as $i7OB2$on, batch as $i7OB2$batch, createSelector as $i7OB2$createSelector, children as $i7OB2$children, createReaction as $i7OB2$createReaction, mapArray as $i7OB2$mapArray } from "solid-js";
|
|
4
4
|
import { ListenableSet as $i7OB2$ListenableSet, catchify as $i7OB2$catchify1, use_href_accessor as $i7OB2$use_href_accessor1, report as $i7OB2$report1 } from "@depict-ai/utilishared/latest";
|
|
5
5
|
import { createStore as $i7OB2$createStore, reconcile as $i7OB2$reconcile } from "solid-js/store";
|
|
6
6
|
|
|
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.3.
|
|
10
|
+
const $ec291e0010116877$export$83d89fbfd8236492 = "4.3.4";
|
|
11
11
|
const $b5cccc8ee7d24677$var$transform_elements = sorted_cols_at_size => {
|
|
12
12
|
const cols_at_size = [];
|
|
13
13
|
for (let i = 0; i < sorted_cols_at_size.length; i++) {
|
|
@@ -414,7 +414,7 @@ var $c8d5ff4524619fcd$var$_tmpl$ = ["<div", ' class="', '">', "</div>"],
|
|
|
414
414
|
$c8d5ff4524619fcd$var$_tmpl$2 = ["<style", ' type="text/css">', "</style>"];
|
|
415
415
|
function $c8d5ff4524619fcd$export$d21e32dfedac04be(props) {
|
|
416
416
|
const container_class = "x" + $i7OB2$createUniqueId();
|
|
417
|
-
const container_element_ = $i7OB2$ssrElement("div", $i7OB2$
|
|
417
|
+
const container_element_ = $i7OB2$ssrElement("div", $i7OB2$mergeProps(() => props.element_attributes, {
|
|
418
418
|
classList: {
|
|
419
419
|
[container_class]: true
|
|
420
420
|
}
|
|
@@ -606,7 +606,7 @@ function $c4492d24952ed731$export$d41d19e89346fa2({
|
|
|
606
606
|
} = slider;
|
|
607
607
|
const Layout = props => $c8d5ff4524619fcd$export$445d8d3f5f706a40(props, insert_here, true);
|
|
608
608
|
// Do like this, so we don't have to call mergeProps ourselves
|
|
609
|
-
$i7OB2$createComponent(Layout, $i7OB2$
|
|
609
|
+
$i7OB2$createComponent(Layout, $i7OB2$mergeProps({
|
|
610
610
|
rows: "all",
|
|
611
611
|
layout: "slider"
|
|
612
612
|
}, layout_options_));
|
|
@@ -889,7 +889,7 @@ function $e8ffe11ed01df0fe$export$6e5611bc7e57e477(props) {
|
|
|
889
889
|
if (loading === "force-lazy") return true;
|
|
890
890
|
return loading === "lazy" && !isPrioritisedImage();
|
|
891
891
|
});
|
|
892
|
-
const modifiedOtherAttributes = $i7OB2$
|
|
892
|
+
const modifiedOtherAttributes = $i7OB2$mergeProps1(otherAttributes, {
|
|
893
893
|
get loading() {
|
|
894
894
|
return shouldActuallyEnableLazyLoading() ? "lazy" : undefined;
|
|
895
895
|
}
|
|
@@ -958,7 +958,7 @@ function $e8ffe11ed01df0fe$export$6e5611bc7e57e477(props) {
|
|
|
958
958
|
$i7OB2$onCleanup(() => prevValue && aspectRatios.delete(prevValue));
|
|
959
959
|
}
|
|
960
960
|
$i7OB2$onCleanup(() => gotCleanedUp = true);
|
|
961
|
-
$i7OB2$spread(img, $i7OB2$
|
|
961
|
+
$i7OB2$spread(img, $i7OB2$mergeProps1(modifiedOtherAttributes), false, true);
|
|
962
962
|
$i7OB2$createRenderEffect(() => {
|
|
963
963
|
props.src;
|
|
964
964
|
srcJustChanged = true;
|
|
@@ -1061,7 +1061,7 @@ function $660070e2a394b3c3$export$e4b984597b71e989(props) {
|
|
|
1061
1061
|
$i7OB2$queueMacroTask(() => setCurrentImageSize()); // unset the size accessor next event loop iteration, so that all onCleanup's have time to run, since the effects run more aggressively and can create a size accessor with a cleaned up owner otherwise
|
|
1062
1062
|
});
|
|
1063
1063
|
|
|
1064
|
-
$i7OB2$insert(container, $i7OB2$createComponent((0, $e8ffe11ed01df0fe$export$6e5611bc7e57e477), $i7OB2$
|
|
1064
|
+
$i7OB2$insert(container, $i7OB2$createComponent((0, $e8ffe11ed01df0fe$export$6e5611bc7e57e477), $i7OB2$mergeProps({
|
|
1065
1065
|
get size() {
|
|
1066
1066
|
return $i7OB2$createMemo(() => currentImageSize()?.() || 0);
|
|
1067
1067
|
},
|
|
@@ -1076,7 +1076,7 @@ function $660070e2a394b3c3$export$e4b984597b71e989(props) {
|
|
|
1076
1076
|
return container;
|
|
1077
1077
|
}
|
|
1078
1078
|
function $70bb27cc6be01fc7$export$9d4a4b669b1929ab(props) {
|
|
1079
|
-
return $i7OB2$createComponent((0, $660070e2a394b3c3$export$e4b984597b71e989), $i7OB2$
|
|
1079
|
+
return $i7OB2$createComponent((0, $660070e2a394b3c3$export$e4b984597b71e989), $i7OB2$mergeProps(props, {
|
|
1080
1080
|
get imgProps() {
|
|
1081
1081
|
return {
|
|
1082
1082
|
...props.imgProps,
|
|
@@ -1126,7 +1126,7 @@ function $5a6c386e1bde5665$export$b73ed90f0ee50dc3({
|
|
|
1126
1126
|
const enableLink = $i7OB2$createMemo(() => userWantsExpanded() && !animationIsRunning());
|
|
1127
1127
|
const href = $i7OB2$createMemo(() => variantToUse()?.page_url);
|
|
1128
1128
|
const FavoriteButton = FavoriteButton_; // Just to get rid of the type error - TS doesn't understand <Show>
|
|
1129
|
-
return $i7OB2$ssrElement("a", $i7OB2$
|
|
1129
|
+
return $i7OB2$ssrElement("a", $i7OB2$mergeProps({
|
|
1130
1130
|
"class": "look-item"
|
|
1131
1131
|
}, () => enableLink() ? {
|
|
1132
1132
|
href: href()
|
|
@@ -1322,7 +1322,7 @@ function $7555dcad3b8a4632$export$ebf0b1d4f90c09ae({
|
|
|
1322
1322
|
return containerWidth_() || !displays_;
|
|
1323
1323
|
},
|
|
1324
1324
|
get children() {
|
|
1325
|
-
return $i7OB2$ssr($7555dcad3b8a4632$var$_tmpl$, $i7OB2$ssrHydrationKey(), $i7OB2$ssrElement("div", $i7OB2$
|
|
1325
|
+
return $i7OB2$ssr($7555dcad3b8a4632$var$_tmpl$, $i7OB2$ssrHydrationKey(), $i7OB2$ssrElement("div", $i7OB2$mergeProps({
|
|
1326
1326
|
get ["class"]() {
|
|
1327
1327
|
return `look-overlay ${userWantsExpanded() ? "expanded" : ""} ${!getSecondPartAnimationRunning() && userWantsExpanded() ? "resting-fully-expanded" : ""}`;
|
|
1328
1328
|
}
|
|
@@ -1554,11 +1554,85 @@ class $4fd2ba03703a7d92$export$7e1297a3a19f10d8 {
|
|
|
1554
1554
|
this.on_navigation_ = on_navigation;
|
|
1555
1555
|
}
|
|
1556
1556
|
}
|
|
1557
|
-
var $
|
|
1558
|
-
|
|
1559
|
-
|
|
1557
|
+
var $3da8afe3ed57cf34$var$_tmpl$ = ["<button", ' class="show-more major" type="button">', "</button>"],
|
|
1558
|
+
$3da8afe3ed57cf34$var$_tmpl$2 = ["<h2", ' class="recs-title">', "</h2>"],
|
|
1559
|
+
$3da8afe3ed57cf34$var$_tmpl$3 = ["<div", ' class="recommendation-grid"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"];
|
|
1560
|
+
function $3da8afe3ed57cf34$export$7da560f849543dff({
|
|
1561
|
+
recommendations_resource_: recommendations_resource_,
|
|
1562
|
+
product_card_template_: product_card_template_,
|
|
1563
|
+
layout_options_: layout_options_,
|
|
1564
|
+
title_: title_,
|
|
1565
|
+
max_rows_: max_rows_,
|
|
1566
|
+
view_more_button_: view_more_button_
|
|
1567
|
+
}) {
|
|
1568
|
+
const rows_object_ = $i7OB2$createMemo(() => {
|
|
1569
|
+
const view_more_button = view_more_button_?.();
|
|
1570
|
+
const max_rows = max_rows_?.();
|
|
1571
|
+
if (!view_more_button) {
|
|
1572
|
+
if (max_rows) return {
|
|
1573
|
+
max_rows: max_rows
|
|
1574
|
+
};
|
|
1575
|
+
return "all";
|
|
1576
|
+
}
|
|
1577
|
+
return {
|
|
1578
|
+
max_rows: max_rows,
|
|
1579
|
+
start_rows: view_more_button.start_rows,
|
|
1580
|
+
rows_per_click: view_more_button.rows_per_click ?? 2,
|
|
1581
|
+
button: $i7OB2$ssr($3da8afe3ed57cf34$var$_tmpl$, $i7OB2$ssrHydrationKey(), $i7OB2$escape(view_more_button.text))
|
|
1582
|
+
};
|
|
1583
|
+
});
|
|
1584
|
+
const is_showing_something = $i7OB2$createMemo(() => recommendations_resource_.loading || recommendations_resource_()?.length);
|
|
1585
|
+
const title = $i7OB2$createMemo(() => title_?.()); // In case getter/accessor creates elements, don't create them twice
|
|
1586
|
+
const num_placeholders_ = () => 20;
|
|
1587
|
+
const elements = [$i7OB2$createComponent((0, $i7OB2$Show), {
|
|
1588
|
+
get when() {
|
|
1589
|
+
return title();
|
|
1590
|
+
},
|
|
1591
|
+
get children() {
|
|
1592
|
+
return $i7OB2$ssr($3da8afe3ed57cf34$var$_tmpl$2, $i7OB2$ssrHydrationKey(), $i7OB2$escape(title()));
|
|
1593
|
+
}
|
|
1594
|
+
}), $i7OB2$ssr($3da8afe3ed57cf34$var$_tmpl$3, $i7OB2$ssrHydrationKey(), $i7OB2$escape($a458486f22b22f63$export$a2cc176055f8f08()), $i7OB2$escape($i7OB2$createComponent((0, $c8d5ff4524619fcd$export$d21e32dfedac04be), $i7OB2$mergeProps({
|
|
1595
|
+
get rows() {
|
|
1596
|
+
return rows_object_();
|
|
1597
|
+
},
|
|
1598
|
+
layout: "grid",
|
|
1599
|
+
element_attributes: {
|
|
1600
|
+
class: "cards"
|
|
1601
|
+
}
|
|
1602
|
+
}, layout_options_, {
|
|
1603
|
+
get children() {
|
|
1604
|
+
return $i7OB2$createComponent((0, $i7OB2$Suspense), {
|
|
1605
|
+
get fallback() {
|
|
1606
|
+
return $6e41f1fde994db72$export$f33414a4df0afd3f({
|
|
1607
|
+
num_placeholders_: num_placeholders_,
|
|
1608
|
+
product_card_template_: product_card_template_
|
|
1609
|
+
});
|
|
1610
|
+
},
|
|
1611
|
+
get children() {
|
|
1612
|
+
return (() => {
|
|
1613
|
+
// IIFE to make sure we access both the recommendations_resource and the resources containing the product card rendering results themselves within the Suspense boundary
|
|
1614
|
+
const displays_by_key_ = $29ec7cddbe1d3484$export$7f8bd308237ab5a5($i7OB2$createMemo(() => recommendations_resource_() || []));
|
|
1615
|
+
return $29ec7cddbe1d3484$export$43f0fb951fcb0c54({
|
|
1616
|
+
displays_by_key_: displays_by_key_,
|
|
1617
|
+
product_card_template_: product_card_template_
|
|
1618
|
+
});
|
|
1619
|
+
})();
|
|
1620
|
+
}
|
|
1621
|
+
});
|
|
1622
|
+
}
|
|
1623
|
+
}))))];
|
|
1624
|
+
return $i7OB2$createComponent((0, $i7OB2$Show), {
|
|
1625
|
+
get when() {
|
|
1626
|
+
return is_showing_something();
|
|
1627
|
+
},
|
|
1628
|
+
children: elements
|
|
1629
|
+
});
|
|
1630
|
+
}
|
|
1631
|
+
var $07ef910e8ef6b783$var$_tmpl$ = ["<div", ' class="depict recommendations looks" style="', '">', "</div>"];
|
|
1632
|
+
let $07ef910e8ef6b783$var$expandedLooksSignal_;
|
|
1633
|
+
function $07ef910e8ef6b783$export$2c9f9bf2092486aa(props) {
|
|
1560
1634
|
return $16b52438165aafe2$export$23fca46f3143581f(() => {
|
|
1561
|
-
$
|
|
1635
|
+
$07ef910e8ef6b783$var$expandedLooksSignal_ ||= $i7OB2$createSignal(new Set(), {
|
|
1562
1636
|
equals: false
|
|
1563
1637
|
});
|
|
1564
1638
|
const expandingAnimationDuration = 240;
|
|
@@ -1598,38 +1672,49 @@ function $f577edfe2240eec1$export$1935e6bdfc5ed8ce(props) {
|
|
|
1598
1672
|
market: market,
|
|
1599
1673
|
locale: locale
|
|
1600
1674
|
};
|
|
1601
|
-
return $
|
|
1675
|
+
return $07ef910e8ef6b783$var$runDisplayTransformersForLooks(baseData, listings, props.displayTransformers_);
|
|
1602
1676
|
});
|
|
1677
|
+
const sharedOptions = {
|
|
1678
|
+
product_card_template_: display => $28ee4f7db3cc44b8$export$44809a8a3e867e30({
|
|
1679
|
+
display_: display,
|
|
1680
|
+
FavoriteButton_: props.FavoriteButton_,
|
|
1681
|
+
placeholderImageAspectRatio_: props.imagePlaceholderAspectRatio_,
|
|
1682
|
+
animationDuration_: expandingAnimationDuration,
|
|
1683
|
+
expandedLooksSignal_: $07ef910e8ef6b783$var$expandedLooksSignal_,
|
|
1684
|
+
priceFormatting_: () => props.priceFormatting_,
|
|
1685
|
+
pseudoRouter_: pseudoRouter
|
|
1686
|
+
}),
|
|
1687
|
+
recommendations_resource_: looksResource,
|
|
1688
|
+
title_: () => props.title_,
|
|
1689
|
+
layout_options_: $i7OB2$createMemo(() => ({
|
|
1690
|
+
cols_at_size: $b5cccc8ee7d24677$export$6daf8749b65a1b77(props.columnsAtSize_),
|
|
1691
|
+
...grid_spacing_override()
|
|
1692
|
+
}))
|
|
1693
|
+
};
|
|
1603
1694
|
$i7OB2$createEffect(() => {
|
|
1604
1695
|
const {
|
|
1605
1696
|
onNavigation_: onNavigation_
|
|
1606
1697
|
} = props;
|
|
1607
1698
|
if (onNavigation_) pseudoRouter.on_navigation_ = onNavigation_;
|
|
1608
1699
|
});
|
|
1609
|
-
return $i7OB2$ssr($
|
|
1700
|
+
return $i7OB2$ssr($07ef910e8ef6b783$var$_tmpl$, $i7OB2$ssrHydrationKey(), $i7OB2$ssrStyle(`--animation-duration: ${expandingAnimationDuration}ms`), $i7OB2$escape($i7OB2$createComponent((0, $011607bdf658f807$export$e68cff63f76bd15b), {
|
|
1610
1701
|
get children() {
|
|
1611
|
-
return $
|
|
1612
|
-
|
|
1613
|
-
|
|
1614
|
-
|
|
1615
|
-
|
|
1616
|
-
|
|
1617
|
-
|
|
1618
|
-
|
|
1619
|
-
|
|
1620
|
-
}
|
|
1621
|
-
recommendations_resource_: looksResource,
|
|
1622
|
-
title_: () => props.title_,
|
|
1623
|
-
layout_options_: $i7OB2$createMemo(() => ({
|
|
1624
|
-
cols_at_size: $b5cccc8ee7d24677$export$6daf8749b65a1b77(props.columnsAtSize_),
|
|
1625
|
-
...grid_spacing_override()
|
|
1626
|
-
}))
|
|
1702
|
+
return $i7OB2$createComponent((0, $i7OB2$Show), {
|
|
1703
|
+
get when() {
|
|
1704
|
+
return props.gridOptions_;
|
|
1705
|
+
},
|
|
1706
|
+
get fallback() {
|
|
1707
|
+
return $i7OB2$createComponent((0, $c4492d24952ed731$export$d41d19e89346fa2), sharedOptions);
|
|
1708
|
+
},
|
|
1709
|
+
get children() {
|
|
1710
|
+
return $i7OB2$createComponent((0, $3da8afe3ed57cf34$export$7da560f849543dff), $i7OB2$mergeProps(sharedOptions, () => props.gridOptions_));
|
|
1711
|
+
}
|
|
1627
1712
|
});
|
|
1628
1713
|
}
|
|
1629
1714
|
})));
|
|
1630
1715
|
}, "LookSlider failed");
|
|
1631
1716
|
}
|
|
1632
|
-
async function $
|
|
1717
|
+
async function $07ef910e8ef6b783$var$runDisplayTransformersForLooks(baseData, listings, displayTransformers) {
|
|
1633
1718
|
try {
|
|
1634
1719
|
const {
|
|
1635
1720
|
products: productTransformer,
|
|
@@ -1667,7 +1752,7 @@ async function $f577edfe2240eec1$var$runDisplayTransformersForLooks(baseData, li
|
|
|
1667
1752
|
}) : displaysToTransform;
|
|
1668
1753
|
const transformedListings = await transformedListingsPromise;
|
|
1669
1754
|
const transformedDisplayById = Object.fromEntries(transformedProducts.map(display => [$16351e4c87b90b3d$export$548d053aba053d79(display), display]));
|
|
1670
|
-
return transformedListings.map(listing => $i7OB2$
|
|
1755
|
+
return transformedListings.map(listing => $i7OB2$mergeProps1(listing, {
|
|
1671
1756
|
// use mergeProps because in preview browser we add getters in this object, that would be called too early otherwise
|
|
1672
1757
|
displays: (displayIdsPerListingId[listing.listing_id] || []).map(displayId => transformedDisplayById[displayId]).filter(v => v)
|
|
1673
1758
|
}));
|
|
@@ -2061,7 +2146,7 @@ function $694b7f90501fea4c$export$5d2caaa6b530761c() {
|
|
|
2061
2146
|
}
|
|
2062
2147
|
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>';
|
|
2063
2148
|
function $19976a74d273070d$export$3b621d86b1566b2(props = {}) {
|
|
2064
|
-
return $i7OB2$ssrElement("svg", $i7OB2$
|
|
2149
|
+
return $i7OB2$ssrElement("svg", $i7OB2$mergeProps({
|
|
2065
2150
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2066
2151
|
width: "21.064",
|
|
2067
2152
|
height: "21.064",
|
|
@@ -2161,7 +2246,7 @@ function $f3213c0640246d58$export$ba17c5b7e6dda39f({
|
|
|
2161
2246
|
}
|
|
2162
2247
|
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>';
|
|
2163
2248
|
function $16f0ed5ea30d8d9c$export$82eafebb825fc23f(props = {}) {
|
|
2164
|
-
return $i7OB2$ssrElement("svg", $i7OB2$
|
|
2249
|
+
return $i7OB2$ssrElement("svg", $i7OB2$mergeProps({
|
|
2165
2250
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2166
2251
|
width: "20",
|
|
2167
2252
|
height: "22",
|
|
@@ -2170,7 +2255,7 @@ function $16f0ed5ea30d8d9c$export$82eafebb825fc23f(props = {}) {
|
|
|
2170
2255
|
}
|
|
2171
2256
|
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>';
|
|
2172
2257
|
function $190927650b4840eb$export$605674723bcc715c(props = {}) {
|
|
2173
|
-
return $i7OB2$ssrElement("svg", $i7OB2$
|
|
2258
|
+
return $i7OB2$ssrElement("svg", $i7OB2$mergeProps({
|
|
2174
2259
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2175
2260
|
width: "32",
|
|
2176
2261
|
height: "32",
|
|
@@ -2725,7 +2810,7 @@ function $5285d2814d0fac0c$export$b94867ecbd698f21({
|
|
|
2725
2810
|
get children() {
|
|
2726
2811
|
return $i7OB2$ssr($5285d2814d0fac0c$var$_tmpl$, $i7OB2$ssrHydrationKey(), $i7OB2$ssrAttribute("aria-label", $i7OB2$escape(i18n_.back_(), true), false), $i7OB2$escape($i7OB2$createComponent(BackIcon_, {})));
|
|
2727
2812
|
}
|
|
2728
|
-
})), `query ${!!on_back_ ? "has-adjacent-back-button" : ""}`, $i7OB2$ssrAttribute("aria-label", $i7OB2$escape(i18n_.search_field_field_aria_label_(), true), false) + $i7OB2$ssrAttribute("value", $i7OB2$escape(search_field_value_[0](), true), false) + $i7OB2$ssrAttribute("placeholder", $i7OB2$escape(i18n_.placeholder_text_(), true), false), $i7OB2$ssrAttribute("title", $i7OB2$escape(i18n_.clear_filters_query_sorting_after_submit_(), true), false), $i7OB2$ssrStyle($i7OB2$createMemo(() => search_field_value_[0]() ? "" : "display: none")()), $i7OB2$escape($i7OB2$createComponent((0, $19976a74d273070d$export$3b621d86b1566b2), {})), $i7OB2$ssrElement("button", $i7OB2$
|
|
2813
|
+
})), `query ${!!on_back_ ? "has-adjacent-back-button" : ""}`, $i7OB2$ssrAttribute("aria-label", $i7OB2$escape(i18n_.search_field_field_aria_label_(), true), false) + $i7OB2$ssrAttribute("value", $i7OB2$escape(search_field_value_[0](), true), false) + $i7OB2$ssrAttribute("placeholder", $i7OB2$escape(i18n_.placeholder_text_(), true), false), $i7OB2$ssrAttribute("title", $i7OB2$escape(i18n_.clear_filters_query_sorting_after_submit_(), true), false), $i7OB2$ssrStyle($i7OB2$createMemo(() => search_field_value_[0]() ? "" : "display: none")()), $i7OB2$escape($i7OB2$createComponent((0, $19976a74d273070d$export$3b621d86b1566b2), {})), $i7OB2$ssrElement("button", $i7OB2$mergeProps({
|
|
2729
2814
|
"class": "submit major",
|
|
2730
2815
|
type: "button"
|
|
2731
2816
|
}, () => isNewModal ? {
|
|
@@ -3244,7 +3329,7 @@ function $4ce5b8892775b62d$export$67152d26d4f56ee8({
|
|
|
3244
3329
|
selected_index_: [read_selected_index_, write_selected_index_]
|
|
3245
3330
|
}) {
|
|
3246
3331
|
const href = $i7OB2$createMemo(() => listing_()?.page_url); // <- could be made reactive getter created in displayTransformers, read it in memo here since it might create computations (for example in the preview-brower), and there's no owner in the onClick handler
|
|
3247
|
-
const LinkToListing = props => $i7OB2$ssrElement("a", $i7OB2$
|
|
3332
|
+
const LinkToListing = props => $i7OB2$ssrElement("a", $i7OB2$mergeProps(props, {
|
|
3248
3333
|
get href() {
|
|
3249
3334
|
return href();
|
|
3250
3335
|
}
|
|
@@ -3534,7 +3619,7 @@ function $2f3171b02c8f4a5d$export$af1fb307bbba2417({
|
|
|
3534
3619
|
$i7OB2$createComputed($i7OB2$on(search_field_value_[0], () => !suggestions_updating_blocked() && set_selected_index(undefined), {
|
|
3535
3620
|
defer: true
|
|
3536
3621
|
})); // reset autocomplete position if query changes
|
|
3537
|
-
return [$i7OB2$createComponent((0, $903297121898e5ff$export$d4994a86c6235f72), $i7OB2$
|
|
3622
|
+
return [$i7OB2$createComponent((0, $903297121898e5ff$export$d4994a86c6235f72), $i7OB2$mergeProps(sharedSuggestionProps, {
|
|
3538
3623
|
get title_() {
|
|
3539
3624
|
return i18n_.popular_;
|
|
3540
3625
|
},
|
|
@@ -3544,7 +3629,7 @@ function $2f3171b02c8f4a5d$export$af1fb307bbba2417({
|
|
|
3544
3629
|
return itemIndexes_.suggestionsIndex_;
|
|
3545
3630
|
},
|
|
3546
3631
|
showPlaceholders_: () => showPlaceholders() || noResults_() && !noResultsPopularSuggestions.latest
|
|
3547
|
-
})), $i7OB2$createComponent((0, $903297121898e5ff$export$d4994a86c6235f72), $i7OB2$
|
|
3632
|
+
})), $i7OB2$createComponent((0, $903297121898e5ff$export$d4994a86c6235f72), $i7OB2$mergeProps(sharedSuggestionProps, {
|
|
3548
3633
|
get title_() {
|
|
3549
3634
|
return i18n_.previous_;
|
|
3550
3635
|
},
|
|
@@ -3555,7 +3640,7 @@ function $2f3171b02c8f4a5d$export$af1fb307bbba2417({
|
|
|
3555
3640
|
},
|
|
3556
3641
|
extraTitleRowElements_: () => $i7OB2$ssr($2f3171b02c8f4a5d$var$_tmpl$, $i7OB2$ssrHydrationKey(), $i7OB2$escape(i18n_.clear_all_from_filter_crumbs_())),
|
|
3557
3642
|
showPlaceholders_: () => false
|
|
3558
|
-
})), $i7OB2$createComponent((0, $903297121898e5ff$export$d4994a86c6235f72), $i7OB2$
|
|
3643
|
+
})), $i7OB2$createComponent((0, $903297121898e5ff$export$d4994a86c6235f72), $i7OB2$mergeProps(sharedSuggestionProps, {
|
|
3559
3644
|
get title_() {
|
|
3560
3645
|
return i18n_.content_;
|
|
3561
3646
|
},
|
|
@@ -3956,7 +4041,7 @@ function $024fbc0a2d796fad$export$b2539bed5023c21c(props) {
|
|
|
3956
4041
|
return $i7OB2$createComponent($024fbc0a2d796fad$var$TabsContext.Provider, {
|
|
3957
4042
|
value: new (0, $i7OB2$ListenableSet)(),
|
|
3958
4043
|
get children() {
|
|
3959
|
-
return $i7OB2$createComponent($024fbc0a2d796fad$var$ActualTabs, $i7OB2$
|
|
4044
|
+
return $i7OB2$createComponent($024fbc0a2d796fad$var$ActualTabs, $i7OB2$mergeProps(props, {
|
|
3960
4045
|
get children() {
|
|
3961
4046
|
return props.children;
|
|
3962
4047
|
}
|
|
@@ -3986,7 +4071,7 @@ function $024fbc0a2d796fad$var$ActualTabs(props) {
|
|
|
3986
4071
|
},
|
|
3987
4072
|
children: item => {
|
|
3988
4073
|
const weSelected = $i7OB2$createMemo(() => isSelected(item().id));
|
|
3989
|
-
return $i7OB2$createComponent((0, $i7OB2$Dynamic), $i7OB2$
|
|
4074
|
+
return $i7OB2$createComponent((0, $i7OB2$Dynamic), $i7OB2$mergeProps({
|
|
3990
4075
|
get component() {
|
|
3991
4076
|
return props.AnchorComponent;
|
|
3992
4077
|
},
|
|
@@ -4065,7 +4150,7 @@ function $024fbc0a2d796fad$export$3e41faf802a29e71(props) {
|
|
|
4065
4150
|
if (!currentTabs) throw new Error("Tab must be a child of Tabs");
|
|
4066
4151
|
const id = $i7OB2$createUniqueId();
|
|
4067
4152
|
const ourSet = currentTabs;
|
|
4068
|
-
const extendedProps = $i7OB2$
|
|
4153
|
+
const extendedProps = $i7OB2$mergeProps1({
|
|
4069
4154
|
id: id
|
|
4070
4155
|
}, props);
|
|
4071
4156
|
ourSet.add(extendedProps);
|
|
@@ -4253,84 +4338,9 @@ const $e4615ecd1849548f$export$b91cec6bdc6b32a1 = /*@__PURE__*/(() => {
|
|
|
4253
4338
|
const $4690a06c8489dcd0$export$c3834fa86c616831 = [[4], [3, 1024], [2, 901]];
|
|
4254
4339
|
const $4690a06c8489dcd0$export$864d304a0bc46829 = "2%";
|
|
4255
4340
|
const $4690a06c8489dcd0$export$7bf543b9d9be2c22 = (0, $e4615ecd1849548f$export$b91cec6bdc6b32a1);
|
|
4256
|
-
var $
|
|
4257
|
-
$3da8afe3ed57cf34$var$_tmpl$2 = ["<div", ' class="recommendation-grid"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"];
|
|
4258
|
-
function $3da8afe3ed57cf34$export$7da560f849543dff({
|
|
4259
|
-
recommendations_resource_: recommendations_resource_,
|
|
4260
|
-
product_card_template_: product_card_template_,
|
|
4261
|
-
layout_options_: layout_options_,
|
|
4262
|
-
rows_object_: rows_object_,
|
|
4263
|
-
title_: title_
|
|
4264
|
-
}) {
|
|
4265
|
-
const is_showing_something = $i7OB2$createMemo(() => recommendations_resource_.loading || recommendations_resource_()?.length);
|
|
4266
|
-
const title = $i7OB2$createMemo(() => title_?.()); // In case getter/accessor creates elements, don't create them twice
|
|
4267
|
-
const num_placeholders_ = () => 20;
|
|
4268
|
-
const elements = [$i7OB2$createComponent((0, $i7OB2$Show), {
|
|
4269
|
-
get when() {
|
|
4270
|
-
return title();
|
|
4271
|
-
},
|
|
4272
|
-
get children() {
|
|
4273
|
-
return $i7OB2$ssr($3da8afe3ed57cf34$var$_tmpl$, $i7OB2$ssrHydrationKey(), $i7OB2$escape(title()));
|
|
4274
|
-
}
|
|
4275
|
-
}), $i7OB2$ssr($3da8afe3ed57cf34$var$_tmpl$2, $i7OB2$ssrHydrationKey(), $i7OB2$escape($a458486f22b22f63$export$a2cc176055f8f08()), $i7OB2$escape($i7OB2$createComponent((0, $c8d5ff4524619fcd$export$d21e32dfedac04be), $i7OB2$mergeProps1({
|
|
4276
|
-
get rows() {
|
|
4277
|
-
return rows_object_();
|
|
4278
|
-
},
|
|
4279
|
-
layout: "grid",
|
|
4280
|
-
element_attributes: {
|
|
4281
|
-
class: "cards"
|
|
4282
|
-
}
|
|
4283
|
-
}, layout_options_, {
|
|
4284
|
-
get children() {
|
|
4285
|
-
return $i7OB2$createComponent((0, $i7OB2$Suspense), {
|
|
4286
|
-
get fallback() {
|
|
4287
|
-
return $6e41f1fde994db72$export$f33414a4df0afd3f({
|
|
4288
|
-
num_placeholders_: num_placeholders_,
|
|
4289
|
-
product_card_template_: product_card_template_
|
|
4290
|
-
});
|
|
4291
|
-
},
|
|
4292
|
-
get children() {
|
|
4293
|
-
return (() => {
|
|
4294
|
-
// IIFE to make sure we access both the recommendations_resource and the resources containing the product card rendering results themselves within the Suspense boundary
|
|
4295
|
-
const displays_by_key_ = $29ec7cddbe1d3484$export$7f8bd308237ab5a5($i7OB2$createMemo(() => recommendations_resource_() || []));
|
|
4296
|
-
return $29ec7cddbe1d3484$export$43f0fb951fcb0c54({
|
|
4297
|
-
displays_by_key_: displays_by_key_,
|
|
4298
|
-
product_card_template_: product_card_template_
|
|
4299
|
-
});
|
|
4300
|
-
})();
|
|
4301
|
-
}
|
|
4302
|
-
});
|
|
4303
|
-
}
|
|
4304
|
-
}))))];
|
|
4305
|
-
return $i7OB2$createComponent((0, $i7OB2$Show), {
|
|
4306
|
-
get when() {
|
|
4307
|
-
return is_showing_something();
|
|
4308
|
-
},
|
|
4309
|
-
children: elements
|
|
4310
|
-
});
|
|
4311
|
-
}
|
|
4312
|
-
var $9ea5383493360761$var$_tmpl$ = ["<button", ' class="show-more major" type="button">', "</button>"],
|
|
4313
|
-
$9ea5383493360761$var$_tmpl$2 = ["<div", ' class="depict plp recommendations">', "</div>"];
|
|
4341
|
+
var $9ea5383493360761$var$_tmpl$ = ["<div", ' class="depict plp recommendations">', "</div>"];
|
|
4314
4342
|
function $9ea5383493360761$export$9756467d34d91cdb(props) {
|
|
4315
4343
|
return $16b52438165aafe2$export$23fca46f3143581f(() => {
|
|
4316
|
-
const rows_object_ = $i7OB2$createMemo(() => {
|
|
4317
|
-
const {
|
|
4318
|
-
view_more_button: view_more_button,
|
|
4319
|
-
max_rows: max_rows
|
|
4320
|
-
} = props;
|
|
4321
|
-
if (!view_more_button) {
|
|
4322
|
-
if (max_rows) return {
|
|
4323
|
-
max_rows: max_rows
|
|
4324
|
-
};
|
|
4325
|
-
return "all";
|
|
4326
|
-
}
|
|
4327
|
-
return {
|
|
4328
|
-
max_rows: max_rows,
|
|
4329
|
-
start_rows: view_more_button.start_rows,
|
|
4330
|
-
rows_per_click: view_more_button.rows_per_click ?? 2,
|
|
4331
|
-
button: $i7OB2$ssr($9ea5383493360761$var$_tmpl$, $i7OB2$ssrHydrationKey(), $i7OB2$escape(view_more_button.text))
|
|
4332
|
-
};
|
|
4333
|
-
});
|
|
4334
4344
|
const grid_spacing_override = $i7OB2$createMemo(() => {
|
|
4335
4345
|
const {
|
|
4336
4346
|
grid_spacing: grid_spacing
|
|
@@ -4343,10 +4353,11 @@ function $9ea5383493360761$export$9756467d34d91cdb(props) {
|
|
|
4343
4353
|
};
|
|
4344
4354
|
});
|
|
4345
4355
|
const [recommendations_resource_] = $i7OB2$createResource(() => props.recommendations, recs => recs);
|
|
4346
|
-
return $i7OB2$ssr($9ea5383493360761$var$_tmpl
|
|
4356
|
+
return $i7OB2$ssr($9ea5383493360761$var$_tmpl$, $i7OB2$ssrHydrationKey(), $i7OB2$escape($i7OB2$createComponent((0, $011607bdf658f807$export$e68cff63f76bd15b), {
|
|
4347
4357
|
get children() {
|
|
4348
4358
|
return $3da8afe3ed57cf34$export$7da560f849543dff({
|
|
4349
|
-
|
|
4359
|
+
max_rows_: () => props.max_rows,
|
|
4360
|
+
view_more_button_: () => props.view_more_button,
|
|
4350
4361
|
product_card_template_: (...args) => props.product_card_template(...args),
|
|
4351
4362
|
recommendations_resource_: recommendations_resource_,
|
|
4352
4363
|
title_: () => props.title,
|
|
@@ -4556,7 +4567,7 @@ function $8560c919ff763930$var$ActualShopTheLookButton(props) {
|
|
|
4556
4567
|
const button = $i7OB2$ssrElement("button", localProps.buttonAttributes, () => $i7OB2$escape(localProps?.buttonAttributes?.children) || "Shop the look", true);
|
|
4557
4568
|
$i7OB2$createEffect(() => button.style.display = displayStyleValue()); // Set our attributes like this, so we allow total control over the button from the outside via buttonAttributes
|
|
4558
4569
|
$i7OB2$createEffect(() => !hasAnythingToShow() && closeModal()); // close modal if we ever get into the state of having it open and not having anything to show
|
|
4559
|
-
$8560c919ff763930$var$modalProps = $i7OB2$
|
|
4570
|
+
$8560c919ff763930$var$modalProps = $i7OB2$mergeProps1(partForModal, {
|
|
4560
4571
|
products_to_shop_: products_to_shop_
|
|
4561
4572
|
});
|
|
4562
4573
|
button.addEventListener("click", openModal);
|
|
@@ -4972,7 +4983,7 @@ const $49b79728e7d9e2a1$export$48513f6b9f8ce62d = props => {
|
|
|
4972
4983
|
};
|
|
4973
4984
|
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>';
|
|
4974
4985
|
function $f8a56ba74eedd0c6$export$f21ab0717a89c77f(props) {
|
|
4975
|
-
return $i7OB2$ssrElement("svg", $i7OB2$
|
|
4986
|
+
return $i7OB2$ssrElement("svg", $i7OB2$mergeProps(props, {
|
|
4976
4987
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4977
4988
|
width: "11",
|
|
4978
4989
|
height: "12"
|
|
@@ -6143,7 +6154,7 @@ const $93716a9ad0dea854$export$414f6a19d38e655c = ({
|
|
|
6143
6154
|
const MakeButton = attributes => {
|
|
6144
6155
|
const label = $i7OB2$createMemo(() => value().name_ || value().value_ + "");
|
|
6145
6156
|
const count_zero = $i7OB2$createMemo(() => value().count_ === 0);
|
|
6146
|
-
return $i7OB2$ssrElement("button", $i7OB2$
|
|
6157
|
+
return $i7OB2$ssrElement("button", $i7OB2$mergeProps(attributes, {
|
|
6147
6158
|
get disabled() {
|
|
6148
6159
|
return count_zero() && !is_selected();
|
|
6149
6160
|
},
|
|
@@ -6443,7 +6454,7 @@ var $12497d09ef87296e$export$2e2bcd8739ae039 = {
|
|
|
6443
6454
|
};
|
|
6444
6455
|
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>';
|
|
6445
6456
|
function $9bc34983fc5f7bdb$export$f2ca6fc699ca1fb4(props = {}) {
|
|
6446
|
-
return $i7OB2$ssrElement("svg", $i7OB2$
|
|
6457
|
+
return $i7OB2$ssrElement("svg", $i7OB2$mergeProps({
|
|
6447
6458
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6448
6459
|
width: "16.8",
|
|
6449
6460
|
height: "14"
|
|
@@ -7366,7 +7377,7 @@ class $7fa23e2a0079eca4$export$e015ed2f2950f2e3 {
|
|
|
7366
7377
|
// Filter out our transformed ancestors
|
|
7367
7378
|
const transformedAncestors = Object.fromEntries(transformerResult.filter(item => item.is_suggestion === false).map(item => [item.listing_id, item]));
|
|
7368
7379
|
// Add the now transformed ancestors into the ancestors of the listing suggestions
|
|
7369
|
-
const transformedSuggestions = transformerResult.filter(item => item.is_suggestion !== false).map(item => $i7OB2$
|
|
7380
|
+
const transformedSuggestions = transformerResult.filter(item => item.is_suggestion !== false).map(item => $i7OB2$mergeProps1(item, {
|
|
7370
7381
|
// Use mergeProps instead of spread since page_url and other properties could be a getter that solid components should call
|
|
7371
7382
|
ancestors: item.ancestors.map(ancestor => {
|
|
7372
7383
|
const newAncestor = transformedAncestors[ancestor.listing_id];
|
|
@@ -7897,7 +7908,7 @@ function $172e1b898d457050$export$7de92c4c2205ebf3({
|
|
|
7897
7908
|
return (0, $7747fe1a8c5652e3$export$6c9030e511152266) + get_showing_recommendation_rows() * Math.max(...possible_num_columns);
|
|
7898
7909
|
});
|
|
7899
7910
|
// Don't tear down elements every time one updates the page - don't put them within <Show>
|
|
7900
|
-
const elements = $i7OB2$ssr($172e1b898d457050$var$_tmpl$, $i7OB2$ssrHydrationKey(), $i7OB2$escape(i18n_.search_recs_title_()), $i7OB2$escape($a458486f22b22f63$export$a2cc176055f8f08()), $i7OB2$escape($i7OB2$createComponent((0, $c8d5ff4524619fcd$export$d21e32dfedac04be), $i7OB2$
|
|
7911
|
+
const elements = $i7OB2$ssr($172e1b898d457050$var$_tmpl$, $i7OB2$ssrHydrationKey(), $i7OB2$escape(i18n_.search_recs_title_()), $i7OB2$escape($a458486f22b22f63$export$a2cc176055f8f08()), $i7OB2$escape($i7OB2$createComponent((0, $c8d5ff4524619fcd$export$d21e32dfedac04be), $i7OB2$mergeProps({
|
|
7901
7912
|
rows: rows_object,
|
|
7902
7913
|
layout: "grid",
|
|
7903
7914
|
element_attributes: {
|
|
@@ -8717,7 +8728,7 @@ var $6dee9211e57ac31a$var$_tmpl$ = ["<style", ' type="text/css">', "</style>"];
|
|
|
8717
8728
|
const $6dee9211e57ac31a$export$c500183c31c2b22e = "--spans-columns";
|
|
8718
8729
|
function $6dee9211e57ac31a$export$ab6b147eec64fea5(props) {
|
|
8719
8730
|
const container_class = "x" + $i7OB2$createUniqueId();
|
|
8720
|
-
const container_element_ = $i7OB2$ssrElement("div", $i7OB2$
|
|
8731
|
+
const container_element_ = $i7OB2$ssrElement("div", $i7OB2$mergeProps(() => props.element_attributes, {
|
|
8721
8732
|
classList: {
|
|
8722
8733
|
[container_class]: true
|
|
8723
8734
|
}
|
|
@@ -8967,7 +8978,7 @@ function $e7a7eb102ddc0c79$var$wrap_blocks_in_div(rendered_content_blocks, max_s
|
|
|
8967
8978
|
})));
|
|
8968
8979
|
}
|
|
8969
8980
|
});
|
|
8970
|
-
return $i7OB2$
|
|
8981
|
+
return $i7OB2$mergeProps1(block, {
|
|
8971
8982
|
// Create content divs for the blocks with as much fine-grained diffing as possible?
|
|
8972
8983
|
content: () => {
|
|
8973
8984
|
// Sneaky on-demand rendering, so we don't render more blocks than we can show: we have the rendered value here and don't return a function that renders because if our block would be moved around we'd be guaranteed to re-render
|
|
@@ -9202,7 +9213,7 @@ function $2d25e42846eac370$export$3925f87b1545cfc6({
|
|
|
9202
9213
|
} = slider;
|
|
9203
9214
|
const Layout = props => $c8d5ff4524619fcd$export$445d8d3f5f706a40(props, insert_here, true);
|
|
9204
9215
|
// Do like this, so we don't have to call mergeProps ourselves
|
|
9205
|
-
$i7OB2$createComponent(Layout, $i7OB2$
|
|
9216
|
+
$i7OB2$createComponent(Layout, $i7OB2$mergeProps(layout_options_, {
|
|
9206
9217
|
rows: "all",
|
|
9207
9218
|
get cols_at_size() {
|
|
9208
9219
|
return modified_cols_at_size();
|
|
@@ -9348,7 +9359,7 @@ function $68a258a92b88f02f$export$1f1775a58da589b5({
|
|
|
9348
9359
|
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>',
|
|
9349
9360
|
$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>';
|
|
9350
9361
|
function $e1bb71e65e01a3a0$export$da32f7add8a22e86(props = {}) {
|
|
9351
|
-
return $i7OB2$ssrElement("svg", $i7OB2$
|
|
9362
|
+
return $i7OB2$ssrElement("svg", $i7OB2$mergeProps({
|
|
9352
9363
|
xmlns: "http://www.w3.org/2000/svg",
|
|
9353
9364
|
width: "14",
|
|
9354
9365
|
height: "14",
|
|
@@ -9357,7 +9368,7 @@ function $e1bb71e65e01a3a0$export$da32f7add8a22e86(props = {}) {
|
|
|
9357
9368
|
}
|
|
9358
9369
|
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>';
|
|
9359
9370
|
function $05fbe84eb34564ec$export$d10e63059ddb9fd4(props = {}) {
|
|
9360
|
-
return $i7OB2$ssrElement("svg", $i7OB2$
|
|
9371
|
+
return $i7OB2$ssrElement("svg", $i7OB2$mergeProps({
|
|
9361
9372
|
xmlns: "http://www.w3.org/2000/svg",
|
|
9362
9373
|
width: "14",
|
|
9363
9374
|
height: "14",
|
|
@@ -9470,7 +9481,7 @@ function $757dac7f7c6c5241$export$9bf11afa910f536e({
|
|
|
9470
9481
|
})));
|
|
9471
9482
|
},
|
|
9472
9483
|
get children() {
|
|
9473
|
-
return $i7OB2$ssr($757dac7f7c6c5241$var$_tmpl$5, $i7OB2$ssrHydrationKey(), $i7OB2$escape($i7OB2$createComponent((0, $fab07f52c9861732$export$3f1a388cc0d8fed7), $i7OB2$
|
|
9484
|
+
return $i7OB2$ssr($757dac7f7c6c5241$var$_tmpl$5, $i7OB2$ssrHydrationKey(), $i7OB2$escape($i7OB2$createComponent((0, $fab07f52c9861732$export$3f1a388cc0d8fed7), $i7OB2$mergeProps(args_for_filtering_, {
|
|
9474
9485
|
are_in_modal_: true
|
|
9475
9486
|
}))));
|
|
9476
9487
|
}
|
|
@@ -10026,7 +10037,7 @@ function $b2bf2cdcff8142d8$export$f631859cab12b342({
|
|
|
10026
10037
|
if (content_result_) return $i7OB2$ssrElement("a", attributes, () => $i7OB2$escape(children), true);
|
|
10027
10038
|
return $i7OB2$ssrElement("div", attributes, () => $i7OB2$escape(children), true);
|
|
10028
10039
|
};
|
|
10029
|
-
return $i7OB2$ssr($b2bf2cdcff8142d8$var$_tmpl$2, $i7OB2$ssrHydrationKey(), $i7OB2$escape($i7OB2$createComponent(LinkIfPossible, $i7OB2$
|
|
10040
|
+
return $i7OB2$ssr($b2bf2cdcff8142d8$var$_tmpl$2, $i7OB2$ssrHydrationKey(), $i7OB2$escape($i7OB2$createComponent(LinkIfPossible, $i7OB2$mergeProps(make_link_attributes, {
|
|
10030
10041
|
tabIndex: "-1",
|
|
10031
10042
|
get children() {
|
|
10032
10043
|
return $i7OB2$createComponent((0, $190927650b4840eb$export$605674723bcc715c), {
|
|
@@ -10034,7 +10045,7 @@ function $b2bf2cdcff8142d8$export$f631859cab12b342({
|
|
|
10034
10045
|
height: "28"
|
|
10035
10046
|
});
|
|
10036
10047
|
}
|
|
10037
|
-
}))), $i7OB2$escape($i7OB2$createComponent(LinkIfPossible, $i7OB2$
|
|
10048
|
+
}))), $i7OB2$escape($i7OB2$createComponent(LinkIfPossible, $i7OB2$mergeProps({
|
|
10038
10049
|
"class": "content-title line-clamp"
|
|
10039
10050
|
}, make_link_attributes, {
|
|
10040
10051
|
get title() {
|
|
@@ -10169,7 +10180,7 @@ function $49de9d31aeea1b5e$export$6d0c9c22f6652669({
|
|
|
10169
10180
|
return (0, $f8c929beb82c512b$export$2452208c79fe93ea).content;
|
|
10170
10181
|
},
|
|
10171
10182
|
number_of_results_: num_results
|
|
10172
|
-
})), $i7OB2$escape($i7OB2$createComponent((0, $c8d5ff4524619fcd$export$d21e32dfedac04be), $i7OB2$
|
|
10183
|
+
})), $i7OB2$escape($i7OB2$createComponent((0, $c8d5ff4524619fcd$export$d21e32dfedac04be), $i7OB2$mergeProps({
|
|
10173
10184
|
layout: "grid",
|
|
10174
10185
|
element_attributes: {
|
|
10175
10186
|
class: "cards"
|
|
@@ -10541,7 +10552,7 @@ function $7097477c78a89208$export$a54ec244c8863715({
|
|
|
10541
10552
|
});
|
|
10542
10553
|
const [sort_and_filter_element_, set_sort_and_filter_element_] = $i7OB2$createSignal();
|
|
10543
10554
|
const no_results_text_ = $i7OB2$createMemo(() => (search_results_()?.content_search_links?.length ? i18n_.no_products_ : i18n_.no_results_text_)());
|
|
10544
|
-
const results_for = $i7OB2$createComponent((0, $f8c929beb82c512b$export$9dd50d35b9d94fdf), $i7OB2$
|
|
10555
|
+
const results_for = $i7OB2$createComponent((0, $f8c929beb82c512b$export$9dd50d35b9d94fdf), $i7OB2$mergeProps({
|
|
10545
10556
|
get type() {
|
|
10546
10557
|
return (0, $f8c929beb82c512b$export$2452208c79fe93ea).products;
|
|
10547
10558
|
},
|
|
@@ -12270,7 +12281,7 @@ function $df5d81d0fe61ff21$var$add_us_to_crumbs(plp_meta) {
|
|
|
12270
12281
|
return $i7OB2$createMemo(() => {
|
|
12271
12282
|
const api_value = plp_meta()?.breadcrumbs;
|
|
12272
12283
|
if (!api_value) return api_value;
|
|
12273
|
-
return [...api_value, $i7OB2$
|
|
12284
|
+
return [...api_value, $i7OB2$mergeProps1(plp_meta(), {
|
|
12274
12285
|
get page_url() {
|
|
12275
12286
|
return href_accessor();
|
|
12276
12287
|
}
|
|
@@ -12376,4 +12387,4 @@ function $442f32a4d80abbde$export$e2bf8ce7779e827e(props) {
|
|
|
12376
12387
|
}, "Entire CategoryPage failed");
|
|
12377
12388
|
}
|
|
12378
12389
|
$i7OB2$add_to_version_info("ui", (0, $ec291e0010116877$export$83d89fbfd8236492));
|
|
12379
|
-
export { $
|
|
12390
|
+
export { $07ef910e8ef6b783$export$2c9f9bf2092486aa as LooksSlider, $de6ccd37192b5fc2$export$83bb9af5671e1dbe as promiseSafeStructuredClone, $90980bd87c9960f9$export$5162a71f252e6122 as preserve_items_in_history_dot_state, $90980bd87c9960f9$export$3064e1e8c6513da3 as prefixes_to_preserve_in_history_dot_state, $a281666e5c15c2ec$export$29d28dadc2d6b631 as allowNativeNavigation, $66db7a014e20802e$export$1ea76ea778b880dd as modalVersionSymbol, $136f1d4d6c7ba6ac$export$e417c49320921907 as createDeparallelizedNoDropResource, $d8dbf52fea1773e2$export$f50b88e2a00918b5 as throw_globally, $42912431795f188e$export$9265e66f26f8e383 as ClassicSearchModal, $500a16dd18ee5a71$export$b0c55aa2e87c4be7 as SearchModalV2, $70bb27cc6be01fc7$export$9d4a4b669b1929ab as ModernResponsiveContainedImage, $024fbc0a2d796fad$export$3e41faf802a29e71 as Tab, $024fbc0a2d796fad$export$b2539bed5023c21c as Tabs, $8560c919ff763930$export$d4973c31938cbfd1 as ShopTheLookButton, $ca6f574bd8772184$export$e183a13865960371 as history_dot_state_to_state, $4147651646da990a$export$916e6850778505f6 as strip_encoded_filter_and_sort, $4147651646da990a$export$58aa3f171519b6d7 as encode_filters, $4147651646da990a$export$f934fa24c3a86811 as decode_filters, $4147651646da990a$export$62acb285a7579555 as encode_sorting, $4147651646da990a$export$766e9676e74997d3 as decode_sorting, $660070e2a394b3c3$export$d7b7ab832c20e2f4 as shopifyContainedImageContextSymbol, $011607bdf658f807$export$e68cff63f76bd15b as ListingProvider, $011607bdf658f807$export$8d0c4fdbb05a2f2e as useListing, $b6440e72ed83671a$export$11354f017ddc9790 as ProductCardIndexProvider, $b6440e72ed83671a$export$e3faf4d95300054f as useProductCardIndex, $660070e2a394b3c3$export$e4b984597b71e989 as ShopifyContainedImage, $f32e14878e75af51$export$6649caad96ef8870 as SlidableItems, $2449872a62a75a20$export$ebdc3711f7e02ccd as make_accurate_width_accessor, $ee116da074deb002$export$9574e176201e5e8d as RecommendationSlider, $9ea5383493360761$export$9756467d34d91cdb as RecommendationGrid, $e8ffe11ed01df0fe$export$6e5611bc7e57e477 as ShopifyResponsiveImg, $e8ffe11ed01df0fe$export$e6fffe67d4cdd848 as makeSizeAccessor, $f18d425032111270$export$94026ee33dbabc26 as ImageContainer, $b7436a6d1fd64e3b$export$b69d0d92862de18b as SentryErrorBoundary, $6bb0a0c563dff4bb$export$6c6d7a51fa9aa15d as ExpandingDetails, $c16e74cfe125bb05$export$f091cbac892643a4 as accessor_of_object_to_object_with_accessor_values, $1adfe60f3a14a1d7$export$fecbb157621501bd as SelectedFilters, $fab07f52c9861732$export$3f1a388cc0d8fed7 as FilterBody, $5efb5894079b220e$export$b288c38ae3fddb56 as create_modified_filters, $c8d5ff4524619fcd$export$d21e32dfedac04be as SolidLayout, $194bd6b8e4c59830$export$79b1565500412d9b as general_modal_abstraction, $19976a74d273070d$export$3b621d86b1566b2 as CrossIcon, $fbbadcb080ad1d4a$export$8be2714ec7f169ee as GenericSliderArrowButton, $a0f0e923bad68a9b$export$58e808b1db15d3bc as fetchDepictRecommendations, $e4615ecd1849548f$export$b91cec6bdc6b32a1 as CategoryTitle, $a6e23a834336fc19$export$824dde41348efed1 as embedded_num_products, $4b2134398dfa83fa$export$c1a6b039e689a58e as get_listings, $961b5c64bef4662f$export$f34314aa9505732e as DepictCategory, $806c97b931758897$export$ac6237957a15b3f0 as DepictSearch, $806c97b931758897$export$bde3eb976dfded9 as get_search_query_updating_blocked_signal, $806c97b931758897$export$f2dc7e4e4aa11abb as SearchPage, $4fd48cb976bf1789$export$aa14a9f43128f61f as ProductCardError, $6891c018a834cfdd$export$d86a33413558014e as open_modal_with_alignment, $bb15dfb548a7666e$export$ee1733d9a8495996 as DefaultInstantCardPlaceholder, $b6d5529b253681aa$export$b3ad617e9036868 as align_field, $b6d5529b253681aa$export$3f238c96c45e6cc6 as ALIGN_TOP, $b6d5529b253681aa$export$902f8b4a7dae5d78 as ALIGN_WIDTH_ON_MODAL, $b6d5529b253681aa$export$7895aadd1956b1c7 as ALIGN_LEFT, $b6d5529b253681aa$export$6060bc6bee850eb6 as SET_CENTERED_LEFT, $b5cccc8ee7d24677$export$6daf8749b65a1b77 as convert_sdk_cols_at_size_to_layout, $926b1b5ba2239356$export$1233ca167bf71f9a as styles_to_valid_css_string, $aea1edf92433e81e$export$fe334901e8bebd57 as disable_scrolling, $6e8944558258054f$export$d0596b5cae35ad4 as open_search_with_shift_slash, $7fa23e2a0079eca4$export$e015ed2f2950f2e3 as DepictAPI, $dc9262ef6f786812$export$d9f36cf74e24d595 as media_query_to_accessor, $6936724b9e0b98d5$export$689e204eadb33baf as setup_fast_leave, $bf52d9f9eebd1938$export$5196e4c01fa56fcb as show_toast, $8c0f86cb3e266eeb$export$a71e92cfbb498adc as SolidFormatPrice, $4ca91518c9a35379$export$828dcdd425fd3231 as connect_search_field_height_to_aligner_height, $d20eff0aadc28983$export$acb3eaade4b23afd as BasePlaceholder, $d134eae24341b4a1$export$89c6019e4baa40b1 as TextPlaceholder, $7f60f09116a3fe61$export$3f37af283f8fb843 as ImagePlaceholder, $753e9b2889a47c89$export$3ccaa27d81dd8556 as PageReplacer, $4690a06c8489dcd0$export$864d304a0bc46829 as defaultGridSpacing, $4690a06c8489dcd0$export$c3834fa86c616831 as defaultColsAtSize, $4690a06c8489dcd0$export$7bf543b9d9be2c22 as defaultCategoryTitlePlugin, $ec291e0010116877$export$83d89fbfd8236492 as version, $58b3487626e85ece$export$316f6f283ae64765 as SearchField, $feffae76d8dc0135$export$5b7c3ce0ebe51f86 as BreadCrumbs, $feffae76d8dc0135$export$de035477d6fef996 as QuickLinks, $442f32a4d80abbde$export$e2bf8ce7779e827e as CategoryPage };
|