@depict-ai/ui 4.7.29 → 4.7.30

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.
@@ -1,16 +1,257 @@
1
- import { add_to_version_info as $b8hua$add_to_version_info, slider_fading_factory as $b8hua$slider_fading_factory, Amazing_Slider as $b8hua$Amazing_Slider, slider_snap_css as $b8hua$slider_snap_css, catchify as $b8hua$catchify1, dlog as $b8hua$dlog1, camelCasifyObject as $b8hua$camelCasifyObject, useExpandingContainer as $b8hua$useExpandingContainer, fetch_retry as $b8hua$fetch_retry, base_url as $b8hua$base_url, dwarn as $b8hua$dwarn, slider_fractional_factory as $b8hua$slider_fractional_factory, make_random_classname as $b8hua$make_random_classname, n_col_styling_with_dist as $b8hua$n_col_styling_with_dist, layout_get_visible_recs_without_partial_rows as $b8hua$layout_get_visible_recs_without_partial_rows, layout_get_total_rec_amount_for_row as $b8hua$layout_get_total_rec_amount_for_row, layout_media_query_header as $b8hua$layout_media_query_header, report as $b8hua$report, observer as $b8hua$observer, javascript_media_query as $b8hua$javascript_media_query, queueMacroTask as $b8hua$queueMacroTask, findMostFrequentItem as $b8hua$findMostFrequentItem, standard_price_format as $b8hua$standard_price_format, instant_exec_on_suspect_history_change as $b8hua$instant_exec_on_suspect_history_change, deparallelize_no_drop as $b8hua$deparallelize_no_drop, ContainedImage as $b8hua$ContainedImage, make_asyncIterable_exiter as $b8hua$make_asyncIterable_exiter, href_change_ipns as $b8hua$href_change_ipns, base64_encode_unicode as $b8hua$base64_encode_unicode, base64_decode_unicode as $b8hua$base64_decode_unicode, use_href_accessor as $b8hua$use_href_accessor, get_session_id as $b8hua$get_session_id, add_version_query_params as $b8hua$add_version_query_params, hex_to_rgb as $b8hua$hex_to_rgb, relative_luminance_from_rgb as $b8hua$relative_luminance_from_rgb, snakeCasifyObject as $b8hua$snakeCasifyObject, make_url_with_query_params as $b8hua$make_url_with_query_params, sort_obj as $b8hua$sort_obj, insert_surfaces as $b8hua$insert_surfaces } from "@depict-ai/utilishared/ES10";
1
+ import { add_to_version_info as $b8hua$add_to_version_info, layout_media_query_header as $b8hua$layout_media_query_header, dwarn as $b8hua$dwarn, javascript_media_query as $b8hua$javascript_media_query, slider_fading_factory as $b8hua$slider_fading_factory, Amazing_Slider as $b8hua$Amazing_Slider, slider_snap_css as $b8hua$slider_snap_css, catchify as $b8hua$catchify1, dlog as $b8hua$dlog1, camelCasifyObject as $b8hua$camelCasifyObject, useExpandingContainer as $b8hua$useExpandingContainer, fetch_retry as $b8hua$fetch_retry, base_url as $b8hua$base_url, slider_fractional_factory as $b8hua$slider_fractional_factory, make_random_classname as $b8hua$make_random_classname, n_col_styling_with_dist as $b8hua$n_col_styling_with_dist, layout_get_visible_recs_without_partial_rows as $b8hua$layout_get_visible_recs_without_partial_rows, layout_get_total_rec_amount_for_row as $b8hua$layout_get_total_rec_amount_for_row, report as $b8hua$report, observer as $b8hua$observer, queueMacroTask as $b8hua$queueMacroTask, findMostFrequentItem as $b8hua$findMostFrequentItem, standard_price_format as $b8hua$standard_price_format, instant_exec_on_suspect_history_change as $b8hua$instant_exec_on_suspect_history_change, deparallelize_no_drop as $b8hua$deparallelize_no_drop, ContainedImage as $b8hua$ContainedImage, make_asyncIterable_exiter as $b8hua$make_asyncIterable_exiter, href_change_ipns as $b8hua$href_change_ipns, base64_encode_unicode as $b8hua$base64_encode_unicode, base64_decode_unicode as $b8hua$base64_decode_unicode, use_href_accessor as $b8hua$use_href_accessor, get_session_id as $b8hua$get_session_id, add_version_query_params as $b8hua$add_version_query_params, hex_to_rgb as $b8hua$hex_to_rgb, relative_luminance_from_rgb as $b8hua$relative_luminance_from_rgb, snakeCasifyObject as $b8hua$snakeCasifyObject, make_url_with_query_params as $b8hua$make_url_with_query_params, sort_obj as $b8hua$sort_obj, insert_surfaces as $b8hua$insert_surfaces } from "@depict-ai/utilishared/ES10";
2
+ import { createComponent as $b8hua$createComponent, ssr as $b8hua$ssr, ssrHydrationKey as $b8hua$ssrHydrationKey, escape as $b8hua$escape, ssrStyle as $b8hua$ssrStyle, isServer as $b8hua$isServer, insert as $b8hua$insert, ssrAttribute as $b8hua$ssrAttribute, mergeProps as $b8hua$mergeProps1, ssrElement as $b8hua$ssrElement, ssrClassList as $b8hua$ssrClassList, spread as $b8hua$spread, Dynamic as $b8hua$Dynamic } from "solid-js/web";
3
+ import { createEffect as $b8hua$createEffect, createComputed as $b8hua$createComputed, createMemo as $b8hua$createMemo, mapArray as $b8hua$mapArray, createSignal as $b8hua$createSignal, Show as $b8hua$Show, mergeProps as $b8hua$mergeProps, createResource as $b8hua$createResource, Suspense as $b8hua$Suspense, onCleanup as $b8hua$onCleanup, createRoot as $b8hua$createRoot, createContext as $b8hua$createContext, useContext as $b8hua$useContext, untrack as $b8hua$untrack, For as $b8hua$For, getOwner as $b8hua$getOwner, runWithOwner as $b8hua$runWithOwner, createRenderEffect as $b8hua$createRenderEffect, Index as $b8hua$Index, createUniqueId as $b8hua$createUniqueId, ErrorBoundary as $b8hua$ErrorBoundary, splitProps as $b8hua$splitProps, on as $b8hua$on, batch as $b8hua$batch, createSelector as $b8hua$createSelector, children as $b8hua$children, createReaction as $b8hua$createReaction } from "solid-js";
4
+ import { createStore as $b8hua$createStore, reconcile as $b8hua$reconcile } from "solid-js/store";
2
5
  import { dlog as $b8hua$dlog, catchify as $b8hua$catchify, ListenableSet as $b8hua$ListenableSet, use_href_accessor as $b8hua$use_href_accessor1, queueMacroTask as $b8hua$queueMacroTask1, report as $b8hua$report1 } from "@depict-ai/utilishared/ES10";
3
- import { createRoot as $b8hua$createRoot, createSignal as $b8hua$createSignal, createEffect as $b8hua$createEffect, onCleanup as $b8hua$onCleanup, createContext as $b8hua$createContext, Show as $b8hua$Show, useContext as $b8hua$useContext, createMemo as $b8hua$createMemo, untrack as $b8hua$untrack, For as $b8hua$For, getOwner as $b8hua$getOwner, createResource as $b8hua$createResource, runWithOwner as $b8hua$runWithOwner, mergeProps as $b8hua$mergeProps1, Suspense as $b8hua$Suspense, createRenderEffect as $b8hua$createRenderEffect, Index as $b8hua$Index, createUniqueId as $b8hua$createUniqueId, createComputed as $b8hua$createComputed, ErrorBoundary as $b8hua$ErrorBoundary, splitProps as $b8hua$splitProps, on as $b8hua$on, batch as $b8hua$batch, createSelector as $b8hua$createSelector, children as $b8hua$children, createReaction as $b8hua$createReaction, mapArray as $b8hua$mapArray } from "solid-js";
4
- import { ssr as $b8hua$ssr, ssrHydrationKey as $b8hua$ssrHydrationKey, escape as $b8hua$escape, createComponent as $b8hua$createComponent, isServer as $b8hua$isServer, insert as $b8hua$insert, ssrAttribute as $b8hua$ssrAttribute, ssrStyle as $b8hua$ssrStyle, mergeProps as $b8hua$mergeProps, ssrElement as $b8hua$ssrElement, ssrClassList as $b8hua$ssrClassList, spread as $b8hua$spread, Dynamic as $b8hua$Dynamic } from "solid-js/web";
5
6
  import $b8hua$babelruntimehelpersdefineProperty from "@babel/runtime/helpers/defineProperty";
6
7
  import $b8hua$babelruntimehelpersclassPrivateFieldSet from "@babel/runtime/helpers/classPrivateFieldSet";
7
8
  import $b8hua$babelruntimehelpersclassPrivateFieldGet from "@babel/runtime/helpers/classPrivateFieldGet";
