@depict-ai/ui 4.3.5 → 4.3.7

package/ES10/index.cjs

@@ -100,7 +100,7 @@ $parcel$export(module.exports, "BreadCrumbs", () => $335c02c1241a9ca8$export$5b7
 $parcel$export(module.exports, "QuickLinks", () => $335c02c1241a9ca8$export$de035477d6fef996);
 $parcel$export(module.exports, "CategoryPage", () => $c10e33c4681f8c9b$export$e2bf8ce7779e827e);
 /*! Depict.ai search and product listing SDK */
-const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.3.5";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.3.7";
 const $5401a6698b0c0658$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -2048,7 +2048,7 @@ function $2c920813c92d6987$export$7da560f849543dff(_ref) {
     children: elements
   });
 }
-var $e57cd46536ad992e$var$_tmpl$ = /*#__PURE__*/$52FdA$solidjsweb.template(`<div class="depict recommendations looks"style=--animation-duration:240ms>`);
+var $e57cd46536ad992e$var$_tmpl$ = /*#__PURE__*/$52FdA$solidjsweb.template(`<div style=--animation-duration:240ms>`);
 let $e57cd46536ad992e$var$expandedLooksSignal_;
 function $e57cd46536ad992e$export$2c9f9bf2092486aa(props) {
   return $d05611ff6b8c8357$export$23fca46f3143581f(() => {
@@ -2131,11 +2131,21 @@ function $e57cd46536ad992e$export$2c9f9bf2092486aa(props) {
               return $52FdA$solidjsweb.createComponent((0, $236a257ee52e5414$export$d41d19e89346fa2), sharedOptions);
             },
             get children() {
-              return $52FdA$solidjsweb.createComponent((0, $2c920813c92d6987$export$7da560f849543dff), $52FdA$solidjsweb.mergeProps(sharedOptions, () => props.gridOptions_));
+              return $52FdA$solidjsweb.createComponent((0, $2c920813c92d6987$export$7da560f849543dff), $52FdA$solidjsweb.mergeProps(sharedOptions, {
+                view_more_button_: () => {
+                  var _props$gridOptions_;
+                  return (_props$gridOptions_ = props.gridOptions_) === null || _props$gridOptions_ === void 0 ? void 0 : _props$gridOptions_.view_more_button;
+                },
+                max_rows_: () => {
+                  var _props$gridOptions_2;
+                  return (_props$gridOptions_2 = props.gridOptions_) === null || _props$gridOptions_2 === void 0 ? void 0 : _props$gridOptions_2.max_rows;
+                }
+              }));
             }
           });
         }
       }));
+      $52FdA$solidjsweb.effect(() => $52FdA$solidjsweb.className(_el$, "depict recommendations looks".concat(props.class_ ? " ".concat(props.class_) : "")));
       return _el$;
     })();
   }, "LookSlider failed");
@@ -2350,6 +2360,7 @@ const $82d079b68975fbf7$export$b05c0ae390cf3e06 = _ref => {
   })(), (() => {
     var _el$ = $52FdA$solidjsweb.getNextElement($82d079b68975fbf7$var$_tmpl$);
     $52FdA$solidjsweb.insert(_el$, () => variant.title);
+    $52FdA$solidjsweb.effect(() => $52FdA$solidjsweb.setAttribute(_el$, "title", variant.title));
     return _el$;
   })(), $52FdA$solidjsweb.memo((() => {
     var _c$ = $52FdA$solidjsweb.memo(() => !!(variant.sub_heading_1 || variant.sub_heading_2 || brandInTagline));

package/ES10/index.d.ts

@@ -10,7 +10,7 @@ import { ProductListingRequestV3 } from "@depict-ai/types/api/ProductListingRequ
 import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
 import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
 import { SearchFilter as _SearchFilter3 } from "@depict-ai/types/api/SearchRequestV2";
-export const version = "4.3.5";
+export const version = "4.3.7";
 declare const LISTING_ID = "listingId";
 declare const EXTERNAL_ID = "externalId";
 type ScrollRestorationData = {
@@ -873,6 +873,7 @@ export function LooksSlider(props: {
   locale_: string;
   imagePlaceholderAspectRatio_: number | string;
   title_?: JSX.Element;
+  class_: string;
   FavoriteButton_?: (props: {
     display_: Accessor<ModernDisplay | null | undefined>;
   }) => JSX.Element;

package/ES10/index.js

@@ -1,5 +1,5 @@
 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";
-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";
+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";
 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";
 import $8tj43$babelruntimehelpersdefineProperty from "@babel/runtime/helpers/defineProperty";
 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
 /*! Depict.ai search and product listing SDK */
 import { register_es_version } from "../multi_import_deduplicator.mjs";
 register_es_version("ui", "ES10");
-const $8db9a15135765c11$export$83d89fbfd8236492 = "4.3.5";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "4.3.7";
 const $a9c7ba6087881ac2$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -1958,7 +1958,7 @@ function $e3efeb558d952696$export$7da560f849543dff(_ref) {
     children: elements
   });
 }
-var $bb34cd283e904784$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class="depict recommendations looks"style=--animation-duration:240ms>`);
+var $bb34cd283e904784$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div style=--animation-duration:240ms>`);
 let $bb34cd283e904784$var$expandedLooksSignal_;
 function $bb34cd283e904784$export$2c9f9bf2092486aa(props) {
   return $83e8cf2c0b87a58a$export$23fca46f3143581f(() => {
@@ -2041,11 +2041,21 @@ function $bb34cd283e904784$export$2c9f9bf2092486aa(props) {
               return $8tj43$createComponent((0, $39ddb986053fb759$export$d41d19e89346fa2), sharedOptions);
             },
             get children() {
-              return $8tj43$createComponent((0, $e3efeb558d952696$export$7da560f849543dff), $8tj43$mergeProps(sharedOptions, () => props.gridOptions_));
+              return $8tj43$createComponent((0, $e3efeb558d952696$export$7da560f849543dff), $8tj43$mergeProps(sharedOptions, {
+                view_more_button_: () => {
+                  var _props$gridOptions_;
+                  return (_props$gridOptions_ = props.gridOptions_) === null || _props$gridOptions_ === void 0 ? void 0 : _props$gridOptions_.view_more_button;
+                },
+                max_rows_: () => {
+                  var _props$gridOptions_2;
+                  return (_props$gridOptions_2 = props.gridOptions_) === null || _props$gridOptions_2 === void 0 ? void 0 : _props$gridOptions_2.max_rows;
+                }
+              }));
             }
           });
         }
       }));
