@depict-ai/ui 4.7.24 → 4.7.25

package/package.json

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

@@ -1,8 +1,8 @@
 var $3hooq$depictaiutilishared = require("@depict-ai/utilishared/ES10");
+var $3hooq$depictaiutilisharedlatest = require("@depict-ai/utilishared/ES10");
 var $3hooq$solidjs = require("solid-js");
 var $3hooq$solidjsweb = require("solid-js/web");
 var $3hooq$babelruntimehelpersdefineProperty = require("@babel/runtime/helpers/defineProperty");
-var $3hooq$depictaiutilisharedlatest = require("@depict-ai/utilishared/ES10");
 var $3hooq$babelruntimehelpersclassPrivateFieldSet = require("@babel/runtime/helpers/classPrivateFieldSet");
 var $3hooq$babelruntimehelpersclassPrivateFieldGet = require("@babel/runtime/helpers/classPrivateFieldGet");
 var $3hooq$solidjsstore = require("solid-js/store");
@@ -18,13 +18,14 @@ function $parcel$export(e, n, v, s) {
 function $parcel$interopDefault(a) {
   return a && a.__esModule ? a.default : a;
 }
+$parcel$export(module.exports, "useMobileHover", () => $0deb6ff75e3d67c6$export$d4d96868197be50e);
 $parcel$export(module.exports, "useVisibilityState", () => $e7a7d2fe8a8217d8$export$54299a3c81f5425);
 $parcel$export(module.exports, "useSlidableInformation", () => $ad8ec7729fffeb9c$export$eaa625fb39439e37);
 $parcel$export(module.exports, "useProductCardIsVisible", () => $a52942afacbced93$export$80bb7300ce6a8be3);
 $parcel$export(module.exports, "CurrentlyIntersectingContext", () => $a52942afacbced93$export$f223d69ed12f5fb7);
 $parcel$export(module.exports, "useExpandingContainerReactive", () => $d6d51b09cb2116a6$export$5bad61ecde080b1f);
 $parcel$export(module.exports, "LooksSliderOrGrid", () => $e57cd46536ad992e$export$2c9f9bf2092486aa);
-$parcel$export(module.exports, "LookCard", () => $47e3c3102c78121b$export$44809a8a3e867e30);
+$parcel$export(module.exports, "LookCard", () => $ae325261371de459$export$44809a8a3e867e30);
 $parcel$export(module.exports, "PseudoRouter", () => $73014ff36186a4dd$export$7e1297a3a19f10d8);
 $parcel$export(module.exports, "promiseSafeStructuredClone", () => $400d96565bbbfe07$export$83bb9af5671e1dbe);
 $parcel$export(module.exports, "preserve_items_in_history_dot_state", () => $cfcd56242923775d$export$5162a71f252e6122);
@@ -109,7 +110,68 @@ $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.7.24";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.7.25";
+let $0deb6ff75e3d67c6$var$elementsHoveredSignal;
+let $0deb6ff75e3d67c6$var$consumersSignal;
+function $0deb6ff75e3d67c6$export$d4d96868197be50e() {
+  if (!$0deb6ff75e3d67c6$var$elementsHoveredSignal || !$0deb6ff75e3d67c6$var$consumersSignal) $3hooq$solidjs.createRoot(dispose => {
+    $0deb6ff75e3d67c6$var$elementsHoveredSignal = $3hooq$solidjs.createSignal(new Set());
+    $0deb6ff75e3d67c6$var$consumersSignal = $3hooq$solidjs.createSignal(0);
+    const [consumers] = $0deb6ff75e3d67c6$var$consumersSignal;
+    // No matter how often useMobileHover is called, only add one listener and get hovered elements once per touchmove event, for efficiency
+    $0deb6ff75e3d67c6$var$doHeavyCalculations();
+    $3hooq$solidjs.createEffect(() => {
+      // No-one needs information anymore, stop listening
+      const users = consumers();
+      if (users < 1) {
+        $3hooq$depictaiutilisharedlatest.dlog("Stopping to listen for mobile hover");
+        dispose();
+        $0deb6ff75e3d67c6$var$elementsHoveredSignal = undefined;
+        $0deb6ff75e3d67c6$var$consumersSignal = undefined;
+      }
+    });
+  });
+  const [elementsHovered] = $0deb6ff75e3d67c6$var$elementsHoveredSignal;
+  const [, setConsumers] = $0deb6ff75e3d67c6$var$consumersSignal;
+  setConsumers(prev => prev + 1);
+  $3hooq$solidjs.onCleanup(() => setConsumers(prev => prev - 1));
+  return elementsHovered;
+}
+function $0deb6ff75e3d67c6$var$doHeavyCalculations() {
+  $3hooq$depictaiutilisharedlatest.dlog("Starting to listen for mobile hover");
+  const [, setElementsHovered] = $0deb6ff75e3d67c6$var$elementsHoveredSignal;
+  const elementAtTouch = new Map();
+  const updateSet = () => setElementsHovered(new Set([...elementAtTouch.values()].filter(v => v)));
+  const setPositionHandler = $3hooq$depictaiutilisharedlatest.catchify(evt => {
+    for (const touch of evt.changedTouches) elementAtTouch.set(touch.identifier, $0deb6ff75e3d67c6$var$getElementAtTouch(touch));
+    updateSet();
+  });
+  const deleteTouchHandler = $3hooq$depictaiutilisharedlatest.catchify(evt => {
+    for (const touch of evt.changedTouches) elementAtTouch.delete(touch.identifier);
+    updateSet();
+  });
+  addEventListener("touchstart", setPositionHandler, {
+    passive: true
+  });
+  addEventListener("touchmove", setPositionHandler, {
+    passive: true
+  });
+  addEventListener("touchend", deleteTouchHandler, {
+    passive: true
+  });
+  addEventListener("touchcancel", deleteTouchHandler, {
+    passive: true
+  });
+  $3hooq$solidjs.onCleanup(() => {
+    removeEventListener("touchstart", setPositionHandler);
+    removeEventListener("touchmove", setPositionHandler);
+    removeEventListener("touchend", deleteTouchHandler);
+    removeEventListener("touchcancel", deleteTouchHandler);
+  });
+}
+function $0deb6ff75e3d67c6$var$getElementAtTouch(touch) {
+  return document.elementFromPoint(touch.clientX, touch.clientY);
+}
 function $e7a7d2fe8a8217d8$export$54299a3c81f5425() {
   const d = document;
   const [isVisible, setIsVisible] = $3hooq$solidjs.createSignal(d.visibilityState !== "hidden");
@@ -1388,10 +1450,10 @@ function $f38f2e64ebe2da86$export$a71e92cfbb498adc(props) {
     return $3hooq$depictaiutilishared.standard_price_format(props.price_, price_formatting.places_after_comma_, price_formatting.decimal_places_delimiter_, price_formatting.thousands_delimiter_);
   });
 }
