@depict-ai/ui 4.3.10 → 4.3.11

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.10";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.3.11";
 const $5401a6698b0c0658$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -1393,6 +1393,10 @@ function $d66c35b5a6d6d926$export$b73ed90f0ee50dc3(_ref) {
     return (_variantToUse4 = variantToUse()) === null || _variantToUse4 === void 0 ? void 0 : _variantToUse4.page_url;
   });
   const FavoriteButton = FavoriteButton_; // Just to get rid of the type error - TS doesn't understand <Show>
+  const title = $52FdA$solidjs.createMemo(() => {
+    var _variantToUse5;
+    return (_variantToUse5 = variantToUse()) === null || _variantToUse5 === void 0 ? void 0 : _variantToUse5.title;
+  });
   return (() => {
     var _el$ = $52FdA$solidjsweb.getNextElement($d66c35b5a6d6d926$var$_tmpl$4),
       _el$12 = _el$.firstChild,
@@ -1503,9 +1507,12 @@ function $d66c35b5a6d6d926$export$b73ed90f0ee50dc3(_ref) {
             disconnector();
           }));
         }, _el$3);
+        $52FdA$solidjsweb.spread(_el$5, $52FdA$solidjsweb.mergeProps(() => title() && {
+          title: title()
+        }), false, true);
         $52FdA$solidjsweb.insert(_el$5, () => {
-          var _variantToUse$title, _variantToUse5;
-          return (_variantToUse$title = (_variantToUse5 = variantToUse()) === null || _variantToUse5 === void 0 ? void 0 : _variantToUse5.title) !== null && _variantToUse$title !== void 0 ? _variantToUse$title : $52FdA$solidjsweb.createComponent((0, $a7f7d416e6f61504$export$89c6019e4baa40b1), {
+          var _title;
+          return (_title = title()) !== null && _title !== void 0 ? _title : $52FdA$solidjsweb.createComponent((0, $a7f7d416e6f61504$export$89c6019e4baa40b1), {
             height: "1em",
             width: "20ch"
           });
@@ -1584,6 +1591,7 @@ function $d66c35b5a6d6d926$export$b73ed90f0ee50dc3(_ref) {
           }
         }), _el$11, _co$2);
         $52FdA$solidjsweb.effect(() => _el$6.classList.toggle("sale", !!isOnSale()));
+        $52FdA$solidjsweb.runHydrationEvents();
         return _el$3;
       }
     }), _el$15, _co$4);

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.10";
+export const version = "4.3.11";
 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.10";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "4.3.11";
 const $a9c7ba6087881ac2$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -1303,6 +1303,10 @@ function $0c5b1686f971e5e7$export$b73ed90f0ee50dc3(_ref) {
     return (_variantToUse4 = variantToUse()) === null || _variantToUse4 === void 0 ? void 0 : _variantToUse4.page_url;
   });
   const FavoriteButton = FavoriteButton_; // Just to get rid of the type error - TS doesn't understand <Show>
+  const title = $8tj43$createMemo(() => {
+    var _variantToUse5;
+    return (_variantToUse5 = variantToUse()) === null || _variantToUse5 === void 0 ? void 0 : _variantToUse5.title;
+  });
   return (() => {
     var _el$ = $8tj43$getNextElement($0c5b1686f971e5e7$var$_tmpl$4),
       _el$12 = _el$.firstChild,
@@ -1413,9 +1417,12 @@ function $0c5b1686f971e5e7$export$b73ed90f0ee50dc3(_ref) {
             disconnector();
           }));
         }, _el$3);