+      $8tj43$effect(() => $8tj43$className(_el$, "depict recommendations looks".concat(props.class_ ? " ".concat(props.class_) : "")));
       return _el$;
     })();
   }, "LookSlider failed");
@@ -2260,6 +2270,7 @@ const $9a693c7e832d3f18$export$b05c0ae390cf3e06 = _ref => {
   })(), (() => {
     var _el$ = $8tj43$getNextElement($9a693c7e832d3f18$var$_tmpl$);
     $8tj43$insert(_el$, () => variant.title);
+    $8tj43$effect(() => $8tj43$setAttribute(_el$, "title", variant.title));
     return _el$;
   })(), $8tj43$memo((() => {
     var _c$ = $8tj43$memo(() => !!(variant.sub_heading_1 || variant.sub_heading_2 || brandInTagline));

package/latest/index.cjs

@@ -94,7 +94,7 @@ $parcel$export(module.exports, "BreadCrumbs", () => $1f4925833f07df29$export$5b7
 $parcel$export(module.exports, "QuickLinks", () => $1f4925833f07df29$export$de035477d6fef996);
 $parcel$export(module.exports, "CategoryPage", () => $14f289047713d67a$export$e2bf8ce7779e827e);
 /*! Depict.ai search and product listing SDK */
-const $b757f75811f3261f$export$83d89fbfd8236492 = "4.3.5";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "4.3.7";
 const $4e04be41243c3d80$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -1945,7 +1945,7 @@ function $b8e79813f4f7ebe4$export$7da560f849543dff({
     children: elements
   });
 }
-var $a3bbfa5fdaa39f3a$var$_tmpl$ = /*#__PURE__*/$gVhhF$solidjsweb.template(`<div class="depict recommendations looks"style=--animation-duration:240ms>`);
+var $a3bbfa5fdaa39f3a$var$_tmpl$ = /*#__PURE__*/$gVhhF$solidjsweb.template(`<div style=--animation-duration:240ms>`);
 let $a3bbfa5fdaa39f3a$var$expandedLooksSignal_;
 function $a3bbfa5fdaa39f3a$export$2c9f9bf2092486aa(props) {
   return $95837413165cc2df$export$23fca46f3143581f(() => {
@@ -2026,11 +2026,15 @@ function $a3bbfa5fdaa39f3a$export$2c9f9bf2092486aa(props) {
               return $gVhhF$solidjsweb.createComponent((0, $363ce4d1d71041aa$export$d41d19e89346fa2), sharedOptions);
             },
             get children() {
-              return $gVhhF$solidjsweb.createComponent((0, $b8e79813f4f7ebe4$export$7da560f849543dff), $gVhhF$solidjsweb.mergeProps(sharedOptions, () => props.gridOptions_));
+              return $gVhhF$solidjsweb.createComponent((0, $b8e79813f4f7ebe4$export$7da560f849543dff), $gVhhF$solidjsweb.mergeProps(sharedOptions, {
+                view_more_button_: () => props.gridOptions_?.view_more_button,
+                max_rows_: () => props.gridOptions_?.max_rows
+              }));
             }
           });
         }
       }));
+      $gVhhF$solidjsweb.effect(() => $gVhhF$solidjsweb.className(_el$, `depict recommendations looks${props.class_ ? ` ${props.class_}` : ""}`));
       return _el$;
     })();
   }, "LookSlider failed");
