@depict-ai/ui 4.3.2 → 4.3.3

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.2";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.3.3";
 const $5401a6698b0c0658$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -1360,7 +1360,7 @@ function $d66c35b5a6d6d926$export$b73ed90f0ee50dc3(_ref) {
   let {
     display_: display_,
     FavoriteButton_: FavoriteButton_,
-    isExpanded_: isExpanded_,
+    userWantsExpandedSignal_: [userWantsExpanded, setUserWantsExpanded],
     textFadeInAnimationRunning_: textFadeInAnimationRunning_,
     outerRef_: outerRef_,
     animationDuration_: animationDuration_,
@@ -1376,7 +1376,7 @@ function $d66c35b5a6d6d926$export$b73ed90f0ee50dc3(_ref) {
     return (_variantToUse = variantToUse()) === null || _variantToUse === void 0 ? void 0 : (_variantToUse$image_u = _variantToUse.image_urls) === null || _variantToUse$image_u === void 0 ? void 0 : _variantToUse$image_u[0];
   });
   const [animationIsRunning, setAnimationIsRunning] = textFadeInAnimationRunning_;
-  const [isExpandedThrottledByOurEffectRun, setIsExpandedThrottledByOurEffectRun] = $52FdA$solidjs.createSignal($52FdA$solidjs.untrack(isExpanded_));
+  const [isExpandedThrottledByOurEffectRun, setIsExpandedThrottledByOurEffectRun] = $52FdA$solidjs.createSignal($52FdA$solidjs.untrack(userWantsExpanded));
   const [animationEffectExists, setAnimationEffectExists] = $52FdA$solidjs.createSignal(false);
   const [salePrice] = $52FdA$solidjs.createResource(() => {
     var _variantToUse2;
@@ -1387,7 +1387,7 @@ function $d66c35b5a6d6d926$export$b73ed90f0ee50dc3(_ref) {
     return (_variantToUse3 = variantToUse()) === null || _variantToUse3 === void 0 ? void 0 : _variantToUse3.original_price;
   });
   const isOnSale = $52FdA$solidjs.createMemo(() => !salePrice.loading && !originalPrice.loading && salePrice.latest !== originalPrice.latest); // .latest doesn't trigger suspense after the initial load
-  const enableLink = $52FdA$solidjs.createMemo(() => isExpanded_() && !animationIsRunning());
+  const enableLink = $52FdA$solidjs.createMemo(() => userWantsExpanded() && !animationIsRunning());
   const href = $52FdA$solidjs.createMemo(() => {
     var _variantToUse4;
     return (_variantToUse4 = variantToUse()) === null || _variantToUse4 === void 0 ? void 0 : _variantToUse4.page_url;
@@ -1405,11 +1405,18 @@ function $d66c35b5a6d6d926$export$b73ed90f0ee50dc3(_ref) {
       href: href()
     } : {}, {
       get onClick() {
-        return $52FdA$depictaiutilishared.catchify(event_ => enableLink() && pseudoRouter_.navigate_.go_to_({
-          new_url_: href(),
-          is_replace_: false,
-          event_: event_
-        }));
+        return $52FdA$depictaiutilishared.catchify(event_ => {
+          if (enableLink()) {
+            pseudoRouter_.navigate_.go_to_({
+              new_url_: href(),
+              is_replace_: false,
+              event_: event_
+            });
+            if (event_.defaultPrevented)
+              // We single-page-navigated in this tab, close the look
+              setUserWantsExpanded(false);
+          }
+        });
       }
     }), false, true);
     $52FdA$solidjsweb.insert(_el$, $52FdA$solidjsweb.createComponent((0, $52FdA$solidjs.Show), {
@@ -1436,10 +1443,10 @@ function $d66c35b5a6d6d926$export$b73ed90f0ee50dc3(_ref) {
                 return imageUrl();
               },
               get aspectRatio() {
-                return isExpanded_() ? 0.75 : 1;
+                return userWantsExpanded() ? 0.75 : 1;
               },
               get autoAdjustAspectRatio() {
-                return isExpanded_();
+                return userWantsExpanded();
               },
               imgProps: {
                 keyRatioUpdating: true
@@ -1452,7 +1459,7 @@ function $d66c35b5a6d6d926$export$b73ed90f0ee50dc3(_ref) {
     }), _el$13, _co$3);
     $52FdA$solidjsweb.insert(_el$, $52FdA$solidjsweb.createComponent((0, $52FdA$solidjs.Show), {
       get when() {
-        return (animationEffectExists() ? isExpandedThrottledByOurEffectRun() : isExpanded_()) || animationIsRunning();
+        return (animationEffectExists() ? isExpandedThrottledByOurEffectRun() : userWantsExpanded()) || animationIsRunning();
       },
       get children() {
         var _el$3 = $52FdA$solidjsweb.getNextElement($d66c35b5a6d6d926$var$_tmpl$3),
@@ -1480,7 +1487,7 @@ function $d66c35b5a6d6d926$export$b73ed90f0ee50dc3(_ref) {
             setAnimationIsRunning(true);
             $52FdA$solidjs.runWithOwner(owner, () => {
               $52FdA$solidjs.createRenderEffect(() => {
-                const expanded = isExpanded_();
+                const expanded = userWantsExpanded();
                 // Still glitches in chrome (probably not fixable) and sometimes the timing is off in Safari but fuck it, I couldn't massage the WAAPI to improve it in any way (without reading computed style) to make the reversing of animations glitch less
                 textContainerAnimation.pause();
                 textContainerAnimation.updatePlaybackRate(expanded ? 1 : -1);
@@ -1639,7 +1646,7 @@ function $e0b3f1f332b6863b$export$ebf0b1d4f90c09ae(_ref) {
   let {
     displays_: displays_,
     FavoriteButton_: FavoriteButton_,
-    userWantsExpandedSignal_: [userWantsExpanded, setUserWantsExpanded],
+    userWantsExpandedSignal_: userWantsExpandedSignal_,
     containerWidth_: containerWidth_,
     animationDuration_: animationDuration_,
     supportsHover_: supportsHover_,
@@ -1653,6 +1660,7 @@ function $e0b3f1f332b6863b$export$ebf0b1d4f90c09ae(_ref) {
   // The following three signals just contain the state if the animations are actually running and should only be set by the respective animation code
   const textFadeInAnimationRunning = $52FdA$solidjs.createSignal(false);
   const [getSecondPartAnimationRunning] = textFadeInAnimationRunning;
+  const [userWantsExpanded, setUserWantsExpanded] = userWantsExpandedSignal_;
   $dfa95866b27a2a53$export$7b9a0e99f0aeb2f3().then(is => isAffectedByChromeBug = is);
   return $52FdA$solidjsweb.createComponent((0, $d067f3a30f047b41$export$e68cff63f76bd15b), {
     get children() {
@@ -1702,7 +1710,7 @@ function $e0b3f1f332b6863b$export$ebf0b1d4f90c09ae(_ref) {
                 animationDuration_: animationDuration_,
                 display_: display,
                 FavoriteButton_: FavoriteButton_,
-                isExpanded_: userWantsExpanded,
+                userWantsExpandedSignal_: userWantsExpandedSignal_,
                 textFadeInAnimationRunning_: textFadeInAnimationRunning,
                 priceFormatting_: priceFormatting_,
                 outerRef_: el => $52FdA$solidjs.createEffect(() => {

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.2";
+export const version = "4.3.3";
 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.2";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "4.3.3";
 const $a9c7ba6087881ac2$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -1270,7 +1270,7 @@ function $0c5b1686f971e5e7$export$b73ed90f0ee50dc3(_ref) {
   let {
     display_: display_,
     FavoriteButton_: FavoriteButton_,
-    isExpanded_: isExpanded_,
+    userWantsExpandedSignal_: [userWantsExpanded, setUserWantsExpanded],
     textFadeInAnimationRunning_: textFadeInAnimationRunning_,
     outerRef_: outerRef_,
     animationDuration_: animationDuration_,
@@ -1286,7 +1286,7 @@ function $0c5b1686f971e5e7$export$b73ed90f0ee50dc3(_ref) {
     return (_variantToUse = variantToUse()) === null || _variantToUse === void 0 ? void 0 : (_variantToUse$image_u = _variantToUse.image_urls) === null || _variantToUse$image_u === void 0 ? void 0 : _variantToUse$image_u[0];
   });
   const [animationIsRunning, setAnimationIsRunning] = textFadeInAnimationRunning_;
-  const [isExpandedThrottledByOurEffectRun, setIsExpandedThrottledByOurEffectRun] = $8tj43$createSignal($8tj43$untrack(isExpanded_));
+  const [isExpandedThrottledByOurEffectRun, setIsExpandedThrottledByOurEffectRun] = $8tj43$createSignal($8tj43$untrack(userWantsExpanded));
   const [animationEffectExists, setAnimationEffectExists] = $8tj43$createSignal(false);
   const [salePrice] = $8tj43$createResource(() => {
     var _variantToUse2;
@@ -1297,7 +1297,7 @@ function $0c5b1686f971e5e7$export$b73ed90f0ee50dc3(_ref) {
     return (_variantToUse3 = variantToUse()) === null || _variantToUse3 === void 0 ? void 0 : _variantToUse3.original_price;
   });
   const isOnSale = $8tj43$createMemo(() => !salePrice.loading && !originalPrice.loading && salePrice.latest !== originalPrice.latest); // .latest doesn't trigger suspense after the initial load
-  const enableLink = $8tj43$createMemo(() => isExpanded_() && !animationIsRunning());
+  const enableLink = $8tj43$createMemo(() => userWantsExpanded() && !animationIsRunning());
   const href = $8tj43$createMemo(() => {
     var _variantToUse4;
     return (_variantToUse4 = variantToUse()) === null || _variantToUse4 === void 0 ? void 0 : _variantToUse4.page_url;
@@ -1315,11 +1315,18 @@ function $0c5b1686f971e5e7$export$b73ed90f0ee50dc3(_ref) {
       href: href()
     } : {}, {
       get onClick() {
-        return $8tj43$catchify(event_ => enableLink() && pseudoRouter_.navigate_.go_to_({
-          new_url_: href(),
-          is_replace_: false,
-          event_: event_
-        }));
+        return $8tj43$catchify(event_ => {
+          if (enableLink()) {
+            pseudoRouter_.navigate_.go_to_({
+              new_url_: href(),
+              is_replace_: false,
+              event_: event_
+            });
+            if (event_.defaultPrevented)
+              // We single-page-navigated in this tab, close the look
+              setUserWantsExpanded(false);
+          }
+        });
       }
     }), false, true);
     $8tj43$insert(_el$, $8tj43$createComponent((0, $8tj43$Show), {
@@ -1346,10 +1353,10 @@ function $0c5b1686f971e5e7$export$b73ed90f0ee50dc3(_ref) {
                 return imageUrl();
               },
               get aspectRatio() {
-                return isExpanded_() ? 0.75 : 1;
+                return userWantsExpanded() ? 0.75 : 1;
               },
               get autoAdjustAspectRatio() {
-                return isExpanded_();
+                return userWantsExpanded();
               },
               imgProps: {
                 keyRatioUpdating: true
@@ -1362,7 +1369,7 @@ function $0c5b1686f971e5e7$export$b73ed90f0ee50dc3(_ref) {
     }), _el$13, _co$3);
     $8tj43$insert(_el$, $8tj43$createComponent((0, $8tj43$Show), {
       get when() {
-        return (animationEffectExists() ? isExpandedThrottledByOurEffectRun() : isExpanded_()) || animationIsRunning();
+        return (animationEffectExists() ? isExpandedThrottledByOurEffectRun() : userWantsExpanded()) || animationIsRunning();
       },
       get children() {
         var _el$3 = $8tj43$getNextElement($0c5b1686f971e5e7$var$_tmpl$3),
@@ -1390,7 +1397,7 @@ function $0c5b1686f971e5e7$export$b73ed90f0ee50dc3(_ref) {
             setAnimationIsRunning(true);
             $8tj43$runWithOwner(owner, () => {
               $8tj43$createRenderEffect(() => {
-                const expanded = isExpanded_();
+                const expanded = userWantsExpanded();
                 // Still glitches in chrome (probably not fixable) and sometimes the timing is off in Safari but fuck it, I couldn't massage the WAAPI to improve it in any way (without reading computed style) to make the reversing of animations glitch less
                 textContainerAnimation.pause();
                 textContainerAnimation.updatePlaybackRate(expanded ? 1 : -1);
@@ -1549,7 +1556,7 @@ function $4089a7972a508539$export$ebf0b1d4f90c09ae(_ref) {
   let {
     displays_: displays_,
     FavoriteButton_: FavoriteButton_,
-    userWantsExpandedSignal_: [userWantsExpanded, setUserWantsExpanded],
+    userWantsExpandedSignal_: userWantsExpandedSignal_,
     containerWidth_: containerWidth_,
     animationDuration_: animationDuration_,
     supportsHover_: supportsHover_,
@@ -1563,6 +1570,7 @@ function $4089a7972a508539$export$ebf0b1d4f90c09ae(_ref) {
   // The following three signals just contain the state if the animations are actually running and should only be set by the respective animation code
   const textFadeInAnimationRunning = $8tj43$createSignal(false);
   const [getSecondPartAnimationRunning] = textFadeInAnimationRunning;
+  const [userWantsExpanded, setUserWantsExpanded] = userWantsExpandedSignal_;
   $72017ebd8b9df947$export$7b9a0e99f0aeb2f3().then(is => isAffectedByChromeBug = is);
   return $8tj43$createComponent((0, $5441862cd2f5e111$export$e68cff63f76bd15b), {
     get children() {
@@ -1612,7 +1620,7 @@ function $4089a7972a508539$export$ebf0b1d4f90c09ae(_ref) {
                 animationDuration_: animationDuration_,
                 display_: display,
                 FavoriteButton_: FavoriteButton_,
-                isExpanded_: userWantsExpanded,
+                userWantsExpandedSignal_: userWantsExpandedSignal_,
                 textFadeInAnimationRunning_: textFadeInAnimationRunning,
                 priceFormatting_: priceFormatting_,
                 outerRef_: el => $8tj43$createEffect(() => {

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.2";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "4.3.3";
 const $4e04be41243c3d80$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -1294,7 +1294,7 @@ var $1ae437d7d388a66e$var$_tmpl$ = /*#__PURE__*/$gVhhF$solidjsweb.template(`<div
 function $1ae437d7d388a66e$export$b73ed90f0ee50dc3({
   display_: display_,
   FavoriteButton_: FavoriteButton_,
-  isExpanded_: isExpanded_,
+  userWantsExpandedSignal_: [userWantsExpanded, setUserWantsExpanded],
   textFadeInAnimationRunning_: textFadeInAnimationRunning_,
   outerRef_: outerRef_,
   animationDuration_: animationDuration_,
@@ -1307,12 +1307,12 @@ function $1ae437d7d388a66e$export$b73ed90f0ee50dc3({
   });
   const imageUrl = $gVhhF$solidjs.createMemo(() => variantToUse()?.image_urls?.[0]);
   const [animationIsRunning, setAnimationIsRunning] = textFadeInAnimationRunning_;
-  const [isExpandedThrottledByOurEffectRun, setIsExpandedThrottledByOurEffectRun] = $gVhhF$solidjs.createSignal($gVhhF$solidjs.untrack(isExpanded_));
+  const [isExpandedThrottledByOurEffectRun, setIsExpandedThrottledByOurEffectRun] = $gVhhF$solidjs.createSignal($gVhhF$solidjs.untrack(userWantsExpanded));
   const [animationEffectExists, setAnimationEffectExists] = $gVhhF$solidjs.createSignal(false);
   const [salePrice] = $gVhhF$solidjs.createResource(() => variantToUse()?.sale_price);
   const [originalPrice] = $gVhhF$solidjs.createResource(() => variantToUse()?.original_price);
   const isOnSale = $gVhhF$solidjs.createMemo(() => !salePrice.loading && !originalPrice.loading && salePrice.latest !== originalPrice.latest); // .latest doesn't trigger suspense after the initial load
-  const enableLink = $gVhhF$solidjs.createMemo(() => isExpanded_() && !animationIsRunning());
+  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>
   return (() => {
@@ -1327,11 +1327,18 @@ function $1ae437d7d388a66e$export$b73ed90f0ee50dc3({
       href: href()
     } : {}, {
       get onClick() {
-        return $gVhhF$depictaiutilishared.catchify(event_ => enableLink() && pseudoRouter_.navigate_.go_to_({
-          new_url_: href(),
-          is_replace_: false,
-          event_: event_
-        }));
+        return $gVhhF$depictaiutilishared.catchify(event_ => {
+          if (enableLink()) {
+            pseudoRouter_.navigate_.go_to_({
+              new_url_: href(),
+              is_replace_: false,
+              event_: event_
+            });
+            if (event_.defaultPrevented)
+              // We single-page-navigated in this tab, close the look
+              setUserWantsExpanded(false);
+          }
+        });
       }
     }), false, true);
     $gVhhF$solidjsweb.insert(_el$, $gVhhF$solidjsweb.createComponent((0, $gVhhF$solidjs.Show), {
@@ -1358,10 +1365,10 @@ function $1ae437d7d388a66e$export$b73ed90f0ee50dc3({
                 return imageUrl();
               },
               get aspectRatio() {
-                return isExpanded_() ? 0.75 : 1;
+                return userWantsExpanded() ? 0.75 : 1;
               },
               get autoAdjustAspectRatio() {
-                return isExpanded_();
+                return userWantsExpanded();
               },
               imgProps: {
                 keyRatioUpdating: true
@@ -1374,7 +1381,7 @@ function $1ae437d7d388a66e$export$b73ed90f0ee50dc3({
     }), _el$13, _co$3);
     $gVhhF$solidjsweb.insert(_el$, $gVhhF$solidjsweb.createComponent((0, $gVhhF$solidjs.Show), {
       get when() {
-        return (animationEffectExists() ? isExpandedThrottledByOurEffectRun() : isExpanded_()) || animationIsRunning();
+        return (animationEffectExists() ? isExpandedThrottledByOurEffectRun() : userWantsExpanded()) || animationIsRunning();
       },
       get children() {
         var _el$3 = $gVhhF$solidjsweb.getNextElement($1ae437d7d388a66e$var$_tmpl$3),
@@ -1401,7 +1408,7 @@ function $1ae437d7d388a66e$export$b73ed90f0ee50dc3({
             setAnimationIsRunning(true);
             $gVhhF$solidjs.runWithOwner(owner, () => {
               $gVhhF$solidjs.createRenderEffect(() => {
-                const expanded = isExpanded_();
+                const expanded = userWantsExpanded();
                 // Still glitches in chrome (probably not fixable) and sometimes the timing is off in Safari but fuck it, I couldn't massage the WAAPI to improve it in any way (without reading computed style) to make the reversing of animations glitch less
                 textContainerAnimation.pause();
                 textContainerAnimation.updatePlaybackRate(expanded ? 1 : -1);
@@ -1556,7 +1563,7 @@ var $905010a06f9aeae5$var$_tmpl$ = /*#__PURE__*/$gVhhF$solidjsweb.template(`<div
 function $905010a06f9aeae5$export$ebf0b1d4f90c09ae({
   displays_: displays_,
   FavoriteButton_: FavoriteButton_,
-  userWantsExpandedSignal_: [userWantsExpanded, setUserWantsExpanded],
+  userWantsExpandedSignal_: userWantsExpandedSignal_,
   containerWidth_: containerWidth_,
   animationDuration_: animationDuration_,
   supportsHover_: supportsHover_,
@@ -1570,6 +1577,7 @@ function $905010a06f9aeae5$export$ebf0b1d4f90c09ae({
   // The following three signals just contain the state if the animations are actually running and should only be set by the respective animation code
   const textFadeInAnimationRunning = $gVhhF$solidjs.createSignal(false);
   const [getSecondPartAnimationRunning] = textFadeInAnimationRunning;
+  const [userWantsExpanded, setUserWantsExpanded] = userWantsExpandedSignal_;
   $b9e830d616d01b31$export$7b9a0e99f0aeb2f3().then(is => isAffectedByChromeBug = is);
   return $gVhhF$solidjsweb.createComponent((0, $84798aaa863a4909$export$e68cff63f76bd15b), {
     get children() {
@@ -1619,7 +1627,7 @@ function $905010a06f9aeae5$export$ebf0b1d4f90c09ae({
                 animationDuration_: animationDuration_,
                 display_: display,
                 FavoriteButton_: FavoriteButton_,
-                isExpanded_: userWantsExpanded,
+                userWantsExpandedSignal_: userWantsExpandedSignal_,
                 textFadeInAnimationRunning_: textFadeInAnimationRunning,
                 priceFormatting_: priceFormatting_,
                 outerRef_: el => $gVhhF$solidjs.createEffect(() => {

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.2";
+export const version = "4.3.3";
 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.2";
+const $ec291e0010116877$export$83d89fbfd8236492 = "4.3.3";
 const $b5cccc8ee7d24677$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -1207,7 +1207,7 @@ var $5a6c386e1bde5665$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div class=img-
 function $5a6c386e1bde5665$export$b73ed90f0ee50dc3({
   display_: display_,
   FavoriteButton_: FavoriteButton_,
-  isExpanded_: isExpanded_,
+  userWantsExpandedSignal_: [userWantsExpanded, setUserWantsExpanded],
   textFadeInAnimationRunning_: textFadeInAnimationRunning_,
   outerRef_: outerRef_,
   animationDuration_: animationDuration_,
@@ -1220,12 +1220,12 @@ function $5a6c386e1bde5665$export$b73ed90f0ee50dc3({
   });
   const imageUrl = $9HbP8$createMemo(() => variantToUse()?.image_urls?.[0]);
   const [animationIsRunning, setAnimationIsRunning] = textFadeInAnimationRunning_;
-  const [isExpandedThrottledByOurEffectRun, setIsExpandedThrottledByOurEffectRun] = $9HbP8$createSignal($9HbP8$untrack(isExpanded_));
+  const [isExpandedThrottledByOurEffectRun, setIsExpandedThrottledByOurEffectRun] = $9HbP8$createSignal($9HbP8$untrack(userWantsExpanded));
   const [animationEffectExists, setAnimationEffectExists] = $9HbP8$createSignal(false);
   const [salePrice] = $9HbP8$createResource(() => variantToUse()?.sale_price);
   const [originalPrice] = $9HbP8$createResource(() => variantToUse()?.original_price);
   const isOnSale = $9HbP8$createMemo(() => !salePrice.loading && !originalPrice.loading && salePrice.latest !== originalPrice.latest); // .latest doesn't trigger suspense after the initial load
-  const enableLink = $9HbP8$createMemo(() => isExpanded_() && !animationIsRunning());
+  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>
   return (() => {
@@ -1240,11 +1240,18 @@ function $5a6c386e1bde5665$export$b73ed90f0ee50dc3({
       href: href()
     } : {}, {
       get onClick() {
-        return $9HbP8$catchify(event_ => enableLink() && pseudoRouter_.navigate_.go_to_({
-          new_url_: href(),
-          is_replace_: false,
-          event_: event_
-        }));
+        return $9HbP8$catchify(event_ => {
+          if (enableLink()) {
+            pseudoRouter_.navigate_.go_to_({
+              new_url_: href(),
+              is_replace_: false,
+              event_: event_
+            });
+            if (event_.defaultPrevented)
+              // We single-page-navigated in this tab, close the look
+              setUserWantsExpanded(false);
+          }
+        });
       }
     }), false, true);
     $9HbP8$insert(_el$, $9HbP8$createComponent((0, $9HbP8$Show), {
@@ -1271,10 +1278,10 @@ function $5a6c386e1bde5665$export$b73ed90f0ee50dc3({
                 return imageUrl();
               },
               get aspectRatio() {
-                return isExpanded_() ? 0.75 : 1;
+                return userWantsExpanded() ? 0.75 : 1;
               },
               get autoAdjustAspectRatio() {
-                return isExpanded_();
+                return userWantsExpanded();
               },
               imgProps: {
                 keyRatioUpdating: true
@@ -1287,7 +1294,7 @@ function $5a6c386e1bde5665$export$b73ed90f0ee50dc3({
     }), _el$13, _co$3);
     $9HbP8$insert(_el$, $9HbP8$createComponent((0, $9HbP8$Show), {
       get when() {
-        return (animationEffectExists() ? isExpandedThrottledByOurEffectRun() : isExpanded_()) || animationIsRunning();
+        return (animationEffectExists() ? isExpandedThrottledByOurEffectRun() : userWantsExpanded()) || animationIsRunning();
       },
       get children() {
         var _el$3 = $9HbP8$getNextElement($5a6c386e1bde5665$var$_tmpl$3),
@@ -1314,7 +1321,7 @@ function $5a6c386e1bde5665$export$b73ed90f0ee50dc3({
             setAnimationIsRunning(true);
             $9HbP8$runWithOwner(owner, () => {
               $9HbP8$createRenderEffect(() => {
-                const expanded = isExpanded_();
+                const expanded = userWantsExpanded();
                 // Still glitches in chrome (probably not fixable) and sometimes the timing is off in Safari but fuck it, I couldn't massage the WAAPI to improve it in any way (without reading computed style) to make the reversing of animations glitch less
                 textContainerAnimation.pause();
                 textContainerAnimation.updatePlaybackRate(expanded ? 1 : -1);
@@ -1469,7 +1476,7 @@ var $7555dcad3b8a4632$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div class=scro
 function $7555dcad3b8a4632$export$ebf0b1d4f90c09ae({
   displays_: displays_,
   FavoriteButton_: FavoriteButton_,
-  userWantsExpandedSignal_: [userWantsExpanded, setUserWantsExpanded],
+  userWantsExpandedSignal_: userWantsExpandedSignal_,
   containerWidth_: containerWidth_,
   animationDuration_: animationDuration_,
   supportsHover_: supportsHover_,
@@ -1483,6 +1490,7 @@ function $7555dcad3b8a4632$export$ebf0b1d4f90c09ae({
   // The following three signals just contain the state if the animations are actually running and should only be set by the respective animation code
   const textFadeInAnimationRunning = $9HbP8$createSignal(false);
   const [getSecondPartAnimationRunning] = textFadeInAnimationRunning;
+  const [userWantsExpanded, setUserWantsExpanded] = userWantsExpandedSignal_;
   $62a8f670f8464532$export$7b9a0e99f0aeb2f3().then(is => isAffectedByChromeBug = is);
   return $9HbP8$createComponent((0, $011607bdf658f807$export$e68cff63f76bd15b), {
     get children() {
@@ -1532,7 +1540,7 @@ function $7555dcad3b8a4632$export$ebf0b1d4f90c09ae({
                 animationDuration_: animationDuration_,
                 display_: display,
                 FavoriteButton_: FavoriteButton_,
-                isExpanded_: userWantsExpanded,
+                userWantsExpandedSignal_: userWantsExpandedSignal_,
                 textFadeInAnimationRunning_: textFadeInAnimationRunning,
                 priceFormatting_: priceFormatting_,
                 outerRef_: el => $9HbP8$createEffect(() => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/ui",
-  "version": "4.3.2",
+  "version": "4.3.3",
   "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": "^3.1.4",
+    "@depict-ai/plp-styling": "^3.2.0",
     "@depict-ai/types": "^5.1.1",
     "@depict-ai/utilishared": "^2.1.1",
     "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.2";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.3.3";
 const $5401a6698b0c0658$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -1247,7 +1247,7 @@ function $d66c35b5a6d6d926$export$b73ed90f0ee50dc3(_ref) {
   let {
     display_: display_,
     FavoriteButton_: FavoriteButton_,
-    isExpanded_: isExpanded_,
+    userWantsExpandedSignal_: [userWantsExpanded, setUserWantsExpanded],
     textFadeInAnimationRunning_: textFadeInAnimationRunning_,
     outerRef_: outerRef_,
     animationDuration_: animationDuration_,
@@ -1263,7 +1263,7 @@ function $d66c35b5a6d6d926$export$b73ed90f0ee50dc3(_ref) {
     return (_variantToUse = variantToUse()) === null || _variantToUse === void 0 ? void 0 : (_variantToUse$image_u = _variantToUse.image_urls) === null || _variantToUse$image_u === void 0 ? void 0 : _variantToUse$image_u[0];
   });
   const [animationIsRunning, setAnimationIsRunning] = textFadeInAnimationRunning_;
-  const [isExpandedThrottledByOurEffectRun, setIsExpandedThrottledByOurEffectRun] = $3hooq$solidjs.createSignal($3hooq$solidjs.untrack(isExpanded_));
+  const [isExpandedThrottledByOurEffectRun, setIsExpandedThrottledByOurEffectRun] = $3hooq$solidjs.createSignal($3hooq$solidjs.untrack(userWantsExpanded));
   const [animationEffectExists, setAnimationEffectExists] = $3hooq$solidjs.createSignal(false);
   const [salePrice] = $3hooq$solidjs.createResource(() => {
     var _variantToUse2;
@@ -1274,7 +1274,7 @@ function $d66c35b5a6d6d926$export$b73ed90f0ee50dc3(_ref) {
     return (_variantToUse3 = variantToUse()) === null || _variantToUse3 === void 0 ? void 0 : _variantToUse3.original_price;
   });
   const isOnSale = $3hooq$solidjs.createMemo(() => !salePrice.loading && !originalPrice.loading && salePrice.latest !== originalPrice.latest); // .latest doesn't trigger suspense after the initial load
-  const enableLink = $3hooq$solidjs.createMemo(() => isExpanded_() && !animationIsRunning());
+  const enableLink = $3hooq$solidjs.createMemo(() => userWantsExpanded() && !animationIsRunning());
   const href = $3hooq$solidjs.createMemo(() => {
     var _variantToUse4;
     return (_variantToUse4 = variantToUse()) === null || _variantToUse4 === void 0 ? void 0 : _variantToUse4.page_url;
@@ -1307,10 +1307,10 @@ function $d66c35b5a6d6d926$export$b73ed90f0ee50dc3(_ref) {
               return imageUrl();
             },
             get aspectRatio() {
-              return isExpanded_() ? 0.75 : 1;
+              return userWantsExpanded() ? 0.75 : 1;
             },
             get autoAdjustAspectRatio() {
-              return isExpanded_();
+              return userWantsExpanded();
             },
             imgProps: {
               keyRatioUpdating: true
@@ -1321,7 +1321,7 @@ function $d66c35b5a6d6d926$export$b73ed90f0ee50dc3(_ref) {
     }
   })), "<!--/-->", "<!--$-->", $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $3hooq$solidjs.Show), {
     get when() {
-      return (animationEffectExists() ? isExpandedThrottledByOurEffectRun() : isExpanded_()) || animationIsRunning();
+      return (animationEffectExists() ? isExpandedThrottledByOurEffectRun() : userWantsExpanded()) || animationIsRunning();
     },
     get children() {
       var _$escape2, _variantToUse5;
@@ -1455,7 +1455,7 @@ function $e0b3f1f332b6863b$export$ebf0b1d4f90c09ae(_ref) {
   let {
     displays_: displays_,
     FavoriteButton_: FavoriteButton_,
-    userWantsExpandedSignal_: [userWantsExpanded, setUserWantsExpanded],
+    userWantsExpandedSignal_: userWantsExpandedSignal_,
     containerWidth_: containerWidth_,
     animationDuration_: animationDuration_,
     supportsHover_: supportsHover_,
@@ -1469,6 +1469,7 @@ function $e0b3f1f332b6863b$export$ebf0b1d4f90c09ae(_ref) {
   // The following three signals just contain the state if the animations are actually running and should only be set by the respective animation code
   const textFadeInAnimationRunning = $3hooq$solidjs.createSignal(false);
   const [getSecondPartAnimationRunning] = textFadeInAnimationRunning;
+  const [userWantsExpanded, setUserWantsExpanded] = userWantsExpandedSignal_;
   $dfa95866b27a2a53$export$7b9a0e99f0aeb2f3().then(is => isAffectedByChromeBug = is);
   return $3hooq$solidjsweb.createComponent((0, $d067f3a30f047b41$export$e68cff63f76bd15b), {
     get children() {
@@ -1495,7 +1496,7 @@ function $e0b3f1f332b6863b$export$ebf0b1d4f90c09ae(_ref) {
                 animationDuration_: animationDuration_,
                 display_: display,
                 FavoriteButton_: FavoriteButton_,
-                isExpanded_: userWantsExpanded,
+                userWantsExpandedSignal_: userWantsExpandedSignal_,
                 textFadeInAnimationRunning_: textFadeInAnimationRunning,
                 priceFormatting_: priceFormatting_,
                 outerRef_: el => $3hooq$solidjs.createEffect(() => {

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.2";
+export const version = "4.3.3";
 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.2";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "4.3.3";
 const $a9c7ba6087881ac2$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -1157,7 +1157,7 @@ function $0c5b1686f971e5e7$export$b73ed90f0ee50dc3(_ref) {
   let {
     display_: display_,
     FavoriteButton_: FavoriteButton_,
-    isExpanded_: isExpanded_,
+    userWantsExpandedSignal_: [userWantsExpanded, setUserWantsExpanded],
     textFadeInAnimationRunning_: textFadeInAnimationRunning_,
     outerRef_: outerRef_,
     animationDuration_: animationDuration_,
@@ -1173,7 +1173,7 @@ function $0c5b1686f971e5e7$export$b73ed90f0ee50dc3(_ref) {
     return (_variantToUse = variantToUse()) === null || _variantToUse === void 0 ? void 0 : (_variantToUse$image_u = _variantToUse.image_urls) === null || _variantToUse$image_u === void 0 ? void 0 : _variantToUse$image_u[0];
   });
   const [animationIsRunning, setAnimationIsRunning] = textFadeInAnimationRunning_;
-  const [isExpandedThrottledByOurEffectRun, setIsExpandedThrottledByOurEffectRun] = $b8hua$createSignal($b8hua$untrack(isExpanded_));
+  const [isExpandedThrottledByOurEffectRun, setIsExpandedThrottledByOurEffectRun] = $b8hua$createSignal($b8hua$untrack(userWantsExpanded));
   const [animationEffectExists, setAnimationEffectExists] = $b8hua$createSignal(false);
   const [salePrice] = $b8hua$createResource(() => {
     var _variantToUse2;
@@ -1184,7 +1184,7 @@ function $0c5b1686f971e5e7$export$b73ed90f0ee50dc3(_ref) {
     return (_variantToUse3 = variantToUse()) === null || _variantToUse3 === void 0 ? void 0 : _variantToUse3.original_price;
   });
   const isOnSale = $b8hua$createMemo(() => !salePrice.loading && !originalPrice.loading && salePrice.latest !== originalPrice.latest); // .latest doesn't trigger suspense after the initial load
-  const enableLink = $b8hua$createMemo(() => isExpanded_() && !animationIsRunning());
+  const enableLink = $b8hua$createMemo(() => userWantsExpanded() && !animationIsRunning());
   const href = $b8hua$createMemo(() => {
     var _variantToUse4;
     return (_variantToUse4 = variantToUse()) === null || _variantToUse4 === void 0 ? void 0 : _variantToUse4.page_url;
@@ -1217,10 +1217,10 @@ function $0c5b1686f971e5e7$export$b73ed90f0ee50dc3(_ref) {
               return imageUrl();
             },
             get aspectRatio() {
-              return isExpanded_() ? 0.75 : 1;
+              return userWantsExpanded() ? 0.75 : 1;
             },
             get autoAdjustAspectRatio() {
-              return isExpanded_();
+              return userWantsExpanded();
             },
             imgProps: {
               keyRatioUpdating: true
@@ -1231,7 +1231,7 @@ function $0c5b1686f971e5e7$export$b73ed90f0ee50dc3(_ref) {
     }
   })), "<!--/-->", "<!--$-->", $b8hua$escape($b8hua$createComponent((0, $b8hua$Show), {
     get when() {
-      return (animationEffectExists() ? isExpandedThrottledByOurEffectRun() : isExpanded_()) || animationIsRunning();
+      return (animationEffectExists() ? isExpandedThrottledByOurEffectRun() : userWantsExpanded()) || animationIsRunning();
     },
     get children() {
       var _$escape2, _variantToUse5;
@@ -1365,7 +1365,7 @@ function $4089a7972a508539$export$ebf0b1d4f90c09ae(_ref) {
   let {
     displays_: displays_,
     FavoriteButton_: FavoriteButton_,
-    userWantsExpandedSignal_: [userWantsExpanded, setUserWantsExpanded],
+    userWantsExpandedSignal_: userWantsExpandedSignal_,
     containerWidth_: containerWidth_,
     animationDuration_: animationDuration_,
     supportsHover_: supportsHover_,
@@ -1379,6 +1379,7 @@ function $4089a7972a508539$export$ebf0b1d4f90c09ae(_ref) {
   // The following three signals just contain the state if the animations are actually running and should only be set by the respective animation code
   const textFadeInAnimationRunning = $b8hua$createSignal(false);
   const [getSecondPartAnimationRunning] = textFadeInAnimationRunning;
+  const [userWantsExpanded, setUserWantsExpanded] = userWantsExpandedSignal_;
   $72017ebd8b9df947$export$7b9a0e99f0aeb2f3().then(is => isAffectedByChromeBug = is);
   return $b8hua$createComponent((0, $5441862cd2f5e111$export$e68cff63f76bd15b), {
     get children() {
@@ -1405,7 +1406,7 @@ function $4089a7972a508539$export$ebf0b1d4f90c09ae(_ref) {
                 animationDuration_: animationDuration_,
                 display_: display,
                 FavoriteButton_: FavoriteButton_,
-                isExpanded_: userWantsExpanded,
+                userWantsExpandedSignal_: userWantsExpandedSignal_,
                 textFadeInAnimationRunning_: textFadeInAnimationRunning,
                 priceFormatting_: priceFormatting_,
                 outerRef_: el => $b8hua$createEffect(() => {

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.2";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "4.3.3";
 const $4e04be41243c3d80$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -1192,7 +1192,7 @@ var $1ae437d7d388a66e$var$_tmpl$ = ["<div", ' class="img-wrapper">', "</div>"],
 function $1ae437d7d388a66e$export$b73ed90f0ee50dc3({
   display_: display_,
   FavoriteButton_: FavoriteButton_,
-  isExpanded_: isExpanded_,
+  userWantsExpandedSignal_: [userWantsExpanded, setUserWantsExpanded],
   textFadeInAnimationRunning_: textFadeInAnimationRunning_,
   outerRef_: outerRef_,
   animationDuration_: animationDuration_,
@@ -1205,12 +1205,12 @@ function $1ae437d7d388a66e$export$b73ed90f0ee50dc3({
   });
   const imageUrl = $5vyXB$solidjs.createMemo(() => variantToUse()?.image_urls?.[0]);
   const [animationIsRunning, setAnimationIsRunning] = textFadeInAnimationRunning_;
-  const [isExpandedThrottledByOurEffectRun, setIsExpandedThrottledByOurEffectRun] = $5vyXB$solidjs.createSignal($5vyXB$solidjs.untrack(isExpanded_));
+  const [isExpandedThrottledByOurEffectRun, setIsExpandedThrottledByOurEffectRun] = $5vyXB$solidjs.createSignal($5vyXB$solidjs.untrack(userWantsExpanded));
   const [animationEffectExists, setAnimationEffectExists] = $5vyXB$solidjs.createSignal(false);
   const [salePrice] = $5vyXB$solidjs.createResource(() => variantToUse()?.sale_price);
   const [originalPrice] = $5vyXB$solidjs.createResource(() => variantToUse()?.original_price);
   const isOnSale = $5vyXB$solidjs.createMemo(() => !salePrice.loading && !originalPrice.loading && salePrice.latest !== originalPrice.latest); // .latest doesn't trigger suspense after the initial load
-  const enableLink = $5vyXB$solidjs.createMemo(() => isExpanded_() && !animationIsRunning());
+  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>
   return $5vyXB$solidjsweb.ssrElement("a", $5vyXB$solidjsweb.mergeProps({
@@ -1240,10 +1240,10 @@ function $1ae437d7d388a66e$export$b73ed90f0ee50dc3({
               return imageUrl();
             },
             get aspectRatio() {
-              return isExpanded_() ? 0.75 : 1;
+              return userWantsExpanded() ? 0.75 : 1;
             },
             get autoAdjustAspectRatio() {
-              return isExpanded_();
+              return userWantsExpanded();
             },
             imgProps: {
               keyRatioUpdating: true
@@ -1254,7 +1254,7 @@ function $1ae437d7d388a66e$export$b73ed90f0ee50dc3({
     }
   })), "<!--/-->", "<!--$-->", $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $5vyXB$solidjs.Show), {
     get when() {
-      return (animationEffectExists() ? isExpandedThrottledByOurEffectRun() : isExpanded_()) || animationIsRunning();
+      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), {
@@ -1386,7 +1386,7 @@ var $905010a06f9aeae5$var$_tmpl$ = ["<div", ' class="scroll-padding">', "</div>"
 function $905010a06f9aeae5$export$ebf0b1d4f90c09ae({
   displays_: displays_,
   FavoriteButton_: FavoriteButton_,
-  userWantsExpandedSignal_: [userWantsExpanded, setUserWantsExpanded],
+  userWantsExpandedSignal_: userWantsExpandedSignal_,
   containerWidth_: containerWidth_,
   animationDuration_: animationDuration_,
   supportsHover_: supportsHover_,
@@ -1400,6 +1400,7 @@ function $905010a06f9aeae5$export$ebf0b1d4f90c09ae({
   // The following three signals just contain the state if the animations are actually running and should only be set by the respective animation code
   const textFadeInAnimationRunning = $5vyXB$solidjs.createSignal(false);
   const [getSecondPartAnimationRunning] = textFadeInAnimationRunning;
+  const [userWantsExpanded, setUserWantsExpanded] = userWantsExpandedSignal_;
   $b9e830d616d01b31$export$7b9a0e99f0aeb2f3().then(is => isAffectedByChromeBug = is);
   return $5vyXB$solidjsweb.createComponent((0, $84798aaa863a4909$export$e68cff63f76bd15b), {
     get children() {
@@ -1426,7 +1427,7 @@ function $905010a06f9aeae5$export$ebf0b1d4f90c09ae({
                 animationDuration_: animationDuration_,
                 display_: display,
                 FavoriteButton_: FavoriteButton_,
-                isExpanded_: userWantsExpanded,
+                userWantsExpandedSignal_: userWantsExpandedSignal_,
                 textFadeInAnimationRunning_: textFadeInAnimationRunning,
                 priceFormatting_: priceFormatting_,
                 outerRef_: el => $5vyXB$solidjs.createEffect(() => {

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.2";
+export const version = "4.3.3";
 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.2";
+const $ec291e0010116877$export$83d89fbfd8236492 = "4.3.3";
 const $b5cccc8ee7d24677$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -1105,7 +1105,7 @@ var $5a6c386e1bde5665$var$_tmpl$ = ["<div", ' class="img-wrapper">', "</div>"],
 function $5a6c386e1bde5665$export$b73ed90f0ee50dc3({
   display_: display_,
   FavoriteButton_: FavoriteButton_,
-  isExpanded_: isExpanded_,
+  userWantsExpandedSignal_: [userWantsExpanded, setUserWantsExpanded],
   textFadeInAnimationRunning_: textFadeInAnimationRunning_,
   outerRef_: outerRef_,
   animationDuration_: animationDuration_,
@@ -1118,12 +1118,12 @@ function $5a6c386e1bde5665$export$b73ed90f0ee50dc3({
   });
   const imageUrl = $i7OB2$createMemo(() => variantToUse()?.image_urls?.[0]);
   const [animationIsRunning, setAnimationIsRunning] = textFadeInAnimationRunning_;
-  const [isExpandedThrottledByOurEffectRun, setIsExpandedThrottledByOurEffectRun] = $i7OB2$createSignal($i7OB2$untrack(isExpanded_));
+  const [isExpandedThrottledByOurEffectRun, setIsExpandedThrottledByOurEffectRun] = $i7OB2$createSignal($i7OB2$untrack(userWantsExpanded));
   const [animationEffectExists, setAnimationEffectExists] = $i7OB2$createSignal(false);
   const [salePrice] = $i7OB2$createResource(() => variantToUse()?.sale_price);
   const [originalPrice] = $i7OB2$createResource(() => variantToUse()?.original_price);
   const isOnSale = $i7OB2$createMemo(() => !salePrice.loading && !originalPrice.loading && salePrice.latest !== originalPrice.latest); // .latest doesn't trigger suspense after the initial load
-  const enableLink = $i7OB2$createMemo(() => isExpanded_() && !animationIsRunning());
+  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>
   return $i7OB2$ssrElement("a", $i7OB2$mergeProps1({
@@ -1153,10 +1153,10 @@ function $5a6c386e1bde5665$export$b73ed90f0ee50dc3({
               return imageUrl();
             },
             get aspectRatio() {
-              return isExpanded_() ? 0.75 : 1;
+              return userWantsExpanded() ? 0.75 : 1;
             },
             get autoAdjustAspectRatio() {
-              return isExpanded_();
+              return userWantsExpanded();
             },
             imgProps: {
               keyRatioUpdating: true
@@ -1167,7 +1167,7 @@ function $5a6c386e1bde5665$export$b73ed90f0ee50dc3({
     }
   })), "<!--/-->", "<!--$-->", $i7OB2$escape($i7OB2$createComponent((0, $i7OB2$Show), {
     get when() {
-      return (animationEffectExists() ? isExpandedThrottledByOurEffectRun() : isExpanded_()) || animationIsRunning();
+      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), {
@@ -1299,7 +1299,7 @@ var $7555dcad3b8a4632$var$_tmpl$ = ["<div", ' class="scroll-padding">', "</div>"
 function $7555dcad3b8a4632$export$ebf0b1d4f90c09ae({
   displays_: displays_,
   FavoriteButton_: FavoriteButton_,
-  userWantsExpandedSignal_: [userWantsExpanded, setUserWantsExpanded],
+  userWantsExpandedSignal_: userWantsExpandedSignal_,
   containerWidth_: containerWidth_,
   animationDuration_: animationDuration_,
   supportsHover_: supportsHover_,
@@ -1313,6 +1313,7 @@ function $7555dcad3b8a4632$export$ebf0b1d4f90c09ae({
   // The following three signals just contain the state if the animations are actually running and should only be set by the respective animation code
   const textFadeInAnimationRunning = $i7OB2$createSignal(false);
   const [getSecondPartAnimationRunning] = textFadeInAnimationRunning;
+  const [userWantsExpanded, setUserWantsExpanded] = userWantsExpandedSignal_;
   $62a8f670f8464532$export$7b9a0e99f0aeb2f3().then(is => isAffectedByChromeBug = is);
   return $i7OB2$createComponent((0, $011607bdf658f807$export$e68cff63f76bd15b), {
     get children() {
@@ -1339,7 +1340,7 @@ function $7555dcad3b8a4632$export$ebf0b1d4f90c09ae({
                 animationDuration_: animationDuration_,
                 display_: display,
                 FavoriteButton_: FavoriteButton_,
-                isExpanded_: userWantsExpanded,
+                userWantsExpandedSignal_: userWantsExpandedSignal_,
                 textFadeInAnimationRunning_: textFadeInAnimationRunning,
                 priceFormatting_: priceFormatting_,
                 outerRef_: el => $i7OB2$createEffect(() => {