+        $8tj43$spread(_el$5, $8tj43$mergeProps(() => title() && {
+          title: title()
+        }), false, true);
         $8tj43$insert(_el$5, () => {
-          var _variantToUse$title, _variantToUse5;
-          return (_variantToUse$title = (_variantToUse5 = variantToUse()) === null || _variantToUse5 === void 0 ? void 0 : _variantToUse5.title) !== null && _variantToUse$title !== void 0 ? _variantToUse$title : $8tj43$createComponent((0, $ceafb6fb91c6f394$export$89c6019e4baa40b1), {
+          var _title;
+          return (_title = title()) !== null && _title !== void 0 ? _title : $8tj43$createComponent((0, $ceafb6fb91c6f394$export$89c6019e4baa40b1), {
             height: "1em",
             width: "20ch"
           });
@@ -1494,6 +1501,7 @@ function $0c5b1686f971e5e7$export$b73ed90f0ee50dc3(_ref) {
           }
         }), _el$11, _co$2);
         $8tj43$effect(() => _el$6.classList.toggle("sale", !!isOnSale()));
+        $8tj43$runHydrationEvents();
         return _el$3;
       }
     }), _el$15, _co$4);

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.10";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "4.3.11";
 const $4e04be41243c3d80$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -1315,6 +1315,7 @@ function $1ae437d7d388a66e$export$b73ed90f0ee50dc3({
   const enableLink = $gVhhF$solidjs.createMemo(() => userWantsExpanded() && !animationIsRunning());
   const href = $gVhhF$solidjs.createMemo(() => variantToUse()?.page_url);
   const FavoriteButton = FavoriteButton_; // Just to get rid of the type error - TS doesn't understand <Show>
+  const title = $gVhhF$solidjs.createMemo(() => variantToUse()?.title);
   return (() => {
     var _el$ = $gVhhF$solidjsweb.getNextElement($1ae437d7d388a66e$var$_tmpl$4),
       _el$12 = _el$.firstChild,
@@ -1424,7 +1425,10 @@ function $1ae437d7d388a66e$export$b73ed90f0ee50dc3({
             disconnector();
           }));
         }, _el$3);
-        $gVhhF$solidjsweb.insert(_el$5, () => variantToUse()?.title ?? $gVhhF$solidjsweb.createComponent((0, $061ff5b4c3d36171$export$89c6019e4baa40b1), {
+        $gVhhF$solidjsweb.spread(_el$5, $gVhhF$solidjsweb.mergeProps(() => title() && {
+          title: title()
+        }), false, true);
+        $gVhhF$solidjsweb.insert(_el$5, () => title() ?? $gVhhF$solidjsweb.createComponent((0, $061ff5b4c3d36171$export$89c6019e4baa40b1), {
           height: "1em",
           width: "20ch"
         }));
@@ -1502,6 +1506,7 @@ function $1ae437d7d388a66e$export$b73ed90f0ee50dc3({
           }
         }), _el$11, _co$2);
         $gVhhF$solidjsweb.effect(() => _el$6.classList.toggle("sale", !!isOnSale()));
+        $gVhhF$solidjsweb.runHydrationEvents();
         return _el$3;
       }
     }), _el$15, _co$4);

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.10";
+export const version = "4.3.11";
 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.10";
+const $ec291e0010116877$export$83d89fbfd8236492 = "4.3.11";
 const $b5cccc8ee7d24677$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -1228,6 +1228,7 @@ function $5a6c386e1bde5665$export$b73ed90f0ee50dc3({
   const enableLink = $9HbP8$createMemo(() => userWantsExpanded() && !animationIsRunning());
   const href = $9HbP8$createMemo(() => variantToUse()?.page_url);
   const FavoriteButton = FavoriteButton_; // Just to get rid of the type error - TS doesn't understand <Show>
+  const title = $9HbP8$createMemo(() => variantToUse()?.title);
   return (() => {
     var _el$ = $9HbP8$getNextElement($5a6c386e1bde5665$var$_tmpl$4),
       _el$12 = _el$.firstChild,
@@ -1337,7 +1338,10 @@ function $5a6c386e1bde5665$export$b73ed90f0ee50dc3({
             disconnector();
           }));
         }, _el$3);
-        $9HbP8$insert(_el$5, () => variantToUse()?.title ?? $9HbP8$createComponent((0, $d134eae24341b4a1$export$89c6019e4baa40b1), {
+        $9HbP8$spread(_el$5, $9HbP8$mergeProps(() => title() && {
+          title: title()
+        }), false, true);
+        $9HbP8$insert(_el$5, () => title() ?? $9HbP8$createComponent((0, $d134eae24341b4a1$export$89c6019e4baa40b1), {
           height: "1em",
           width: "20ch"
         }));
@@ -1415,6 +1419,7 @@ function $5a6c386e1bde5665$export$b73ed90f0ee50dc3({
           }
         }), _el$11, _co$2);
         $9HbP8$effect(() => _el$6.classList.toggle("sale", !!isOnSale()));
+        $9HbP8$runHydrationEvents();
         return _el$3;
       }
     }), _el$15, _co$4);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/ui",
-  "version": "4.3.10",
+  "version": "4.3.11",
   "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",

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.10";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.3.11";
 const $5401a6698b0c0658$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -1242,7 +1242,7 @@ function $f38f2e64ebe2da86$export$a71e92cfbb498adc(props) {
 }
 var $d66c35b5a6d6d926$var$_tmpl$ = ["<div", ' class="img-wrapper">', "</div>"],
   $d66c35b5a6d6d926$var$_tmpl$2 = ["<span", ' class="d-price original">', "</span>"],