@@ -2230,6 +2234,7 @@ const $6ae613870d3380fc$export$b05c0ae390cf3e06 = ({
   })(), (() => {
     var _el$ = $gVhhF$solidjsweb.getNextElement($6ae613870d3380fc$var$_tmpl$);
     $gVhhF$solidjsweb.insert(_el$, () => variant.title);
+    $gVhhF$solidjsweb.effect(() => $gVhhF$solidjsweb.setAttribute(_el$, "title", variant.title));
     return _el$;
   })(), $gVhhF$solidjsweb.memo((() => {
     var _c$ = $gVhhF$solidjsweb.memo(() => !!(variant.sub_heading_1 || variant.sub_heading_2 || brandInTagline));

package/latest/index.d.ts

@@ -10,7 +10,7 @@ import { ProductListingRequestV3 } from "@depict-ai/types/api/ProductListingRequ
 import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
 import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
 import { SearchFilter as _SearchFilter3 } from "@depict-ai/types/api/SearchRequestV2";
-export const version = "4.3.5";
+export const version = "4.3.7";
 declare const LISTING_ID = "listingId";
 declare const EXTERNAL_ID = "externalId";
 type ScrollRestorationData = {
@@ -873,6 +873,7 @@ export function LooksSlider(props: {
   locale_: string;
   imagePlaceholderAspectRatio_: number | string;
   title_?: JSX.Element;
+  class_: string;
   FavoriteButton_?: (props: {
     display_: Accessor<ModernDisplay | null | undefined>;
   }) => JSX.Element;

package/latest/index.js

@@ -1,5 +1,5 @@
 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";
-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";
+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";
 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";
 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";
 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
 /*! Depict.ai search and product listing SDK */
 import { register_es_version } from "../multi_import_deduplicator.mjs";
 register_es_version("ui", "latest");
-const $ec291e0010116877$export$83d89fbfd8236492 = "4.3.5";
+const $ec291e0010116877$export$83d89fbfd8236492 = "4.3.7";
 const $b5cccc8ee7d24677$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -1858,7 +1858,7 @@ function $3da8afe3ed57cf34$export$7da560f849543dff({
     children: elements
   });
 }
-var $07ef910e8ef6b783$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div class="depict recommendations looks"style=--animation-duration:240ms>`);
+var $07ef910e8ef6b783$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div style=--animation-duration:240ms>`);
 let $07ef910e8ef6b783$var$expandedLooksSignal_;
 function $07ef910e8ef6b783$export$2c9f9bf2092486aa(props) {
   return $16b52438165aafe2$export$23fca46f3143581f(() => {
@@ -1939,11 +1939,15 @@ function $07ef910e8ef6b783$export$2c9f9bf2092486aa(props) {
               return $9HbP8$createComponent((0, $c4492d24952ed731$export$d41d19e89346fa2), sharedOptions);
             },
             get children() {
-              return $9HbP8$createComponent((0, $3da8afe3ed57cf34$export$7da560f849543dff), $9HbP8$mergeProps(sharedOptions, () => props.gridOptions_));
+              return $9HbP8$createComponent((0, $3da8afe3ed57cf34$export$7da560f849543dff), $9HbP8$mergeProps(sharedOptions, {
+                view_more_button_: () => props.gridOptions_?.view_more_button,
+                max_rows_: () => props.gridOptions_?.max_rows
+              }));
             }
           });
         }
       }));
+      $9HbP8$effect(() => $9HbP8$className(_el$, `depict recommendations looks${props.class_ ? ` ${props.class_}` : ""}`));
       return _el$;
     })();
   }, "LookSlider failed");
