@depict-ai/ui 4.3.6 → 4.3.8

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.6";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.3.8";
 const $5401a6698b0c0658$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -2360,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));
@@ -2407,7 +2408,8 @@ const $82d079b68975fbf7$export$b05c0ae390cf3e06 = _ref => {
       },
       get children() {
         return $52FdA$solidjsweb.createComponent(InstantCardImageComponent_, {
-          src_: secondary_image_url
+          src_: secondary_image_url,
+          class_: "secondary"
         });
       }
     }), _el$9, _co$2);
@@ -5145,7 +5147,10 @@ function $43600b30502feeda$var$RawSearchModalV2(_ref) {
                 return props.src_;
               },
               autoAdjustAspectRatio: true,
-              aspectRatio: 1
+              aspectRatio: 1,
+              get ["class"]() {
+                return props.class_;
+              }
             }),
             ...instant_results_options_
           }), _el$4, _co$);

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.6";
+export const version = "4.3.8";
 declare const LISTING_ID = "listingId";
 declare const EXTERNAL_ID = "externalId";
 type ScrollRestorationData = {

package/ES10/index.js

@@ -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.6";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "4.3.8";
 const $a9c7ba6087881ac2$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -2270,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));
@@ -2317,7 +2318,8 @@ const $9a693c7e832d3f18$export$b05c0ae390cf3e06 = _ref => {
       },
       get children() {
         return $8tj43$createComponent(InstantCardImageComponent_, {
-          src_: secondary_image_url
+          src_: secondary_image_url,
+          class_: "secondary"
         });
       }
     }), _el$9, _co$2);
@@ -5055,7 +5057,10 @@ function $06fcd2a345efd24d$var$RawSearchModalV2(_ref) {
                 return props.src_;
               },
               autoAdjustAspectRatio: true,
-              aspectRatio: 1
+              aspectRatio: 1,
+              get ["class"]() {
+                return props.class_;
+              }
             }),
             ...instant_results_options_
           }), _el$4, _co$);

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.6";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "4.3.8";
 const $4e04be41243c3d80$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -2234,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));
@@ -2277,7 +2278,8 @@ const $6ae613870d3380fc$export$b05c0ae390cf3e06 = ({
       },
       get children() {
         return $gVhhF$solidjsweb.createComponent(InstantCardImageComponent_, {
-          src_: secondary_image_url
+          src_: secondary_image_url,
+          class_: "secondary"
         });
       }
     }), _el$9, _co$2);
@@ -4905,7 +4907,10 @@ function $11597ae03e703a47$var$RawSearchModalV2({
                 return props.src_;
               },
               autoAdjustAspectRatio: true,
-              aspectRatio: 1
+              aspectRatio: 1,
+              get ["class"]() {
+                return props.class_;
+              }
             }),
             ...instant_results_options_
           }), _el$4, _co$);

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.6";
+export const version = "4.3.8";
 declare const LISTING_ID = "listingId";
 declare const EXTERNAL_ID = "externalId";
 type ScrollRestorationData = {

package/latest/index.js

@@ -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.6";
+const $ec291e0010116877$export$83d89fbfd8236492 = "4.3.8";
 const $b5cccc8ee7d24677$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -2147,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));
@@ -2190,7 +2191,8 @@ const $e003be2a50d9e5bc$export$b05c0ae390cf3e06 = ({
       },
       get children() {
         return $9HbP8$createComponent(InstantCardImageComponent_, {
-          src_: secondary_image_url
+          src_: secondary_image_url,
+          class_: "secondary"
         });
       }
     }), _el$9, _co$2);
@@ -4818,7 +4820,10 @@ function $500a16dd18ee5a71$var$RawSearchModalV2({
                 return props.src_;
               },
               autoAdjustAspectRatio: true,
-              aspectRatio: 1
+              aspectRatio: 1,
+              get ["class"]() {
+                return props.class_;
+              }
             }),
             ...instant_results_options_
           }), _el$4, _co$);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/ui",
-  "version": "4.3.6",
+  "version": "4.3.8",
   "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,7 +236,7 @@
     "@babel/plugin-transform-typescript": "^7.22.9",
     "@babel/runtime": "latest",
     "@babel/runtime-corejs3": "^7.22.6",
-    "@depict-ai/plp-styling": "^4.0.1",
+    "@depict-ai/plp-styling": "^4.0.3",
     "@depict-ai/types": "^5.1.2",
     "@depict-ai/utilishared": "^2.1.2",
     "solid-js": "^1.8.12"

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.6";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.3.8";
 const $5401a6698b0c0658$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -2073,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>"],
