@depict-ai/ui 4.3.5 → 4.3.6

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 CHANGED
@@ -100,7 +100,7 @@ $parcel$export(module.exports, "BreadCrumbs", () => $335c02c1241a9ca8$export$5b7
100
100
  $parcel$export(module.exports, "QuickLinks", () => $335c02c1241a9ca8$export$de035477d6fef996);
101
101
  $parcel$export(module.exports, "CategoryPage", () => $c10e33c4681f8c9b$export$e2bf8ce7779e827e);
102
102
  /*! Depict.ai search and product listing SDK */
103
- const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.3.5";
103
+ const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.3.6";
104
104
  const $5401a6698b0c0658$var$transform_elements = sorted_cols_at_size => {
105
105
  const cols_at_size = [];
106
106
  for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -2048,7 +2048,7 @@ function $2c920813c92d6987$export$7da560f849543dff(_ref) {
2048
2048
  children: elements
2049
2049
  });
2050
2050
  }
2051
- var $e57cd46536ad992e$var$_tmpl$ = /*#__PURE__*/$52FdA$solidjsweb.template(`<div class="depict recommendations looks"style=--animation-duration:240ms>`);
2051
+ var $e57cd46536ad992e$var$_tmpl$ = /*#__PURE__*/$52FdA$solidjsweb.template(`<div style=--animation-duration:240ms>`);
2052
2052
  let $e57cd46536ad992e$var$expandedLooksSignal_;
2053
2053
  function $e57cd46536ad992e$export$2c9f9bf2092486aa(props) {
2054
2054
  return $d05611ff6b8c8357$export$23fca46f3143581f(() => {
@@ -2131,11 +2131,21 @@ function $e57cd46536ad992e$export$2c9f9bf2092486aa(props) {
2131
2131
  return $52FdA$solidjsweb.createComponent((0, $236a257ee52e5414$export$d41d19e89346fa2), sharedOptions);
2132
2132
  },
2133
2133
  get children() {
2134
- return $52FdA$solidjsweb.createComponent((0, $2c920813c92d6987$export$7da560f849543dff), $52FdA$solidjsweb.mergeProps(sharedOptions, () => props.gridOptions_));
2134
+ return $52FdA$solidjsweb.createComponent((0, $2c920813c92d6987$export$7da560f849543dff), $52FdA$solidjsweb.mergeProps(sharedOptions, {
2135
+ view_more_button_: () => {
2136
+ var _props$gridOptions_;
2137
+ return (_props$gridOptions_ = props.gridOptions_) === null || _props$gridOptions_ === void 0 ? void 0 : _props$gridOptions_.view_more_button;
2138
+ },
2139
+ max_rows_: () => {
2140
+ var _props$gridOptions_2;
2141
+ return (_props$gridOptions_2 = props.gridOptions_) === null || _props$gridOptions_2 === void 0 ? void 0 : _props$gridOptions_2.max_rows;
2142
+ }
2143
+ }));
2135
2144
  }
2136
2145
  });
2137
2146
  }
2138
2147
  }));
2148
+ $52FdA$solidjsweb.effect(() => $52FdA$solidjsweb.className(_el$, "depict recommendations looks".concat(props.class_ ? " ".concat(props.class_) : "")));
2139
2149
  return _el$;
2140
2150
  })();
2141
2151
  }, "LookSlider failed");
package/ES10/index.d.ts CHANGED
@@ -10,7 +10,7 @@ import { ProductListingRequestV3 } from "@depict-ai/types/api/ProductListingRequ
10
10
  import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
11
11
  import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
12
12
  import { SearchFilter as _SearchFilter3 } from "@depict-ai/types/api/SearchRequestV2";
13
- export const version = "4.3.5";
13
+ export const version = "4.3.6";
14
14
  declare const LISTING_ID = "listingId";
15
15
  declare const EXTERNAL_ID = "externalId";