8
- import { createStore as $b8hua$createStore, reconcile as $b8hua$reconcile } from "solid-js/store";
9
9
 
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.7.29";
13
+ const $8db9a15135765c11$export$83d89fbfd8236492 = "4.7.30";
14
+ function $00a5b94f0c11efbb$export$d9f36cf74e24d595(media_query) {
15
+ const signal = $b8hua$createSignal(false);
16
+ $b8hua$onCleanup($b8hua$javascript_media_query(media_query, _ref => {
17
+ let {
18
+ matches: matches
19
+ } = _ref;
20
+ return signal[1](matches);
21
+ }).remove);
22
+ return signal[0];
23
+ }
24
+ function $40e2fa435715a1a0$export$a79e666719b3647c(cols_at_size_) {
25
+ const size_active = $b8hua$createMemo(() => cols_at_size_().map(_ref => {
26
+ let [n_cols, min_width, max_width] = _ref;
27
+ const media_query = $b8hua$layout_media_query_header(min_width, max_width).replaceAll("@media", "");
28
+ const matches = $00a5b94f0c11efbb$export$d9f36cf74e24d595(media_query);
29
+ return [matches, n_cols];
30
+ }));
31
+ const n_cols_currently_showing = $b8hua$createMemo(() => {
32
+ try {
33
+ const [, n_cols_currently_showing] = size_active().find(_ref2 => {
34
+ let [media_query] = _ref2;
35
+ return media_query();
36
+ });
37
+ return n_cols_currently_showing;
38
+ } catch (e) {
39
+ $b8hua$dwarn("No active size found in columnsAtSize - can't render content blocks or looks");
40
+ return null;
41
+ }
42
+ });
43
+ return n_cols_currently_showing;
44
+ }
45
+ var $bc2337c9a05ecd18$var$_tmpl$ = ["<span", ' class="', '" style="', '"></span>'];
46
+ function $bc2337c9a05ecd18$export$acb3eaade4b23afd(props) {
47
+ // Work around https://github.com/solidjs/solid/issues/1980
48
+ return $b8hua$ssr($bc2337c9a05ecd18$var$_tmpl$, $b8hua$ssrHydrationKey(), "".concat($b8hua$escape(props.class, true) || "", " depict-placeholder"), $b8hua$ssrStyle(props.style));
49
+ }
50
+ function $3ab4aa97880fb88d$export$3f37af283f8fb843(props) {
51
+ const style = $b8hua$createMemo(() => {
52
+ const {
53
+ style: style,
54
+ height: height,
55
+ width: width,
56
+ aspectRatio: aspectRatio
57
+ } = props;
58
+ const is_image = aspectRatio != undefined;
59
+ const size_data = is_image ? {
60
+ width: "100%",
61
+ "padding-bottom": "calc(calc(1 / ".concat(aspectRatio, ") * 100%)")
62
+ } : {
63
+ width: width,
64
+ height: height
65
+ };
66
+ return {
67
+ display: "block",
68
+ ...(style || {}),
69
+ ...size_data
70
+ };
71
+ });
72
+ return $b8hua$createComponent((0, $bc2337c9a05ecd18$export$acb3eaade4b23afd), {
73
+ get style() {
74
+ return style();
75
+ },
76
+ get ["class"]() {
77
+ return props.class;
78
+ }
79
+ });
80
+ }
81
+ var $ff7feae4dddd6073$var$_tmpl$ = ["<div", ' class="content-block-wrapper" style="', '">', "</div>"];
82
+ function $ff7feae4dddd6073$export$791ef57e62e21c3f(_ref) {
83
+ let {
84
+ content_blocks_: incoming_content_blocks,
85
+ cols_at_size_: cols_at_size_,
86
+ set_top_row_shortened_by_: set_top_row_shortened_by_
87
+ } = _ref;
88
+ // these are by row
89
+ const [content_blocks, set_content_blocks] = $b8hua$createStore([]);
90
+ const n_cols_currently_showing_ = $40e2fa435715a1a0$export$a79e666719b3647c(cols_at_size_);
91
+ $b8hua$createEffect(() => {
92
+ const incoming_value = incoming_content_blocks();
93
+ if (!incoming_value) {
94
+ set_content_blocks([]);
95
+ return;
96
+ }
97
+ set_content_blocks($b8hua$reconcile(incoming_value, {
98
+ key: "content"
99
+ })); // key: Make moving blocks faster, see https://github.com/solidjs/solid/issues/1925#issuecomment-1769671596
100
+ });
101
+
102
+ const get_wrapped_blocks_ = $ff7feae4dddd6073$var$wrap_blocks_in_div(content_blocks, n_cols_currently_showing_);
103
+ $b8hua$createComputed(() => {
104
+ // Update our styling if a content block forces some items that should be in the top row into a lower one, so we can generate margin-top declarations for them
105
+ const top_row_block = get_wrapped_blocks_()[0];
106
+ const blocks_in_top_row_taken = top_row_block === null || top_row_block === void 0 ? void 0 : top_row_block.span_columns;
107
+ if (blocks_in_top_row_taken == undefined) {
108
+ // Fall back to zero if no content block in top row, since then no blocks in top row are taken
109
+ set_top_row_shortened_by_(0);
110
+ return;
111
+ }
112
+ set_top_row_shortened_by_(blocks_in_top_row_taken - 1); // minus one because the content block wrapper also is an element
113
+ });
114
+
115
+ return $b8hua$createMemo(() => $ff7feae4dddd6073$export$92aa5d691d588f3f({
116
+ wrapped_blocks_: get_wrapped_blocks_(),
117
+ n_cols_currently_showing_: n_cols_currently_showing_()
118
+ }));
119
+ }
120
+ function $ff7feae4dddd6073$export$92aa5d691d588f3f(_ref2) {
121
+ let {
122
+ wrapped_blocks_: wrapped_blocks_,
123
+ n_cols_currently_showing_: n_cols_currently_showing_
124
+ } = _ref2;
125
+ // This computation should be quite cheap since it just moves around things into an array
126
+ const content_blocks_by_index = [];
127
+ const constructed_block_arrays = new WeakSet();
128
+ // Need to keep track of products displaced by blocks above when mapping rows to indexes in the actual grid
129
+ const displaced_products = []; // undefined = is product, true = is content block if number instead of tuple number indicates content blocks in that row. Index in first array is row, index in second array is column
130
+ if (!n_cols_currently_showing_)
131
+ // Nope out of here if we don't know how many columns are showing
132
+ return content_blocks_by_index;
133
+ for (let i = 0; i < wrapped_blocks_.length; i++) {
134
+ // i = row to show at
135
+ const block = wrapped_blocks_[i];
136
+ if (!block) continue; // Array can have holes/not defined places
137
+ const index_of_first_item_in_row = i * n_cols_currently_showing_;
138
+ const index_of_last_item_in_row = index_of_first_item_in_row + n_cols_currently_showing_;
139
+ const {
140
+ span_rows: span_rows,
141
+ position: position,
142
+ span_columns: span_columns
143
+ } = block; // span columns is already capped in the block wrapping step (wrap_blocks_in_div)
144
+ let target_index;
145
+ if (position === "left") target_index = index_of_first_item_in_row;else if (position === "right") target_index = index_of_last_item_in_row - span_columns;else if (position === "center") target_index = index_of_first_item_in_row + Math.floor((n_cols_currently_showing_ - span_columns) / 2);else throw new Error("Invalid position for content block - must be left, right or center: " + JSON.stringify(position));
146
+ // Calculate displacement of us by content blocks above us
147
+ let displacement_by_added_blocks = 0;
148
+ for (let j = 0; j < i; j++) {
149
+ const row = displaced_products[j];
150
+ if (row === undefined) continue; // there were no blocks in this row
151
+ let displaced_items_in_row;
152
+ if (typeof row === "number") displaced_items_in_row = row;else {
153
+ displaced_items_in_row = row.filter(item => item).length;
154
+ displaced_products[j] = displaced_items_in_row;
155
+ }
156
+ displacement_by_added_blocks += displaced_items_in_row;
157
+ }
158
+ const index_of_us_in_row = target_index - index_of_first_item_in_row;
159
+ for (let j = 0; j < index_of_us_in_row; j++) {
160
+ var _displaced_products$i;
161
+ if ((_displaced_products$i = displaced_products[i]) !== null && _displaced_products$i !== void 0 && _displaced_products$i[j])
162
+ // Add blocks in our *current* row to the displacement, but only the ones to our left
163
+ displacement_by_added_blocks++;
164
+ }
165
+ // Add block to output array at the correct index
166
+ const final_target_index = target_index - displacement_by_added_blocks;
167
+ const existing_block = content_blocks_by_index[final_target_index];
168
+ const block_content = block.content;
169
+ // If two blocks want to exist at the same location (can happen, for example if one block wants to be at the end of a row and the other one at the start of the next row) add an array with both
170
+ if (existing_block) {
171
+ if (constructed_block_arrays.has(existing_block))
172
+ // Only push to arrays we have created to not create funky bugs when there's an array in JSX.Element
173
+ existing_block.push(block_content);else {
174
+ const array = [existing_block, block_content];
175
+ constructed_block_arrays.add(array);
176
+ content_blocks_by_index[final_target_index] = array;
177
+ }
178
+ } else content_blocks_by_index[final_target_index] = block_content;
179
+ // Update displacement
180
+ for (let j = 0; j < span_rows; j++) {
181
+ var _ref3;
182
+ const row = displaced_products[_ref3 = i + j] || (displaced_products[_ref3] = []);
183
+ for (let k = index_of_us_in_row; k < index_of_us_in_row + span_columns; k++) row[k] = true;
184
+ }
185
+ }
186
+ return content_blocks_by_index;
187
+ }
188
+ /**
189
+ * Takes a store that contains an array from where index is number of row and value is the result of executing the content block rendering function.
190
+ * Then renders the content and wraps it into a div with the correct styling.
191
+ * Also caps span_columns to max available columns
192
+ */
193
+ function $ff7feae4dddd6073$var$wrap_blocks_in_div(rendered_content_blocks, max_span_columns) {
194
+ const get_wrapped_blocks = $b8hua$mapArray(() => rendered_content_blocks, block => {
195
+ if (!block) return;
196
+ const final_span_columns = $b8hua$createMemo(() => {
197
+ var _max_span_columns;
198
+ return Math.min(block.span_columns, (_max_span_columns = max_span_columns()) !== null && _max_span_columns !== void 0 ? _max_span_columns : Infinity);
199
+ });
200
+ // If the item spans an entire row, limit the height to 1 row since there's no concept of "rows" if there are no products beside the block
201
+ const final_span_rows = $b8hua$createMemo(() => final_span_columns() === max_span_columns() ? 1 : block.span_rows);
202
+ const [rendering_delayed, set_rendering_delayed_] = $b8hua$createSignal(true);
203
+ const content = $b8hua$createComponent((0, $b8hua$Show), {
204
+ get when() {
205
+ return !rendering_delayed();
206
+ },
207
+ get children() {
208
+ return $b8hua$ssr($ff7feae4dddd6073$var$_tmpl$, $b8hua$ssrHydrationKey(), "grid-column:" + "span ".concat($b8hua$escape(final_span_columns(), true)) + (";grid-row:" + "span ".concat($b8hua$escape(final_span_rows(), true))) + (";spans_columns_variable_name:" + $b8hua$escape(final_span_columns(), true)), $b8hua$escape($b8hua$createComponent($ff7feae4dddd6073$var$RenderContent, {
209
+ get content() {
210
+ return block.content;
211
+ }
212
+ })));
213
+ }
214
+ });
215
+ return $b8hua$mergeProps(block, {
216
+ // Create content divs for the blocks with as much fine-grained diffing as possible?
217
+ content: () => {
218
+ // 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
219
+ // However, no need to count products to know if we should render: the <For> loops in Placeholders and render_displays will only call this function if there's actually a product here that wants to display this block
220
+ set_rendering_delayed_(false);
221
+ return content;
222
+ },
223
+ get span_columns() {
224
+ // Cap max width of block to the number of columns available, for everyone downstream
225
+ return final_span_columns();
226
+ },
227
+ get span_rows() {
228
+ return final_span_rows();
229
+ }
230
+ });
231
+ });
232
+ return get_wrapped_blocks;
233
+ }
234
+ /**
235
+ * Basically adds support for async content block functions and shows a rudimentary placeholder if rendering is delayed. Required due to react having a rendering delay.
236
+ */
237
+ function $ff7feae4dddd6073$var$RenderContent(props) {
238
+ const [resource] = $b8hua$createResource(() => props.content,
239
+ // Could be reactive
240
+ fn => fn());
241
+ $b8hua$createEffect(() => {
242
+ if (resource.error) console.error("Error in content block rendering", resource.error);
243
+ });
244
+ // The suspense is for when there's an async content block (which we have to support due to react having a rendering delay) so that we can show some height while it's loading (should kinda never be visible)
245
+ return $b8hua$createComponent((0, $b8hua$Suspense), {
246
+ get fallback() {
247
+ return $b8hua$createComponent((0, $3ab4aa97880fb88d$export$3f37af283f8fb843), {
248
+ width: "100%",
249
+ height: "max(100%, 400px)"
250
+ });
251
+ },
252
+ children: resource
253
+ });
254
+ }
14
255
  let $715f7f2e53146662$var$elementsHoveredSignal;