-  $d66c35b5a6d6d926$var$_tmpl$3 = ["<div", ' class="right-part"><div class="text-container"><span class="d-title line-clamp">', '</span><span class="', '">', "</span><!--$-->", "<!--/--></div><!--$-->", "<!--/--></div>"];
+  $d66c35b5a6d6d926$var$_tmpl$3 = ["<div", ' class="right-part"><div class="text-container">', '<span class="', '">', "</span><!--$-->", "<!--/--></div><!--$-->", "<!--/--></div>"];
 function $d66c35b5a6d6d926$export$b73ed90f0ee50dc3(_ref) {
   let {
     display_: display_,
@@ -1280,6 +1280,10 @@ function $d66c35b5a6d6d926$export$b73ed90f0ee50dc3(_ref) {
     return (_variantToUse4 = variantToUse()) === null || _variantToUse4 === void 0 ? void 0 : _variantToUse4.page_url;
   });
   const FavoriteButton = FavoriteButton_; // Just to get rid of the type error - TS doesn't understand <Show>
+  const title = $3hooq$solidjs.createMemo(() => {
+    var _variantToUse5;
+    return (_variantToUse5 = variantToUse()) === null || _variantToUse5 === void 0 ? void 0 : _variantToUse5.title;
+  });
   return $3hooq$solidjsweb.ssrElement("a", $3hooq$solidjsweb.mergeProps({
     "class": "look-item"
   }, () => enableLink() ? {
@@ -1324,11 +1328,17 @@ function $d66c35b5a6d6d926$export$b73ed90f0ee50dc3(_ref) {
       return (animationEffectExists() ? isExpandedThrottledByOurEffectRun() : userWantsExpanded()) || animationIsRunning();
     },
     get children() {
-      var _$escape2, _variantToUse5;
-      return $3hooq$solidjsweb.ssr($d66c35b5a6d6d926$var$_tmpl$3, $3hooq$solidjsweb.ssrHydrationKey(), (_$escape2 = $3hooq$solidjsweb.escape((_variantToUse5 = variantToUse()) === null || _variantToUse5 === void 0 ? void 0 : _variantToUse5.title)) !== null && _$escape2 !== void 0 ? _$escape2 : $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $a7f7d416e6f61504$export$89c6019e4baa40b1), {
-        height: "1em",
-        width: "20ch"
-      })), "d-price ".concat(isOnSale() ? "sale" : ""), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $3hooq$solidjs.Show), {
+      return $3hooq$solidjsweb.ssr($d66c35b5a6d6d926$var$_tmpl$3, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.ssrElement("span", $3hooq$solidjsweb.mergeProps({
+        "class": "d-title line-clamp"
+      }, () => title() && {
+        title: title()
+      }), () => {
+        var _$escape2;
+        return (_$escape2 = $3hooq$solidjsweb.escape(title())) !== null && _$escape2 !== void 0 ? _$escape2 : $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $a7f7d416e6f61504$export$89c6019e4baa40b1), {
+          height: "1em",
+          width: "20ch"
+        }));
+      }, false), "d-price ".concat(isOnSale() ? "sale" : ""), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $3hooq$solidjs.Show), {
         get when() {
           return variantToUse() && !salePrice.loading;
         },

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.10";
+export const version = "4.3.11";
 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.10";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "4.3.11";
 const $a9c7ba6087881ac2$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -1152,7 +1152,7 @@ function $60ec7a29849d81db$export$a71e92cfbb498adc(props) {
 }
 var $0c5b1686f971e5e7$var$_tmpl$ = ["<div", ' class="img-wrapper">', "</div>"],
   $0c5b1686f971e5e7$var$_tmpl$2 = ["<span", ' class="d-price original">', "</span>"],
-  $0c5b1686f971e5e7$var$_tmpl$3 = ["<div", ' class="right-part"><div class="text-container"><span class="d-title line-clamp">', '</span><span class="', '">', "</span><!--$-->", "<!--/--></div><!--$-->", "<!--/--></div>"];
+  $0c5b1686f971e5e7$var$_tmpl$3 = ["<div", ' class="right-part"><div class="text-container">', '<span class="', '">', "</span><!--$-->", "<!--/--></div><!--$-->", "<!--/--></div>"];
 function $0c5b1686f971e5e7$export$b73ed90f0ee50dc3(_ref) {
   let {
     display_: display_,
@@ -1190,6 +1190,10 @@ function $0c5b1686f971e5e7$export$b73ed90f0ee50dc3(_ref) {
     return (_variantToUse4 = variantToUse()) === null || _variantToUse4 === void 0 ? void 0 : _variantToUse4.page_url;
   });
   const FavoriteButton = FavoriteButton_; // Just to get rid of the type error - TS doesn't understand <Show>
+  const title = $b8hua$createMemo(() => {
+    var _variantToUse5;
+    return (_variantToUse5 = variantToUse()) === null || _variantToUse5 === void 0 ? void 0 : _variantToUse5.title;
+  });
   return $b8hua$ssrElement("a", $b8hua$mergeProps({
     "class": "look-item"
   }, () => enableLink() ? {
@@ -1234,11 +1238,17 @@ function $0c5b1686f971e5e7$export$b73ed90f0ee50dc3(_ref) {
       return (animationEffectExists() ? isExpandedThrottledByOurEffectRun() : userWantsExpanded()) || animationIsRunning();
     },
     get children() {
-      var _$escape2, _variantToUse5;
-      return $b8hua$ssr($0c5b1686f971e5e7$var$_tmpl$3, $b8hua$ssrHydrationKey(), (_$escape2 = $b8hua$escape((_variantToUse5 = variantToUse()) === null || _variantToUse5 === void 0 ? void 0 : _variantToUse5.title)) !== null && _$escape2 !== void 0 ? _$escape2 : $b8hua$escape($b8hua$createComponent((0, $ceafb6fb91c6f394$export$89c6019e4baa40b1), {
-        height: "1em",
-        width: "20ch"
-      })), "d-price ".concat(isOnSale() ? "sale" : ""), $b8hua$escape($b8hua$createComponent((0, $b8hua$Show), {
+      return $b8hua$ssr($0c5b1686f971e5e7$var$_tmpl$3, $b8hua$ssrHydrationKey(), $b8hua$ssrElement("span", $b8hua$mergeProps({
+        "class": "d-title line-clamp"
+      }, () => title() && {
+        title: title()
+      }), () => {
+        var _$escape2;
+        return (_$escape2 = $b8hua$escape(title())) !== null && _$escape2 !== void 0 ? _$escape2 : $b8hua$escape($b8hua$createComponent((0, $ceafb6fb91c6f394$export$89c6019e4baa40b1), {
+          height: "1em",
+          width: "20ch"
+        }));
+      }, false), "d-price ".concat(isOnSale() ? "sale" : ""), $b8hua$escape($b8hua$createComponent((0, $b8hua$Show), {
         get when() {
           return variantToUse() && !salePrice.loading;
         },

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.10";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "4.3.11";
 const $4e04be41243c3d80$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -1188,7 +1188,7 @@ function $d659702496cb72ea$export$a71e92cfbb498adc(props) {
 }
 var $1ae437d7d388a66e$var$_tmpl$ = ["<div", ' class="img-wrapper">', "</div>"],
   $1ae437d7d388a66e$var$_tmpl$2 = ["<span", ' class="d-price original">', "</span>"],
-  $1ae437d7d388a66e$var$_tmpl$3 = ["<div", ' class="right-part"><div class="text-container"><span class="d-title line-clamp">', '</span><span class="', '">', "</span><!--$-->", "<!--/--></div><!--$-->", "<!--/--></div>"];
+  $1ae437d7d388a66e$var$_tmpl$3 = ["<div", ' class="right-part"><div class="text-container">', '<span class="', '">', "</span><!--$-->", "<!--/--></div><!--$-->", "<!--/--></div>"];
 function $1ae437d7d388a66e$export$b73ed90f0ee50dc3({
   display_: display_,
   FavoriteButton_: FavoriteButton_,
@@ -1213,6 +1213,7 @@ function $1ae437d7d388a66e$export$b73ed90f0ee50dc3({
   const enableLink = $5vyXB$solidjs.createMemo(() => userWantsExpanded() && !animationIsRunning());
   const href = $5vyXB$solidjs.createMemo(() => variantToUse()?.page_url);
   const FavoriteButton = FavoriteButton_; // Just to get rid of the type error - TS doesn't understand <Show>
+  const title = $5vyXB$solidjs.createMemo(() => variantToUse()?.title);
   return $5vyXB$solidjsweb.ssrElement("a", $5vyXB$solidjsweb.mergeProps({
     "class": "look-item"
   }, () => enableLink() ? {
@@ -1257,10 +1258,14 @@ function $1ae437d7d388a66e$export$b73ed90f0ee50dc3({
       return (animationEffectExists() ? isExpandedThrottledByOurEffectRun() : userWantsExpanded()) || animationIsRunning();
     },
     get children() {
-      return $5vyXB$solidjsweb.ssr($1ae437d7d388a66e$var$_tmpl$3, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.escape(variantToUse()?.title) ?? $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $061ff5b4c3d36171$export$89c6019e4baa40b1), {
+      return $5vyXB$solidjsweb.ssr($1ae437d7d388a66e$var$_tmpl$3, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.ssrElement("span", $5vyXB$solidjsweb.mergeProps({
+        "class": "d-title line-clamp"
+      }, () => title() && {
+        title: title()
+      }), () => $5vyXB$solidjsweb.escape(title()) ?? $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $061ff5b4c3d36171$export$89c6019e4baa40b1), {
         height: "1em",
         width: "20ch"
-      })), `d-price ${isOnSale() ? "sale" : ""}`, $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $5vyXB$solidjs.Show), {
+      })), false), `d-price ${isOnSale() ? "sale" : ""}`, $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $5vyXB$solidjs.Show), {
         get when() {
           return variantToUse() && !salePrice.loading;
         },

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.10";
+export const version = "4.3.11";
 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.10";
+const $ec291e0010116877$export$83d89fbfd8236492 = "4.3.11";
 const $b5cccc8ee7d24677$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -1101,7 +1101,7 @@ function $8c0f86cb3e266eeb$export$a71e92cfbb498adc(props) {
 }
 var $5a6c386e1bde5665$var$_tmpl$ = ["<div", ' class="img-wrapper">', "</div>"],
   $5a6c386e1bde5665$var$_tmpl$2 = ["<span", ' class="d-price original">', "</span>"],
-  $5a6c386e1bde5665$var$_tmpl$3 = ["<div", ' class="right-part"><div class="text-container"><span class="d-title line-clamp">', '</span><span class="', '">', "</span><!--$-->", "<!--/--></div><!--$-->", "<!--/--></div>"];
+  $5a6c386e1bde5665$var$_tmpl$3 = ["<div", ' class="right-part"><div class="text-container">', '<span class="', '">', "</span><!--$-->", "<!--/--></div><!--$-->", "<!--/--></div>"];
 function $5a6c386e1bde5665$export$b73ed90f0ee50dc3({
   display_: display_,
   FavoriteButton_: FavoriteButton_,
@@ -1126,6 +1126,7 @@ function $5a6c386e1bde5665$export$b73ed90f0ee50dc3({
   const enableLink = $i7OB2$createMemo(() => userWantsExpanded() && !animationIsRunning());
   const href = $i7OB2$createMemo(() => variantToUse()?.page_url);
   const FavoriteButton = FavoriteButton_; // Just to get rid of the type error - TS doesn't understand <Show>
+  const title = $i7OB2$createMemo(() => variantToUse()?.title);
   return $i7OB2$ssrElement("a", $i7OB2$mergeProps({
     "class": "look-item"
   }, () => enableLink() ? {
@@ -1170,10 +1171,14 @@ function $5a6c386e1bde5665$export$b73ed90f0ee50dc3({
       return (animationEffectExists() ? isExpandedThrottledByOurEffectRun() : userWantsExpanded()) || animationIsRunning();
     },
     get children() {
-      return $i7OB2$ssr($5a6c386e1bde5665$var$_tmpl$3, $i7OB2$ssrHydrationKey(), $i7OB2$escape(variantToUse()?.title) ?? $i7OB2$escape($i7OB2$createComponent((0, $d134eae24341b4a1$export$89c6019e4baa40b1), {
+      return $i7OB2$ssr($5a6c386e1bde5665$var$_tmpl$3, $i7OB2$ssrHydrationKey(), $i7OB2$ssrElement("span", $i7OB2$mergeProps({
+        "class": "d-title line-clamp"
+      }, () => title() && {
+        title: title()
+      }), () => $i7OB2$escape(title()) ?? $i7OB2$escape($i7OB2$createComponent((0, $d134eae24341b4a1$export$89c6019e4baa40b1), {
         height: "1em",
         width: "20ch"
-      })), `d-price ${isOnSale() ? "sale" : ""}`, $i7OB2$escape($i7OB2$createComponent((0, $i7OB2$Show), {
+      })), false), `d-price ${isOnSale() ? "sale" : ""}`, $i7OB2$escape($i7OB2$createComponent((0, $i7OB2$Show), {
         get when() {
           return variantToUse() && !salePrice.loading;
         },