16
16
  type ScrollRestorationData = {
@@ -873,6 +873,7 @@ export function LooksSlider(props: {
873
873
  locale_: string;
874
874
  imagePlaceholderAspectRatio_: number | string;
875
875
  title_?: JSX.Element;
876
+ class_: string;
876
877
  FavoriteButton_?: (props: {
877
878
  display_: Accessor<ModernDisplay | null | undefined>;
878
879
  }) => JSX.Element;
package/ES10/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { add_to_version_info as $8tj43$add_to_version_info, fetch_retry as $8tj43$fetch_retry, base_url as $8tj43$base_url, dwarn as $8tj43$dwarn, slider_fractional_factory as $8tj43$slider_fractional_factory, dlog as $8tj43$dlog, camelCasifyObject as $8tj43$camelCasifyObject, make_random_classname as $8tj43$make_random_classname, n_col_styling_with_dist as $8tj43$n_col_styling_with_dist, catchify as $8tj43$catchify, layout_get_visible_recs_without_partial_rows as $8tj43$layout_get_visible_recs_without_partial_rows, layout_get_total_rec_amount_for_row as $8tj43$layout_get_total_rec_amount_for_row, layout_media_query_header as $8tj43$layout_media_query_header, report as $8tj43$report, slider_fading_factory as $8tj43$slider_fading_factory, Amazing_Slider as $8tj43$Amazing_Slider, slider_snap_css as $8tj43$slider_snap_css, observer as $8tj43$observer, javascript_media_query as $8tj43$javascript_media_query, queueMacroTask as $8tj43$queueMacroTask, findMostFrequentItem as $8tj43$findMostFrequentItem, standard_price_format as $8tj43$standard_price_format, instant_exec_on_suspect_history_change as $8tj43$instant_exec_on_suspect_history_change, deparallelize_no_drop as $8tj43$deparallelize_no_drop, ContainedImage as $8tj43$ContainedImage, buildThresholdList as $8tj43$buildThresholdList, make_asyncIterable_exiter as $8tj43$make_asyncIterable_exiter, href_change_ipns as $8tj43$href_change_ipns, base64_encode_unicode as $8tj43$base64_encode_unicode, base64_decode_unicode as $8tj43$base64_decode_unicode, use_href_accessor as $8tj43$use_href_accessor, get_session_id as $8tj43$get_session_id, add_version_query_params as $8tj43$add_version_query_params, useExpandingContainer as $8tj43$useExpandingContainer, hex_to_rgb as $8tj43$hex_to_rgb, relative_luminance_from_rgb as $8tj43$relative_luminance_from_rgb, snakeCasifyObject as $8tj43$snakeCasifyObject, make_url_with_query_params as $8tj43$make_url_with_query_params, sort_obj as $8tj43$sort_obj, ListenableSet as $8tj43$ListenableSet1, insert_surfaces as $8tj43$insert_surfaces, is_debug as $8tj43$is_debug } from "@depict-ai/utilishared/ES10";
2
- import { template as $8tj43$template, getNextElement as $8tj43$getNextElement, insert as $8tj43$insert, createComponent as $8tj43$createComponent, mergeProps as $8tj43$mergeProps, isServer as $8tj43$isServer, spread as $8tj43$spread, runHydrationEvents as $8tj43$runHydrationEvents, addEventListener as $8tj43$addEventListener, className as $8tj43$className, memo as $8tj43$memo, delegateEvents as $8tj43$delegateEvents, getNextMarker as $8tj43$getNextMarker, effect as $8tj43$effect, classList as $8tj43$classList, setAttribute as $8tj43$setAttribute, style as $8tj43$style, use as $8tj43$use, setProperty as $8tj43$setProperty, Dynamic as $8tj43$Dynamic } from "solid-js/web";
2
+ import { template as $8tj43$template, getNextElement as $8tj43$getNextElement, insert as $8tj43$insert, createComponent as $8tj43$createComponent, mergeProps as $8tj43$mergeProps, effect as $8tj43$effect, className as $8tj43$className, isServer as $8tj43$isServer, spread as $8tj43$spread, runHydrationEvents as $8tj43$runHydrationEvents, addEventListener as $8tj43$addEventListener, memo as $8tj43$memo, delegateEvents as $8tj43$delegateEvents, getNextMarker as $8tj43$getNextMarker, classList as $8tj43$classList, setAttribute as $8tj43$setAttribute, style as $8tj43$style, use as $8tj43$use, setProperty as $8tj43$setProperty, Dynamic as $8tj43$Dynamic } from "solid-js/web";
3
3
  import { createSignal as $8tj43$createSignal, createMemo as $8tj43$createMemo, createResource as $8tj43$createResource, createEffect as $8tj43$createEffect, Show as $8tj43$Show, mergeProps as $8tj43$mergeProps1, Suspense as $8tj43$Suspense, untrack as $8tj43$untrack, createRenderEffect as $8tj43$createRenderEffect, Index as $8tj43$Index, createRoot as $8tj43$createRoot, onCleanup as $8tj43$onCleanup, For as $8tj43$For, getOwner as $8tj43$getOwner, runWithOwner as $8tj43$runWithOwner, createContext as $8tj43$createContext, useContext as $8tj43$useContext, createUniqueId as $8tj43$createUniqueId, createComputed as $8tj43$createComputed, ErrorBoundary as $8tj43$ErrorBoundary, splitProps as $8tj43$splitProps, on as $8tj43$on, batch as $8tj43$batch, createSelector as $8tj43$createSelector, children as $8tj43$children, createReaction as $8tj43$createReaction, mapArray as $8tj43$mapArray } from "solid-js";
4
4
  import $8tj43$babelruntimehelpersdefineProperty from "@babel/runtime/helpers/defineProperty";
5
5
  import { ListenableSet as $8tj43$ListenableSet, catchify as $8tj43$catchify1, use_href_accessor as $8tj43$use_href_accessor1, report as $8tj43$report1 } from "@depict-ai/utilishared/ES10";
@@ -10,7 +10,7 @@ import { createStore as $8tj43$createStore, reconcile as $8tj43$reconcile } from
10
10
  /*! Depict.ai search and product listing SDK */
11
11
  import { register_es_version } from "../multi_import_deduplicator.mjs";
12
12
  register_es_version("ui", "ES10");
13
- const $8db9a15135765c11$export$83d89fbfd8236492 = "4.3.5";
13
+ const $8db9a15135765c11$export$83d89fbfd8236492 = "4.3.6";
14
14
  const $a9c7ba6087881ac2$var$transform_elements = sorted_cols_at_size => {
15
15
  const cols_at_size = [];
16
16
  for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -1958,7 +1958,7 @@ function $e3efeb558d952696$export$7da560f849543dff(_ref) {
1958
1958
  children: elements
1959
1959
  });
1960
1960
  }
1961
- var $bb34cd283e904784$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class="depict recommendations looks"style=--animation-duration:240ms>`);
1961
+ var $bb34cd283e904784$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div style=--animation-duration:240ms>`);
1962
1962
  let $bb34cd283e904784$var$expandedLooksSignal_;
1963
1963
  function $bb34cd283e904784$export$2c9f9bf2092486aa(props) {
1964
1964
  return $83e8cf2c0b87a58a$export$23fca46f3143581f(() => {
@@ -2041,11 +2041,21 @@ function $bb34cd283e904784$export$2c9f9bf2092486aa(props) {
2041
2041
  return $8tj43$createComponent((0, $39ddb986053fb759$export$d41d19e89346fa2), sharedOptions);
2042
2042
  },
2043
2043
  get children() {
2044
- return $8tj43$createComponent((0, $e3efeb558d952696$export$7da560f849543dff), $8tj43$mergeProps(sharedOptions, () => props.gridOptions_));
2044
+ return $8tj43$createComponent((0, $e3efeb558d952696$export$7da560f849543dff), $8tj43$mergeProps(sharedOptions, {
2045
+ view_more_button_: () => {
2046
+ var _props$gridOptions_;
2047
+ return (_props$gridOptions_ = props.gridOptions_) === null || _props$gridOptions_ === void 0 ? void 0 : _props$gridOptions_.view_more_button;
2048
+ },
2049
+ max_rows_: () => {
2050
+ var _props$gridOptions_2;
2051
+ return (_props$gridOptions_2 = props.gridOptions_) === null || _props$gridOptions_2 === void 0 ? void 0 : _props$gridOptions_2.max_rows;
2052
+ }
2053
+ }));
2045
2054
  }
2046
2055
  });
2047
2056
  }
2048
2057
  }));