@@ -2143,6 +2147,7 @@ const $e003be2a50d9e5bc$export$b05c0ae390cf3e06 = ({
   })(), (() => {
     var _el$ = $9HbP8$getNextElement($e003be2a50d9e5bc$var$_tmpl$);
     $9HbP8$insert(_el$, () => variant.title);
+    $9HbP8$effect(() => $9HbP8$setAttribute(_el$, "title", variant.title));
     return _el$;
   })(), $9HbP8$memo((() => {
     var _c$ = $9HbP8$memo(() => !!(variant.sub_heading_1 || variant.sub_heading_2 || brandInTagline));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/ui",
-  "version": "4.3.5",
+  "version": "4.3.7",
   "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.",
   "packageManager": "yarn@3.2.2",
   "sass": "styles.scss",
@@ -236,9 +236,9 @@
     "@babel/plugin-transform-typescript": "^7.22.9",
     "@babel/runtime": "latest",
     "@babel/runtime-corejs3": "^7.22.6",
-    "@depict-ai/plp-styling": "^3.3.1",
-    "@depict-ai/types": "^5.1.1",
-    "@depict-ai/utilishared": "^2.1.1",
+    "@depict-ai/plp-styling": "^4.0.2",
+    "@depict-ai/types": "^5.1.2",
+    "@depict-ai/utilishared": "^2.1.2",
     "solid-js": "^1.8.12"
   },
   "type": "module",

package/server/ES10/index.cjs

@@ -100,7 +100,7 @@ $parcel$export(module.exports, "BreadCrumbs", () => $335c02c1241a9ca8$export$5b7
 $parcel$export(module.exports, "QuickLinks", () => $335c02c1241a9ca8$export$de035477d6fef996);
 $parcel$export(module.exports, "CategoryPage", () => $c10e33c4681f8c9b$export$e2bf8ce7779e827e);
 /*! Depict.ai search and product listing SDK */
-const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.3.5";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.3.7";
 const $5401a6698b0c0658$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -1803,7 +1803,7 @@ function $2c920813c92d6987$export$7da560f849543dff(_ref) {
     children: elements
   });
 }
-var $e57cd46536ad992e$var$_tmpl$ = ["<div", ' class="depict recommendations looks" style="', '">', "</div>"];
+var $e57cd46536ad992e$var$_tmpl$ = ["<div", ' class="', '" style="', '">', "</div>"];
 let $e57cd46536ad992e$var$expandedLooksSignal_;
 function $e57cd46536ad992e$export$2c9f9bf2092486aa(props) {
   return $d05611ff6b8c8357$export$23fca46f3143581f(() => {
@@ -1874,7 +1874,7 @@ function $e57cd46536ad992e$export$2c9f9bf2092486aa(props) {
       } = props;
       if (onNavigation_) pseudoRouter.on_navigation_ = onNavigation_;
     });
-    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), {
+    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), {
       get children() {
         return $3hooq$solidjsweb.createComponent((0, $3hooq$solidjs.Show), {
           get when() {
@@ -1884,7 +1884,16 @@ function $e57cd46536ad992e$export$2c9f9bf2092486aa(props) {
             return $3hooq$solidjsweb.createComponent((0, $236a257ee52e5414$export$d41d19e89346fa2), sharedOptions);
           },
           get children() {
-            return $3hooq$solidjsweb.createComponent((0, $2c920813c92d6987$export$7da560f849543dff), $3hooq$solidjsweb.mergeProps(sharedOptions, () => props.gridOptions_));
+            return $3hooq$solidjsweb.createComponent((0, $2c920813c92d6987$export$7da560f849543dff), $3hooq$solidjsweb.mergeProps(sharedOptions, {
+              view_more_button_: () => {
+                var _props$gridOptions_;
+                return (_props$gridOptions_ = props.gridOptions_) === null || _props$gridOptions_ === void 0 ? void 0 : _props$gridOptions_.view_more_button;
+              },
+              max_rows_: () => {
+                var _props$gridOptions_2;
+                return (_props$gridOptions_2 = props.gridOptions_) === null || _props$gridOptions_2 === void 0 ? void 0 : _props$gridOptions_2.max_rows;
+              }
+            }));
           }
         });
       }
@@ -2064,7 +2073,7 @@ function $b0f8d9f49e018db9$export$12761f53d7ab7f27(element, selectedDueToKeyboar
     });
   });
 }
