@depict-ai/ui 4.7.24 → 4.7.26

package/ES10/index.cjs

@@ -1,8 +1,8 @@
 var $52FdA$depictaiutilishared = require("@depict-ai/utilishared/ES10");
+var $52FdA$depictaiutilisharedlatest = require("@depict-ai/utilishared/ES10");
 var $52FdA$solidjs = require("solid-js");
 var $52FdA$solidjsweb = require("solid-js/web");
 var $52FdA$babelruntimehelpersdefineProperty = require("@babel/runtime/helpers/defineProperty");
-var $52FdA$depictaiutilisharedlatest = require("@depict-ai/utilishared/ES10");
 var $52FdA$babelruntimehelpersclassPrivateFieldSet = require("@babel/runtime/helpers/classPrivateFieldSet");
 var $52FdA$babelruntimehelpersclassPrivateFieldGet = require("@babel/runtime/helpers/classPrivateFieldGet");
 var $52FdA$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,61 @@ $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.26";
+let $0deb6ff75e3d67c6$var$elementsHoveredSignal;
+let $0deb6ff75e3d67c6$var$consumersSignal;
+function $0deb6ff75e3d67c6$export$d4d96868197be50e() {
+  if (!$0deb6ff75e3d67c6$var$elementsHoveredSignal || !$0deb6ff75e3d67c6$var$consumersSignal) $52FdA$solidjs.createRoot(dispose => {
+    $0deb6ff75e3d67c6$var$elementsHoveredSignal = $52FdA$solidjs.createSignal(new Set());
+    $0deb6ff75e3d67c6$var$consumersSignal = $52FdA$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();
+    $52FdA$solidjs.createEffect(() => {
+      // No-one needs information anymore, stop listening
+      const users = consumers();
+      if (users < 1) {
+        $52FdA$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);
+  $52FdA$solidjs.onCleanup(() => setConsumers(prev => prev - 1));
+  return elementsHovered;
+}
+function $0deb6ff75e3d67c6$var$doHeavyCalculations() {
+  $52FdA$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 = $52FdA$depictaiutilisharedlatest.catchify(evt => {
+    for (const touch of evt.changedTouches) elementAtTouch.set(touch.identifier, document.elementFromPoint(touch.clientX, touch.clientY));
+    updateSet();
+  });
+  const deleteTouchHandler = $52FdA$depictaiutilisharedlatest.catchify(evt => {
+    for (const touch of evt.changedTouches) elementAtTouch.delete(touch.identifier);
+    updateSet();
+  });
+  addEventListener("touchstart", setPositionHandler, {
+    passive: true
+  });
+  addEventListener("touchend", deleteTouchHandler, {
+    passive: true
+  });
+  addEventListener("touchcancel", deleteTouchHandler, {
+    passive: true
+  });
+  $52FdA$solidjs.onCleanup(() => {
+    removeEventListener("touchstart", setPositionHandler);
+    removeEventListener("touchend", deleteTouchHandler);
+    removeEventListener("touchcancel", deleteTouchHandler);
+  });
+}
 function $e7a7d2fe8a8217d8$export$54299a3c81f5425() {
   const d = document;
   const [isVisible, setIsVisible] = $52FdA$solidjs.createSignal(d.visibilityState !== "hidden");
@@ -1500,11 +1555,11 @@ function $f38f2e64ebe2da86$export$a71e92cfbb498adc(props) {
     return $52FdA$depictaiutilishared.standard_price_format(props.price_, price_formatting.places_after_comma_, price_formatting.decimal_places_delimiter_, price_formatting.thousands_delimiter_);
   });
 }
-var $d66c35b5a6d6d926$var$_tmpl$ = /*#__PURE__*/$52FdA$solidjsweb.template(`<div class=img-wrapper>`),
-  $d66c35b5a6d6d926$var$_tmpl$2 = /*#__PURE__*/$52FdA$solidjsweb.template(`<span class="d-price original">`),
-  $d66c35b5a6d6d926$var$_tmpl$3 = /*#__PURE__*/$52FdA$solidjsweb.template(`<div class=right-part><div class=text-container><span class="d-title line-clamp"></span><span class=d-price></span><!$><!/></div><!$><!/>`),
-  $d66c35b5a6d6d926$var$_tmpl$4 = /*#__PURE__*/$52FdA$solidjsweb.template(`<a class=look-item><!$><!/><!$><!/>`);
-function $d66c35b5a6d6d926$export$b73ed90f0ee50dc3(_ref) {
+var $53dca9b7b01789b1$var$_tmpl$ = /*#__PURE__*/$52FdA$solidjsweb.template(`<div class=img-wrapper>`),
+  $53dca9b7b01789b1$var$_tmpl$2 = /*#__PURE__*/$52FdA$solidjsweb.template(`<span class="d-price original">`),
+  $53dca9b7b01789b1$var$_tmpl$3 = /*#__PURE__*/$52FdA$solidjsweb.template(`<div class=right-part><div class=text-container><span class="d-title line-clamp"></span><span class=d-price></span><!$><!/></div><!$><!/>`),
+  $53dca9b7b01789b1$var$_tmpl$4 = /*#__PURE__*/$52FdA$solidjsweb.template(`<a class=look-item><!$><!/><!$><!/>`);
+function $53dca9b7b01789b1$export$b73ed90f0ee50dc3(_ref) {
   let {
     display_: display_,
     FavoriteButton_: FavoriteButton_,
@@ -1546,7 +1601,7 @@ function $d66c35b5a6d6d926$export$b73ed90f0ee50dc3(_ref) {
     return (_variantToUse5 = variantToUse()) === null || _variantToUse5 === void 0 ? void 0 : _variantToUse5.title;
   });
   return (() => {
-    var _el$ = $52FdA$solidjsweb.getNextElement($d66c35b5a6d6d926$var$_tmpl$4),
+    var _el$ = $52FdA$solidjsweb.getNextElement($53dca9b7b01789b1$var$_tmpl$4),
       _el$12 = _el$.firstChild,
       [_el$13, _co$3] = $52FdA$solidjsweb.getNextMarker(_el$12.nextSibling),
       _el$14 = _el$13.nextSibling,
@@ -1579,7 +1634,7 @@ function $d66c35b5a6d6d926$export$b73ed90f0ee50dc3(_ref) {
         });
       },
       get children() {
-        var _el$2 = $52FdA$solidjsweb.getNextElement($d66c35b5a6d6d926$var$_tmpl$);
+        var _el$2 = $52FdA$solidjsweb.getNextElement($53dca9b7b01789b1$var$_tmpl$);
         $52FdA$solidjsweb.insert(_el$2, $52FdA$solidjsweb.createComponent((0, $52FdA$solidjs.Show), {
           get when() {
             return imageUrl();
@@ -1614,7 +1669,7 @@ function $d66c35b5a6d6d926$export$b73ed90f0ee50dc3(_ref) {
         return (animationEffectExists() ? isExpandedThrottledByOurEffectRun() : userWantsExpanded()) || animationIsRunning();
       },
       get children() {
-        var _el$3 = $52FdA$solidjsweb.getNextElement($d66c35b5a6d6d926$var$_tmpl$3),
+        var _el$3 = $52FdA$solidjsweb.getNextElement($53dca9b7b01789b1$var$_tmpl$3),
           _el$4 = _el$3.firstChild,
           _el$5 = _el$4.firstChild,
           _el$6 = _el$5.nextSibling,
@@ -1698,7 +1753,7 @@ function $d66c35b5a6d6d926$export$b73ed90f0ee50dc3(_ref) {
             return isOnSale();
           },
           get children() {
-            var _el$7 = $52FdA$solidjsweb.getNextElement($d66c35b5a6d6d926$var$_tmpl$2);
+            var _el$7 = $52FdA$solidjsweb.getNextElement($53dca9b7b01789b1$var$_tmpl$2);
             $52FdA$solidjsweb.insert(_el$7, $52FdA$solidjsweb.createComponent((0, $52FdA$solidjs.Show), {
               get when() {
                 return variantToUse() && !originalPrice.loading;
@@ -1797,8 +1852,8 @@ async function $b5e1e9638abb90ff$var$checkIfIsAffectedByChromeBug326498383() {
   }
   return isAffected;
 }
-var $e0b3f1f332b6863b$var$_tmpl$ = /*#__PURE__*/$52FdA$solidjsweb.template(`<div class=scroll-padding><div class=look-overlay>`);
-function $e0b3f1f332b6863b$export$ebf0b1d4f90c09ae(_ref) {
+var $1709366c442d8933$var$_tmpl$ = /*#__PURE__*/$52FdA$solidjsweb.template(`<div class=scroll-padding><div class=look-overlay>`);
+function $1709366c442d8933$export$ebf0b1d4f90c09ae(_ref) {
   let {
     displays_: displays_,
     FavoriteButton_: FavoriteButton_,
@@ -1818,6 +1873,7 @@ function $e0b3f1f332b6863b$export$ebf0b1d4f90c09ae(_ref) {
   const textFadeInAnimationRunning = $52FdA$solidjs.createSignal(false);
   const [getSecondPartAnimationRunning] = textFadeInAnimationRunning;
   const [userWantsExpanded, setUserWantsExpanded] = userWantsExpandedSignal_;
+  //const elementsHovered = useMobileHover();
   $b5e1e9638abb90ff$export$7b9a0e99f0aeb2f3().then(is => isAffectedByChromeBug = is);
   return $52FdA$solidjsweb.createComponent((0, $d067f3a30f047b41$export$e68cff63f76bd15b), {
     get children() {
@@ -1826,21 +1882,37 @@ function $e0b3f1f332b6863b$export$ebf0b1d4f90c09ae(_ref) {
           return containerWidth_() || !displays_();
         },
         get children() {
-          var _el$ = $52FdA$solidjsweb.getNextElement($e0b3f1f332b6863b$var$_tmpl$),
+          var _el$ = $52FdA$solidjsweb.getNextElement($1709366c442d8933$var$_tmpl$),
             _el$2 = _el$.firstChild;
           $52FdA$solidjsweb.addEventListener(_el$2, "mouseleave", $52FdA$depictaiutilishared.catchify(() => supportsHover_() && setUserWantsExpanded(false)));
           $52FdA$solidjsweb.addEventListener(_el$2, "mouseenter", $52FdA$depictaiutilishared.catchify(() => supportsHover_() && setUserWantsExpanded(true)));
-          $52FdA$solidjsweb.use(el => $52FdA$solidjs.createEffect(() => {
-            if (userWantsExpanded()) return;
-            if (isAffectedByChromeBug) {
-              $e0b3f1f332b6863b$var$scrollingFunctionForChrome(el, 0, animationDuration_);
-              return;
-            }
-            el.scrollTo({
-              top: 0,
-              behavior: "smooth"
+          $52FdA$solidjsweb.use(el => {
+            $52FdA$solidjs.createEffect(() => {
+              if (userWantsExpanded()) return;
+              if (isAffectedByChromeBug) {
+                $1709366c442d8933$var$scrollingFunctionForChrome(el, 0, animationDuration_);
+                return;
+              }
+              el.scrollTo({
+                top: 0,
+                behavior: "smooth"
+              });
             });
-          }), _el$2);
+            // createEffect(wasOpenedByHover => {
+            //   if (supportsHover_()) return;
+            //   const hovered = elementsHovered();
+            //   checkHovered: {
+            //     if (hovered.has(el)) break checkHovered;
+            //     for (const element of hovered) {
+            //       if (el.contains(element)) break checkHovered;
+            //     }
+            //     if (wasOpenedByHover) setUserWantsExpanded(false);
+            //     return;
+            //   }
+            //   setUserWantsExpanded(true);
+            //   return true;
+            // });
+          }, _el$2);
           $52FdA$solidjsweb.insert(_el$2, $52FdA$solidjsweb.createComponent((0, $52FdA$solidjs.Index), {
             get each() {
               return displays_() || Array.from({
@@ -1848,7 +1920,7 @@ function $e0b3f1f332b6863b$export$ebf0b1d4f90c09ae(_ref) {
               });
             },
             children: (display, index) => {
-              return $52FdA$solidjsweb.createComponent((0, $d66c35b5a6d6d926$export$b73ed90f0ee50dc3), {
+              return $52FdA$solidjsweb.createComponent((0, $53dca9b7b01789b1$export$b73ed90f0ee50dc3), {
                 pseudoRouter_: pseudoRouter_,
                 animationDuration_: animationDuration_,
                 display_: display,
@@ -1889,7 +1961,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;
@@ -1906,8 +1978,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$ = /*#__PURE__*/$52FdA$solidjsweb.template(`<div class=look-card><!$><!/><!$><!/>`);
-function $47e3c3102c78121b$export$44809a8a3e867e30(_ref) {
+var $ae325261371de459$var$_tmpl$ = /*#__PURE__*/$52FdA$solidjsweb.template(`<div class=look-card><!$><!/><!$><!/>`);
+function $ae325261371de459$export$44809a8a3e867e30(_ref) {
   let {
     display_: display_,
     expandedLooksSignal_: [expandedLooks_, setExpandedLooks],
@@ -1967,7 +2039,7 @@ function $47e3c3102c78121b$export$44809a8a3e867e30(_ref) {
   // Close us if another look expands
   $52FdA$solidjs.createEffect(() => !expandedLooks_().has(us) && setUserWantsExpanded(false));
   return (() => {
-    var _el$ = $52FdA$solidjsweb.getNextElement($47e3c3102c78121b$var$_tmpl$),
+    var _el$ = $52FdA$solidjsweb.getNextElement($ae325261371de459$var$_tmpl$),
       _el$2 = _el$.firstChild,
       [_el$3, _co$] = $52FdA$solidjsweb.getNextMarker(_el$2.nextSibling),
       _el$4 = _el$3.nextSibling,
@@ -2008,7 +2080,7 @@ function $47e3c3102c78121b$export$44809a8a3e867e30(_ref) {
         });
       }
     }), _el$3, _co$);
-    $52FdA$solidjsweb.insert(_el$, $52FdA$solidjsweb.createComponent((0, $e0b3f1f332b6863b$export$ebf0b1d4f90c09ae), {
+    $52FdA$solidjsweb.insert(_el$, $52FdA$solidjsweb.createComponent((0, $1709366c442d8933$export$ebf0b1d4f90c09ae), {
       displays_: () => {
         var _display_2;
         return (_display_2 = display_()) === null || _display_2 === void 0 ? void 0 : _display_2.displays;
@@ -2308,7 +2380,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_,
@@ -3008,7 +3080,7 @@ function $ca262da429af47ea$export$a146ac6fa8346a25(_ref) {
               ev.preventDefault();
               submit_query_(item());
             })), _el$4);
-            $52FdA$solidjsweb.addEventListener(_el$4, "mouseleave", $52FdA$depictaiutilishared.catchify(() => write_selected_index_(undefined)));
+            $52FdA$solidjsweb.addEventListener(_el$4, "mouseleave", $52FdA$depictaiutilishared.catchify(() => write_selected_index_()));
             $52FdA$solidjsweb.addEventListener(_el$4, "mouseenter", $52FdA$depictaiutilishared.catchify(() => write_selected_index_([0, index])));
             $52FdA$solidjsweb.insert(_el$5, $52FdA$solidjsweb.createComponent((0, $8767e7eba5066d2b$export$5d2caaa6b530761c), {}), _el$8, _co$);
             $52FdA$solidjsweb.insert(_el$6, item);

package/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.26";
+/**
+ * Returns a set containing the element where every element currently touching the screen started touching it.
+ */
+export function useMobileHover(): import("solid-js").Accessor<Set<Element>>;
 /**
  * Returns if the current tab is visible
  */