2058
+ $8tj43$effect(() => $8tj43$className(_el$, "depict recommendations looks".concat(props.class_ ? " ".concat(props.class_) : "")));
2049
2059
  return _el$;
2050
2060
  })();
2051
2061
  }, "LookSlider failed");
package/latest/index.cjs CHANGED
@@ -94,7 +94,7 @@ $parcel$export(module.exports, "BreadCrumbs", () => $1f4925833f07df29$export$5b7
94
94
  $parcel$export(module.exports, "QuickLinks", () => $1f4925833f07df29$export$de035477d6fef996);
95
95
  $parcel$export(module.exports, "CategoryPage", () => $14f289047713d67a$export$e2bf8ce7779e827e);
96
96
  /*! Depict.ai search and product listing SDK */
97
- const $b757f75811f3261f$export$83d89fbfd8236492 = "4.3.5";
97
+ const $b757f75811f3261f$export$83d89fbfd8236492 = "4.3.6";
98
98
  const $4e04be41243c3d80$var$transform_elements = sorted_cols_at_size => {
99
99
  const cols_at_size = [];
100
100
  for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -1945,7 +1945,7 @@ function $b8e79813f4f7ebe4$export$7da560f849543dff({
1945
1945
  children: elements
1946
1946
  });
1947
1947
  }
1948
- var $a3bbfa5fdaa39f3a$var$_tmpl$ = /*#__PURE__*/$gVhhF$solidjsweb.template(`<div class="depict recommendations looks"style=--animation-duration:240ms>`);
1948
+ var $a3bbfa5fdaa39f3a$var$_tmpl$ = /*#__PURE__*/$gVhhF$solidjsweb.template(`<div style=--animation-duration:240ms>`);
1949
1949
  let $a3bbfa5fdaa39f3a$var$expandedLooksSignal_;
1950
1950
  function $a3bbfa5fdaa39f3a$export$2c9f9bf2092486aa(props) {
1951
1951
  return $95837413165cc2df$export$23fca46f3143581f(() => {
@@ -2026,11 +2026,15 @@ function $a3bbfa5fdaa39f3a$export$2c9f9bf2092486aa(props) {
2026
2026
  return $gVhhF$solidjsweb.createComponent((0, $363ce4d1d71041aa$export$d41d19e89346fa2), sharedOptions);
2027
2027
  },
2028
2028
  get children() {
2029
- return $gVhhF$solidjsweb.createComponent((0, $b8e79813f4f7ebe4$export$7da560f849543dff), $gVhhF$solidjsweb.mergeProps(sharedOptions, () => props.gridOptions_));
2029
+ return $gVhhF$solidjsweb.createComponent((0, $b8e79813f4f7ebe4$export$7da560f849543dff), $gVhhF$solidjsweb.mergeProps(sharedOptions, {
2030
+ view_more_button_: () => props.gridOptions_?.view_more_button,
2031
+ max_rows_: () => props.gridOptions_?.max_rows
2032
+ }));
2030
2033
  }
2031
2034
  });
2032
2035
  }
2033
2036
  }));
2037
+ $gVhhF$solidjsweb.effect(() => $gVhhF$solidjsweb.className(_el$, `depict recommendations looks${props.class_ ? ` ${props.class_}` : ""}`));
2034
2038
  return _el$;
2035
2039
  })();
2036
2040
  }, "LookSlider failed");
package/latest/index.d.ts CHANGED
@@ -10,7 +10,7 @@ import { ProductListingRequestV3 } from "@depict-ai/types/api/ProductListingRequ
10
10
  import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
11
11
  import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
12
12
  import { SearchFilter as _SearchFilter3 } from "@depict-ai/types/api/SearchRequestV2";
13
- export const version = "4.3.5";
13
+ export const version = "4.3.6";
14
14
  declare const LISTING_ID = "listingId";
15
15
  declare const EXTERNAL_ID = "externalId";