-var $82d079b68975fbf7$var$_tmpl$ = ["<span", ' class="title line-clamp">', "</span>"],
+var $82d079b68975fbf7$var$_tmpl$ = ["<span", ' class="title line-clamp"', ">", "</span>"],
   $82d079b68975fbf7$var$_tmpl$2 = ["<span", ' class="brand">', "</span>"],
   $82d079b68975fbf7$var$_tmpl$3 = ["<div", ' class="tagline line-clamp">', "</div>"],
   $82d079b68975fbf7$var$_tmpl$4 = ["<span", ' class="orig price"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></span>"],
@@ -2094,7 +2103,7 @@ const $82d079b68975fbf7$export$b05c0ae390cf3e06 = _ref => {
   const [isSelected, selectedDueToKeyboardNavigation] = selected_index_ ? $b0f8d9f49e018db9$export$fb40a80c530e5f2b(get_selected_index_, keyboardNavigationGroupIndex_, index_) : [];
   const secondary_image_url = ((_variant$image_urls = variant.image_urls) === null || _variant$image_urls === void 0 ? void 0 : _variant$image_urls[1]) || variant.secondary_image_url || variant.alternative_display_image_url;
   const brandInTagline = selected_index_ && variant.brand;
-  const TitleBrandTagline = () => [!selected_index_ && $3hooq$solidjsweb.ssr($82d079b68975fbf7$var$_tmpl$2, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.escape(variant.brand)), $3hooq$solidjsweb.ssr($82d079b68975fbf7$var$_tmpl$, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.escape(variant.title)), (variant.sub_heading_1 || variant.sub_heading_2 || brandInTagline) && $3hooq$solidjsweb.ssr($82d079b68975fbf7$var$_tmpl$3, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.escape([brandInTagline, variant.sub_heading_1, variant.sub_heading_2].filter(v => v).join(" | ")))];
+  const TitleBrandTagline = () => [!selected_index_ && $3hooq$solidjsweb.ssr($82d079b68975fbf7$var$_tmpl$2, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.escape(variant.brand)), $3hooq$solidjsweb.ssr($82d079b68975fbf7$var$_tmpl$, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.ssrAttribute("title", $3hooq$solidjsweb.escape(variant.title, true), false), $3hooq$solidjsweb.escape(variant.title)), (variant.sub_heading_1 || variant.sub_heading_2 || brandInTagline) && $3hooq$solidjsweb.ssr($82d079b68975fbf7$var$_tmpl$3, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.escape([brandInTagline, variant.sub_heading_1, variant.sub_heading_2].filter(v => v).join(" | ")))];
   return $3hooq$solidjsweb.ssr($82d079b68975fbf7$var$_tmpl$6, $3hooq$solidjsweb.ssrHydrationKey(), "instant-card ".concat(isSelected !== null && isSelected !== void 0 && isSelected() ? "selected" : ""), $3hooq$solidjsweb.ssrAttribute("href", $3hooq$solidjsweb.escape(href(), true), false) + $3hooq$solidjsweb.ssrAttribute("data-search-result-id", $3hooq$solidjsweb.escape(display_.search_result_id, true), false), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent(InstantCardImageComponent_, {
     get src_() {
       var _variant$image_urls2;

package/server/ES10/index.d.ts

@@ -10,7 +10,7 @@ import { ProductListingRequestV3 } from "@depict-ai/types/api/ProductListingRequ
 import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
 import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
 import { SearchFilter as _SearchFilter3 } from "@depict-ai/types/api/SearchRequestV2";
-export const version = "4.3.5";
+export const version = "4.3.7";
 declare const LISTING_ID = "listingId";
 declare const EXTERNAL_ID = "externalId";
 type ScrollRestorationData = {
@@ -873,6 +873,7 @@ export function LooksSlider(props: {
   locale_: string;
   imagePlaceholderAspectRatio_: number | string;
   title_?: JSX.Element;
+  class_: string;
   FavoriteButton_?: (props: {
     display_: Accessor<ModernDisplay | null | undefined>;
   }) => JSX.Element;

package/server/ES10/index.js

@@ -1,5 +1,5 @@
 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";
-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";
+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";
 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";
 import $b8hua$babelruntimehelpersdefineProperty from "@babel/runtime/helpers/defineProperty";
 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
 /*! Depict.ai search and product listing SDK */
 import { register_es_version } from "../../multi_import_deduplicator.mjs";
 register_es_version("ui", "ES10");
-const $8db9a15135765c11$export$83d89fbfd8236492 = "4.3.5";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "4.3.7";
 const $a9c7ba6087881ac2$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -1713,7 +1713,7 @@ function $e3efeb558d952696$export$7da560f849543dff(_ref) {
     children: elements
   });
 }
-var $bb34cd283e904784$var$_tmpl$ = ["<div", ' class="depict recommendations looks" style="', '">', "</div>"];
+var $bb34cd283e904784$var$_tmpl$ = ["<div", ' class="', '" style="', '">', "</div>"];
 let $bb34cd283e904784$var$expandedLooksSignal_;
 function $bb34cd283e904784$export$2c9f9bf2092486aa(props) {
   return $83e8cf2c0b87a58a$export$23fca46f3143581f(() => {
@@ -1784,7 +1784,7 @@ function $bb34cd283e904784$export$2c9f9bf2092486aa(props) {
       } = props;
       if (onNavigation_) pseudoRouter.on_navigation_ = onNavigation_;
     });
-    return $b8hua$ssr($bb34cd283e904784$var$_tmpl$, $b8hua$ssrHydrationKey(), $b8hua$ssrStyle("--animation-duration: ".concat(expandingAnimationDuration, "ms")), $b8hua$escape($b8hua$createComponent((0, $5441862cd2f5e111$export$e68cff63f76bd15b), {
+    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), {
       get children() {
         return $b8hua$createComponent((0, $b8hua$Show), {
           get when() {
@@ -1794,7 +1794,16 @@ function $bb34cd283e904784$export$2c9f9bf2092486aa(props) {
             return $b8hua$createComponent((0, $39ddb986053fb759$export$d41d19e89346fa2), sharedOptions);
           },
           get children() {
-            return $b8hua$createComponent((0, $e3efeb558d952696$export$7da560f849543dff), $b8hua$mergeProps(sharedOptions, () => props.gridOptions_));
+            return $b8hua$createComponent((0, $e3efeb558d952696$export$7da560f849543dff), $b8hua$mergeProps(sharedOptions, {
+              view_more_button_: () => {
+                var _props$gridOptions_;
+                return (_props$gridOptions_ = props.gridOptions_) === null || _props$gridOptions_ === void 0 ? void 0 : _props$gridOptions_.view_more_button;
+              },
+              max_rows_: () => {
+                var _props$gridOptions_2;
+                return (_props$gridOptions_2 = props.gridOptions_) === null || _props$gridOptions_2 === void 0 ? void 0 : _props$gridOptions_2.max_rows;
+              }
+            }));
           }
         });
       }
@@ -1974,7 +1983,7 @@ function $d0883254246d3eb6$export$12761f53d7ab7f27(element, selectedDueToKeyboar
     });
   });
 }
-var $9a693c7e832d3f18$var$_tmpl$ = ["<span", ' class="title line-clamp">', "</span>"],
+var $9a693c7e832d3f18$var$_tmpl$ = ["<span", ' class="title line-clamp"', ">", "</span>"],
   $9a693c7e832d3f18$var$_tmpl$2 = ["<span", ' class="brand">', "</span>"],
   $9a693c7e832d3f18$var$_tmpl$3 = ["<div", ' class="tagline line-clamp">', "</div>"],
   $9a693c7e832d3f18$var$_tmpl$4 = ["<span", ' class="orig price"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></span>"],
@@ -2004,7 +2013,7 @@ const $9a693c7e832d3f18$export$b05c0ae390cf3e06 = _ref => {
   const [isSelected, selectedDueToKeyboardNavigation] = selected_index_ ? $d0883254246d3eb6$export$fb40a80c530e5f2b(get_selected_index_, keyboardNavigationGroupIndex_, index_) : [];
   const secondary_image_url = ((_variant$image_urls = variant.image_urls) === null || _variant$image_urls === void 0 ? void 0 : _variant$image_urls[1]) || variant.secondary_image_url || variant.alternative_display_image_url;
   const brandInTagline = selected_index_ && variant.brand;
-  const TitleBrandTagline = () => [!selected_index_ && $b8hua$ssr($9a693c7e832d3f18$var$_tmpl$2, $b8hua$ssrHydrationKey(), $b8hua$escape(variant.brand)), $b8hua$ssr($9a693c7e832d3f18$var$_tmpl$, $b8hua$ssrHydrationKey(), $b8hua$escape(variant.title)), (variant.sub_heading_1 || variant.sub_heading_2 || brandInTagline) && $b8hua$ssr($9a693c7e832d3f18$var$_tmpl$3, $b8hua$ssrHydrationKey(), $b8hua$escape([brandInTagline, variant.sub_heading_1, variant.sub_heading_2].filter(v => v).join(" | ")))];
+  const TitleBrandTagline = () => [!selected_index_ && $b8hua$ssr($9a693c7e832d3f18$var$_tmpl$2, $b8hua$ssrHydrationKey(), $b8hua$escape(variant.brand)), $b8hua$ssr($9a693c7e832d3f18$var$_tmpl$, $b8hua$ssrHydrationKey(), $b8hua$ssrAttribute("title", $b8hua$escape(variant.title, true), false), $b8hua$escape(variant.title)), (variant.sub_heading_1 || variant.sub_heading_2 || brandInTagline) && $b8hua$ssr($9a693c7e832d3f18$var$_tmpl$3, $b8hua$ssrHydrationKey(), $b8hua$escape([brandInTagline, variant.sub_heading_1, variant.sub_heading_2].filter(v => v).join(" | ")))];
   return $b8hua$ssr($9a693c7e832d3f18$var$_tmpl$6, $b8hua$ssrHydrationKey(), "instant-card ".concat(isSelected !== null && isSelected !== void 0 && isSelected() ? "selected" : ""), $b8hua$ssrAttribute("href", $b8hua$escape(href(), true), false) + $b8hua$ssrAttribute("data-search-result-id", $b8hua$escape(display_.search_result_id, true), false), $b8hua$escape($b8hua$createComponent(InstantCardImageComponent_, {
     get src_() {
       var _variant$image_urls2;

package/server/latest/index.cjs

@@ -94,7 +94,7 @@ $parcel$export(module.exports, "BreadCrumbs", () => $1f4925833f07df29$export$5b7
 $parcel$export(module.exports, "QuickLinks", () => $1f4925833f07df29$export$de035477d6fef996);
 $parcel$export(module.exports, "CategoryPage", () => $14f289047713d67a$export$e2bf8ce7779e827e);
 /*! Depict.ai search and product listing SDK */
-const $b757f75811f3261f$export$83d89fbfd8236492 = "4.3.5";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "4.3.7";
 const $4e04be41243c3d80$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -1715,7 +1715,7 @@ function $b8e79813f4f7ebe4$export$7da560f849543dff({
     children: elements
   });
 }
-var $a3bbfa5fdaa39f3a$var$_tmpl$ = ["<div", ' class="depict recommendations looks" style="', '">', "</div>"];
+var $a3bbfa5fdaa39f3a$var$_tmpl$ = ["<div", ' class="', '" style="', '">', "</div>"];
 let $a3bbfa5fdaa39f3a$var$expandedLooksSignal_;
 function $a3bbfa5fdaa39f3a$export$2c9f9bf2092486aa(props) {
   return $95837413165cc2df$export$23fca46f3143581f(() => {
@@ -1784,7 +1784,7 @@ function $a3bbfa5fdaa39f3a$export$2c9f9bf2092486aa(props) {
       } = props;
       if (onNavigation_) pseudoRouter.on_navigation_ = onNavigation_;
     });
-    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), {
+    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), {
       get children() {
         return $5vyXB$solidjsweb.createComponent((0, $5vyXB$solidjs.Show), {
           get when() {
@@ -1794,7 +1794,10 @@ function $a3bbfa5fdaa39f3a$export$2c9f9bf2092486aa(props) {
             return $5vyXB$solidjsweb.createComponent((0, $363ce4d1d71041aa$export$d41d19e89346fa2), sharedOptions);
           },
           get children() {
-            return $5vyXB$solidjsweb.createComponent((0, $b8e79813f4f7ebe4$export$7da560f849543dff), $5vyXB$solidjsweb.mergeProps(sharedOptions, () => props.gridOptions_));
+            return $5vyXB$solidjsweb.createComponent((0, $b8e79813f4f7ebe4$export$7da560f849543dff), $5vyXB$solidjsweb.mergeProps(sharedOptions, {
+              view_more_button_: () => props.gridOptions_?.view_more_button,
+              max_rows_: () => props.gridOptions_?.max_rows
+            }));
           }
         });
       }
@@ -1961,7 +1964,7 @@ function $f144ea315d9e4caa$export$12761f53d7ab7f27(element, selectedDueToKeyboar
     });
   });
 }
-var $6ae613870d3380fc$var$_tmpl$ = ["<span", ' class="title line-clamp">', "</span>"],
+var $6ae613870d3380fc$var$_tmpl$ = ["<span", ' class="title line-clamp"', ">", "</span>"],
   $6ae613870d3380fc$var$_tmpl$2 = ["<span", ' class="brand">', "</span>"],
   $6ae613870d3380fc$var$_tmpl$3 = ["<div", ' class="tagline line-clamp">', "</div>"],
   $6ae613870d3380fc$var$_tmpl$4 = ["<span", ' class="orig price"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></span>"],
@@ -1989,7 +1992,7 @@ const $6ae613870d3380fc$export$b05c0ae390cf3e06 = ({
   const [isSelected, selectedDueToKeyboardNavigation] = selected_index_ ? $f144ea315d9e4caa$export$fb40a80c530e5f2b(get_selected_index_, keyboardNavigationGroupIndex_, index_) : [];
   const secondary_image_url = variant.image_urls?.[1] || variant.secondary_image_url || variant.alternative_display_image_url;
   const brandInTagline = selected_index_ && variant.brand;
-  const TitleBrandTagline = () => [!selected_index_ && $5vyXB$solidjsweb.ssr($6ae613870d3380fc$var$_tmpl$2, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.escape(variant.brand)), $5vyXB$solidjsweb.ssr($6ae613870d3380fc$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.escape(variant.title)), (variant.sub_heading_1 || variant.sub_heading_2 || brandInTagline) && $5vyXB$solidjsweb.ssr($6ae613870d3380fc$var$_tmpl$3, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.escape([brandInTagline, variant.sub_heading_1, variant.sub_heading_2].filter(v => v).join(" | ")))];
+  const TitleBrandTagline = () => [!selected_index_ && $5vyXB$solidjsweb.ssr($6ae613870d3380fc$var$_tmpl$2, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.escape(variant.brand)), $5vyXB$solidjsweb.ssr($6ae613870d3380fc$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.ssrAttribute("title", $5vyXB$solidjsweb.escape(variant.title, true), false), $5vyXB$solidjsweb.escape(variant.title)), (variant.sub_heading_1 || variant.sub_heading_2 || brandInTagline) && $5vyXB$solidjsweb.ssr($6ae613870d3380fc$var$_tmpl$3, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.escape([brandInTagline, variant.sub_heading_1, variant.sub_heading_2].filter(v => v).join(" | ")))];
   return $5vyXB$solidjsweb.ssr($6ae613870d3380fc$var$_tmpl$6, $5vyXB$solidjsweb.ssrHydrationKey(), `instant-card ${isSelected?.() ? "selected" : ""}`, $5vyXB$solidjsweb.ssrAttribute("href", $5vyXB$solidjsweb.escape(href(), true), false) + $5vyXB$solidjsweb.ssrAttribute("data-search-result-id", $5vyXB$solidjsweb.escape(display_.search_result_id, true), false), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent(InstantCardImageComponent_, {
     get src_() {
       return variant.image_urls?.[0] || variant.image_url || variant.display_image_url;

package/server/latest/index.d.ts

@@ -10,7 +10,7 @@ import { ProductListingRequestV3 } from "@depict-ai/types/api/ProductListingRequ
 import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
 import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
 import { SearchFilter as _SearchFilter3 } from "@depict-ai/types/api/SearchRequestV2";
-export const version = "4.3.5";
+export const version = "4.3.7";
 declare const LISTING_ID = "listingId";
 declare const EXTERNAL_ID = "externalId";
 type ScrollRestorationData = {
@@ -873,6 +873,7 @@ export function LooksSlider(props: {
   locale_: string;
   imagePlaceholderAspectRatio_: number | string;
   title_?: JSX.Element;
+  class_: string;
   FavoriteButton_?: (props: {
     display_: Accessor<ModernDisplay | null | undefined>;
   }) => JSX.Element;

package/server/latest/index.js

@@ -1,5 +1,5 @@
 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";
-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";
+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";
 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";
 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";
 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
 /*! Depict.ai search and product listing SDK */
 import { register_es_version } from "../../multi_import_deduplicator.mjs";
 register_es_version("ui", "latest");
-const $ec291e0010116877$export$83d89fbfd8236492 = "4.3.5";
+const $ec291e0010116877$export$83d89fbfd8236492 = "4.3.7";
 const $b5cccc8ee7d24677$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -1628,7 +1628,7 @@ function $3da8afe3ed57cf34$export$7da560f849543dff({
     children: elements
   });
 }
-var $07ef910e8ef6b783$var$_tmpl$ = ["<div", ' class="depict recommendations looks" style="', '">', "</div>"];
+var $07ef910e8ef6b783$var$_tmpl$ = ["<div", ' class="', '" style="', '">', "</div>"];
 let $07ef910e8ef6b783$var$expandedLooksSignal_;
 function $07ef910e8ef6b783$export$2c9f9bf2092486aa(props) {
   return $16b52438165aafe2$export$23fca46f3143581f(() => {
@@ -1697,7 +1697,7 @@ function $07ef910e8ef6b783$export$2c9f9bf2092486aa(props) {
       } = props;
       if (onNavigation_) pseudoRouter.on_navigation_ = onNavigation_;
     });
-    return $i7OB2$ssr($07ef910e8ef6b783$var$_tmpl$, $i7OB2$ssrHydrationKey(), $i7OB2$ssrStyle(`--animation-duration: ${expandingAnimationDuration}ms`), $i7OB2$escape($i7OB2$createComponent((0, $011607bdf658f807$export$e68cff63f76bd15b), {
+    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), {
       get children() {
         return $i7OB2$createComponent((0, $i7OB2$Show), {
           get when() {
@@ -1707,7 +1707,10 @@ function $07ef910e8ef6b783$export$2c9f9bf2092486aa(props) {
             return $i7OB2$createComponent((0, $c4492d24952ed731$export$d41d19e89346fa2), sharedOptions);
           },
           get children() {
-            return $i7OB2$createComponent((0, $3da8afe3ed57cf34$export$7da560f849543dff), $i7OB2$mergeProps(sharedOptions, () => props.gridOptions_));
+            return $i7OB2$createComponent((0, $3da8afe3ed57cf34$export$7da560f849543dff), $i7OB2$mergeProps(sharedOptions, {
+              view_more_button_: () => props.gridOptions_?.view_more_button,
+              max_rows_: () => props.gridOptions_?.max_rows
+            }));
           }
         });
       }
@@ -1874,7 +1877,7 @@ function $f4125ce4984deee6$export$12761f53d7ab7f27(element, selectedDueToKeyboar
     });
   });
 }
-var $e003be2a50d9e5bc$var$_tmpl$ = ["<span", ' class="title line-clamp">', "</span>"],
+var $e003be2a50d9e5bc$var$_tmpl$ = ["<span", ' class="title line-clamp"', ">", "</span>"],
   $e003be2a50d9e5bc$var$_tmpl$2 = ["<span", ' class="brand">', "</span>"],
   $e003be2a50d9e5bc$var$_tmpl$3 = ["<div", ' class="tagline line-clamp">', "</div>"],
   $e003be2a50d9e5bc$var$_tmpl$4 = ["<span", ' class="orig price"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></span>"],
@@ -1902,7 +1905,7 @@ const $e003be2a50d9e5bc$export$b05c0ae390cf3e06 = ({
   const [isSelected, selectedDueToKeyboardNavigation] = selected_index_ ? $f4125ce4984deee6$export$fb40a80c530e5f2b(get_selected_index_, keyboardNavigationGroupIndex_, index_) : [];
   const secondary_image_url = variant.image_urls?.[1] || variant.secondary_image_url || variant.alternative_display_image_url;
   const brandInTagline = selected_index_ && variant.brand;
-  const TitleBrandTagline = () => [!selected_index_ && $i7OB2$ssr($e003be2a50d9e5bc$var$_tmpl$2, $i7OB2$ssrHydrationKey(), $i7OB2$escape(variant.brand)), $i7OB2$ssr($e003be2a50d9e5bc$var$_tmpl$, $i7OB2$ssrHydrationKey(), $i7OB2$escape(variant.title)), (variant.sub_heading_1 || variant.sub_heading_2 || brandInTagline) && $i7OB2$ssr($e003be2a50d9e5bc$var$_tmpl$3, $i7OB2$ssrHydrationKey(), $i7OB2$escape([brandInTagline, variant.sub_heading_1, variant.sub_heading_2].filter(v => v).join(" | ")))];
+  const TitleBrandTagline = () => [!selected_index_ && $i7OB2$ssr($e003be2a50d9e5bc$var$_tmpl$2, $i7OB2$ssrHydrationKey(), $i7OB2$escape(variant.brand)), $i7OB2$ssr($e003be2a50d9e5bc$var$_tmpl$, $i7OB2$ssrHydrationKey(), $i7OB2$ssrAttribute("title", $i7OB2$escape(variant.title, true), false), $i7OB2$escape(variant.title)), (variant.sub_heading_1 || variant.sub_heading_2 || brandInTagline) && $i7OB2$ssr($e003be2a50d9e5bc$var$_tmpl$3, $i7OB2$ssrHydrationKey(), $i7OB2$escape([brandInTagline, variant.sub_heading_1, variant.sub_heading_2].filter(v => v).join(" | ")))];
   return $i7OB2$ssr($e003be2a50d9e5bc$var$_tmpl$6, $i7OB2$ssrHydrationKey(), `instant-card ${isSelected?.() ? "selected" : ""}`, $i7OB2$ssrAttribute("href", $i7OB2$escape(href(), true), false) + $i7OB2$ssrAttribute("data-search-result-id", $i7OB2$escape(display_.search_result_id, true), false), $i7OB2$escape($i7OB2$createComponent(InstantCardImageComponent_, {
     get src_() {
       return variant.image_urls?.[0] || variant.image_url || variant.display_image_url;