@homecode/ui 4.30.0 → 4.30.2

package/.cursor/debug.log

@@ -0,0 +1,217 @@
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176350336,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":21.25,"scrollHeight":350},"timestamp":1771176350337,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"SET isScrolling","data":{"scrollTop":21.25,"scrollLeft":0,"scrollHeight":350},"timestamp":1771176350338,"hypothesisId":"B"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176350352,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":22.5,"scrollHeight":350},"timestamp":1771176350352,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176350368,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":25,"scrollHeight":350},"timestamp":1771176350368,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176350384,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":27.5,"scrollHeight":350},"timestamp":1771176350384,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176350403,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":30,"scrollHeight":350},"timestamp":1771176350404,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176350418,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":32.5,"scrollHeight":350},"timestamp":1771176350418,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176350437,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":35,"scrollHeight":350},"timestamp":1771176350437,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176350453,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":36.25,"scrollHeight":350},"timestamp":1771176350454,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176350468,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":37.5,"scrollHeight":350},"timestamp":1771176350468,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176350484,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":38.75,"scrollHeight":350},"timestamp":1771176350485,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176350501,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":40,"scrollHeight":350},"timestamp":1771176350501,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176350517,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":41.25,"scrollHeight":350},"timestamp":1771176350517,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176350534,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":42.5,"scrollHeight":350},"timestamp":1771176350535,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176350551,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":43.75,"scrollHeight":350},"timestamp":1771176350551,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176350567,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":45,"scrollHeight":350},"timestamp":1771176350568,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176350584,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":46.25,"scrollHeight":350},"timestamp":1771176350585,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176350601,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":47.5,"scrollHeight":350},"timestamp":1771176350601,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176350618,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":48.75,"scrollHeight":350},"timestamp":1771176350618,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176350637,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":50,"scrollHeight":350},"timestamp":1771176350637,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176350937,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":48.75,"scrollHeight":350},"timestamp":1771176350938,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176350951,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":46.25,"scrollHeight":350},"timestamp":1771176350951,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176350971,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":43.75,"scrollHeight":350},"timestamp":1771176350972,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176350984,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":41.25,"scrollHeight":350},"timestamp":1771176350985,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351001,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":38.75,"scrollHeight":350},"timestamp":1771176351001,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351017,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":36.25,"scrollHeight":350},"timestamp":1771176351017,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351034,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":35,"scrollHeight":350},"timestamp":1771176351035,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351051,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":32.5,"scrollHeight":350},"timestamp":1771176351051,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351067,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":31.25,"scrollHeight":350},"timestamp":1771176351068,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351083,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":28.75,"scrollHeight":350},"timestamp":1771176351084,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351100,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":26.25,"scrollHeight":350},"timestamp":1771176351100,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351117,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":23.75,"scrollHeight":350},"timestamp":1771176351117,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351134,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":21.25,"scrollHeight":350},"timestamp":1771176351134,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351150,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":17.5,"scrollHeight":350},"timestamp":1771176351150,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351167,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":15,"scrollHeight":350},"timestamp":1771176351168,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351184,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":12.5,"scrollHeight":350},"timestamp":1771176351184,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351201,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":10,"scrollHeight":350},"timestamp":1771176351201,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351221,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":7.5,"scrollHeight":350},"timestamp":1771176351222,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351233,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":6.25,"scrollHeight":350},"timestamp":1771176351234,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351251,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":5,"scrollHeight":350},"timestamp":1771176351251,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351268,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":3.75,"scrollHeight":350},"timestamp":1771176351269,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351284,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":2.5,"scrollHeight":350},"timestamp":1771176351285,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351301,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":1.25,"scrollHeight":350},"timestamp":1771176351301,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351335,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":0,"scrollHeight":350},"timestamp":1771176351335,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351784,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":2.5,"scrollHeight":350},"timestamp":1771176351785,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351800,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":6.25,"scrollHeight":350},"timestamp":1771176351801,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351818,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":10,"scrollHeight":350},"timestamp":1771176351818,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351834,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":13.75,"scrollHeight":350},"timestamp":1771176351835,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351851,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":17.5,"scrollHeight":350},"timestamp":1771176351851,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351868,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":21.25,"scrollHeight":350},"timestamp":1771176351868,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351884,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":25,"scrollHeight":350},"timestamp":1771176351885,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351900,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":28.75,"scrollHeight":350},"timestamp":1771176351901,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351918,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":32.5,"scrollHeight":350},"timestamp":1771176351918,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351933,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":36.25,"scrollHeight":350},"timestamp":1771176351934,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351951,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":40,"scrollHeight":350},"timestamp":1771176351951,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351968,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":42.5,"scrollHeight":350},"timestamp":1771176351968,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176351984,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":45,"scrollHeight":350},"timestamp":1771176351985,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176352000,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":46.25,"scrollHeight":350},"timestamp":1771176352001,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176352018,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":47.5,"scrollHeight":350},"timestamp":1771176352018,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176352037,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":48.75,"scrollHeight":350},"timestamp":1771176352037,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176352054,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":50,"scrollHeight":350},"timestamp":1771176352054,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176352201,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":48.75,"scrollHeight":350},"timestamp":1771176352202,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176352218,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":46.25,"scrollHeight":350},"timestamp":1771176352218,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176352234,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":42.5,"scrollHeight":350},"timestamp":1771176352235,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176352250,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":38.75,"scrollHeight":350},"timestamp":1771176352251,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176352268,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":35,"scrollHeight":350},"timestamp":1771176352268,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176352284,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":31.25,"scrollHeight":350},"timestamp":1771176352285,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176352301,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":27.5,"scrollHeight":350},"timestamp":1771176352302,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176352318,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":25,"scrollHeight":350},"timestamp":1771176352318,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176352334,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":22.5,"scrollHeight":350},"timestamp":1771176352335,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176352351,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":21.25,"scrollHeight":350},"timestamp":1771176352351,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176352368,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":20,"scrollHeight":350},"timestamp":1771176352368,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"SET isScrolling","data":{"scrollTop":20,"scrollLeft":0,"scrollHeight":350},"timestamp":1771176352369,"hypothesisId":"B"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176352387,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":18.75,"scrollHeight":350},"timestamp":1771176352387,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"SET isScrolling","data":{"scrollTop":18.75,"scrollLeft":0,"scrollHeight":350},"timestamp":1771176352388,"hypothesisId":"B"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176352401,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":17.5,"scrollHeight":350},"timestamp":1771176352401,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"SET isScrolling","data":{"scrollTop":17.5,"scrollLeft":0,"scrollHeight":350},"timestamp":1771176352402,"hypothesisId":"B"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176352418,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":16.25,"scrollHeight":350},"timestamp":1771176352418,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176352435,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":15,"scrollHeight":350},"timestamp":1771176352435,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"SET isScrolling","data":{"scrollTop":15,"scrollLeft":0,"scrollHeight":350},"timestamp":1771176352435,"hypothesisId":"B"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176352451,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":13.75,"scrollHeight":350},"timestamp":1771176352452,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176352468,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":11.25,"scrollHeight":350},"timestamp":1771176352468,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"SET isScrolling","data":{"scrollTop":11.25,"scrollLeft":0,"scrollHeight":350},"timestamp":1771176352468,"hypothesisId":"B"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176352484,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":10,"scrollHeight":350},"timestamp":1771176352485,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"SET isScrolling","data":{"scrollTop":10,"scrollLeft":0,"scrollHeight":350},"timestamp":1771176352485,"hypothesisId":"B"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176352501,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":8.75,"scrollHeight":350},"timestamp":1771176352501,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"SET isScrolling","data":{"scrollTop":8.75,"scrollLeft":0,"scrollHeight":350},"timestamp":1771176352501,"hypothesisId":"B"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176352518,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":7.5,"scrollHeight":350},"timestamp":1771176352518,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"SET isScrolling","data":{"scrollTop":7.5,"scrollLeft":0,"scrollHeight":350},"timestamp":1771176352518,"hypothesisId":"B"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176352534,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":6.25,"scrollHeight":350},"timestamp":1771176352535,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"SET isScrolling","data":{"scrollTop":6.25,"scrollLeft":0,"scrollHeight":350},"timestamp":1771176352535,"hypothesisId":"B"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176354918,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":8.75,"scrollHeight":350},"timestamp":1771176354918,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"SET isScrolling","data":{"scrollTop":8.75,"scrollLeft":0,"scrollHeight":350},"timestamp":1771176354920,"hypothesisId":"B"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176354935,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":13.75,"scrollHeight":350},"timestamp":1771176354935,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176354951,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":21.25,"scrollHeight":350},"timestamp":1771176354951,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176354968,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":31.25,"scrollHeight":350},"timestamp":1771176354968,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176354984,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":40,"scrollHeight":350},"timestamp":1771176354985,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176355001,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":46.25,"scrollHeight":350},"timestamp":1771176355001,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176355018,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":50,"scrollHeight":350},"timestamp":1771176355018,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176355285,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":48.75,"scrollHeight":350},"timestamp":1771176355286,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176355301,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":47.5,"scrollHeight":350},"timestamp":1771176355302,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176355317,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":43.75,"scrollHeight":350},"timestamp":1771176355317,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176355333,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":40,"scrollHeight":350},"timestamp":1771176355334,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176355351,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":36.25,"scrollHeight":350},"timestamp":1771176355351,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176355368,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":32.5,"scrollHeight":350},"timestamp":1771176355368,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176355384,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":28.75,"scrollHeight":350},"timestamp":1771176355385,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176355401,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":25,"scrollHeight":350},"timestamp":1771176355401,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176355418,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":21.25,"scrollHeight":350},"timestamp":1771176355419,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176355434,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":17.5,"scrollHeight":350},"timestamp":1771176355435,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176355451,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":13.75,"scrollHeight":350},"timestamp":1771176355452,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176355468,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":10,"scrollHeight":350},"timestamp":1771176355469,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176355484,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":6.25,"scrollHeight":350},"timestamp":1771176355485,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176355501,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":2.5,"scrollHeight":350},"timestamp":1771176355502,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":false,"isCurrentTarget":true,"targetEqCur":false,"scrollTop":0,"scrollHeight":1268},"timestamp":1771176355518,"hypothesisId":"A"}
+{"location":"Scroll.tsx:onInnerScroll","message":"enter","data":{"isTarget":true,"isCurrentTarget":true,"targetEqCur":true,"scrollTop":0,"scrollHeight":350},"timestamp":1771176355518,"hypothesisId":"A"}