15
256
  let $715f7f2e53146662$var$consumersSignal;
16
257
  function $715f7f2e53146662$export$d4d96868197be50e() {
@@ -710,7 +951,7 @@ var $63f1f8dbcd07d3b0$var$_tmpl$ = ["<div", ' class="', '">', "</div>"],
710
951
  $63f1f8dbcd07d3b0$var$_tmpl$2 = ["<style", ' type="text/css">', "</style>"];
711
952
  function $63f1f8dbcd07d3b0$export$d21e32dfedac04be(props) {
712
953
  const container_class = "x" + $b8hua$createUniqueId();
713
- const container_element_ = $b8hua$ssrElement("div", $b8hua$mergeProps(() => props.element_attributes, {
954
+ const container_element_ = $b8hua$ssrElement("div", $b8hua$mergeProps1(() => props.element_attributes, {
714
955
  classList: {
715
956
  [container_class]: true
716
957
  }
@@ -855,7 +1096,7 @@ function $39ddb986053fb759$export$d41d19e89346fa2(_ref) {
855
1096
  } = slider;
856
1097
  const Layout = props => $63f1f8dbcd07d3b0$export$445d8d3f5f706a40(props, insert_here, true);
857
1098
  // Do like this, so we don't have to call mergeProps ourselves
858
- $b8hua$createComponent(Layout, $b8hua$mergeProps({
1099
+ $b8hua$createComponent(Layout, $b8hua$mergeProps1({
859
1100
  rows: "all",
860
1101
  layout: "slider"
861
1102
  }, layout_options_));
@@ -948,52 +1189,6 @@ function $5441862cd2f5e111$export$e68cff63f76bd15b(props) {
948
1189
  function $5441862cd2f5e111$export$8d0c4fdbb05a2f2e() {
949
1190
  return $b8hua$useContext($5441862cd2f5e111$var$ListingContext);
950
1191
  }
951
- var $bc2337c9a05ecd18$var$_tmpl$ = ["<span", ' class="', '" style="', '"></span>'];
952
- function $bc2337c9a05ecd18$export$acb3eaade4b23afd(props) {
953
- // Work around https://github.com/solidjs/solid/issues/1980
954
- return $b8hua$ssr($bc2337c9a05ecd18$var$_tmpl$, $b8hua$ssrHydrationKey(), "".concat($b8hua$escape(props.class, true) || "", " depict-placeholder"), $b8hua$ssrStyle(props.style));
955
- }
956
- function $3ab4aa97880fb88d$export$3f37af283f8fb843(props) {
957
- const style = $b8hua$createMemo(() => {
958
- const {
959
- style: style,
960
- height: height,
961
- width: width,
962
- aspectRatio: aspectRatio
963
- } = props;
964
- const is_image = aspectRatio != undefined;
965
- const size_data = is_image ? {
966
- width: "100%",
967
- "padding-bottom": "calc(calc(1 / ".concat(aspectRatio, ") * 100%)")
968
- } : {
969
- width: width,
970
- height: height
971
- };
972
- return {
973
- display: "block",
974
- ...(style || {}),
975
- ...size_data
976
- };
977
- });
978
- return $b8hua$createComponent((0, $bc2337c9a05ecd18$export$acb3eaade4b23afd), {
979
- get style() {
980
- return style();
981
- },
982
- get ["class"]() {
983
- return props.class;
984
- }
985
- });
986
- }
987
- function $00a5b94f0c11efbb$export$d9f36cf74e24d595(media_query) {
988
- const signal = $b8hua$createSignal(false);
989
- $b8hua$onCleanup($b8hua$javascript_media_query(media_query, _ref => {
990
- let {
991
- matches: matches
992
- } = _ref;
993
- return signal[1](matches);
994
- }).remove);
995
- return signal[0];
996
- }
997
1192
  function $ceafb6fb91c6f394$export$89c6019e4baa40b1(props) {
998
1193
  const style = $b8hua$createMemo(() => {
999
1194
  const {
@@ -1125,7 +1320,7 @@ function $56047603f9d212b6$export$6e5611bc7e57e477(props) {
1125
1320
  if (loading === "force-lazy") return true;
1126
1321
  return loading === "lazy" && !isPrioritisedImage();
1127
1322
  });
1128
- const modifiedOtherAttributes = $b8hua$mergeProps1(otherAttributes, {
1323
+ const modifiedOtherAttributes = $b8hua$mergeProps(otherAttributes, {
1129
1324
  get loading() {
1130
1325
  return shouldActuallyEnableLazyLoading() ? "lazy" : undefined;
1131
1326
  }
@@ -1198,7 +1393,7 @@ function $56047603f9d212b6$export$6e5611bc7e57e477(props) {
1198
1393
  $b8hua$onCleanup(() => prevValue && aspectRatios.delete(prevValue));
1199
1394
  }
1200
1395
  $b8hua$onCleanup(() => gotCleanedUp = true);
1201
- $b8hua$spread(img, $b8hua$mergeProps1(modifiedOtherAttributes), false, true);
1396
+ $b8hua$spread(img, $b8hua$mergeProps(modifiedOtherAttributes), false, true);
1202
1397
  $b8hua$createRenderEffect(() => {
1203
1398
  props.src;
1204
1399
  srcJustChanged = true;
@@ -1300,7 +1495,7 @@ function $4df489344a0f97c7$export$e4b984597b71e989(props) {
1300
1495
  $b8hua$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
1301
1496
  });
1302
1497
 
1303
- $b8hua$insert(container, $b8hua$createComponent((0, $56047603f9d212b6$export$6e5611bc7e57e477), $b8hua$mergeProps({
1498
+ $b8hua$insert(container, $b8hua$createComponent((0, $56047603f9d212b6$export$6e5611bc7e57e477), $b8hua$mergeProps1({
1304
1499
  get size() {
1305
1500
  return $b8hua$createMemo(() => {
1306
1501
  var _currentImageSize;
@@ -1319,7 +1514,7 @@ function $4df489344a0f97c7$export$e4b984597b71e989(props) {
1319
1514
  return container;
1320
1515
  }
1321
1516
  function $98688279b9059f50$export$9d4a4b669b1929ab(props) {
1322
- return $b8hua$createComponent((0, $4df489344a0f97c7$export$e4b984597b71e989), $b8hua$mergeProps(props, {
1517
+ return $b8hua$createComponent((0, $4df489344a0f97c7$export$e4b984597b71e989), $b8hua$mergeProps1(props, {
1323
1518
  get imgProps() {
1324
1519
  return {
1325
1520
  ...props.imgProps,
@@ -1387,7 +1582,7 @@ function $f84b097e079b0a33$export$b73ed90f0ee50dc3(_ref) {
1387
1582
  var _variantToUse5;
1388
1583
  return (_variantToUse5 = variantToUse()) === null || _variantToUse5 === void 0 ? void 0 : _variantToUse5.title;
1389
1584
  });
1390
- return $b8hua$ssrElement("a", $b8hua$mergeProps({
1585
+ return $b8hua$ssrElement("a", $b8hua$mergeProps1({
1391
1586
  "class": "look-item"
1392
1587
  }, () => enableLink() ? {
1393
1588
  href: href()
@@ -1431,7 +1626,7 @@ function $f84b097e079b0a33$export$b73ed90f0ee50dc3(_ref) {
1431
1626
  return (animationEffectExists() ? isExpandedThrottledByOurEffectRun() : userWantsExpanded()) || animationIsRunning();
1432
1627
  },
1433
1628
  get children() {
1434
- return $b8hua$ssr($f84b097e079b0a33$var$_tmpl$3, $b8hua$ssrHydrationKey(), $b8hua$ssrElement("span", $b8hua$mergeProps({
1629
+ return $b8hua$ssr($f84b097e079b0a33$var$_tmpl$3, $b8hua$ssrHydrationKey(), $b8hua$ssrElement("span", $b8hua$mergeProps1({
1435
1630
  "class": "d-title line-clamp"
1436
1631
  }, () => title() && {
1437
1632
  title: title()
@@ -1907,7 +2102,7 @@ function $e3efeb558d952696$export$7da560f849543dff(_ref) {
1907
2102
  get children() {
1908
2103
  return $b8hua$ssr($e3efeb558d952696$var$_tmpl$2, $b8hua$ssrHydrationKey(), $b8hua$escape(title()));
1909
2104
  }
1910
- }), $b8hua$ssr($e3efeb558d952696$var$_tmpl$3, $b8hua$ssrHydrationKey(), $b8hua$escape($ca55612a53dbbdd2$export$a2cc176055f8f08()), $b8hua$escape($b8hua$createComponent((0, $63f1f8dbcd07d3b0$export$d21e32dfedac04be), $b8hua$mergeProps({
2105
+ }), $b8hua$ssr($e3efeb558d952696$var$_tmpl$3, $b8hua$ssrHydrationKey(), $b8hua$escape($ca55612a53dbbdd2$export$a2cc176055f8f08()), $b8hua$escape($b8hua$createComponent((0, $63f1f8dbcd07d3b0$export$d21e32dfedac04be), $b8hua$mergeProps1({
1911
2106
  get rows() {
1912
2107
  return rows_object_();
1913
2108
  },
@@ -2038,7 +2233,7 @@ function $bb34cd283e904784$export$2c9f9bf2092486aa(props) {
2038
2233
  return $b8hua$createComponent((0, $39ddb986053fb759$export$d41d19e89346fa2), sharedOptions);
2039
2234
  },
2040
2235
  get children() {
2041
- return $b8hua$createComponent((0, $e3efeb558d952696$export$7da560f849543dff), $b8hua$mergeProps(sharedOptions, {
2236
+ return $b8hua$createComponent((0, $e3efeb558d952696$export$7da560f849543dff), $b8hua$mergeProps1(sharedOptions, {
2042
2237
  view_more_button_: () => {
2043
2238
  var _props$gridOptions_;
2044
2239
  return (_props$gridOptions_ = props.gridOptions_) === null || _props$gridOptions_ === void 0 ? void 0 : _props$gridOptions_.view_more_button;
@@ -2097,7 +2292,7 @@ async function $bb34cd283e904784$var$runDisplayTransformersForLooks(baseData, li
2097
2292
  }) : displaysToTransform;
2098
2293
  const transformedListings = await transformedListingsPromise;
2099
2294
  const transformedDisplayById = Object.fromEntries(transformedProducts.map(display => [$6a4c7ed6d005505c$export$548d053aba053d79(display), display]));
2100
- return transformedListings.map(listing => $b8hua$mergeProps1(listing, {
2295
+ return transformedListings.map(listing => $b8hua$mergeProps(listing, {
2101
2296
  // use mergeProps because in preview browser we add getters in this object, that would be called too early otherwise
2102
2297
  displays: (displayIdsPerListingId[listing.listing_id] || []).map(displayId => transformedDisplayById[displayId]).filter(v => v)
2103
2298
  }));
@@ -2517,7 +2712,7 @@ function $6d95ef50ee01d5a1$export$5d2caaa6b530761c() {
2517
2712
  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>';
2518
2713
  function $9783d437ad61594c$export$3b621d86b1566b2() {
2519
2714
  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
2520
- return $b8hua$ssrElement("svg", $b8hua$mergeProps({
2715
+ return $b8hua$ssrElement("svg", $b8hua$mergeProps1({
2521
2716
  xmlns: "http://www.w3.org/2000/svg",
2522
2717
  width: "21.064",
2523
2718
  height: "21.064",
@@ -2623,7 +2818,7 @@ function $02b6641aa50ce528$export$ba17c5b7e6dda39f(_ref) {
2623
2818
  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>';
2624
2819
  function $ef0f18a578b32578$export$82eafebb825fc23f() {
2625
2820
  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
2626
- return $b8hua$ssrElement("svg", $b8hua$mergeProps({
2821
+ return $b8hua$ssrElement("svg", $b8hua$mergeProps1({
2627
2822
  xmlns: "http://www.w3.org/2000/svg",
2628
2823
  width: "20",
2629
2824
  height: "22",
@@ -2633,7 +2828,7 @@ function $ef0f18a578b32578$export$82eafebb825fc23f() {
2633
2828
  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>';
2634
2829
  function $3c5e15c6ee4227a9$export$605674723bcc715c() {
2635
2830
  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
2636
- return $b8hua$ssrElement("svg", $b8hua$mergeProps({
2831
+ return $b8hua$ssrElement("svg", $b8hua$mergeProps1({
2637
2832
  xmlns: "http://www.w3.org/2000/svg",
2638
2833
  width: "32",
2639
2834
  height: "32",
@@ -3222,7 +3417,7 @@ function $fc830a7ee59416ef$export$ebdc3711f7e02ccd(what_to_watch) {
3222
3417
  var $83c36ed4520d0335$var$_tmpl$ = '<path fill-rule="evenodd" d="M9.563 3.438c-3.107 0-5.625 2.518-5.625 5.625s2.518 5.625 5.625 5.625 5.625-2.518 5.625-5.625-2.518-5.625-5.625-5.625zm-7.5 5.625a7.5 7.5 0 1 1 15 0c0 1.733-.588 3.329-1.575 4.599l3.176 3.176a.94.94 0 0 1 0 1.326.94.94 0 0 1-1.326 0l-3.176-3.176a7.47 7.47 0 0 1-4.599 1.575 7.5 7.5 0 0 1-7.5-7.5z" fill="#0f0f0f"></path>';
3223
3418
  function $83c36ed4520d0335$export$f7658c347b037c3f() {
3224
3419
  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
3225
- return $b8hua$ssrElement("svg", $b8hua$mergeProps({
3420
+ return $b8hua$ssrElement("svg", $b8hua$mergeProps1({
3226
3421
  xmlns: "http://www.w3.org/2000/svg",
3227
3422
  width: "21",
3228
3423
  height: "20",
@@ -3270,7 +3465,7 @@ function $584c06c09cf4609d$export$b94867ecbd698f21(_ref) {
3270
3465
  const BackButton = () => $b8hua$createComponent((0, $b8hua$Show), {
3271
3466
  when: on_back_,
3272
3467
  get children() {
3273
- return $b8hua$ssrElement("button", $b8hua$mergeProps({
3468
+ return $b8hua$ssrElement("button", $b8hua$mergeProps1({
3274
3469
  "class": "back",
3275
3470
  type: "button",
3276
3471
  get ["aria-label"]() {
@@ -3284,7 +3479,7 @@ function $584c06c09cf4609d$export$b94867ecbd698f21(_ref) {
3284
3479
  }), () => isNewModal ? $b8hua$escape($b8hua$createComponent((0, $9783d437ad61594c$export$3b621d86b1566b2), {})) : $b8hua$escape($b8hua$createComponent(BackIcon_, {})), true);
3285
3480
  }
3286
3481
  });
3287
- const ClearButton = () => $b8hua$ssrElement("button", $b8hua$mergeProps({
3482
+ const ClearButton = () => $b8hua$ssrElement("button", $b8hua$mergeProps1({
3288
3483
  type: "button",
3289
3484
  get ["class"]() {
3290
3485
  return "clear ".concat(searchFieldEmpty() ? "empty" : "");
@@ -3853,7 +4048,7 @@ function $26db6925469636a4$export$67152d26d4f56ee8(_ref) {
3853
4048
  var _listing_;
3854
4049
  return (_listing_ = listing_()) === null || _listing_ === void 0 ? void 0 : _listing_.page_url;
3855
4050
  }); // <- 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
3856
- const LinkToListing = props => $b8hua$ssrElement("a", $b8hua$mergeProps(props, {
4051
+ const LinkToListing = props => $b8hua$ssrElement("a", $b8hua$mergeProps1(props, {
3857
4052
  get href() {
3858
4053
  return href();
3859
4054
  }
@@ -4164,7 +4359,7 @@ function $4acc866f8fdfc002$export$af1fb307bbba2417(_ref) {
4164
4359
  $b8hua$createComputed($b8hua$on(search_field_value_[0], () => !suggestions_updating_blocked() && set_selected_index(undefined), {
4165
4360
  defer: true
4166
4361
  })); // reset autocomplete position if query changes
4167
- return [$b8hua$createComponent((0, $5175a47d13b7c228$export$d4994a86c6235f72), $b8hua$mergeProps(sharedSuggestionProps, {
4362
+ return [$b8hua$createComponent((0, $5175a47d13b7c228$export$d4994a86c6235f72), $b8hua$mergeProps1(sharedSuggestionProps, {
4168
4363
  get title_() {
4169
4364
  return i18n_.popular_;
4170
4365
  },
@@ -4174,7 +4369,7 @@ function $4acc866f8fdfc002$export$af1fb307bbba2417(_ref) {
4174
4369
  return itemIndexes_.suggestionsIndex_;
4175
4370
  },
4176
4371
  showPlaceholders_: () => showPlaceholders() || noResults_() && !noResultsPopularSuggestions.latest
4177
- })), $b8hua$createComponent((0, $5175a47d13b7c228$export$d4994a86c6235f72), $b8hua$mergeProps(sharedSuggestionProps, {
4372
+ })), $b8hua$createComponent((0, $5175a47d13b7c228$export$d4994a86c6235f72), $b8hua$mergeProps1(sharedSuggestionProps, {
4178
4373
  get title_() {
4179
4374
  return i18n_.previous_;
4180
4375
  },
@@ -4185,7 +4380,7 @@ function $4acc866f8fdfc002$export$af1fb307bbba2417(_ref) {
4185
4380
  },
4186
4381
  extraTitleRowElements_: () => $b8hua$ssr($4acc866f8fdfc002$var$_tmpl$, $b8hua$ssrHydrationKey(), $b8hua$escape(i18n_.clear_all_from_filter_crumbs_())),
4187
4382
  showPlaceholders_: () => false
4188
- })), $b8hua$createComponent((0, $5175a47d13b7c228$export$d4994a86c6235f72), $b8hua$mergeProps(sharedSuggestionProps, {
4383
+ })), $b8hua$createComponent((0, $5175a47d13b7c228$export$d4994a86c6235f72), $b8hua$mergeProps1(sharedSuggestionProps, {
4189
4384
  get title_() {
4190
4385
  return i18n_.content_;
4191
4386
  },
@@ -4600,7 +4795,7 @@ function $6a439680ae7e9ba3$export$b2539bed5023c21c(props) {
4600
4795
  return $b8hua$createComponent($6a439680ae7e9ba3$var$TabsContext.Provider, {
4601
4796
  value: new (0, $b8hua$ListenableSet)(),
4602
4797
  get children() {
4603
- return $b8hua$createComponent($6a439680ae7e9ba3$var$ActualTabs, $b8hua$mergeProps(props, {
4798
+ return $b8hua$createComponent($6a439680ae7e9ba3$var$ActualTabs, $b8hua$mergeProps1(props, {
4604
4799
  get children() {
4605
4800
  return props.children;
4606
4801
  }
@@ -4630,7 +4825,7 @@ function $6a439680ae7e9ba3$var$ActualTabs(props) {
4630
4825
  },
4631
4826
  children: item => {
4632
4827
  const weSelected = $b8hua$createMemo(() => isSelected(item().id));
4633
- return $b8hua$createComponent((0, $b8hua$Dynamic), $b8hua$mergeProps({
4828
+ return $b8hua$createComponent((0, $b8hua$Dynamic), $b8hua$mergeProps1({
4634
4829
  get component() {
4635
4830
  return props.AnchorComponent;
4636
4831
  },
@@ -4713,7 +4908,7 @@ function $6a439680ae7e9ba3$export$3e41faf802a29e71(props) {
4713
4908
  if (!currentTabs) throw new Error("Tab must be a child of Tabs");
4714
4909
  const id = $b8hua$createUniqueId();
4715
4910
  const ourSet = currentTabs;
4716
- const extendedProps = $b8hua$mergeProps1({
4911
+ const extendedProps = $b8hua$mergeProps({
4717
4912
  id: id
4718
4913
  }, props);
4719
4914
  ourSet.add(extendedProps);
@@ -5149,7 +5344,7 @@ function $6b0fd8fd20df8ccf$var$ActualShopTheLookButton(props) {
5149
5344
  }, true);
5150
5345
  $b8hua$createEffect(() => button.style.display = displayStyleValue()); // Set our attributes like this, so we allow total control over the button from the outside via buttonAttributes
5151
5346
  $b8hua$createEffect(() => !hasAnythingToShow() && closeModal()); // close modal if we ever get into the state of having it open and not having anything to show
5152
- $6b0fd8fd20df8ccf$var$modalProps = $b8hua$mergeProps1(partForModal, {
5347
+ $6b0fd8fd20df8ccf$var$modalProps = $b8hua$mergeProps(partForModal, {
5153
5348
  products_to_shop_: products_to_shop_
5154
5349
  });
5155
5350
  button.addEventListener("click", openModal);
@@ -5560,7 +5755,7 @@ const $19e828709c7723a0$export$48513f6b9f8ce62d = props => {
5560
5755
  };
5561
5756
  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>';
5562
5757
  function $ff3225aef892a467$export$f21ab0717a89c77f(props) {
5563
- return $b8hua$ssrElement("svg", $b8hua$mergeProps(props, {
5758
+ return $b8hua$ssrElement("svg", $b8hua$mergeProps1(props, {
5564
5759
  xmlns: "http://www.w3.org/2000/svg",
5565
5760
  width: "11",
5566
5761
  height: "12"
@@ -6801,7 +6996,7 @@ const $830ea8efda59884e$export$414f6a19d38e655c = _ref => {
6801
6996
  const MakeButton = attributes => {
6802
6997
  const label = $b8hua$createMemo(() => value().name_ || value().value_ + "");
6803
6998
  const count_zero = $b8hua$createMemo(() => value().count_ === 0);
6804
- return $b8hua$ssrElement("button", $b8hua$mergeProps(attributes, {
6999
+ return $b8hua$ssrElement("button", $b8hua$mergeProps1(attributes, {
6805
7000
  get disabled() {
6806
7001
  return count_zero() && !is_selected();
6807
7002
  },
@@ -7113,7 +7308,7 @@ var $d2988f745661df9c$export$2e2bcd8739ae039 = {
7113
7308
  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>';
7114
7309
  function $905f44be08b7378e$export$f2ca6fc699ca1fb4() {
7115
7310
  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
7116
- return $b8hua$ssrElement("svg", $b8hua$mergeProps({
7311
+ return $b8hua$ssrElement("svg", $b8hua$mergeProps1({
7117
7312
  xmlns: "http://www.w3.org/2000/svg",
7118
7313
  width: "16.8",
7119
7314
  height: "14"
@@ -8270,7 +8465,7 @@ async function $284849364a6ef73a$var$_run_url_creator_for_suggest2(merchant, mar
8270
8465
  // Filter out our transformed ancestors
8271
8466
  const transformedAncestors = Object.fromEntries(transformerResult.filter(item => item.is_suggestion === false).map(item => [item.listing_id, item]));
8272
8467
  // Add the now transformed ancestors into the ancestors of the listing suggestions
8273
- const transformedSuggestions = transformerResult.filter(item => item.is_suggestion !== false).map(item => $b8hua$mergeProps1(item, {
8468
+ const transformedSuggestions = transformerResult.filter(item => item.is_suggestion !== false).map(item => $b8hua$mergeProps(item, {
8274
8469
  // Use mergeProps instead of spread since page_url and other properties could be a getter that solid components should call
8275
8470
  ancestors: item.ancestors.map(ancestor => {
8276
8471
  const newAncestor = transformedAncestors[ancestor.listing_id];
@@ -8778,7 +8973,7 @@ function $8ef6232475d44150$export$7de92c4c2205ebf3(_ref) {
8778
8973
  return (0, $981356a8bf29ad72$export$6c9030e511152266) + get_showing_recommendation_rows() * Math.max(...possible_num_columns);
8779
8974
  });
8780
8975
  // Don't tear down elements every time one updates the page - don't put them within <Show>
8781
- const elements = $b8hua$ssr($8ef6232475d44150$var$_tmpl$, $b8hua$ssrHydrationKey(), $b8hua$escape(i18n_.search_recs_title_()), $b8hua$escape($ca55612a53dbbdd2$export$a2cc176055f8f08()), $b8hua$escape($b8hua$createComponent((0, $63f1f8dbcd07d3b0$export$d21e32dfedac04be), $b8hua$mergeProps({
8976
+ const elements = $b8hua$ssr($8ef6232475d44150$var$_tmpl$, $b8hua$ssrHydrationKey(), $b8hua$escape(i18n_.search_recs_title_()), $b8hua$escape($ca55612a53dbbdd2$export$a2cc176055f8f08()), $b8hua$escape($b8hua$createComponent((0, $63f1f8dbcd07d3b0$export$d21e32dfedac04be), $b8hua$mergeProps1({
8782
8977
  rows: rows_object,
8783
8978
  layout: "grid",
8784
8979
  element_attributes: {
@@ -9629,7 +9824,7 @@ var $64d94dcaa058dc7b$var$_tmpl$ = ["<style", ' type="text/css">', "</style>"];
9629
9824
  const $64d94dcaa058dc7b$export$c500183c31c2b22e = "--spans-columns";
9630
9825
  function $64d94dcaa058dc7b$export$ab6b147eec64fea5(props) {
9631
9826
  const container_class = "x" + $b8hua$createUniqueId();
9632
- const container_element_ = $b8hua$ssrElement("div", $b8hua$mergeProps(() => props.element_attributes, {
9827
+ const container_element_ = $b8hua$ssrElement("div", $b8hua$mergeProps1(() => props.element_attributes, {
9633
9828
  classList: {
9634
9829
  [container_class]: true
9635
9830
  }
@@ -9736,209 +9931,6 @@ function $b2dbaafb23d00c7f$export$cb5808ba002cdeed(_ref) {
9736
9931
  }) : when_filters_closed_cols;
9737
9932
  });
9738
9933
  }
9739
- function $40e2fa435715a1a0$export$a79e666719b3647c(cols_at_size_) {
9740
- const size_active = $b8hua$createMemo(() => cols_at_size_().map(_ref => {
9741
- let [n_cols, min_width, max_width] = _ref;
9742
- const media_query = $b8hua$layout_media_query_header(min_width, max_width).replaceAll("@media", "");
9743
- const matches = $00a5b94f0c11efbb$export$d9f36cf74e24d595(media_query);
9744
- return [matches, n_cols];
9745
- }));
9746
- const n_cols_currently_showing = $b8hua$createMemo(() => {
9747
- try {
9748
- const [, n_cols_currently_showing] = size_active().find(_ref2 => {
9749
- let [media_query] = _ref2;
9750
- return media_query();
9751
- });
9752
- return n_cols_currently_showing;
9753
- } catch (e) {
9754
- $b8hua$dwarn("No active size found in columnsAtSize - can't render content blocks or looks");
9755
- return null;
9756
- }
9757
- });
9758
- return n_cols_currently_showing;
9759
- }
9760
- var $ff7feae4dddd6073$var$_tmpl$ = ["<div", ' class="content-block-wrapper" style="', '">', "</div>"];
9761
- function $ff7feae4dddd6073$export$791ef57e62e21c3f(_ref) {
9762
- let {
9763
- content_blocks_: incoming_content_blocks,
9764
- cols_at_size_: cols_at_size_,
9765
- set_top_row_shortened_by_: set_top_row_shortened_by_
9766
- } = _ref;
9767
- // these are by row
9768
- const [content_blocks, set_content_blocks] = $b8hua$createStore([]);
9769
- const n_cols_currently_showing_ = $40e2fa435715a1a0$export$a79e666719b3647c(cols_at_size_);
9770
- $b8hua$createEffect(() => {
9771
- const incoming_value = incoming_content_blocks();
9772
- if (!incoming_value) {
9773
- set_content_blocks([]);
9774
- return;
9775
- }
9776
- set_content_blocks($b8hua$reconcile(incoming_value, {
9777
- key: "content"
9778
- })); // key: Make moving blocks faster, see https://github.com/solidjs/solid/issues/1925#issuecomment-1769671596
9779
- });
9780
-
9781
- const get_wrapped_blocks_ = $ff7feae4dddd6073$var$wrap_blocks_in_div(content_blocks, n_cols_currently_showing_);
9782
- $b8hua$createComputed(() => {
9783
- // Update our styling if a content block forces some items that should be in the top row into a lower one, so we can generate margin-top declarations for them
9784
- const top_row_block = get_wrapped_blocks_()[0];
9785
- const blocks_in_top_row_taken = top_row_block === null || top_row_block === void 0 ? void 0 : top_row_block.span_columns;
9786
- if (blocks_in_top_row_taken == undefined) {
9787
- // Fall back to zero if no content block in top row, since then no blocks in top row are taken
9788
- set_top_row_shortened_by_(0);
9789
- return;
9790
- }
9791
- set_top_row_shortened_by_(blocks_in_top_row_taken - 1); // minus one because the content block wrapper also is an element
9792
- });
9793
-
9794
- return $ff7feae4dddd6073$var$remap_blocks_to_index({
9795
- get_wrapped_blocks_: get_wrapped_blocks_,
9796
- n_cols_currently_showing_: n_cols_currently_showing_
9797
- });
9798
- }
9799
- /**
9800
- * Calculate where to put each of the finished wrapped content blocks. Also limit blocks' max width.
9801
- * @returns an array where index is index of the blocks in the "displays array" and value is the content block (elements) to show at that index
9802
- */
9803
- function $ff7feae4dddd6073$var$remap_blocks_to_index(_ref2) {
9804
- let {
9805
- get_wrapped_blocks_: get_wrapped_blocks_,
9806
- n_cols_currently_showing_: n_cols_currently_showing_
9807
- } = _ref2;
9808
- return $b8hua$createMemo(() => {
9809
- // This computation should be quite cheap since it just moves around things into an array
9810
- const content_blocks_by_index = [];
9811
- const constructed_block_arrays = new WeakSet();
9812
- const wrapped_blocks = get_wrapped_blocks_();
9813
- const cols_showing = n_cols_currently_showing_();
9814
- // Need to keep track of products displaced by blocks above when mapping rows to indexes in the actual grid
9815
- const displaced_products = []; // undefined = is product, true = is content block if number instead of tuple number indicates content blocks in that row. Index in first array is row, index in second array is column
9816
- if (!cols_showing)
9817
- // Nope out of here if we don't know how many columns are showing
9818
- return content_blocks_by_index;
9819
- for (let i = 0; i < wrapped_blocks.length; i++) {
9820
- // i = row to show at
9821
- const block = wrapped_blocks[i];
9822
- if (!block) continue; // Array can have holes/not defined places
9823
- const index_of_first_item_in_row = i * cols_showing;
9824
- const index_of_last_item_in_row = index_of_first_item_in_row + cols_showing;
9825
- const {
9826
- span_rows: span_rows,
9827
- position: position,
9828
- span_columns: span_columns
9829
- } = block; // span columns is already capped in the block wrapping step (wrap_blocks_in_div)
9830
- let target_index;
9831
- if (position === "left") target_index = index_of_first_item_in_row;else if (position === "right") target_index = index_of_last_item_in_row - span_columns;else if (position === "center") target_index = index_of_first_item_in_row + Math.floor((cols_showing - span_columns) / 2);else throw new Error("Invalid position for content block - must be left, right or center: " + JSON.stringify(position));
9832
- // Calculate displacement of us by content blocks above us
9833
- let displacement_by_added_blocks = 0;
9834
- for (let j = 0; j < i; j++) {
9835
- const row = displaced_products[j];
9836
- if (row === undefined) continue; // there were no blocks in this row
9837
- let displaced_items_in_row;
9838
- if (typeof row === "number") displaced_items_in_row = row;else {
9839
- displaced_items_in_row = row.filter(item => item).length;
9840
- displaced_products[j] = displaced_items_in_row;
9841
- }
9842
- displacement_by_added_blocks += displaced_items_in_row;
9843
- }
9844
- const index_of_us_in_row = target_index - index_of_first_item_in_row;
9845
- for (let j = 0; j < index_of_us_in_row; j++) {
9846
- var _displaced_products$i;
9847
- if ((_displaced_products$i = displaced_products[i]) !== null && _displaced_products$i !== void 0 && _displaced_products$i[j])
9848
- // Add blocks in our *current* row to the displacement, but only the ones to our left
9849
- displacement_by_added_blocks++;
9850
- }
9851
- // Add block to output array at the correct index
9852
- const final_target_index = target_index - displacement_by_added_blocks;
9853
- const existing_block = content_blocks_by_index[final_target_index];
9854
- const block_content = block.content;
9855
- // If two blocks want to exist at the same location (can happen, for example if one block wants to be at the end of a row and the other one at the start of the next row) add an array with both
9856
- if (existing_block) {
9857
- if (constructed_block_arrays.has(existing_block))
9858
- // Only push to arrays we have created to not create funky bugs when there's an array in JSX.Element
9859
- existing_block.push(block_content);else {
9860
- const array = [existing_block, block_content];
9861
- constructed_block_arrays.add(array);
9862
- content_blocks_by_index[final_target_index] = array;
9863
- }
9864
- } else content_blocks_by_index[final_target_index] = block_content;
9865
- // Update displacement
9866
- for (let j = 0; j < span_rows; j++) {
9867
- var _ref3;
9868
- const row = displaced_products[_ref3 = i + j] || (displaced_products[_ref3] = []);
9869
- for (let k = index_of_us_in_row; k < index_of_us_in_row + span_columns; k++) row[k] = true;
9870
- }
9871
- }
9872
- return content_blocks_by_index;
9873
- });
9874
- }
9875
- /**
9876
- * Takes a store that contains an array from where index is number of row and value is the result of executing the content block rendering function.
9877
- * Then renders the content and wraps it into a div with the correct styling.
9878
- * Also caps span_columns to max available columns
9879
- */
9880
- function $ff7feae4dddd6073$var$wrap_blocks_in_div(rendered_content_blocks, max_span_columns) {
9881
- const get_wrapped_blocks = $b8hua$mapArray(() => rendered_content_blocks, block => {
9882
- if (!block) return;
9883
- const final_span_columns = $b8hua$createMemo(() => {
9884
- var _max_span_columns;
9885
- return Math.min(block.span_columns, (_max_span_columns = max_span_columns()) !== null && _max_span_columns !== void 0 ? _max_span_columns : Infinity);
9886
- });
9887
- // If the item spans an entire row, limit the height to 1 row since there's no concept of "rows" if there are no products beside the block
9888
- const final_span_rows = $b8hua$createMemo(() => final_span_columns() === max_span_columns() ? 1 : block.span_rows);
9889
- const [rendering_delayed, set_rendering_delayed_] = $b8hua$createSignal(true);
9890
- const content = $b8hua$createComponent((0, $b8hua$Show), {
9891
- get when() {
9892
- return !rendering_delayed();
9893
- },
9894
- get children() {
9895
- return $b8hua$ssr($ff7feae4dddd6073$var$_tmpl$, $b8hua$ssrHydrationKey(), "grid-column:" + "span ".concat($b8hua$escape(final_span_columns(), true)) + (";grid-row:" + "span ".concat($b8hua$escape(final_span_rows(), true))) + (";spans_columns_variable_name:" + $b8hua$escape(final_span_columns(), true)), $b8hua$escape($b8hua$createComponent($ff7feae4dddd6073$var$RenderContent, {
9896
- get content() {
9897
- return block.content;
9898
- }
9899
- })));
9900
- }
9901
- });
9902
- return $b8hua$mergeProps1(block, {
9903
- // Create content divs for the blocks with as much fine-grained diffing as possible?
9904
- content: () => {
9905
- // 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
9906
- // However, no need to count products to know if we should render: the <For> loops in Placeholders and render_displays will only call this function if there's actually a product here that wants to display this block
9907
- set_rendering_delayed_(false);
9908
- return content;
9909
- },
9910
- get span_columns() {
9911
- // Cap max width of block to the number of columns available, for everyone downstream
9912
- return final_span_columns();
9913
- },
9914
- get span_rows() {
9915
- return final_span_rows();
9916
- }
9917
- });
9918
- });
9919
- return get_wrapped_blocks;
9920
- }
9921
- /**
9922
- * Basically adds support for async content block functions and shows a rudimentary placeholder if rendering is delayed. Required due to react having a rendering delay.
9923
- */
9924
- function $ff7feae4dddd6073$var$RenderContent(props) {
9925
- const [resource] = $b8hua$createResource(() => props.content,
9926
- // Could be reactive
9927
- fn => fn());
9928
- $b8hua$createEffect(() => {
9929
- if (resource.error) console.error("Error in content block rendering", resource.error);
9930
- });
9931
- // The suspense is for when there's an async content block (which we have to support due to react having a rendering delay) so that we can show some height while it's loading (should kinda never be visible)
9932
- return $b8hua$createComponent((0, $b8hua$Suspense), {
9933
- get fallback() {
9934
- return $b8hua$createComponent((0, $3ab4aa97880fb88d$export$3f37af283f8fb843), {
9935
- width: "100%",
9936
- height: "max(100%, 400px)"
9937
- });
9938
- },
9939
- children: resource
9940
- });
9941
- }
9942
9934
  var $7faea0096f14b59b$var$_tmpl$ = ["<div", ' class="', '"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"];
9943
9935
  function $7faea0096f14b59b$export$3925f87b1545cfc6(_ref) {
9944
9936
  let {
@@ -10143,7 +10135,7 @@ function $7faea0096f14b59b$export$3925f87b1545cfc6(_ref) {
10143
10135
  } = slider;
10144
10136
  const Layout = props => $63f1f8dbcd07d3b0$export$445d8d3f5f706a40(props, insert_here, true);
10145
10137
  // Do like this, so we don't have to call mergeProps ourselves
10146
- $b8hua$createComponent(Layout, $b8hua$mergeProps(layout_options_, {
10138
+ $b8hua$createComponent(Layout, $b8hua$mergeProps1(layout_options_, {
10147
10139
  rows: "all",
10148
10140
  get cols_at_size() {
10149
10141
  return modified_cols_at_size();
@@ -10304,7 +10296,7 @@ var $79af35736fe8e5c8$var$_tmpl$ = '<path d="M6.199 10.254a.35.35 0 0 0-.496 0L3
10304
10296
  $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>';
10305
10297
  function $79af35736fe8e5c8$export$da32f7add8a22e86() {
10306
10298
  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
10307
- return $b8hua$ssrElement("svg", $b8hua$mergeProps({
10299
+ return $b8hua$ssrElement("svg", $b8hua$mergeProps1({
10308
10300
  xmlns: "http://www.w3.org/2000/svg",
10309
10301
  width: "14",
10310
10302
  height: "14",
@@ -10314,7 +10306,7 @@ function $79af35736fe8e5c8$export$da32f7add8a22e86() {
10314
10306
  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>';
10315
10307
  function $73e3c96bc365e0e9$export$d10e63059ddb9fd4() {
10316
10308
  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
10317
- return $b8hua$ssrElement("svg", $b8hua$mergeProps({
10309
+ return $b8hua$ssrElement("svg", $b8hua$mergeProps1({
10318
10310
  xmlns: "http://www.w3.org/2000/svg",
10319
10311
  width: "14",
10320
10312
  height: "14",
@@ -10430,7 +10422,7 @@ function $082c4ed3e22f8d71$export$9bf11afa910f536e(_ref) {
10430
10422
  })));
10431
10423
  },
10432
10424
  get children() {
10433
- return $b8hua$ssr($082c4ed3e22f8d71$var$_tmpl$5, $b8hua$ssrHydrationKey(), $b8hua$escape($b8hua$createComponent((0, $f6b0500577e1b210$export$3f1a388cc0d8fed7), $b8hua$mergeProps(args_for_filtering_, {
10425
+ return $b8hua$ssr($082c4ed3e22f8d71$var$_tmpl$5, $b8hua$ssrHydrationKey(), $b8hua$escape($b8hua$createComponent((0, $f6b0500577e1b210$export$3f1a388cc0d8fed7), $b8hua$mergeProps1(args_for_filtering_, {
10434
10426
  are_in_modal_: true
10435
10427
  }))));
10436
10428
  }
@@ -11026,7 +11018,7 @@ function $22470de5f42cc35d$export$f631859cab12b342(_ref) {
11026
11018
  if (content_result_) return $b8hua$ssrElement("a", attributes, () => $b8hua$escape(children), true);
11027
11019
  return $b8hua$ssrElement("div", attributes, () => $b8hua$escape(children), true);
11028
11020
  };
11029
- return $b8hua$ssr($22470de5f42cc35d$var$_tmpl$2, $b8hua$ssrHydrationKey(), $b8hua$escape($b8hua$createComponent(LinkIfPossible, $b8hua$mergeProps(make_link_attributes, {
11021
+ return $b8hua$ssr($22470de5f42cc35d$var$_tmpl$2, $b8hua$ssrHydrationKey(), $b8hua$escape($b8hua$createComponent(LinkIfPossible, $b8hua$mergeProps1(make_link_attributes, {
11030
11022
  tabIndex: "-1",
11031
11023
  get children() {
11032
11024
  return $b8hua$createComponent((0, $3c5e15c6ee4227a9$export$605674723bcc715c), {
@@ -11034,7 +11026,7 @@ function $22470de5f42cc35d$export$f631859cab12b342(_ref) {
11034
11026
  height: "28"
11035
11027
  });
11036
11028
  }
11037
- }))), $b8hua$escape($b8hua$createComponent(LinkIfPossible, $b8hua$mergeProps({
11029
+ }))), $b8hua$escape($b8hua$createComponent(LinkIfPossible, $b8hua$mergeProps1({
11038
11030
  "class": "content-title line-clamp"
11039
11031
  }, make_link_attributes, {
11040
11032
  get title() {
@@ -11192,7 +11184,7 @@ function $d53ebed6f63304e4$export$6d0c9c22f6652669(_ref) {
11192
11184
  return (0, $69602b3d8fd54c38$export$2452208c79fe93ea).content;
11193
11185
  },
11194
11186
  number_of_results_: num_results
11195
- })), $b8hua$escape($b8hua$createComponent((0, $63f1f8dbcd07d3b0$export$d21e32dfedac04be), $b8hua$mergeProps({
11187
+ })), $b8hua$escape($b8hua$createComponent((0, $63f1f8dbcd07d3b0$export$d21e32dfedac04be), $b8hua$mergeProps1({
11196
11188
  layout: "grid",
11197
11189
  element_attributes: {
11198
11190
  class: "cards"
@@ -11592,7 +11584,7 @@ function $da279c5a540c6846$export$a54ec244c8863715(_ref) {
11592
11584
  var _search_results_4, _search_results_4$con;
11593
11585
  return ((_search_results_4 = search_results_()) !== null && _search_results_4 !== void 0 && (_search_results_4$con = _search_results_4.content_search_links) !== null && _search_results_4$con !== void 0 && _search_results_4$con.length ? i18n_.no_products_ : i18n_.no_results_text_)();
11594
11586
  });
11595
- const results_for = $b8hua$createComponent((0, $69602b3d8fd54c38$export$9dd50d35b9d94fdf), $b8hua$mergeProps({
11587
+ const results_for = $b8hua$createComponent((0, $69602b3d8fd54c38$export$9dd50d35b9d94fdf), $b8hua$mergeProps1({
11596
11588
  get type() {
11597
11589
  return (0, $69602b3d8fd54c38$export$2452208c79fe93ea).products;
11598
11590
  },
@@ -13583,7 +13575,7 @@ function $4b4b262708b516ee$var$add_us_to_crumbs(plp_meta) {
13583
13575
  var _plp_meta3;
13584
13576
  const api_value = (_plp_meta3 = plp_meta()) === null || _plp_meta3 === void 0 ? void 0 : _plp_meta3.breadcrumbs;
13585
13577
  if (!api_value) return api_value;
13586
- return [...api_value, $b8hua$mergeProps1(plp_meta(), {
13578
+ return [...api_value, $b8hua$mergeProps(plp_meta(), {
13587
13579
  get page_url() {
13588
13580
  return href_accessor();
13589
13581
  }
@@ -13695,4 +13687,4 @@ function $8821a19349c36651$export$e2bf8ce7779e827e(props) {
13695
13687
  }, "Entire CategoryPage failed");
13696
13688
  }
13697
13689
  $b8hua$add_to_version_info("ui", (0, $8db9a15135765c11$export$83d89fbfd8236492));
13698
- export { $715f7f2e53146662$export$d4d96868197be50e as useMobileHover, $a35e6f680c5bbc60$export$54299a3c81f5425 as useVisibilityState, $002f09d00aac50b2$export$eaa625fb39439e37 as useSlidableInformation, $618bd53ea0a41cd4$export$80bb7300ce6a8be3 as useProductCardIsVisible, $618bd53ea0a41cd4$export$f223d69ed12f5fb7 as CurrentlyIntersectingContext, $8e8b179489080711$export$5bad61ecde080b1f as useExpandingContainerReactive, $bb34cd283e904784$export$2c9f9bf2092486aa as LooksSliderOrGrid, $22dd375b476673e2$export$44809a8a3e867e30 as LookCard, $ac571292d606f30b$export$7e1297a3a19f10d8 as PseudoRouter, $6d75ec14f537c37f$export$83bb9af5671e1dbe as promiseSafeStructuredClone, $68e6625c8d51f847$export$5162a71f252e6122 as preserve_items_in_history_dot_state, $68e6625c8d51f847$export$3064e1e8c6513da3 as prefixes_to_preserve_in_history_dot_state, $9b35d1384e31813a$export$29d28dadc2d6b631 as allowNativeNavigation, $b026fa9c9c904a98$export$1ea76ea778b880dd as modalVersionSymbol, $a604a8ffa4e4c03f$export$e417c49320921907 as createDeparallelizedNoDropResource, $01c33966d9ddb108$export$f50b88e2a00918b5 as throw_globally, $40411f2ec772c376$export$9265e66f26f8e383 as ClassicSearchModal, $06fcd2a345efd24d$export$b0c55aa2e87c4be7 as SearchModalV2, $98688279b9059f50$export$9d4a4b669b1929ab as ModernResponsiveContainedImage, $6a439680ae7e9ba3$export$3e41faf802a29e71 as Tab, $6a439680ae7e9ba3$export$b2539bed5023c21c as Tabs, $6b0fd8fd20df8ccf$export$d4973c31938cbfd1 as ShopTheLookButton, $972f6bce0f9d61be$export$e183a13865960371 as history_dot_state_to_state, $2855bffe06ef7a03$export$916e6850778505f6 as strip_encoded_filter_and_sort, $2855bffe06ef7a03$export$58aa3f171519b6d7 as encode_filters, $2855bffe06ef7a03$export$f934fa24c3a86811 as decode_filters, $2855bffe06ef7a03$export$62acb285a7579555 as encode_sorting, $2855bffe06ef7a03$export$766e9676e74997d3 as decode_sorting, $4df489344a0f97c7$export$d7b7ab832c20e2f4 as shopifyContainedImageContextSymbol, $5441862cd2f5e111$export$e68cff63f76bd15b as ListingProvider, $5441862cd2f5e111$export$8d0c4fdbb05a2f2e as useListing, $1e69163caedaab4e$export$11354f017ddc9790 as ProductCardIndexProvider, $1e69163caedaab4e$export$e3faf4d95300054f as useProductCardIndex, $4df489344a0f97c7$export$e4b984597b71e989 as ShopifyContainedImage, $002f09d00aac50b2$export$6649caad96ef8870 as SlidableItems, $fc830a7ee59416ef$export$ebdc3711f7e02ccd as make_accurate_width_accessor, $d5d7e58c5c9d8db0$export$9574e176201e5e8d as RecommendationSlider, $b432b11321ad4c97$export$9756467d34d91cdb as RecommendationGrid, $56047603f9d212b6$export$6e5611bc7e57e477 as ShopifyResponsiveImg, $56047603f9d212b6$export$e6fffe67d4cdd848 as makeSizeAccessor, $801e8845d3fa3653$export$94026ee33dbabc26 as ImageContainer, $74777e8fe65b3dcb$export$b69d0d92862de18b as SentryErrorBoundary, $74777e8fe65b3dcb$export$240ecf5363d76c0f as ExtraSentryContextProvider, $ad371564683947ab$export$6c6d7a51fa9aa15d as ExpandingDetails, $e18ab2868df26f40$export$f091cbac892643a4 as accessor_of_object_to_object_with_accessor_values, $4711a82d08d2021b$export$fecbb157621501bd as SelectedFilters, $f6b0500577e1b210$export$3f1a388cc0d8fed7 as FilterBody, $44aa24b1bb793549$export$b288c38ae3fddb56 as create_modified_filters, $63f1f8dbcd07d3b0$export$d21e32dfedac04be as SolidLayout, $63f1f8dbcd07d3b0$export$445d8d3f5f706a40 as SolidLayoutWithProvidedElement, $d5f1e6a0f9117286$export$79b1565500412d9b as general_modal_abstraction, $9783d437ad61594c$export$3b621d86b1566b2 as CrossIcon, $ca6ab5f08bd28bca$export$8be2714ec7f169ee as GenericSliderArrowButton, $50aebf5b445518eb$export$58e808b1db15d3bc as fetchDepictRecommendations, $fa332ea03168857c$export$b91cec6bdc6b32a1 as CategoryTitle, $702d7656a373973e$export$824dde41348efed1 as embedded_num_products, $160ea2b55d8772d2$export$c1a6b039e689a58e as get_listings, $f5f54892fd0c7d9f$export$f34314aa9505732e as DepictCategory, $eb064bc3350276c1$export$ac6237957a15b3f0 as DepictSearch, $eb064bc3350276c1$export$bde3eb976dfded9 as get_search_query_updating_blocked_signal, $eb064bc3350276c1$export$f2dc7e4e4aa11abb as SearchPage, $f3b7124b76123e44$export$aa14a9f43128f61f as ProductCardError, $169c13c0531d91d2$export$d86a33413558014e as open_modal_with_alignment, $5eaa00b951637e96$export$ee1733d9a8495996 as DefaultInstantCardPlaceholder, $1308a7816c3d4f2d$export$b3ad617e9036868 as align_field, $1308a7816c3d4f2d$export$3f238c96c45e6cc6 as ALIGN_TOP, $1308a7816c3d4f2d$export$902f8b4a7dae5d78 as ALIGN_WIDTH_ON_MODAL, $1308a7816c3d4f2d$export$7895aadd1956b1c7 as ALIGN_LEFT, $1308a7816c3d4f2d$export$6060bc6bee850eb6 as SET_CENTERED_LEFT, $a9c7ba6087881ac2$export$6daf8749b65a1b77 as convert_sdk_cols_at_size_to_layout, $cc64aabf2c7a1f1a$export$1233ca167bf71f9a as styles_to_valid_css_string, $e56d241d0f33d459$export$fe334901e8bebd57 as disable_scrolling, $573c007c697a1831$export$d0596b5cae35ad4 as open_search_with_shift_slash, $284849364a6ef73a$export$e015ed2f2950f2e3 as DepictAPI, $00a5b94f0c11efbb$export$d9f36cf74e24d595 as media_query_to_accessor, $e60a76195ac6d408$export$689e204eadb33baf as setup_fast_leave, $a61a2051e15c8d7a$export$5196e4c01fa56fcb as show_toast, $60ec7a29849d81db$export$a71e92cfbb498adc as SolidFormatPrice, $37e8c97bb6876197$export$828dcdd425fd3231 as connect_search_field_height_to_aligner_height, $bc2337c9a05ecd18$export$acb3eaade4b23afd as BasePlaceholder, $ceafb6fb91c6f394$export$89c6019e4baa40b1 as TextPlaceholder, $3ab4aa97880fb88d$export$3f37af283f8fb843 as ImagePlaceholder, $f9fd3017c20b774a$export$3ccaa27d81dd8556 as PageReplacer, $d399250dfa491636$export$864d304a0bc46829 as defaultGridSpacing, $d399250dfa491636$export$c3834fa86c616831 as defaultColsAtSize, $d399250dfa491636$export$7bf543b9d9be2c22 as defaultCategoryTitlePlugin, $8db9a15135765c11$export$83d89fbfd8236492 as version, $a3026fb727bc7550$export$316f6f283ae64765 as SearchField, $62a8813a51fbd22f$export$5b7c3ce0ebe51f86 as BreadCrumbs, $62a8813a51fbd22f$export$de035477d6fef996 as QuickLinks, $8821a19349c36651$export$e2bf8ce7779e827e as CategoryPage };
13690
+ export { $ff7feae4dddd6073$export$92aa5d691d588f3f as remap_blocks_to_index, $715f7f2e53146662$export$d4d96868197be50e as useMobileHover, $a35e6f680c5bbc60$export$54299a3c81f5425 as useVisibilityState, $002f09d00aac50b2$export$eaa625fb39439e37 as useSlidableInformation, $618bd53ea0a41cd4$export$80bb7300ce6a8be3 as useProductCardIsVisible, $618bd53ea0a41cd4$export$f223d69ed12f5fb7 as CurrentlyIntersectingContext, $8e8b179489080711$export$5bad61ecde080b1f as useExpandingContainerReactive, $bb34cd283e904784$export$2c9f9bf2092486aa as LooksSliderOrGrid, $22dd375b476673e2$export$44809a8a3e867e30 as LookCard, $ac571292d606f30b$export$7e1297a3a19f10d8 as PseudoRouter, $6d75ec14f537c37f$export$83bb9af5671e1dbe as promiseSafeStructuredClone, $68e6625c8d51f847$export$5162a71f252e6122 as preserve_items_in_history_dot_state, $68e6625c8d51f847$export$3064e1e8c6513da3 as prefixes_to_preserve_in_history_dot_state, $9b35d1384e31813a$export$29d28dadc2d6b631 as allowNativeNavigation, $b026fa9c9c904a98$export$1ea76ea778b880dd as modalVersionSymbol, $a604a8ffa4e4c03f$export$e417c49320921907 as createDeparallelizedNoDropResource, $01c33966d9ddb108$export$f50b88e2a00918b5 as throw_globally, $40411f2ec772c376$export$9265e66f26f8e383 as ClassicSearchModal, $06fcd2a345efd24d$export$b0c55aa2e87c4be7 as SearchModalV2, $98688279b9059f50$export$9d4a4b669b1929ab as ModernResponsiveContainedImage, $6a439680ae7e9ba3$export$3e41faf802a29e71 as Tab, $6a439680ae7e9ba3$export$b2539bed5023c21c as Tabs, $6b0fd8fd20df8ccf$export$d4973c31938cbfd1 as ShopTheLookButton, $972f6bce0f9d61be$export$e183a13865960371 as history_dot_state_to_state, $2855bffe06ef7a03$export$916e6850778505f6 as strip_encoded_filter_and_sort, $2855bffe06ef7a03$export$58aa3f171519b6d7 as encode_filters, $2855bffe06ef7a03$export$f934fa24c3a86811 as decode_filters, $2855bffe06ef7a03$export$62acb285a7579555 as encode_sorting, $2855bffe06ef7a03$export$766e9676e74997d3 as decode_sorting, $4df489344a0f97c7$export$d7b7ab832c20e2f4 as shopifyContainedImageContextSymbol, $5441862cd2f5e111$export$e68cff63f76bd15b as ListingProvider, $5441862cd2f5e111$export$8d0c4fdbb05a2f2e as useListing, $1e69163caedaab4e$export$11354f017ddc9790 as ProductCardIndexProvider, $1e69163caedaab4e$export$e3faf4d95300054f as useProductCardIndex, $4df489344a0f97c7$export$e4b984597b71e989 as ShopifyContainedImage, $002f09d00aac50b2$export$6649caad96ef8870 as SlidableItems, $fc830a7ee59416ef$export$ebdc3711f7e02ccd as make_accurate_width_accessor, $d5d7e58c5c9d8db0$export$9574e176201e5e8d as RecommendationSlider, $b432b11321ad4c97$export$9756467d34d91cdb as RecommendationGrid, $56047603f9d212b6$export$6e5611bc7e57e477 as ShopifyResponsiveImg, $56047603f9d212b6$export$e6fffe67d4cdd848 as makeSizeAccessor, $801e8845d3fa3653$export$94026ee33dbabc26 as ImageContainer, $74777e8fe65b3dcb$export$b69d0d92862de18b as SentryErrorBoundary, $74777e8fe65b3dcb$export$240ecf5363d76c0f as ExtraSentryContextProvider, $ad371564683947ab$export$6c6d7a51fa9aa15d as ExpandingDetails, $e18ab2868df26f40$export$f091cbac892643a4 as accessor_of_object_to_object_with_accessor_values, $4711a82d08d2021b$export$fecbb157621501bd as SelectedFilters, $f6b0500577e1b210$export$3f1a388cc0d8fed7 as FilterBody, $44aa24b1bb793549$export$b288c38ae3fddb56 as create_modified_filters, $63f1f8dbcd07d3b0$export$d21e32dfedac04be as SolidLayout, $63f1f8dbcd07d3b0$export$445d8d3f5f706a40 as SolidLayoutWithProvidedElement, $d5f1e6a0f9117286$export$79b1565500412d9b as general_modal_abstraction, $9783d437ad61594c$export$3b621d86b1566b2 as CrossIcon, $ca6ab5f08bd28bca$export$8be2714ec7f169ee as GenericSliderArrowButton, $50aebf5b445518eb$export$58e808b1db15d3bc as fetchDepictRecommendations, $fa332ea03168857c$export$b91cec6bdc6b32a1 as CategoryTitle, $702d7656a373973e$export$824dde41348efed1 as embedded_num_products, $160ea2b55d8772d2$export$c1a6b039e689a58e as get_listings, $f5f54892fd0c7d9f$export$f34314aa9505732e as DepictCategory, $eb064bc3350276c1$export$ac6237957a15b3f0 as DepictSearch, $eb064bc3350276c1$export$bde3eb976dfded9 as get_search_query_updating_blocked_signal, $eb064bc3350276c1$export$f2dc7e4e4aa11abb as SearchPage, $f3b7124b76123e44$export$aa14a9f43128f61f as ProductCardError, $169c13c0531d91d2$export$d86a33413558014e as open_modal_with_alignment, $5eaa00b951637e96$export$ee1733d9a8495996 as DefaultInstantCardPlaceholder, $1308a7816c3d4f2d$export$b3ad617e9036868 as align_field, $1308a7816c3d4f2d$export$3f238c96c45e6cc6 as ALIGN_TOP, $1308a7816c3d4f2d$export$902f8b4a7dae5d78 as ALIGN_WIDTH_ON_MODAL, $1308a7816c3d4f2d$export$7895aadd1956b1c7 as ALIGN_LEFT, $1308a7816c3d4f2d$export$6060bc6bee850eb6 as SET_CENTERED_LEFT, $a9c7ba6087881ac2$export$6daf8749b65a1b77 as convert_sdk_cols_at_size_to_layout, $cc64aabf2c7a1f1a$export$1233ca167bf71f9a as styles_to_valid_css_string, $e56d241d0f33d459$export$fe334901e8bebd57 as disable_scrolling, $573c007c697a1831$export$d0596b5cae35ad4 as open_search_with_shift_slash, $284849364a6ef73a$export$e015ed2f2950f2e3 as DepictAPI, $00a5b94f0c11efbb$export$d9f36cf74e24d595 as media_query_to_accessor, $e60a76195ac6d408$export$689e204eadb33baf as setup_fast_leave, $a61a2051e15c8d7a$export$5196e4c01fa56fcb as show_toast, $60ec7a29849d81db$export$a71e92cfbb498adc as SolidFormatPrice, $37e8c97bb6876197$export$828dcdd425fd3231 as connect_search_field_height_to_aligner_height, $bc2337c9a05ecd18$export$acb3eaade4b23afd as BasePlaceholder, $ceafb6fb91c6f394$export$89c6019e4baa40b1 as TextPlaceholder, $3ab4aa97880fb88d$export$3f37af283f8fb843 as ImagePlaceholder, $f9fd3017c20b774a$export$3ccaa27d81dd8556 as PageReplacer, $d399250dfa491636$export$864d304a0bc46829 as defaultGridSpacing, $d399250dfa491636$export$c3834fa86c616831 as defaultColsAtSize, $d399250dfa491636$export$7bf543b9d9be2c22 as defaultCategoryTitlePlugin, $8db9a15135765c11$export$83d89fbfd8236492 as version, $a3026fb727bc7550$export$316f6f283ae64765 as SearchField, $62a8813a51fbd22f$export$5b7c3ce0ebe51f86 as BreadCrumbs, $62a8813a51fbd22f$export$de035477d6fef996 as QuickLinks, $8821a19349c36651$export$e2bf8ce7779e827e as CategoryPage };