@pathscale/ui 0.0.151 → 0.0.152

package/dist/index.js

@@ -10568,6 +10568,33 @@ const FloatingDockDesktop = (props)=>{
     let prevTime = 0;
     let lastMousePos = 1 / 0;
     let loopRunning = false;
+    let anchorCenters = [];
+    const captureAnchors = ()=>{
+        for(let i = 0; i < itemSprings.length; i++){
+            const s = itemSprings[i];
+            s.sW.snap();
+            s.sH.snap();
+            s.sIW.snap();
+            s.sIH.snap();
+            if (s.wrapRef) {
+                s.wrapRef.style.width = `${s.sW.get()}px`;
+                s.wrapRef.style.height = `${s.sH.get()}px`;
+            }
+            if (s.iconRef) {
+                s.iconRef.style.width = `${s.sIW.get()}px`;
+                s.iconRef.style.height = `${s.sIH.get()}px`;
+            }
+        }
+        stopLoop();
+        anchorCenters = [];
+        for(let i = 0; i < itemSprings.length; i++){
+            const wrap = itemSprings[i].wrapRef;
+            if (wrap) {
+                const b = wrap.getBoundingClientRect();
+                anchorCenters[i] = isH() ? b.x + b.width / 2 : b.y + b.height / 2;
+            }
+        }
+    };
     const startLoop = ()=>{
         if (loopRunning || !cfg.magnify) return;
         loopRunning = true;
@@ -10585,18 +10612,10 @@ const FloatingDockDesktop = (props)=>{
         const mp = mousePos();
         if (mp !== lastMousePos) {
             lastMousePos = mp;
-            const centers = [];
-            for(let i = 0; i < itemSprings.length; i++){
-                const wrap = itemSprings[i].wrapRef;
-                if (wrap) {
-                    const b = wrap.getBoundingClientRect();
-                    centers[i] = isH() ? b.x + b.width / 2 : b.y + b.height / 2;
-                } else centers[i] = 0;
-            }
             for(let i = 0; i < itemSprings.length; i++){
                 const s = itemSprings[i];
-                if (!s.wrapRef) continue;
-                const dist = Math.abs(mp - centers[i]);
+                if (!s.wrapRef || void 0 === anchorCenters[i]) continue;
+                const dist = Math.abs(mp - anchorCenters[i]);
                 const ts = mp === 1 / 0 ? cfg.baseSize : mapRange(dist, 0, cfg.magnifyRange, cfg.hoverSize, cfg.baseSize);
                 const ti = mp === 1 / 0 ? cfg.iconSize : mapRange(dist, 0, cfg.magnifyRange, cfg.hoverIconSize, cfg.iconSize);
                 s.sW.set(ts);
@@ -10628,20 +10647,20 @@ const FloatingDockDesktop = (props)=>{
         if (allSettled) return void stopLoop();
         rafId = requestAnimationFrame(tick);
     };
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onMount)(()=>{
-        if (!cfg.magnify) return;
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
-            mousePos();
-            startLoop();
-        });
-    });
     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
         stopLoop();
     });
     return (()=>{
         var _el$6 = FloatingDock_tmpl$5();
-        _el$6.addEventListener("mouseleave", ()=>setMousePos(1 / 0));
-        _el$6.$$mousemove = (e)=>setMousePos(isH() ? e.clientX : e.clientY);
+        _el$6.addEventListener("mouseleave", ()=>{
+            setMousePos(1 / 0);
+            startLoop();
+        });
+        _el$6.$$mousemove = (e)=>{
+            setMousePos(isH() ? e.clientX : e.clientY);
+            startLoop();
+        };
+        _el$6.addEventListener("mouseenter", captureAnchors);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
             get each () {
                 return props.items;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pathscale/ui",
-  "version": "0.0.151",
+  "version": "0.0.152",
   "author": "pathscale",
   "repository": {
     "type": "git",