16
16
  type ScrollRestorationData = {
@@ -873,6 +873,7 @@ export function LooksSlider(props: {
873
873
  locale_: string;
874
874
  imagePlaceholderAspectRatio_: number | string;
875
875
  title_?: JSX.Element;
876
+ class_: string;
876
877
  FavoriteButton_?: (props: {
877
878
  display_: Accessor<ModernDisplay | null | undefined>;
878
879
  }) => JSX.Element;
package/latest/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { add_to_version_info as $9HbP8$add_to_version_info, fetch_retry as $9HbP8$fetch_retry, base_url as $9HbP8$base_url, dwarn as $9HbP8$dwarn, slider_fractional_factory as $9HbP8$slider_fractional_factory, dlog as $9HbP8$dlog, camelCasifyObject as $9HbP8$camelCasifyObject, make_random_classname as $9HbP8$make_random_classname, n_col_styling_with_dist as $9HbP8$n_col_styling_with_dist, catchify as $9HbP8$catchify, layout_get_visible_recs_without_partial_rows as $9HbP8$layout_get_visible_recs_without_partial_rows, layout_get_total_rec_amount_for_row as $9HbP8$layout_get_total_rec_amount_for_row, layout_media_query_header as $9HbP8$layout_media_query_header, report as $9HbP8$report, slider_fading_factory as $9HbP8$slider_fading_factory, Amazing_Slider as $9HbP8$Amazing_Slider, slider_snap_css as $9HbP8$slider_snap_css, observer as $9HbP8$observer, javascript_media_query as $9HbP8$javascript_media_query, queueMacroTask as $9HbP8$queueMacroTask, findMostFrequentItem as $9HbP8$findMostFrequentItem, standard_price_format as $9HbP8$standard_price_format, instant_exec_on_suspect_history_change as $9HbP8$instant_exec_on_suspect_history_change, deparallelize_no_drop as $9HbP8$deparallelize_no_drop, ContainedImage as $9HbP8$ContainedImage, buildThresholdList as $9HbP8$buildThresholdList, make_asyncIterable_exiter as $9HbP8$make_asyncIterable_exiter, href_change_ipns as $9HbP8$href_change_ipns, base64_encode_unicode as $9HbP8$base64_encode_unicode, base64_decode_unicode as $9HbP8$base64_decode_unicode, use_href_accessor as $9HbP8$use_href_accessor, get_session_id as $9HbP8$get_session_id, add_version_query_params as $9HbP8$add_version_query_params, useExpandingContainer as $9HbP8$useExpandingContainer, hex_to_rgb as $9HbP8$hex_to_rgb, relative_luminance_from_rgb as $9HbP8$relative_luminance_from_rgb, snakeCasifyObject as $9HbP8$snakeCasifyObject, sort_obj as $9HbP8$sort_obj, make_url_with_query_params as $9HbP8$make_url_with_query_params, ListenableSet as $9HbP8$ListenableSet1, insert_surfaces as $9HbP8$insert_surfaces, is_debug as $9HbP8$is_debug } from "@depict-ai/utilishared/latest";
2
- import { template as $9HbP8$template, getNextElement as $9HbP8$getNextElement, insert as $9HbP8$insert, createComponent as $9HbP8$createComponent, mergeProps as $9HbP8$mergeProps, isServer as $9HbP8$isServer, spread as $9HbP8$spread, runHydrationEvents as $9HbP8$runHydrationEvents, addEventListener as $9HbP8$addEventListener, className as $9HbP8$className, memo as $9HbP8$memo, delegateEvents as $9HbP8$delegateEvents, getNextMarker as $9HbP8$getNextMarker, effect as $9HbP8$effect, classList as $9HbP8$classList, setAttribute as $9HbP8$setAttribute, style as $9HbP8$style, use as $9HbP8$use, setProperty as $9HbP8$setProperty, Dynamic as $9HbP8$Dynamic } from "solid-js/web";
2
+ import { template as $9HbP8$template, getNextElement as $9HbP8$getNextElement, insert as $9HbP8$insert, createComponent as $9HbP8$createComponent, mergeProps as $9HbP8$mergeProps, effect as $9HbP8$effect, className as $9HbP8$className, isServer as $9HbP8$isServer, spread as $9HbP8$spread, runHydrationEvents as $9HbP8$runHydrationEvents, addEventListener as $9HbP8$addEventListener, memo as $9HbP8$memo, delegateEvents as $9HbP8$delegateEvents, getNextMarker as $9HbP8$getNextMarker, classList as $9HbP8$classList, setAttribute as $9HbP8$setAttribute, style as $9HbP8$style, use as $9HbP8$use, setProperty as $9HbP8$setProperty, Dynamic as $9HbP8$Dynamic } from "solid-js/web";
3
3
  import { createSignal as $9HbP8$createSignal, createMemo as $9HbP8$createMemo, createResource as $9HbP8$createResource, createEffect as $9HbP8$createEffect, Show as $9HbP8$Show, mergeProps as $9HbP8$mergeProps1, Suspense as $9HbP8$Suspense, untrack as $9HbP8$untrack, createRenderEffect as $9HbP8$createRenderEffect, Index as $9HbP8$Index, createRoot as $9HbP8$createRoot, onCleanup as $9HbP8$onCleanup, For as $9HbP8$For, getOwner as $9HbP8$getOwner, runWithOwner as $9HbP8$runWithOwner, createContext as $9HbP8$createContext, useContext as $9HbP8$useContext, createUniqueId as $9HbP8$createUniqueId, createComputed as $9HbP8$createComputed, ErrorBoundary as $9HbP8$ErrorBoundary, splitProps as $9HbP8$splitProps, on as $9HbP8$on, batch as $9HbP8$batch, createSelector as $9HbP8$createSelector, children as $9HbP8$children, createReaction as $9HbP8$createReaction, mapArray as $9HbP8$mapArray } from "solid-js";
4
4
  import { ListenableSet as $9HbP8$ListenableSet, catchify as $9HbP8$catchify1, use_href_accessor as $9HbP8$use_href_accessor1, report as $9HbP8$report1 } from "@depict-ai/utilishared/latest";
5
5
  import { createStore as $9HbP8$createStore, reconcile as $9HbP8$reconcile } from "solid-js/store";
@@ -7,7 +7,7 @@ import { createStore as $9HbP8$createStore, reconcile as $9HbP8$reconcile } from
7
7
  /*! Depict.ai search and product listing SDK */
8
8
  import { register_es_version } from "../multi_import_deduplicator.mjs";
9
9
  register_es_version("ui", "latest");
10
- const $ec291e0010116877$export$83d89fbfd8236492 = "4.3.5";
10
+ const $ec291e0010116877$export$83d89fbfd8236492 = "4.3.6";
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++) {
@@ -1858,7 +1858,7 @@ function $3da8afe3ed57cf34$export$7da560f849543dff({
1858
1858
  children: elements
1859
1859
  });
1860
1860
  }
1861
- var $07ef910e8ef6b783$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div class="depict recommendations looks"style=--animation-duration:240ms>`);
1861
+ var $07ef910e8ef6b783$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div style=--animation-duration:240ms>`);
1862
1862
  let $07ef910e8ef6b783$var$expandedLooksSignal_;
1863
1863
  function $07ef910e8ef6b783$export$2c9f9bf2092486aa(props) {
1864
1864
  return $16b52438165aafe2$export$23fca46f3143581f(() => {
@@ -1939,11 +1939,15 @@ function $07ef910e8ef6b783$export$2c9f9bf2092486aa(props) {
1939
1939
  return $9HbP8$createComponent((0, $c4492d24952ed731$export$d41d19e89346fa2), sharedOptions);
1940
1940
  },
1941
1941
  get children() {
1942
- return $9HbP8$createComponent((0, $3da8afe3ed57cf34$export$7da560f849543dff), $9HbP8$mergeProps(sharedOptions, () => props.gridOptions_));
1942
+ return $9HbP8$createComponent((0, $3da8afe3ed57cf34$export$7da560f849543dff), $9HbP8$mergeProps(sharedOptions, {
1943
+ view_more_button_: () => props.gridOptions_?.view_more_button,
1944
+ max_rows_: () => props.gridOptions_?.max_rows
1945
+ }));
1943
1946
  }
1944
1947
  });
1945
1948
  }
1946
1949
  }));