@@ -2103,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;
@@ -2115,7 +2115,8 @@ const $82d079b68975fbf7$export$b05c0ae390cf3e06 = _ref => {
     },
     get children() {
       return $3hooq$solidjsweb.createComponent(InstantCardImageComponent_, {
-        src_: secondary_image_url
+        src_: secondary_image_url,
+        class_: "secondary"
       });
     }
   })), selected_index_ ? $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent(TitleBrandTagline, {})) : $3hooq$solidjsweb.ssr($82d079b68975fbf7$var$_tmpl$7, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent(TitleBrandTagline, {}))), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $3hooq$solidjs.Show), {
@@ -4251,7 +4252,10 @@ function $43600b30502feeda$var$RawSearchModalV2(_ref) {
                 return props.src_;
               },
               autoAdjustAspectRatio: true,
-              aspectRatio: 1
+              aspectRatio: 1,
+              get ["class"]() {
+                return props.class_;
+              }
             }),
             ...instant_results_options_
           })));

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.6";
+export const version = "4.3.8";
 declare const LISTING_ID = "listingId";
 declare const EXTERNAL_ID = "externalId";
 type ScrollRestorationData = {

package/server/ES10/index.js

@@ -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.6";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "4.3.8";
 const $a9c7ba6087881ac2$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -1983,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>"],
@@ -2013,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;
@@ -2025,7 +2025,8 @@ const $9a693c7e832d3f18$export$b05c0ae390cf3e06 = _ref => {
     },
     get children() {
       return $b8hua$createComponent(InstantCardImageComponent_, {
-        src_: secondary_image_url
+        src_: secondary_image_url,
+        class_: "secondary"
       });
     }
   })), selected_index_ ? $b8hua$escape($b8hua$createComponent(TitleBrandTagline, {})) : $b8hua$ssr($9a693c7e832d3f18$var$_tmpl$7, $b8hua$ssrHydrationKey(), $b8hua$escape($b8hua$createComponent(TitleBrandTagline, {}))), $b8hua$escape($b8hua$createComponent((0, $b8hua$Show), {
@@ -4161,7 +4162,10 @@ function $06fcd2a345efd24d$var$RawSearchModalV2(_ref) {
                 return props.src_;
               },
               autoAdjustAspectRatio: true,
-              aspectRatio: 1
+              aspectRatio: 1,
+              get ["class"]() {
+                return props.class_;
+              }
             }),
             ...instant_results_options_
           })));

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.6";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "4.3.8";
 const $4e04be41243c3d80$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -1964,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>"],
@@ -1992,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;
@@ -2003,7 +2003,8 @@ const $6ae613870d3380fc$export$b05c0ae390cf3e06 = ({
     },
     get children() {
       return $5vyXB$solidjsweb.createComponent(InstantCardImageComponent_, {
-        src_: secondary_image_url
+        src_: secondary_image_url,
+        class_: "secondary"
       });
     }
   })), selected_index_ ? $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent(TitleBrandTagline, {})) : $5vyXB$solidjsweb.ssr($6ae613870d3380fc$var$_tmpl$7, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent(TitleBrandTagline, {}))), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $5vyXB$solidjs.Show), {
@@ -4036,7 +4037,10 @@ function $11597ae03e703a47$var$RawSearchModalV2({
                 return props.src_;
               },
               autoAdjustAspectRatio: true,
-              aspectRatio: 1
+              aspectRatio: 1,
+              get ["class"]() {
+                return props.class_;
+              }
             }),
             ...instant_results_options_
           })));

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.6";
+export const version = "4.3.8";
 declare const LISTING_ID = "listingId";
 declare const EXTERNAL_ID = "externalId";
 type ScrollRestorationData = {

package/server/latest/index.js

@@ -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.6";
+const $ec291e0010116877$export$83d89fbfd8236492 = "4.3.8";
 const $b5cccc8ee7d24677$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -1877,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>"],
@@ -1905,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;
@@ -1916,7 +1916,8 @@ const $e003be2a50d9e5bc$export$b05c0ae390cf3e06 = ({
     },
     get children() {
       return $i7OB2$createComponent(InstantCardImageComponent_, {
-        src_: secondary_image_url
+        src_: secondary_image_url,
+        class_: "secondary"
       });
     }
   })), selected_index_ ? $i7OB2$escape($i7OB2$createComponent(TitleBrandTagline, {})) : $i7OB2$ssr($e003be2a50d9e5bc$var$_tmpl$7, $i7OB2$ssrHydrationKey(), $i7OB2$escape($i7OB2$createComponent(TitleBrandTagline, {}))), $i7OB2$escape($i7OB2$createComponent((0, $i7OB2$Show), {
@@ -3949,7 +3950,10 @@ function $500a16dd18ee5a71$var$RawSearchModalV2({
                 return props.src_;
               },
               autoAdjustAspectRatio: true,
-              aspectRatio: 1
+              aspectRatio: 1,
+              get ["class"]() {
+                return props.class_;
+              }
             }),
             ...instant_results_options_
           })));