-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="', '">', "</span><!--$-->", "<!--/--></div><!--$-->", "<!--/--></div>"];
-function $d66c35b5a6d6d926$export$b73ed90f0ee50dc3(_ref) {
+var $53dca9b7b01789b1$var$_tmpl$ = ["<div", ' class="img-wrapper">', "</div>"],
+  $53dca9b7b01789b1$var$_tmpl$2 = ["<span", ' class="d-price original">', "</span>"],
+  $53dca9b7b01789b1$var$_tmpl$3 = ["<div", ' class="right-part"><div class="text-container">', '<span class="', '">', "</span><!--$-->", "<!--/--></div><!--$-->", "<!--/--></div>"];
+function $53dca9b7b01789b1$export$b73ed90f0ee50dc3(_ref) {
   let {
     display_: display_,
     FavoriteButton_: FavoriteButton_,
@@ -1444,7 +1506,7 @@ function $d66c35b5a6d6d926$export$b73ed90f0ee50dc3(_ref) {
       });
     },
     get children() {
-      return $3hooq$solidjsweb.ssr($d66c35b5a6d6d926$var$_tmpl$, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $3hooq$solidjs.Show), {
+      return $3hooq$solidjsweb.ssr($53dca9b7b01789b1$var$_tmpl$, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $3hooq$solidjs.Show), {
         get when() {
           return imageUrl();
         },
@@ -1476,7 +1538,7 @@ function $d66c35b5a6d6d926$export$b73ed90f0ee50dc3(_ref) {
       return (animationEffectExists() ? isExpandedThrottledByOurEffectRun() : userWantsExpanded()) || animationIsRunning();
     },
     get children() {
-      return $3hooq$solidjsweb.ssr($d66c35b5a6d6d926$var$_tmpl$3, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.ssrElement("span", $3hooq$solidjsweb.mergeProps({
+      return $3hooq$solidjsweb.ssr($53dca9b7b01789b1$var$_tmpl$3, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.ssrElement("span", $3hooq$solidjsweb.mergeProps({
         "class": "d-title line-clamp"
       }, () => title() && {
         title: title()
@@ -1518,7 +1580,7 @@ function $d66c35b5a6d6d926$export$b73ed90f0ee50dc3(_ref) {
           return isOnSale();
         },
         get children() {
-          return $3hooq$solidjsweb.ssr($d66c35b5a6d6d926$var$_tmpl$2, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $3hooq$solidjs.Show), {
+          return $3hooq$solidjsweb.ssr($53dca9b7b01789b1$var$_tmpl$2, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $3hooq$solidjs.Show), {
             get when() {
               return variantToUse() && !originalPrice.loading;
             },
@@ -1608,8 +1670,8 @@ async function $b5e1e9638abb90ff$var$checkIfIsAffectedByChromeBug326498383() {
   }
   return isAffected;
 }
-var $e0b3f1f332b6863b$var$_tmpl$ = ["<div", ' class="scroll-padding"><div class="', '" style="', '">', "</div></div>"];
-function $e0b3f1f332b6863b$export$ebf0b1d4f90c09ae(_ref) {
+var $1709366c442d8933$var$_tmpl$ = ["<div", ' class="scroll-padding"><div class="', '" style="', '">', "</div></div>"];
+function $1709366c442d8933$export$ebf0b1d4f90c09ae(_ref) {
   let {
     displays_: displays_,
     FavoriteButton_: FavoriteButton_,
@@ -1629,6 +1691,7 @@ function $e0b3f1f332b6863b$export$ebf0b1d4f90c09ae(_ref) {
   const textFadeInAnimationRunning = $3hooq$solidjs.createSignal(false);
   const [getSecondPartAnimationRunning] = textFadeInAnimationRunning;
   const [userWantsExpanded, setUserWantsExpanded] = userWantsExpandedSignal_;
+  //const elementsHovered = useMobileHover();
   $b5e1e9638abb90ff$export$7b9a0e99f0aeb2f3().then(is => isAffectedByChromeBug = is);
   return $3hooq$solidjsweb.createComponent((0, $d067f3a30f047b41$export$e68cff63f76bd15b), {
     get children() {
@@ -1637,7 +1700,7 @@ function $e0b3f1f332b6863b$export$ebf0b1d4f90c09ae(_ref) {
           return containerWidth_() || !displays_();
         },
         get children() {
-          return $3hooq$solidjsweb.ssr($e0b3f1f332b6863b$var$_tmpl$, $3hooq$solidjsweb.ssrHydrationKey(), "look-overlay ".concat(userWantsExpanded() ? "expanded" : "", " ").concat(!getSecondPartAnimationRunning() && userWantsExpanded() ? "resting-fully-expanded" : ""), $3hooq$solidjsweb.ssrStyle(displays_() &&
+          return $3hooq$solidjsweb.ssr($1709366c442d8933$var$_tmpl$, $3hooq$solidjsweb.ssrHydrationKey(), "look-overlay ".concat(userWantsExpanded() ? "expanded" : "", " ").concat(!getSecondPartAnimationRunning() && userWantsExpanded() ? "resting-fully-expanded" : ""), $3hooq$solidjsweb.ssrStyle(displays_() &&
           // The styling is written like this to eke out animation smoothness on low CPU devices, git blame for previous, more readable versions.
           "--look-card-width:".concat(containerWidth_(), "px;--look-card-height:").concat(containerHeight_(), "px;--look-item-height:").concat(lookItemHeight() || 200, "px")), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $3hooq$solidjs.Index), {
             get each() {
@@ -1646,7 +1709,7 @@ function $e0b3f1f332b6863b$export$ebf0b1d4f90c09ae(_ref) {
               });
             },
             children: (display, index) => {
-              return $3hooq$solidjsweb.createComponent((0, $d66c35b5a6d6d926$export$b73ed90f0ee50dc3), {
+              return $3hooq$solidjsweb.createComponent((0, $53dca9b7b01789b1$export$b73ed90f0ee50dc3), {
                 pseudoRouter_: pseudoRouter_,
                 animationDuration_: animationDuration_,
                 display_: display,
@@ -1671,7 +1734,7 @@ function $e0b3f1f332b6863b$export$ebf0b1d4f90c09ae(_ref) {
 /**
  * Workaround for Chrome bug 326498383, adapted version of https://stackoverflow.com/a/39494245
  */
-function $e0b3f1f332b6863b$var$scrollingFunctionForChrome(element, targetScrollY, duration) {
+function $1709366c442d8933$var$scrollingFunctionForChrome(element, targetScrollY, duration) {
   let start;
   const startingY = element.scrollTop;
   const diff = targetScrollY - startingY;
@@ -1688,8 +1751,8 @@ function $e0b3f1f332b6863b$var$scrollingFunctionForChrome(element, targetScrollY
   // Bootstrap our animation - it will get called right before next frame shall be rendered.
   requestAnimationFrame(step);
 }
-var $47e3c3102c78121b$var$_tmpl$ = ["<div", ' class="', '"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"];
-function $47e3c3102c78121b$export$44809a8a3e867e30(_ref) {
+var $ae325261371de459$var$_tmpl$ = ["<div", ' class="', '"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"];
+function $ae325261371de459$export$44809a8a3e867e30(_ref) {
   let {
     display_: display_,
     expandedLooksSignal_: [expandedLooks_, setExpandedLooks],
@@ -1748,7 +1811,7 @@ function $47e3c3102c78121b$export$44809a8a3e867e30(_ref) {
   }
   // Close us if another look expands
   $3hooq$solidjs.createEffect(() => !expandedLooks_().has(us) && setUserWantsExpanded(false));
-  return $3hooq$solidjsweb.ssr($47e3c3102c78121b$var$_tmpl$, $3hooq$solidjsweb.ssrHydrationKey(), "look-card ".concat(!display_() ? "placeholder" : ""), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $3hooq$solidjs.Show), {
+  return $3hooq$solidjsweb.ssr($ae325261371de459$var$_tmpl$, $3hooq$solidjsweb.ssrHydrationKey(), "look-card ".concat(!display_() ? "placeholder" : ""), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $3hooq$solidjs.Show), {
     get when() {
       return display_();
     },
@@ -1767,7 +1830,7 @@ function $47e3c3102c78121b$export$44809a8a3e867e30(_ref) {
         autoAdjustAspectRatio: true
       });
     }
-  })), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $e0b3f1f332b6863b$export$ebf0b1d4f90c09ae), {
+  })), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $1709366c442d8933$export$ebf0b1d4f90c09ae), {
     displays_: () => {
       var _display_2;
       return (_display_2 = display_()) === null || _display_2 === void 0 ? void 0 : _display_2.displays;
@@ -2047,7 +2110,7 @@ function $e57cd46536ad992e$export$2c9f9bf2092486aa(props) {
       return $e57cd46536ad992e$var$runDisplayTransformersForLooks(baseData, listings, props.displayTransformers_);
     });
     const sharedOptions = {
-      product_card_template_: display => $47e3c3102c78121b$export$44809a8a3e867e30({
+      product_card_template_: display => $ae325261371de459$export$44809a8a3e867e30({
         display_: () => display,
         FavoriteButton_: props.FavoriteButton_,
         placeholderImageAspectRatio_: props.imagePlaceholderAspectRatio_,

package/server/ES10/index.d.ts

@@ -11,7 +11,11 @@ import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
 import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
 import { FeaturedInDisplay } from "@depict-ai/types/api/FeaturedInResponseV3";
 import { SearchFilter as _SearchFilter3 } from "@depict-ai/types/api/SearchRequestV2";
-export const version = "4.7.24";
+export const version = "4.7.25";
+/**
+ * Returns a set containing the element under every finger touching the screen right now.
+ */
+export function useMobileHover(): import("solid-js").Accessor<Set<Element>>;
 /**
  * Returns if the current tab is visible
  */