1950
+ $9HbP8$effect(() => $9HbP8$className(_el$, `depict recommendations looks${props.class_ ? ` ${props.class_}` : ""}`));
1947
1951
  return _el$;
1948
1952
  })();
1949
1953
  }, "LookSlider failed");
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@depict-ai/ui",
3
- "version": "4.3.5",
3
+ "version": "4.3.6",
4
4
  "description": "Base package containing the actual UI of Depict UI along with translations, with a not-simplified API. We recommend using @depict-ai/js-ui or @depict-ai/react-ui instead.",
5
5
  "packageManager": "yarn@3.2.2",
6
6
  "sass": "styles.scss",
@@ -236,9 +236,9 @@
236
236
  "@babel/plugin-transform-typescript": "^7.22.9",
237
237
  "@babel/runtime": "latest",
238
238
  "@babel/runtime-corejs3": "^7.22.6",
239
- "@depict-ai/plp-styling": "^3.3.1",
240
- "@depict-ai/types": "^5.1.1",
241
- "@depict-ai/utilishared": "^2.1.1",
239
+ "@depict-ai/plp-styling": "^4.0.1",
240
+ "@depict-ai/types": "^5.1.2",
241
+ "@depict-ai/utilishared": "^2.1.2",
242
242
  "solid-js": "^1.8.12"
243
243
  },
244
244
  "type": "module",
@@ -100,7 +100,7 @@ $parcel$export(module.exports, "BreadCrumbs", () => $335c02c1241a9ca8$export$5b7
100
100
  $parcel$export(module.exports, "QuickLinks", () => $335c02c1241a9ca8$export$de035477d6fef996);
101
101
  $parcel$export(module.exports, "CategoryPage", () => $c10e33c4681f8c9b$export$e2bf8ce7779e827e);
102
102
  /*! Depict.ai search and product listing SDK */
103
- const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.3.5";
103
+ const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.3.6";
104
104
  const $5401a6698b0c0658$var$transform_elements = sorted_cols_at_size => {
105
105
  const cols_at_size = [];
106
106
  for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -1803,7 +1803,7 @@ function $2c920813c92d6987$export$7da560f849543dff(_ref) {
1803
1803
  children: elements
1804
1804
  });
1805
1805
  }
1806
- var $e57cd46536ad992e$var$_tmpl$ = ["<div", ' class="depict recommendations looks" style="', '">', "</div>"];
1806
+ var $e57cd46536ad992e$var$_tmpl$ = ["<div", ' class="', '" style="', '">', "</div>"];
1807
1807
  let $e57cd46536ad992e$var$expandedLooksSignal_;