package/dist/esm/src/components/Autocomplete/Autocomplete.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import cn from 'classnames';
 import '../AssistiveText/AssistiveText.styl.js';
-import { useState, useRef, useEffect, useMemo } from 'react';
+import { useState, useRef, useCallback, useEffect, useMemo } from 'react';
 import S from './Autocomplete.styl.js';
 import { Shimmer } from '../Shimmer/Shimmer.js';
 import debounce from '../../tools/debounce.js';
@@ -59,14 +59,25 @@ import '../Tabs/Tabs.styl.js';
 import '../Text/Text.js';
 import '../Virtualized/Virtualized.styl.js';
 import '../Virtualized/List/List.styl.js';
-import '../Virtualized/List/ListScroll.styl.js';
+import ListScroll from '../Virtualized/List/ListScroll.js';
 import '../Toggle/Toggle.styl.js';
 
+const SIZE_TO_ITEM_HEIGHT = {
+    s: 30,
+    m: 40,
+    l: 50,
+};
 function Autocomplete(props) {
-    const { className, inputWrapperClassName, value, onChange, size = 'm', getOptions, onSelect, debounceDelay = 300, round = false, blur = false, inputProps = {}, popupProps = {}, menuProps = {}, } = props;
+    const { className, inputWrapperClassName, value, onChange, size = 'm', getOptions, onSelect, items, itemHeight = SIZE_TO_ITEM_HEIGHT[size], pageSize = 20, debounceDelay = 300, round = false, blur = false, inputProps = {}, popupProps = {}, menuProps = {}, } = props;
     const isMounted = useIsMounted();
-    const [options, setOptions] = useState([]);
+    const [filteredItems, setFilteredItems] = useState([]);
+    const [currentFilter, setCurrentFilter] = useState('');
+    const [currentOffset, setCurrentOffset] = useState(0);
+    const [totalCount, setTotalCount] = useState(0);
     const [isLoading, setIsLoading] = useState(false);
+    const [isLoadingMore, setIsLoadingMore] = useState(false);
+    const [isOpen, setIsOpen] = useState(props.isOpen);
+    const [isFocused, setIsFocused] = useState(isOpen);
     const isFocusedRef = useRef(false);
     const searchValRef = useRef(value);
     const [searchValue, _setSearchValue] = useState(value);
@@ -77,27 +88,42 @@ function Autocomplete(props) {
     const currentRequest = useRef('');
     // @ts-ignore
     const inputRef = useRef(null);
-    const isOpen = options.length > 0;
+    const displayItems = currentFilter ? filteredItems : items || [];
+    const hasMore = currentFilter ? filteredItems.length < totalCount : false;
     const classes = cn(S.root, className, popupProps.className);
     const handleFocus = (e) => {
         isFocusedRef.current = true;
+        setIsFocused(true);
         inputProps?.onFocus?.(e);
     };
     const handleBlur = (e) => {
         isFocusedRef.current = false;
+        setIsFocused(false);
         inputProps?.onBlur?.(e);
     };
     const handleInputChange = (e, value) => {
         const val = (value || e?.target.value) ?? '';
-        setOptions([]);
         setSearchValue(val);
         onChange(e, val);
-        fetchOptions(val);
+        if (!val) {
+            setCurrentFilter('');
+            setFilteredItems([]);
+            setCurrentOffset(0);
+            setTotalCount(0);
+        }
+        else {
+            setCurrentFilter(val);
+            setCurrentOffset(0);
+            fetchOptions(val, 0);
+        }
         return true;
     };
     const handleSelect = (option) => {
         setSearchValue(option.label);
-        setOptions([]);
+        setCurrentFilter('');
+        setFilteredItems([]);
+        setCurrentOffset(0);
+        setTotalCount(0);
         onSelect(option);
         // set input caret to the end
         requestAnimationFrame(() => {
@@ -110,42 +136,128 @@ function Autocomplete(props) {
     };
     const { focusedIndex, setFocusedIndex } = useListKeyboardControl({
         isActive: isOpen,
-        itemsCount: options.length,
-        onSelect: index => handleSelect(options[index]),
+        itemsCount: displayItems.length,
+        onSelect: index => handleSelect(displayItems[index]),
     });
-    const fetchOptions = debounce(async (inputValue) => {
-        if (!inputValue) {
-            setOptions([]);
+    const fetchOptions = debounce(async (filter, offset) => {
+        if (!filter) {
+            setFilteredItems([]);
             return;
         }
-        currentRequest.current = inputValue;
-        setIsLoading(true);
+        const requestKey = `${filter}:${offset}`;
+        currentRequest.current = requestKey;
+        if (offset === 0) {
+            setIsLoading(true);
+        }
+        else {
+            setIsLoadingMore(true);
+        }
         try {
-            const newOptions = await getOptions(inputValue);
+            const newOptions = await getOptions(filter, offset);
             if (!isMounted.current)
                 return;
-            if (currentRequest.current !== inputValue)
+            if (currentRequest.current !== requestKey)
                 return;
-            setOptions(newOptions);
+            if (offset === 0) {
+                setFilteredItems(newOptions);
+                setCurrentOffset(newOptions.length);
+                setTotalCount(newOptions.length + (newOptions.length === pageSize ? 1 : 0));
+            }
+            else {
+                setFilteredItems(prev => [...prev, ...newOptions]);
+                const newOffset = offset + newOptions.length;
+                setCurrentOffset(newOffset);
+                setTotalCount(newOffset + (newOptions.length === pageSize ? 1 : 0));
+            }
         }
         catch (error) {
-            setOptions([]);
+            if (offset === 0) {
+                setFilteredItems([]);
+                setCurrentOffset(0);
+                setTotalCount(0);
+            }
         }
         finally {
             setIsLoading(false);
+            setIsLoadingMore(false);
         }
     }, debounceDelay);
+    const handleScrollEnd = useCallback(() => {
+        if (currentFilter && hasMore && !isLoading && !isLoadingMore) {
+            fetchOptions(currentFilter, currentOffset);
+        }
+    }, [
+        currentFilter,
+        hasMore,
+        isLoading,
+        isLoadingMore,
+        currentOffset,
+        fetchOptions,
+    ]);
     useEffect(() => {
+        if (typeof value !== 'string')
+            return;
         setSearchValue(value);
-        setOptions([]);
-        if (isFocusedRef.current)
-            fetchOptions(value);
+        if (!value) {
+            setCurrentFilter('');
+            setFilteredItems([]);
+            setCurrentOffset(0);
+            setTotalCount(0);
+        }
+        else if (isFocusedRef.current) {
+            setCurrentFilter(value);
+            setCurrentOffset(0);
+            fetchOptions(value, 0);
+        }
     }, [value]);
+    const renderItem = useCallback((itemProps) => {
+        const option = displayItems[itemProps.key];
+        if (!option)
+            return null;
+        const itemPropsForRender = {
+            option,
+            key: itemProps.key,
+            className: cn(S.option, itemProps.className),
+            style: itemProps.style,
+            focused: focusedIndex === itemProps.key,
+            onClick: () => handleSelect(option),
+            onMouseEnter: () => setFocusedIndex(itemProps.key),
+        };
+        if (props.renderItem) {
+            return props.renderItem(itemPropsForRender);
+        }
+        return (jsx(Menu.Item, { ...itemProps, focused: itemPropsForRender.focused, className: itemPropsForRender.className, onClick: itemPropsForRender.onClick, onMouseEnter: itemPropsForRender.onMouseEnter, style: itemPropsForRender.style, children: option.render ? option.render(option) : option.label }));
+    }, [
+        displayItems,
+        focusedIndex,
+        handleSelect,
+        setFocusedIndex,
+        props.renderItem,
+    ]);
     const optionsList = useMemo(() => {
-        if (!options.length)
+        if (!displayItems.length)
             return null;
-        return (jsx(Menu, { className: S.options, size: size, offset: { y: { before: 20, after: 20 } }, ...menuProps, children: options.map((option, index) => (jsx(Menu.Item, { focused: focusedIndex === index, className: S.option, onClick: () => handleSelect(option), onMouseEnter: () => setFocusedIndex(index), children: option.render ? option.render(option) : option.label }, option.id))) }));
-    }, [options, focusedIndex]);
+        const computedTotalCount = currentFilter ? totalCount : displayItems.length;
+        return (jsx(ListScroll, { className: cn(S.options, menuProps.className), scrollProps: {
+                y: true,
+                className: S.scroll,
+            }, itemHeight: itemHeight, itemsCount: displayItems.length, totalCount: computedTotalCount, overlapCount: 10, pageSize: pageSize, onScrollEnd: handleScrollEnd, renderItem: renderItem, contentAfter: hasMore &&
+                isLoadingMore && (jsx("div", { style: { padding: '8px 12px', textAlign: 'center' }, children: jsx(Shimmer, { size: size, round: round }) })) }));
+    }, [
+        displayItems,
+        focusedIndex,
+        currentFilter,
+        totalCount,
+        hasMore,
+        isLoadingMore,
+        itemHeight,
+        pageSize,
+        handleScrollEnd,
+        renderItem,
+        size,
+        round,
+        menuProps.className,
+    ]);
     return (jsx(Popup, { className: classes, isOpen: isOpen, focusControl: true, round: round, size: size, blur: blur, direction: "bottom", ...popupProps, trigger: jsxs("div", { className: inputWrapperClassName, children: [jsx(Input, { ref: inputRef, 
                     // @ts-ignore
                     size: size, round: round, ...inputProps, value: searchValue, onChange: handleInputChange, onFocus: handleFocus, onBlur: handleBlur, className: inputProps.className }), isLoading && (jsx(Shimmer, { className: S.shimmer, size: size, round: round }))] }), content: optionsList, contentProps: {

package/dist/esm/src/components/Autocomplete/Autocomplete.styl.js

@@ -1,7 +1,7 @@
 import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
 
-var css_248z = ".Autocomplete_root__86RQs{position:relative}.Autocomplete_popupContent__Aet6P{margin-top:8px;width:100%}.Autocomplete_options__NtttU{max-height:200px;overflow-y:auto}.Autocomplete_option__uBuih{cursor:pointer;padding:8px 12px}.Autocomplete_option__uBuih>span{align-items:center;display:flex}.Autocomplete_shimmer__s6rri{height:100%;left:0;position:absolute;top:0;width:100%}";
-var S = {"root":"Autocomplete_root__86RQs","popupContent":"Autocomplete_popupContent__Aet6P","options":"Autocomplete_options__NtttU","option":"Autocomplete_option__uBuih","shimmer":"Autocomplete_shimmer__s6rri"};
+var css_248z = ".Autocomplete_root__86RQs{position:relative}.Autocomplete_popupContent__Aet6P{margin-top:8px;width:100%}.Autocomplete_scroll__bFG6f{height:200px}.Autocomplete_options__NtttU{max-height:200px;overflow-y:auto}.Autocomplete_option__uBuih{cursor:pointer;padding:8px 12px;position:absolute}.Autocomplete_option__uBuih>span{align-items:center;display:flex}.Autocomplete_shimmer__s6rri{height:100%;left:0;position:absolute;top:0;width:100%}";
+var S = {"root":"Autocomplete_root__86RQs","popupContent":"Autocomplete_popupContent__Aet6P","scroll":"Autocomplete_scroll__bFG6f","options":"Autocomplete_options__NtttU","option":"Autocomplete_option__uBuih","shimmer":"Autocomplete_shimmer__s6rri"};
 styleInject(css_248z);
 
 export { S as default };

package/dist/esm/src/components/Lazy/Lazy.js

@@ -1,7 +1,6 @@
-import { jsx } from 'react/jsx-runtime';
-import { Component } from 'react';
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { useState, useRef, useEffect } from 'react';
 import Time from 'timen';
-import { createStore } from 'justorm/react';
 import { Spinner } from '../Spinner/Spinner.js';
 import { Flex } from '../Flex/Flex.js';
 
@@ -9,64 +8,67 @@ function compare(cb1, cb2) {
     return cb1?.toString() === cb2?.toString();
 }
 const loaded = new Map();
-class Lazy extends Component {
-    store;
-    importData;
-    DefaultNode;
-    isLoaded = false;
-    clearSpinnerTimeout;
-    static defaultProps = {
-        size: 'm',
-    };
-    constructor(props) {
-        super(props);
-        this.importData = loaded.get(this.props.loader);
-        this.DefaultNode = this.importData?.default;
-        const isLoaded = !!this.importData;
-        this.store = createStore(this, {
-            loading: !isLoaded,
-            spinnerTimeout: isLoaded,
-        });
-    }
-    componentDidMount() {
-        if (!this.importData)
-            this.update();
-    }
-    componentDidUpdate({ loader }) {
-        if (!compare(this.props.loader, loader)) {
-            // @ts-ignore
-            this.clearSpinnerTimeout?.();
-            this.update();
+function useLazy(loader, spinnerTimeout = 500) {
+    const [loading, setLoading] = useState(() => {
+        const cached = loaded.get(loader);
+        return !cached;
+    });
+    const [spinnerTimeoutState, setSpinnerTimeoutState] = useState(() => {
+        const cached = loaded.get(loader);
+        return !!cached;
+    });
+    const [importData, setImportData] = useState(() => loaded.get(loader));
+    const loaderRef = useRef(loader);
+    const timeoutRef = useRef(null);
+    useEffect(() => {
+        const cached = loaded.get(loader);
+        // If already loaded, don't show loading state
+        if (cached) {
+            setImportData(cached);
+            setLoading(false);
+            setSpinnerTimeoutState(true);
+            return;
         }
-    }
-    update() {
-        const { loader, spinnerTimeout = 500 } = this.props;
-        this.clearSpinnerTimeout = Time.after(spinnerTimeout, () => this.setState({ spinnerTimeout: false }));
-        this.store.loading = true;
+        // If loader changed, clear previous timeout
+        if (!compare(loaderRef.current, loader)) {
+            timeoutRef.current?.();
+            timeoutRef.current = null;
+        }
+        loaderRef.current = loader;
+        // Start loading
+        setLoading(true);
+        setSpinnerTimeoutState(false);
+        timeoutRef.current = Time.after(spinnerTimeout, () => {
+            setSpinnerTimeoutState(true);
+        });
         loader().then((data) => {
-            if (!compare(this.props.loader, loader))
+            // Check if loader hasn't changed during async operation
+            if (!compare(loaderRef.current, loader))
                 return;
-            this.importData = data;
-            this.DefaultNode = data.default;
             loaded.set(loader, data);
-            this.store.loading = false;
+            setImportData(data);
+            setLoading(false);
         });
+        return () => {
+            timeoutRef.current?.();
+        };
+    }, [loader, spinnerTimeout]);
+    return { loading, spinnerTimeout: spinnerTimeoutState, importData };
+}
+function Lazy(props) {
+    const { progressElem, loader, render, children, hideSpinner, spinnerTimeout = 500, size = 'm', ...restProps } = props;
+    const { loading, spinnerTimeout: spinnerTimeoutState, importData, } = useLazy(loader, spinnerTimeout);
+    const DefaultNode = importData?.default;
+    if (loading && !spinnerTimeoutState && !hideSpinner) {
+        return (jsx(Fragment, { children: progressElem ?? (jsx(Flex, { justifyContent: "center", alignItems: "center", flexGrow: 1, width: "100%", height: "100%", children: jsx(Spinner, { size: size }) })) }));
     }
-    render() {
-        const { DefaultNode, importData } = this;
-        const { progressElem, loader, render, children, hideSpinner, ...props } = this.props;
-        const { loading, spinnerTimeout } = this.store;
-        if (loading && !spinnerTimeout && !hideSpinner) {
-            return (progressElem ?? (jsx(Flex, { justifyContent: "center", alignItems: "center", flexGrow: 1, width: "100%", height: "100%", children: jsx(Spinner, { size: props.size }) })));
-        }
-        if (render)
-            return render(importData);
-        if (typeof children === 'function')
-            return children(importData);
-        if (DefaultNode)
-            return jsx(DefaultNode, { ...props });
-        return children;
-    }
+    if (render)
+        return jsx(Fragment, { children: render(importData) });
+    if (typeof children === 'function')
+        return jsx(Fragment, { children: children(importData) });
+    if (DefaultNode)
+        return jsx(DefaultNode, { ...restProps });
+    return jsx(Fragment, { children: children });
 }
 
 export { Lazy };

package/dist/esm/src/components/Scroll/Scroll.styl.js

@@ -1,6 +1,6 @@
 import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
 
-var css_248z = ".Scroll_root__NNx5K{--hide-delay:0.3s;display:flex;position:relative}.Scroll_inner__DmxTb{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;overflow:hidden;position:relative;scrollbar-width:none;transition:-webkit-mask-image .3s ease-out;transition:mask-image .3s ease-out;transition:mask-image .3s ease-out,-webkit-mask-image .3s ease-out;width:100%}.Scroll_inner__DmxTb.Scroll_smooth__2vqKe{scroll-behavior:smooth}.Scroll_inner__DmxTb::-webkit-scrollbar{display:none}.Scroll_y__2xWol .Scroll_inner__DmxTb{max-height:100%;overflow-y:auto}.Scroll_x__--Ycm .Scroll_inner__DmxTb{max-width:100%;overflow-x:auto}.Scroll_fadeSize-s__WeI0f .Scroll_inner__DmxTb{--fade-size:10px}.Scroll_fadeSize-m__Hb-1p .Scroll_inner__DmxTb{--fade-size:16px}.Scroll_fadeSize-l__E0CbA .Scroll_inner__DmxTb{--fade-size:20px}.Scroll_fadeSize-xl__jcYk0 .Scroll_inner__DmxTb{--fade-size:30px}.Scroll_y__2xWol .Scroll_inner__DmxTb.Scroll_hasOffsetTop__zEkUg.Scroll_hasOffsetBottom__S2rCM{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 var(--fade-size),#000 calc(100% - var(--fade-size)),transparent);mask-image:linear-gradient(to bottom,transparent,#000 var(--fade-size),#000 calc(100% - var(--fade-size)),transparent)}.Scroll_y__2xWol .Scroll_inner__DmxTb.Scroll_hasOffsetTop__zEkUg{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 var(--fade-size));mask-image:linear-gradient(to bottom,transparent,#000 var(--fade-size))}.Scroll_y__2xWol .Scroll_inner__DmxTb.Scroll_hasOffsetBottom__S2rCM{-webkit-mask-image:linear-gradient(to top,transparent,#000 var(--fade-size));mask-image:linear-gradient(to top,transparent,#000 var(--fade-size))}.Scroll_x__--Ycm .Scroll_inner__DmxTb.Scroll_hasOffsetLeft__WWEyC.Scroll_hasOffsetRight__HhJWt{-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--fade-size),#000 calc(100% - var(--fade-size)),transparent);mask-image:linear-gradient(to right,transparent,#000 var(--fade-size),#000 calc(100% - var(--fade-size)),transparent)}.Scroll_x__--Ycm .Scroll_inner__DmxTb.Scroll_hasOffsetLeft__WWEyC{-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--fade-size));mask-image:linear-gradient(to right,transparent,#000 var(--fade-size))}.Scroll_x__--Ycm .Scroll_inner__DmxTb.Scroll_hasOffsetRight__HhJWt{-webkit-mask-image:linear-gradient(to left,transparent,#000 var(--fade-size));mask-image:linear-gradient(to left,transparent,#000 var(--fade-size))}.Scroll_thumb__ccEPj{background-color:var(--accent-color-alpha-200);border-radius:1px;position:absolute;transform-origin:center;transition:background-color .1s ease-out}.Scroll_y__2xWol>.Scroll_thumb__ccEPj{min-height:30px;top:0;width:100%}.Scroll_x__--Ycm>.Scroll_thumb__ccEPj{height:100%;left:0;min-width:30px}.Scroll_bar__6CL7R{border-radius:2px;cursor:pointer;overscroll-behavior:contain;position:absolute;touch-action:none;transition:.1s opacity var(--hide-delay) ease-out;z-index:2}.Scroll_autoHide__URLqx>.Scroll_bar__6CL7R{opacity:0;transition:.3s opacity calc(var(--hide-delay)*.6) ease-out}.Scroll_bar__6CL7R:before{content:\"\";pointer-events:none;position:absolute;transition:.3s background-color var(--hide-delay) ease-out}.Scroll_bar__6CL7R.Scroll_isActive__Nkkmi,.Scroll_isDesktop__7r-bH .Scroll_bar__6CL7R:hover{opacity:1;transition-delay:0s;z-index:1}.Scroll_bar__6CL7R.Scroll_isActive__Nkkmi:before,.Scroll_isDesktop__7r-bH .Scroll_bar__6CL7R:hover:before{background-color:var(--accent-color-alpha-100)}.Scroll_bar__6CL7R.Scroll_isActive__Nkkmi .Scroll_thumb__ccEPj,.Scroll_isDesktop__7r-bH .Scroll_bar__6CL7R:hover .Scroll_thumb__ccEPj{background-color:var(--active-color)}.Scroll_isScrolling__yV2Pj .Scroll_bar__6CL7R{opacity:1;transition:none}.Scroll_bar__6CL7R.Scroll_y__2xWol{bottom:8px;right:0;top:8px}.Scroll_isTouch__Vb2mT .Scroll_bar__6CL7R.Scroll_y__2xWol{width:32px}.Scroll_bar__6CL7R.Scroll_y__2xWol .Scroll_thumb__ccEPj,.Scroll_bar__6CL7R.Scroll_y__2xWol:before{right:0}.Scroll_bar__6CL7R.Scroll_y__2xWol:before{height:100%;width:16px}.Scroll_bar__6CL7R.Scroll_x__--Ycm{bottom:0;height:16px;left:8px;right:8px}.Scroll_isTouch__Vb2mT .Scroll_bar__6CL7R.Scroll_x__--Ycm{height:32px}.Scroll_bar__6CL7R.Scroll_x__--Ycm .Scroll_thumb__ccEPj,.Scroll_bar__6CL7R.Scroll_x__--Ycm:before{bottom:0}.Scroll_bar__6CL7R.Scroll_x__--Ycm:before{width:100%}.Scroll_bar__6CL7R.Scroll_x__--Ycm{height:32px}.Scroll_bar__6CL7R.Scroll_x__--Ycm .Scroll_thumb__ccEPj,.Scroll_bar__6CL7R.Scroll_x__--Ycm:before{top:50%;transform:translateY(-50%)}.Scroll_size-s__px8sG>.Scroll_bar__6CL7R.Scroll_x__--Ycm .Scroll_thumb__ccEPj,.Scroll_size-s__px8sG>.Scroll_bar__6CL7R.Scroll_x__--Ycm:before{border-radius:.5px;height:1px}.Scroll_size-m__gfTwB>.Scroll_bar__6CL7R.Scroll_x__--Ycm .Scroll_thumb__ccEPj,.Scroll_size-m__gfTwB>.Scroll_bar__6CL7R.Scroll_x__--Ycm:before{border-radius:2.5px;height:5px}.Scroll_size-l__Pe4z7>.Scroll_bar__6CL7R.Scroll_x__--Ycm .Scroll_thumb__ccEPj,.Scroll_size-l__Pe4z7>.Scroll_bar__6CL7R.Scroll_x__--Ycm:before{border-radius:4.5px;height:9px}.Scroll_bar__6CL7R.Scroll_y__2xWol{width:32px}.Scroll_bar__6CL7R.Scroll_y__2xWol .Scroll_thumb__ccEPj,.Scroll_bar__6CL7R.Scroll_y__2xWol:before{right:50%;transform:translateX(50%)}.Scroll_size-s__px8sG>.Scroll_bar__6CL7R.Scroll_y__2xWol .Scroll_thumb__ccEPj,.Scroll_size-s__px8sG>.Scroll_bar__6CL7R.Scroll_y__2xWol:before{width:1px}.Scroll_size-m__gfTwB>.Scroll_bar__6CL7R.Scroll_y__2xWol .Scroll_thumb__ccEPj,.Scroll_size-m__gfTwB>.Scroll_bar__6CL7R.Scroll_y__2xWol:before{border-radius:2.5px;width:5px}.Scroll_size-l__Pe4z7>.Scroll_bar__6CL7R.Scroll_y__2xWol .Scroll_thumb__ccEPj,.Scroll_size-l__Pe4z7>.Scroll_bar__6CL7R.Scroll_y__2xWol:before{border-radius:4.5px;width:9px}";
+var css_248z = ".Scroll_root__NNx5K{--hide-delay:0.3s;display:flex;position:relative}.Scroll_inner__DmxTb{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;overflow:hidden;position:relative;scrollbar-width:none;transition:-webkit-mask-image .3s ease-out;transition:mask-image .3s ease-out;transition:mask-image .3s ease-out,-webkit-mask-image .3s ease-out;width:100%}.Scroll_inner__DmxTb.Scroll_smooth__2vqKe{scroll-behavior:smooth}.Scroll_inner__DmxTb::-webkit-scrollbar{display:none}.Scroll_y__2xWol .Scroll_inner__DmxTb{max-height:100%;overflow-y:auto}.Scroll_x__--Ycm .Scroll_inner__DmxTb{max-width:100%;overflow-x:auto}.Scroll_fadeSize-s__WeI0f .Scroll_inner__DmxTb{--fade-size:10px}.Scroll_fadeSize-m__Hb-1p .Scroll_inner__DmxTb{--fade-size:16px}.Scroll_fadeSize-l__E0CbA .Scroll_inner__DmxTb{--fade-size:20px}.Scroll_fadeSize-xl__jcYk0 .Scroll_inner__DmxTb{--fade-size:30px}.Scroll_y__2xWol .Scroll_inner__DmxTb.Scroll_hasOffsetTop__zEkUg.Scroll_hasOffsetBottom__S2rCM{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 var(--fade-size),#000 calc(100% - var(--fade-size)),transparent);mask-image:linear-gradient(to bottom,transparent,#000 var(--fade-size),#000 calc(100% - var(--fade-size)),transparent)}.Scroll_y__2xWol .Scroll_inner__DmxTb.Scroll_hasOffsetTop__zEkUg{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 var(--fade-size));mask-image:linear-gradient(to bottom,transparent,#000 var(--fade-size))}.Scroll_y__2xWol .Scroll_inner__DmxTb.Scroll_hasOffsetBottom__S2rCM{-webkit-mask-image:linear-gradient(to top,transparent,#000 var(--fade-size));mask-image:linear-gradient(to top,transparent,#000 var(--fade-size))}.Scroll_x__--Ycm .Scroll_inner__DmxTb.Scroll_hasOffsetLeft__WWEyC.Scroll_hasOffsetRight__HhJWt{-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--fade-size),#000 calc(100% - var(--fade-size)),transparent);mask-image:linear-gradient(to right,transparent,#000 var(--fade-size),#000 calc(100% - var(--fade-size)),transparent)}.Scroll_x__--Ycm .Scroll_inner__DmxTb.Scroll_hasOffsetLeft__WWEyC{-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--fade-size));mask-image:linear-gradient(to right,transparent,#000 var(--fade-size))}.Scroll_x__--Ycm .Scroll_inner__DmxTb.Scroll_hasOffsetRight__HhJWt{-webkit-mask-image:linear-gradient(to left,transparent,#000 var(--fade-size));mask-image:linear-gradient(to left,transparent,#000 var(--fade-size))}.Scroll_thumb__ccEPj{background-color:var(--accent-color-alpha-200);border-radius:1px;position:absolute;transform-origin:center;transition:background-color .1s ease-out}.Scroll_y__2xWol>.Scroll_thumb__ccEPj{min-height:30px;top:0;width:100%}.Scroll_x__--Ycm>.Scroll_thumb__ccEPj{height:100%;left:0;min-width:30px}.Scroll_bar__6CL7R{border-radius:2px;cursor:pointer;overscroll-behavior:contain;position:absolute;touch-action:none;transition:.1s opacity var(--hide-delay) ease-out;z-index:2}.Scroll_autoHide__URLqx>.Scroll_bar__6CL7R{opacity:0;transition:.3s opacity calc(var(--hide-delay)*.6) ease-out}.Scroll_bar__6CL7R:before{content:\"\";pointer-events:none;position:absolute;transition:.3s background-color var(--hide-delay) ease-out}.Scroll_bar__6CL7R.Scroll_isActive__Nkkmi,.Scroll_isDesktop__7r-bH .Scroll_bar__6CL7R:hover{opacity:1;transition-delay:0s;z-index:1}.Scroll_bar__6CL7R.Scroll_isActive__Nkkmi:before,.Scroll_isDesktop__7r-bH .Scroll_bar__6CL7R:hover:before{background-color:var(--accent-color-alpha-100)}.Scroll_bar__6CL7R.Scroll_isActive__Nkkmi .Scroll_thumb__ccEPj,.Scroll_isDesktop__7r-bH .Scroll_bar__6CL7R:hover .Scroll_thumb__ccEPj{background-color:var(--active-color)}.Scroll_isScrolling__yV2Pj>.Scroll_bar__6CL7R{opacity:1;transition:none}.Scroll_bar__6CL7R.Scroll_y__2xWol{bottom:8px;right:0;top:8px}.Scroll_isTouch__Vb2mT .Scroll_bar__6CL7R.Scroll_y__2xWol{width:32px}.Scroll_bar__6CL7R.Scroll_y__2xWol .Scroll_thumb__ccEPj,.Scroll_bar__6CL7R.Scroll_y__2xWol:before{right:0}.Scroll_bar__6CL7R.Scroll_y__2xWol:before{height:100%;width:16px}.Scroll_bar__6CL7R.Scroll_x__--Ycm{bottom:0;height:16px;left:8px;right:8px}.Scroll_isTouch__Vb2mT .Scroll_bar__6CL7R.Scroll_x__--Ycm{height:32px}.Scroll_bar__6CL7R.Scroll_x__--Ycm .Scroll_thumb__ccEPj,.Scroll_bar__6CL7R.Scroll_x__--Ycm:before{bottom:0}.Scroll_bar__6CL7R.Scroll_x__--Ycm:before{width:100%}.Scroll_bar__6CL7R.Scroll_x__--Ycm{height:32px}.Scroll_bar__6CL7R.Scroll_x__--Ycm .Scroll_thumb__ccEPj,.Scroll_bar__6CL7R.Scroll_x__--Ycm:before{top:50%;transform:translateY(-50%)}.Scroll_size-s__px8sG>.Scroll_bar__6CL7R.Scroll_x__--Ycm .Scroll_thumb__ccEPj,.Scroll_size-s__px8sG>.Scroll_bar__6CL7R.Scroll_x__--Ycm:before{border-radius:.5px;height:1px}.Scroll_size-m__gfTwB>.Scroll_bar__6CL7R.Scroll_x__--Ycm .Scroll_thumb__ccEPj,.Scroll_size-m__gfTwB>.Scroll_bar__6CL7R.Scroll_x__--Ycm:before{border-radius:2.5px;height:5px}.Scroll_size-l__Pe4z7>.Scroll_bar__6CL7R.Scroll_x__--Ycm .Scroll_thumb__ccEPj,.Scroll_size-l__Pe4z7>.Scroll_bar__6CL7R.Scroll_x__--Ycm:before{border-radius:4.5px;height:9px}.Scroll_bar__6CL7R.Scroll_y__2xWol{width:32px}.Scroll_bar__6CL7R.Scroll_y__2xWol .Scroll_thumb__ccEPj,.Scroll_bar__6CL7R.Scroll_y__2xWol:before{right:50%;transform:translateX(50%)}.Scroll_size-s__px8sG>.Scroll_bar__6CL7R.Scroll_y__2xWol .Scroll_thumb__ccEPj,.Scroll_size-s__px8sG>.Scroll_bar__6CL7R.Scroll_y__2xWol:before{width:1px}.Scroll_size-m__gfTwB>.Scroll_bar__6CL7R.Scroll_y__2xWol .Scroll_thumb__ccEPj,.Scroll_size-m__gfTwB>.Scroll_bar__6CL7R.Scroll_y__2xWol:before{border-radius:2.5px;width:5px}.Scroll_size-l__Pe4z7>.Scroll_bar__6CL7R.Scroll_y__2xWol .Scroll_thumb__ccEPj,.Scroll_size-l__Pe4z7>.Scroll_bar__6CL7R.Scroll_y__2xWol:before{border-radius:4.5px;width:9px}";
 var S = {"root":"Scroll_root__NNx5K","inner":"Scroll_inner__DmxTb","smooth":"Scroll_smooth__2vqKe","y":"Scroll_y__2xWol","x":"Scroll_x__--Ycm","fadeSize-s":"Scroll_fadeSize-s__WeI0f","fadeSize-m":"Scroll_fadeSize-m__Hb-1p","fadeSize-l":"Scroll_fadeSize-l__E0CbA","fadeSize-xl":"Scroll_fadeSize-xl__jcYk0","hasOffsetTop":"Scroll_hasOffsetTop__zEkUg","hasOffsetBottom":"Scroll_hasOffsetBottom__S2rCM","hasOffsetLeft":"Scroll_hasOffsetLeft__WWEyC","hasOffsetRight":"Scroll_hasOffsetRight__HhJWt","thumb":"Scroll_thumb__ccEPj","bar":"Scroll_bar__6CL7R","autoHide":"Scroll_autoHide__URLqx","isDesktop":"Scroll_isDesktop__7r-bH","isActive":"Scroll_isActive__Nkkmi","isScrolling":"Scroll_isScrolling__yV2Pj","isTouch":"Scroll_isTouch__Vb2mT","size-s":"Scroll_size-s__px8sG","size-m":"Scroll_size-m__gfTwB","size-l":"Scroll_size-l__Pe4z7"};
 styleInject(css_248z);
 

package/dist/esm/src/components/Virtualized/List/List.js

@@ -86,8 +86,10 @@ class List extends Component {
             return;
         // @ts-ignore
         this.wrapElem = this.props.customWrapElem?.getRef?.(ref) || ref;
-        if (!this.store.hasWrap)
+        if (!this.store.hasWrap) {
             this.store.hasWrap = true;
+            this.forceUpdate();
+        }
     };
     renderLayout = ({ state, items, ...rest }) => {
         const { contentBefore, contentAfter, customWrapElem } = this.props;
@@ -113,6 +115,16 @@ class List extends Component {
         if (customWrapElem) {
             Elem = customWrapElem.component;
             Object.assign(props, customWrapElem?.props);
+            const prevOnInnerRef = props.onInnerRef;
+            props.onInnerRef = (el) => {
+                if (el) {
+                    this.wrapElem = el;
+                    if (!this.store.hasWrap)
+                        this.store.hasWrap = true;
+                    this.forceUpdate();
+                }
+                prevOnInnerRef?.(el);
+            };
         }
         return (jsx(Elem, { ...props, ref: this.onWrapRef, children: content }));
     };

package/dist/esm/src/components/Virtualized/List/ListScroll.js

@@ -5,7 +5,7 @@ import List from './List.js';
 import S from './ListScroll.styl.js';
 
 function ListScroll({ scrollProps, ...rest }) {
-    const innerClassName = cn(scrollProps.x && S.x, scrollProps.y && S.y);
+    const innerClassName = cn(scrollProps.x && S.x, scrollProps.y && S.y, scrollProps.innerClassName);
     const props = {
         ...scrollProps,
         innerClassName,

package/dist/esm/src/components/Virtualized/Virtualized.js

@@ -4,6 +4,7 @@ import pick from 'lodash.pick';
 import compare from 'compareq';
 import Time from 'timen';
 import debounce from '../../tools/debounce.js';
+import throttle from '../../tools/throttle.js';
 import { getHeight, getIndexes } from './Virtualized.helpers.js';
 import S from './Virtualized.styl.js';
 
@@ -12,6 +13,8 @@ class Virtualized extends Component {
     scrollTopInited = false;
     scrollElem;
     lastScrollEndIndex = 0;
+    onScrollThrottled;
+    onScrollDebounced;
     static defaultProps = {
         overlapCount: 10,
         pageSize: 20,
@@ -25,7 +28,8 @@ class Virtualized extends Component {
             last: 0,
             isFreezed: false,
         };
-        this.onScroll = debounce(this.onScroll, 150);
+        this.onScrollThrottled = throttle(this._onScroll, 150);
+        this.onScrollDebounced = debounce(this._onScroll, 150);
         this.checkIfEnd = debounce(this.checkIfEnd, 200);
     }
     static getDerivedStateFromProps(props, { height }) {
@@ -35,7 +39,6 @@ class Virtualized extends Component {
         return null;
     }
     componentDidMount() {
-        // Time.after(100, () => {
         const indexes = this.getIndexes();
         this.setState(indexes); // eslint-disable-line
         // });
@@ -125,7 +128,7 @@ class Virtualized extends Component {
             ]),
         });
     }
-    onScroll = e => {
+    _onScroll = e => {
         this.scrollElem = e.target;
         const { onScroll } = this.props;
         const indexes = this.getIndexes();
@@ -137,6 +140,10 @@ class Virtualized extends Component {
             this.setState({ ...indexes });
         this.unfreeze();
     };
+    onScroll = (e) => {
+        this.onScrollThrottled(e);
+        this.onScrollDebounced(e);
+    };
     checkIfEnd = () => {
         const { itemsCount, totalCount, pageSize, onScrollEnd } = this.props;
         if (itemsCount === totalCount)

package/dist/esm/types/src/components/Autocomplete/Autocomplete.types.d.ts

@@ -13,12 +13,26 @@ export type Props = FormControl<Value, HTMLInputElement> & {
     inputWrapperClassName?: string;
     size?: Size;
     value: Value;
-    getOptions: (value: Value) => Promise<Option[]>;
+    isOpen?: boolean;
+    getOptions: (filter: string, offset: number) => Promise<Option[]>;
     onSelect: (option: Option) => void;
+    items?: Option[];
+    itemHeight?: number;
+    pageSize?: number;
     debounceDelay?: number;
     inputProps?: Partial<InputProps>;
     popupProps?: Partial<PopupProps>;
     menuProps?: Partial<MenuProps>;
     round?: boolean;
     blur?: boolean;
+    renderItem?: (props: RenderItemProps) => React.ReactElement;
+};
+export type RenderItemProps = {
+    option: Option;
+    key: number;
+    className?: string;
+    style?: React.CSSProperties;
+    focused: boolean;
+    onClick: () => void;
+    onMouseEnter: () => void;
 };

package/dist/esm/types/src/components/Lazy/Lazy.d.ts

@@ -1,20 +1,3 @@
-import { Component, ComponentType } from 'react';
 import * as T from './Lazy.types';
 export type LazyProps = T.Props;
-export declare class Lazy extends Component<T.Props> {
-    store: T.State;
-    importData?: T.ImportData;
-    DefaultNode?: ComponentType<any>;
-    isLoaded: boolean;
-    clearSpinnerTimeout: null;
-    static defaultProps: {
-        size: string;
-    };
-    constructor(props: T.Props);
-    componentDidMount(): void;
-    componentDidUpdate({ loader }: {
-        loader: any;
-    }): void;
-    update(): void;
-    render(): string | number | boolean | import("react").ReactFragment | JSX.Element;
-}
+export declare function Lazy(props: T.Props): JSX.Element;

package/dist/esm/types/src/components/Virtualized/List/ListScroll.d.ts

@@ -1,7 +1,7 @@
 import type { Props as ScrollProps } from '../../Scroll/Scroll.types';
 import type { Props as ListProps } from './List';
 type Props = ListProps & {
-    scrollProps: ScrollProps;
+    scrollProps: Omit<ScrollProps, 'children'>;
 };
 export default function ListScroll({ scrollProps, ...rest }: Props): JSX.Element;
 export {};

package/dist/esm/types/src/components/Virtualized/Virtualized.d.ts

@@ -5,6 +5,8 @@ declare class Virtualized extends Component<T.Props, T.State> {
     scrollTopInited: boolean;
     scrollElem: Element;
     lastScrollEndIndex: number;
+    onScrollThrottled: (e: MouseEvent) => void;
+    onScrollDebounced: (e: MouseEvent) => void;
     static defaultProps: {
         overlapCount: number;
         pageSize: number;
@@ -24,7 +26,8 @@ declare class Virtualized extends Component<T.Props, T.State> {
     needUpdateHeight(prevProps: any): boolean;
     getNewScrollTop(prevProps: any, snapshot: any): number;
     getIndexes(): T.IndexesType | null;
-    onScroll: (e: any) => void;
+    _onScroll: (e: any) => void;
+    onScroll: (e: MouseEvent) => void;
     checkIfEnd: () => void;
     unfreeze: () => void;
     getItemProps: (index: number) => T.ItemProps;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homecode/ui",
-  "version": "4.30.0",
+  "version": "4.30.2",
   "description": "React UI components library",
   "scripts": {
     "tests": "jest",