1808
1808
  function $e57cd46536ad992e$export$2c9f9bf2092486aa(props) {
1809
1809
  return $d05611ff6b8c8357$export$23fca46f3143581f(() => {
@@ -1874,7 +1874,7 @@ function $e57cd46536ad992e$export$2c9f9bf2092486aa(props) {
1874
1874
  } = props;
1875
1875
  if (onNavigation_) pseudoRouter.on_navigation_ = onNavigation_;
1876
1876
  });
1877
- return $3hooq$solidjsweb.ssr($e57cd46536ad992e$var$_tmpl$, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.ssrStyle("--animation-duration: ".concat(expandingAnimationDuration, "ms")), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $d067f3a30f047b41$export$e68cff63f76bd15b), {
1877
+ return $3hooq$solidjsweb.ssr($e57cd46536ad992e$var$_tmpl$, $3hooq$solidjsweb.ssrHydrationKey(), "depict recommendations looks".concat(props.class_ ? " ".concat($3hooq$solidjsweb.escape(props.class_, true)) : ""), $3hooq$solidjsweb.ssrStyle("--animation-duration: ".concat(expandingAnimationDuration, "ms")), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $d067f3a30f047b41$export$e68cff63f76bd15b), {
1878
1878
  get children() {
1879
1879
  return $3hooq$solidjsweb.createComponent((0, $3hooq$solidjs.Show), {
1880
1880
  get when() {
@@ -1884,7 +1884,16 @@ function $e57cd46536ad992e$export$2c9f9bf2092486aa(props) {
1884
1884
  return $3hooq$solidjsweb.createComponent((0, $236a257ee52e5414$export$d41d19e89346fa2), sharedOptions);
1885
1885
  },
1886
1886
  get children() {
1887
- return $3hooq$solidjsweb.createComponent((0, $2c920813c92d6987$export$7da560f849543dff), $3hooq$solidjsweb.mergeProps(sharedOptions, () => props.gridOptions_));
1887
+ return $3hooq$solidjsweb.createComponent((0, $2c920813c92d6987$export$7da560f849543dff), $3hooq$solidjsweb.mergeProps(sharedOptions, {
1888
+ view_more_button_: () => {
1889
+ var _props$gridOptions_;
1890
+ return (_props$gridOptions_ = props.gridOptions_) === null || _props$gridOptions_ === void 0 ? void 0 : _props$gridOptions_.view_more_button;
1891
+ },
1892
+ max_rows_: () => {
1893
+ var _props$gridOptions_2;
1894
+ return (_props$gridOptions_2 = props.gridOptions_) === null || _props$gridOptions_2 === void 0 ? void 0 : _props$gridOptions_2.max_rows;
1895
+ }
1896
+ }));
1888
1897
  }
1889
1898
  });
1890
1899
  }
@@ -10,7 +10,7 @@ import { ProductListingRequestV3 } from "@depict-ai/types/api/ProductListingRequ
10
10
  import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
11
11
  import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
12
12
  import { SearchFilter as _SearchFilter3 } from "@depict-ai/types/api/SearchRequestV2";
13
- export const version = "4.3.5";
13
+ export const version = "4.3.6";
14
14
  declare const LISTING_ID = "listingId";
15
15
  declare const EXTERNAL_ID = "externalId";
16
16
  type ScrollRestorationData = {
@@ -873,6 +873,7 @@ export function LooksSlider(props: {
873
873
  locale_: string;
874
874
  imagePlaceholderAspectRatio_: number | string;
875
875
  title_?: JSX.Element;
876
+ class_: string;
876
877
  FavoriteButton_?: (props: {
877
878
  display_: Accessor<ModernDisplay | null | undefined>;
878
879
  }) => JSX.Element;
@@ -1,5 +1,5 @@
1
1
  import { add_to_version_info as $b8hua$add_to_version_info, fetch_retry as $b8hua$fetch_retry, base_url as $b8hua$base_url, dwarn as $b8hua$dwarn, slider_fractional_factory as $b8hua$slider_fractional_factory, dlog as $b8hua$dlog, camelCasifyObject as $b8hua$camelCasifyObject, make_random_classname as $b8hua$make_random_classname, n_col_styling_with_dist as $b8hua$n_col_styling_with_dist, catchify as $b8hua$catchify, 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, slider_fading_factory as $b8hua$slider_fading_factory, Amazing_Slider as $b8hua$Amazing_Slider, slider_snap_css as $b8hua$slider_snap_css, 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, useExpandingContainer as $b8hua$useExpandingContainer, 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, ListenableSet as $b8hua$ListenableSet1, insert_surfaces as $b8hua$insert_surfaces } from "@depict-ai/utilishared/ES10";
2
- import { ssr as $b8hua$ssr, ssrHydrationKey as $b8hua$ssrHydrationKey, ssrStyle as $b8hua$ssrStyle, escape as $b8hua$escape, createComponent as $b8hua$createComponent, mergeProps as $b8hua$mergeProps, isServer as $b8hua$isServer, ssrElement as $b8hua$ssrElement, ssrClassList as $b8hua$ssrClassList, insert as $b8hua$insert, ssrAttribute as $b8hua$ssrAttribute, spread as $b8hua$spread, Dynamic as $b8hua$Dynamic } from "solid-js/web";
2
+ import { ssr as $b8hua$ssr, ssrHydrationKey as $b8hua$ssrHydrationKey, escape as $b8hua$escape, ssrStyle as $b8hua$ssrStyle, createComponent as $b8hua$createComponent, mergeProps as $b8hua$mergeProps, isServer as $b8hua$isServer, ssrElement as $b8hua$ssrElement, ssrClassList as $b8hua$ssrClassList, insert as $b8hua$insert, ssrAttribute as $b8hua$ssrAttribute, spread as $b8hua$spread, Dynamic as $b8hua$Dynamic } from "solid-js/web";
3
3
  import { createSignal as $b8hua$createSignal, createMemo as $b8hua$createMemo, createResource as $b8hua$createResource, createEffect as $b8hua$createEffect, Show as $b8hua$Show, mergeProps as $b8hua$mergeProps1, Suspense as $b8hua$Suspense, untrack as $b8hua$untrack, createRenderEffect as $b8hua$createRenderEffect, Index as $b8hua$Index, createRoot as $b8hua$createRoot, onCleanup as $b8hua$onCleanup, For as $b8hua$For, getOwner as $b8hua$getOwner, runWithOwner as $b8hua$runWithOwner, createContext as $b8hua$createContext, useContext as $b8hua$useContext, 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
4
  import $b8hua$babelruntimehelpersdefineProperty from "@babel/runtime/helpers/defineProperty";
5
5
  import { ListenableSet as $b8hua$ListenableSet, catchify as $b8hua$catchify1, use_href_accessor as $b8hua$use_href_accessor1, report as $b8hua$report1 } from "@depict-ai/utilishared/ES10";
@@ -10,7 +10,7 @@ import { createStore as $b8hua$createStore, reconcile as $b8hua$reconcile } from
10
10
  /*! Depict.ai search and product listing SDK */
11
11
  import { register_es_version } from "../../multi_import_deduplicator.mjs";
12
12
  register_es_version("ui", "ES10");
13
- const $8db9a15135765c11$export$83d89fbfd8236492 = "4.3.5";
13
+ const $8db9a15135765c11$export$83d89fbfd8236492 = "4.3.6";
14
14
  const $a9c7ba6087881ac2$var$transform_elements = sorted_cols_at_size => {
15
15
  const cols_at_size = [];
16
16
  for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -1713,7 +1713,7 @@ function $e3efeb558d952696$export$7da560f849543dff(_ref) {
1713
1713
  children: elements
1714
1714
  });
1715
1715
  }
1716
- var $bb34cd283e904784$var$_tmpl$ = ["<div", ' class="depict recommendations looks" style="', '">', "</div>"];
1716
+ var $bb34cd283e904784$var$_tmpl$ = ["<div", ' class="', '" style="', '">', "</div>"];
1717
1717
  let $bb34cd283e904784$var$expandedLooksSignal_;
1718
1718
  function $bb34cd283e904784$export$2c9f9bf2092486aa(props) {
1719
1719
  return $83e8cf2c0b87a58a$export$23fca46f3143581f(() => {
@@ -1784,7 +1784,7 @@ function $bb34cd283e904784$export$2c9f9bf2092486aa(props) {
1784
1784
  } = props;
1785
1785
  if (onNavigation_) pseudoRouter.on_navigation_ = onNavigation_;
1786
1786
  });
1787
- return $b8hua$ssr($bb34cd283e904784$var$_tmpl$, $b8hua$ssrHydrationKey(), $b8hua$ssrStyle("--animation-duration: ".concat(expandingAnimationDuration, "ms")), $b8hua$escape($b8hua$createComponent((0, $5441862cd2f5e111$export$e68cff63f76bd15b), {
1787
+ return $b8hua$ssr($bb34cd283e904784$var$_tmpl$, $b8hua$ssrHydrationKey(), "depict recommendations looks".concat(props.class_ ? " ".concat($b8hua$escape(props.class_, true)) : ""), $b8hua$ssrStyle("--animation-duration: ".concat(expandingAnimationDuration, "ms")), $b8hua$escape($b8hua$createComponent((0, $5441862cd2f5e111$export$e68cff63f76bd15b), {
1788
1788
  get children() {
1789
1789
  return $b8hua$createComponent((0, $b8hua$Show), {
1790
1790
  get when() {
@@ -1794,7 +1794,16 @@ function $bb34cd283e904784$export$2c9f9bf2092486aa(props) {
1794
1794
  return $b8hua$createComponent((0, $39ddb986053fb759$export$d41d19e89346fa2), sharedOptions);
1795
1795
  },
1796
1796
  get children() {
1797
- return $b8hua$createComponent((0, $e3efeb558d952696$export$7da560f849543dff), $b8hua$mergeProps(sharedOptions, () => props.gridOptions_));
1797
+ return $b8hua$createComponent((0, $e3efeb558d952696$export$7da560f849543dff), $b8hua$mergeProps(sharedOptions, {
1798
+ view_more_button_: () => {
1799
+ var _props$gridOptions_;
1800
+ return (_props$gridOptions_ = props.gridOptions_) === null || _props$gridOptions_ === void 0 ? void 0 : _props$gridOptions_.view_more_button;
1801
+ },
1802
+ max_rows_: () => {
1803
+ var _props$gridOptions_2;
1804
+ return (_props$gridOptions_2 = props.gridOptions_) === null || _props$gridOptions_2 === void 0 ? void 0 : _props$gridOptions_2.max_rows;
1805
+ }
1806
+ }));
1798
1807
  }
1799
1808
  });
1800
1809
  }
@@ -94,7 +94,7 @@ $parcel$export(module.exports, "BreadCrumbs", () => $1f4925833f07df29$export$5b7
94
94
  $parcel$export(module.exports, "QuickLinks", () => $1f4925833f07df29$export$de035477d6fef996);
95
95
  $parcel$export(module.exports, "CategoryPage", () => $14f289047713d67a$export$e2bf8ce7779e827e);
96
96
  /*! Depict.ai search and product listing SDK */
97
- const $b757f75811f3261f$export$83d89fbfd8236492 = "4.3.5";
97
+ const $b757f75811f3261f$export$83d89fbfd8236492 = "4.3.6";
98
98
  const $4e04be41243c3d80$var$transform_elements = sorted_cols_at_size => {
99
99
  const cols_at_size = [];
100
100
  for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -1715,7 +1715,7 @@ function $b8e79813f4f7ebe4$export$7da560f849543dff({
1715
1715
  children: elements
1716
1716
  });
1717
1717
  }
1718
- var $a3bbfa5fdaa39f3a$var$_tmpl$ = ["<div", ' class="depict recommendations looks" style="', '">', "</div>"];
1718
+ var $a3bbfa5fdaa39f3a$var$_tmpl$ = ["<div", ' class="', '" style="', '">', "</div>"];
1719
1719
  let $a3bbfa5fdaa39f3a$var$expandedLooksSignal_;
1720
1720
  function $a3bbfa5fdaa39f3a$export$2c9f9bf2092486aa(props) {
1721
1721
  return $95837413165cc2df$export$23fca46f3143581f(() => {
@@ -1784,7 +1784,7 @@ function $a3bbfa5fdaa39f3a$export$2c9f9bf2092486aa(props) {
1784
1784
  } = props;
1785
1785
  if (onNavigation_) pseudoRouter.on_navigation_ = onNavigation_;
1786
1786
  });
1787
- return $5vyXB$solidjsweb.ssr($a3bbfa5fdaa39f3a$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.ssrStyle(`--animation-duration: ${expandingAnimationDuration}ms`), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $84798aaa863a4909$export$e68cff63f76bd15b), {
1787
+ return $5vyXB$solidjsweb.ssr($a3bbfa5fdaa39f3a$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), `depict recommendations looks${props.class_ ? ` ${$5vyXB$solidjsweb.escape(props.class_, true)}` : ""}`, $5vyXB$solidjsweb.ssrStyle(`--animation-duration: ${expandingAnimationDuration}ms`), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $84798aaa863a4909$export$e68cff63f76bd15b), {
1788
1788
  get children() {
1789
1789
  return $5vyXB$solidjsweb.createComponent((0, $5vyXB$solidjs.Show), {
1790
1790
  get when() {
@@ -1794,7 +1794,10 @@ function $a3bbfa5fdaa39f3a$export$2c9f9bf2092486aa(props) {
1794
1794
  return $5vyXB$solidjsweb.createComponent((0, $363ce4d1d71041aa$export$d41d19e89346fa2), sharedOptions);
1795
1795
  },
1796
1796
  get children() {
1797
- return $5vyXB$solidjsweb.createComponent((0, $b8e79813f4f7ebe4$export$7da560f849543dff), $5vyXB$solidjsweb.mergeProps(sharedOptions, () => props.gridOptions_));
1797
+ return $5vyXB$solidjsweb.createComponent((0, $b8e79813f4f7ebe4$export$7da560f849543dff), $5vyXB$solidjsweb.mergeProps(sharedOptions, {
1798
+ view_more_button_: () => props.gridOptions_?.view_more_button,
1799
+ max_rows_: () => props.gridOptions_?.max_rows
1800
+ }));
1798
1801
  }
1799
1802
  });
1800
1803
  }
@@ -10,7 +10,7 @@ import { ProductListingRequestV3 } from "@depict-ai/types/api/ProductListingRequ
10
10
  import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
11
11
  import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
12
12
  import { SearchFilter as _SearchFilter3 } from "@depict-ai/types/api/SearchRequestV2";
13
- export const version = "4.3.5";
13
+ export const version = "4.3.6";
14
14
  declare const LISTING_ID = "listingId";
15
15
  declare const EXTERNAL_ID = "externalId";
16
16
  type ScrollRestorationData = {
@@ -873,6 +873,7 @@ export function LooksSlider(props: {
873
873
  locale_: string;
874
874
  imagePlaceholderAspectRatio_: number | string;
875
875
  title_?: JSX.Element;
876
+ class_: string;
876
877
  FavoriteButton_?: (props: {
877
878
  display_: Accessor<ModernDisplay | null | undefined>;
878
879
  }) => JSX.Element;
@@ -1,5 +1,5 @@
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$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";
2
+ import { ssr as $i7OB2$ssr, ssrHydrationKey as $i7OB2$ssrHydrationKey, escape as $i7OB2$escape, ssrStyle as $i7OB2$ssrStyle, 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
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";
@@ -7,7 +7,7 @@ import { createStore as $i7OB2$createStore, reconcile as $i7OB2$reconcile } from
7
7
  /*! Depict.ai search and product listing SDK */
8
8
  import { register_es_version } from "../../multi_import_deduplicator.mjs";
9
9
  register_es_version("ui", "latest");
10
- const $ec291e0010116877$export$83d89fbfd8236492 = "4.3.5";
10
+ const $ec291e0010116877$export$83d89fbfd8236492 = "4.3.6";
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++) {
@@ -1628,7 +1628,7 @@ function $3da8afe3ed57cf34$export$7da560f849543dff({
1628
1628
  children: elements
1629
1629
  });
1630
1630
  }
1631
- var $07ef910e8ef6b783$var$_tmpl$ = ["<div", ' class="depict recommendations looks" style="', '">', "</div>"];
1631
+ var $07ef910e8ef6b783$var$_tmpl$ = ["<div", ' class="', '" style="', '">', "</div>"];
1632
1632
  let $07ef910e8ef6b783$var$expandedLooksSignal_;
1633
1633
  function $07ef910e8ef6b783$export$2c9f9bf2092486aa(props) {
1634
1634
  return $16b52438165aafe2$export$23fca46f3143581f(() => {
@@ -1697,7 +1697,7 @@ function $07ef910e8ef6b783$export$2c9f9bf2092486aa(props) {
1697
1697
  } = props;
1698
1698
  if (onNavigation_) pseudoRouter.on_navigation_ = onNavigation_;
1699
1699
  });
1700
- return $i7OB2$ssr($07ef910e8ef6b783$var$_tmpl$, $i7OB2$ssrHydrationKey(), $i7OB2$ssrStyle(`--animation-duration: ${expandingAnimationDuration}ms`), $i7OB2$escape($i7OB2$createComponent((0, $011607bdf658f807$export$e68cff63f76bd15b), {
1700
+ return $i7OB2$ssr($07ef910e8ef6b783$var$_tmpl$, $i7OB2$ssrHydrationKey(), `depict recommendations looks${props.class_ ? ` ${$i7OB2$escape(props.class_, true)}` : ""}`, $i7OB2$ssrStyle(`--animation-duration: ${expandingAnimationDuration}ms`), $i7OB2$escape($i7OB2$createComponent((0, $011607bdf658f807$export$e68cff63f76bd15b), {
1701
1701
  get children() {
1702
1702
  return $i7OB2$createComponent((0, $i7OB2$Show), {
1703
1703
  get when() {
@@ -1707,7 +1707,10 @@ function $07ef910e8ef6b783$export$2c9f9bf2092486aa(props) {
1707
1707
  return $i7OB2$createComponent((0, $c4492d24952ed731$export$d41d19e89346fa2), sharedOptions);
1708
1708
  },
1709
1709
  get children() {
1710
- return $i7OB2$createComponent((0, $3da8afe3ed57cf34$export$7da560f849543dff), $i7OB2$mergeProps(sharedOptions, () => props.gridOptions_));
1710
+ return $i7OB2$createComponent((0, $3da8afe3ed57cf34$export$7da560f849543dff), $i7OB2$mergeProps(sharedOptions, {
1711
+ view_more_button_: () => props.gridOptions_?.view_more_button,
1712
+ max_rows_: () => props.gridOptions_?.max_rows
1713
+ }));
1711
1714
  }
1712
1715
  });
1713
1716
  }