@wix/motion 1.0.72 → 1.571.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -0
- package/dist/cjs/AnimationGroup.js +92 -0
- package/dist/cjs/AnimationGroup.js.map +1 -0
- package/dist/cjs/api/common.js +123 -0
- package/dist/cjs/api/common.js.map +1 -0
- package/dist/cjs/api/cssAnimations.js +58 -0
- package/dist/cjs/api/cssAnimations.js.map +1 -0
- package/dist/cjs/api/prepare.js +20 -0
- package/dist/cjs/api/prepare.js.map +1 -0
- package/dist/cjs/api/webAnimations.js +140 -0
- package/dist/cjs/api/webAnimations.js.map +1 -0
- package/dist/cjs/easings.js +272 -0
- package/dist/cjs/easings.js.map +1 -0
- package/dist/cjs/external-types.d.js +2 -0
- package/dist/cjs/external-types.d.js.map +1 -0
- package/dist/cjs/index.js +16 -0
- package/dist/cjs/index.js.map +1 -0
- package/dist/cjs/library/backgroundScroll/BgCloseUp.js +74 -0
- package/dist/cjs/library/backgroundScroll/BgCloseUp.js.map +1 -0
- package/dist/cjs/library/backgroundScroll/BgFade.js +51 -0
- package/dist/cjs/library/backgroundScroll/BgFade.js.map +1 -0
- package/dist/cjs/library/backgroundScroll/BgFadeBack.js +73 -0
- package/dist/cjs/library/backgroundScroll/BgFadeBack.js.map +1 -0
- package/dist/cjs/library/backgroundScroll/BgFake3D.js +103 -0
- package/dist/cjs/library/backgroundScroll/BgFake3D.js.map +1 -0
- package/dist/cjs/library/backgroundScroll/BgPan.js +50 -0
- package/dist/cjs/library/backgroundScroll/BgPan.js.map +1 -0
- package/dist/cjs/library/backgroundScroll/BgParallax.js +43 -0
- package/dist/cjs/library/backgroundScroll/BgParallax.js.map +1 -0
- package/dist/cjs/library/backgroundScroll/BgPullBack.js +45 -0
- package/dist/cjs/library/backgroundScroll/BgPullBack.js.map +1 -0
- package/dist/cjs/library/backgroundScroll/BgReveal.js +14 -0
- package/dist/cjs/library/backgroundScroll/BgReveal.js.map +1 -0
- package/dist/cjs/library/backgroundScroll/BgRotate.js +37 -0
- package/dist/cjs/library/backgroundScroll/BgRotate.js.map +1 -0
- package/dist/cjs/library/backgroundScroll/BgSkew.js +44 -0
- package/dist/cjs/library/backgroundScroll/BgSkew.js.map +1 -0
- package/dist/cjs/library/backgroundScroll/BgZoom.js +125 -0
- package/dist/cjs/library/backgroundScroll/BgZoom.js.map +1 -0
- package/dist/cjs/library/backgroundScroll/ImageParallax.js +58 -0
- package/dist/cjs/library/backgroundScroll/ImageParallax.js.map +1 -0
- package/dist/cjs/library/backgroundScroll/index.js +32 -0
- package/dist/cjs/library/backgroundScroll/index.js.map +1 -0
- package/dist/cjs/library/backgroundScroll/test/testUtils.js +9 -0
- package/dist/cjs/library/backgroundScroll/test/testUtils.js.map +1 -0
- package/dist/cjs/library/backgroundScroll/utils.js +37 -0
- package/dist/cjs/library/backgroundScroll/utils.js.map +1 -0
- package/dist/cjs/library/entrance/ArcIn.js +110 -0
- package/dist/cjs/library/entrance/ArcIn.js.map +1 -0
- package/dist/cjs/library/entrance/BlurIn.js +56 -0
- package/dist/cjs/library/entrance/BlurIn.js.map +1 -0
- package/dist/cjs/library/entrance/BounceIn.js +143 -0
- package/dist/cjs/library/entrance/BounceIn.js.map +1 -0
- package/dist/cjs/library/entrance/CircleIn.js +75 -0
- package/dist/cjs/library/entrance/CircleIn.js.map +1 -0
- package/dist/cjs/library/entrance/CurveIn.js +80 -0
- package/dist/cjs/library/entrance/CurveIn.js.map +1 -0
- package/dist/cjs/library/entrance/DropIn.js +64 -0
- package/dist/cjs/library/entrance/DropIn.js.map +1 -0
- package/dist/cjs/library/entrance/ExpandIn.js +121 -0
- package/dist/cjs/library/entrance/ExpandIn.js.map +1 -0
- package/dist/cjs/library/entrance/FadeIn.js +27 -0
- package/dist/cjs/library/entrance/FadeIn.js.map +1 -0
- package/dist/cjs/library/entrance/FlipIn.js +107 -0
- package/dist/cjs/library/entrance/FlipIn.js.map +1 -0
- package/dist/cjs/library/entrance/FloatIn.js +67 -0
- package/dist/cjs/library/entrance/FloatIn.js.map +1 -0
- package/dist/cjs/library/entrance/FoldIn.js +134 -0
- package/dist/cjs/library/entrance/FoldIn.js.map +1 -0
- package/dist/cjs/library/entrance/GlideIn.js +89 -0
- package/dist/cjs/library/entrance/GlideIn.js.map +1 -0
- package/dist/cjs/library/entrance/GlitchIn.js +29 -0
- package/dist/cjs/library/entrance/GlitchIn.js.map +1 -0
- package/dist/cjs/library/entrance/GrowIn.js +66 -0
- package/dist/cjs/library/entrance/GrowIn.js.map +1 -0
- package/dist/cjs/library/entrance/PunchIn.js +178 -0
- package/dist/cjs/library/entrance/PunchIn.js.map +1 -0
- package/dist/cjs/library/entrance/RevealIn.js +72 -0
- package/dist/cjs/library/entrance/RevealIn.js.map +1 -0
- package/dist/cjs/library/entrance/ShapeIn.js +75 -0
- package/dist/cjs/library/entrance/ShapeIn.js.map +1 -0
- package/dist/cjs/library/entrance/ShuttersIn.js +48 -0
- package/dist/cjs/library/entrance/ShuttersIn.js.map +1 -0
- package/dist/cjs/library/entrance/SlideIn.js +140 -0
- package/dist/cjs/library/entrance/SlideIn.js.map +1 -0
- package/dist/cjs/library/entrance/SpinIn.js +65 -0
- package/dist/cjs/library/entrance/SpinIn.js.map +1 -0
- package/dist/cjs/library/entrance/TiltIn.js +102 -0
- package/dist/cjs/library/entrance/TiltIn.js.map +1 -0
- package/dist/cjs/library/entrance/TurnIn.js +85 -0
- package/dist/cjs/library/entrance/TurnIn.js.map +1 -0
- package/dist/cjs/library/entrance/WinkIn.js +115 -0
- package/dist/cjs/library/entrance/WinkIn.js.map +1 -0
- package/dist/cjs/library/entrance/index.js +55 -0
- package/dist/cjs/library/entrance/index.js.map +1 -0
- package/dist/cjs/library/entrance/test/testUtils.js +9 -0
- package/dist/cjs/library/entrance/test/testUtils.js.map +1 -0
- package/dist/cjs/library/mouse/AiryMouse.js +76 -0
- package/dist/cjs/library/mouse/AiryMouse.js.map +1 -0
- package/dist/cjs/library/mouse/BlobMouse.js +70 -0
- package/dist/cjs/library/mouse/BlobMouse.js.map +1 -0
- package/dist/cjs/library/mouse/BlurMouse.js +94 -0
- package/dist/cjs/library/mouse/BlurMouse.js.map +1 -0
- package/dist/cjs/library/mouse/BounceMouse.js +26 -0
- package/dist/cjs/library/mouse/BounceMouse.js.map +1 -0
- package/dist/cjs/library/mouse/CustomMouse.js +62 -0
- package/dist/cjs/library/mouse/CustomMouse.js.map +1 -0
- package/dist/cjs/library/mouse/ScaleMouse.js +98 -0
- package/dist/cjs/library/mouse/ScaleMouse.js.map +1 -0
- package/dist/cjs/library/mouse/SkewMouse.js +92 -0
- package/dist/cjs/library/mouse/SkewMouse.js.map +1 -0
- package/dist/cjs/library/mouse/SpinMouse.js +41 -0
- package/dist/cjs/library/mouse/SpinMouse.js.map +1 -0
- package/dist/cjs/library/mouse/SwivelMouse.js +85 -0
- package/dist/cjs/library/mouse/SwivelMouse.js.map +1 -0
- package/dist/cjs/library/mouse/Tilt3DMouse.js +65 -0
- package/dist/cjs/library/mouse/Tilt3DMouse.js.map +1 -0
- package/dist/cjs/library/mouse/Track3DMouse.js +87 -0
- package/dist/cjs/library/mouse/Track3DMouse.js.map +1 -0
- package/dist/cjs/library/mouse/TrackMouse.js +65 -0
- package/dist/cjs/library/mouse/TrackMouse.js.map +1 -0
- package/dist/cjs/library/mouse/index.js +32 -0
- package/dist/cjs/library/mouse/index.js.map +1 -0
- package/dist/cjs/library/ongoing/Blink.js +120 -0
- package/dist/cjs/library/ongoing/Blink.js.map +1 -0
- package/dist/cjs/library/ongoing/Bounce.js +92 -0
- package/dist/cjs/library/ongoing/Bounce.js.map +1 -0
- package/dist/cjs/library/ongoing/Breathe.js +124 -0
- package/dist/cjs/library/ongoing/Breathe.js.map +1 -0
- package/dist/cjs/library/ongoing/Cross.js +262 -0
- package/dist/cjs/library/ongoing/Cross.js.map +1 -0
- package/dist/cjs/library/ongoing/DVD.js +84 -0
- package/dist/cjs/library/ongoing/DVD.js.map +1 -0
- package/dist/cjs/library/ongoing/Flash.js +45 -0
- package/dist/cjs/library/ongoing/Flash.js.map +1 -0
- package/dist/cjs/library/ongoing/Flip.js +67 -0
- package/dist/cjs/library/ongoing/Flip.js.map +1 -0
- package/dist/cjs/library/ongoing/Fold.js +167 -0
- package/dist/cjs/library/ongoing/Fold.js.map +1 -0
- package/dist/cjs/library/ongoing/Jello.js +72 -0
- package/dist/cjs/library/ongoing/Jello.js.map +1 -0
- package/dist/cjs/library/ongoing/Poke.js +102 -0
- package/dist/cjs/library/ongoing/Poke.js.map +1 -0
- package/dist/cjs/library/ongoing/Pulse.js +75 -0
- package/dist/cjs/library/ongoing/Pulse.js.map +1 -0
- package/dist/cjs/library/ongoing/Rubber.js +92 -0
- package/dist/cjs/library/ongoing/Rubber.js.map +1 -0
- package/dist/cjs/library/ongoing/Spin.js +55 -0
- package/dist/cjs/library/ongoing/Spin.js.map +1 -0
- package/dist/cjs/library/ongoing/Swing.js +130 -0
- package/dist/cjs/library/ongoing/Swing.js.map +1 -0
- package/dist/cjs/library/ongoing/Wiggle.js +88 -0
- package/dist/cjs/library/ongoing/Wiggle.js.map +1 -0
- package/dist/cjs/library/ongoing/index.js +41 -0
- package/dist/cjs/library/ongoing/index.js.map +1 -0
- package/dist/cjs/library/ongoing/test/testUtils.js +9 -0
- package/dist/cjs/library/ongoing/test/testUtils.js.map +1 -0
- package/dist/cjs/library/scroll/ArcScroll.js +58 -0
- package/dist/cjs/library/scroll/ArcScroll.js.map +1 -0
- package/dist/cjs/library/scroll/BlurScroll.js +43 -0
- package/dist/cjs/library/scroll/BlurScroll.js.map +1 -0
- package/dist/cjs/library/scroll/FadeScroll.js +36 -0
- package/dist/cjs/library/scroll/FadeScroll.js.map +1 -0
- package/dist/cjs/library/scroll/FlipScroll.js +50 -0
- package/dist/cjs/library/scroll/FlipScroll.js.map +1 -0
- package/dist/cjs/library/scroll/GrowScroll.js +160 -0
- package/dist/cjs/library/scroll/GrowScroll.js.map +1 -0
- package/dist/cjs/library/scroll/MoveScroll.js +123 -0
- package/dist/cjs/library/scroll/MoveScroll.js.map +1 -0
- package/dist/cjs/library/scroll/PanScroll.js +77 -0
- package/dist/cjs/library/scroll/PanScroll.js.map +1 -0
- package/dist/cjs/library/scroll/ParallaxScroll.js +56 -0
- package/dist/cjs/library/scroll/ParallaxScroll.js.map +1 -0
- package/dist/cjs/library/scroll/RevealScroll.js +92 -0
- package/dist/cjs/library/scroll/RevealScroll.js.map +1 -0
- package/dist/cjs/library/scroll/ShapeScroll.js +114 -0
- package/dist/cjs/library/scroll/ShapeScroll.js.map +1 -0
- package/dist/cjs/library/scroll/ShrinkScroll.js +157 -0
- package/dist/cjs/library/scroll/ShrinkScroll.js.map +1 -0
- package/dist/cjs/library/scroll/ShuttersScroll.js +67 -0
- package/dist/cjs/library/scroll/ShuttersScroll.js.map +1 -0
- package/dist/cjs/library/scroll/SkewPanScroll.js +113 -0
- package/dist/cjs/library/scroll/SkewPanScroll.js.map +1 -0
- package/dist/cjs/library/scroll/SlideScroll.js +115 -0
- package/dist/cjs/library/scroll/SlideScroll.js.map +1 -0
- package/dist/cjs/library/scroll/Spin3dScroll.js +119 -0
- package/dist/cjs/library/scroll/Spin3dScroll.js.map +1 -0
- package/dist/cjs/library/scroll/SpinScroll.js +51 -0
- package/dist/cjs/library/scroll/SpinScroll.js.map +1 -0
- package/dist/cjs/library/scroll/StretchScroll.js +105 -0
- package/dist/cjs/library/scroll/StretchScroll.js.map +1 -0
- package/dist/cjs/library/scroll/TiltScroll.js +129 -0
- package/dist/cjs/library/scroll/TiltScroll.js.map +1 -0
- package/dist/cjs/library/scroll/TurnScroll.js +125 -0
- package/dist/cjs/library/scroll/TurnScroll.js.map +1 -0
- package/dist/cjs/library/scroll/index.js +46 -0
- package/dist/cjs/library/scroll/index.js.map +1 -0
- package/dist/cjs/library/scroll/test/testUtils.js +9 -0
- package/dist/cjs/library/scroll/test/testUtils.js.map +1 -0
- package/dist/cjs/motion.js +130 -0
- package/dist/cjs/motion.js.map +1 -0
- package/dist/cjs/playground/animationMotionBgScroll.stories.js +371 -0
- package/dist/cjs/playground/animationMotionBgScroll.stories.js.map +1 -0
- package/dist/cjs/playground/animationsMotion.stories.js +200 -0
- package/dist/cjs/playground/animationsMotion.stories.js.map +1 -0
- package/dist/cjs/playground/animationsMotionMouse.stories.js +267 -0
- package/dist/cjs/playground/animationsMotionMouse.stories.js.map +1 -0
- package/dist/cjs/playground/animationsMotionOngoing.stories.js +196 -0
- package/dist/cjs/playground/animationsMotionOngoing.stories.js.map +1 -0
- package/dist/cjs/playground/animationsMotionScroll.stories.js +271 -0
- package/dist/cjs/playground/animationsMotionScroll.stories.js.map +1 -0
- package/dist/cjs/playground/controls.js +334 -0
- package/dist/cjs/playground/controls.js.map +1 -0
- package/dist/cjs/playground/mouse-parallax-components/plastic.jpeg +0 -0
- package/dist/cjs/playground/mouse-parallax-components/vector.svg +19 -0
- package/dist/cjs/playground/mouseComponent.js +114 -0
- package/dist/cjs/playground/mouseComponent.js.map +1 -0
- package/dist/cjs/playground/playground-common.js +84 -0
- package/dist/cjs/playground/playground-common.js.map +1 -0
- package/dist/cjs/playground/playground.module.scss +381 -0
- package/dist/cjs/test-types.d.js +2 -0
- package/dist/cjs/test-types.d.js.map +1 -0
- package/dist/cjs/types.js +2 -0
- package/dist/cjs/types.js.map +1 -0
- package/dist/cjs/utils.js +327 -0
- package/dist/cjs/utils.js.map +1 -0
- package/dist/esm/AnimationGroup.js +86 -0
- package/dist/esm/AnimationGroup.js.map +1 -0
- package/dist/esm/api/common.js +112 -0
- package/dist/esm/api/common.js.map +1 -0
- package/dist/esm/api/cssAnimations.js +53 -0
- package/dist/esm/api/cssAnimations.js.map +1 -0
- package/dist/esm/api/prepare.js +16 -0
- package/dist/esm/api/prepare.js.map +1 -0
- package/dist/esm/api/webAnimations.js +137 -0
- package/dist/esm/api/webAnimations.js.map +1 -0
- package/dist/esm/easings.js +248 -0
- package/dist/esm/easings.js.map +1 -0
- package/dist/esm/external-types.d.js +2 -0
- package/dist/esm/external-types.d.js.map +1 -0
- package/dist/esm/index.js +3 -0
- package/dist/esm/index.js.map +1 -0
- package/dist/esm/library/backgroundScroll/BgCloseUp.js +70 -0
- package/dist/esm/library/backgroundScroll/BgCloseUp.js.map +1 -0
- package/dist/esm/library/backgroundScroll/BgFade.js +47 -0
- package/dist/esm/library/backgroundScroll/BgFade.js.map +1 -0
- package/dist/esm/library/backgroundScroll/BgFadeBack.js +69 -0
- package/dist/esm/library/backgroundScroll/BgFadeBack.js.map +1 -0
- package/dist/esm/library/backgroundScroll/BgFake3D.js +99 -0
- package/dist/esm/library/backgroundScroll/BgFake3D.js.map +1 -0
- package/dist/esm/library/backgroundScroll/BgPan.js +46 -0
- package/dist/esm/library/backgroundScroll/BgPan.js.map +1 -0
- package/dist/esm/library/backgroundScroll/BgParallax.js +39 -0
- package/dist/esm/library/backgroundScroll/BgParallax.js.map +1 -0
- package/dist/esm/library/backgroundScroll/BgPullBack.js +41 -0
- package/dist/esm/library/backgroundScroll/BgPullBack.js.map +1 -0
- package/dist/esm/library/backgroundScroll/BgReveal.js +10 -0
- package/dist/esm/library/backgroundScroll/BgReveal.js.map +1 -0
- package/dist/esm/library/backgroundScroll/BgRotate.js +33 -0
- package/dist/esm/library/backgroundScroll/BgRotate.js.map +1 -0
- package/dist/esm/library/backgroundScroll/BgSkew.js +40 -0
- package/dist/esm/library/backgroundScroll/BgSkew.js.map +1 -0
- package/dist/esm/library/backgroundScroll/BgZoom.js +121 -0
- package/dist/esm/library/backgroundScroll/BgZoom.js.map +1 -0
- package/dist/esm/library/backgroundScroll/ImageParallax.js +54 -0
- package/dist/esm/library/backgroundScroll/ImageParallax.js.map +1 -0
- package/dist/esm/library/backgroundScroll/index.js +27 -0
- package/dist/esm/library/backgroundScroll/index.js.map +1 -0
- package/dist/esm/library/backgroundScroll/test/testUtils.js +5 -0
- package/dist/esm/library/backgroundScroll/test/testUtils.js.map +1 -0
- package/dist/esm/library/backgroundScroll/utils.js +31 -0
- package/dist/esm/library/backgroundScroll/utils.js.map +1 -0
- package/dist/esm/library/entrance/ArcIn.js +106 -0
- package/dist/esm/library/entrance/ArcIn.js.map +1 -0
- package/dist/esm/library/entrance/BlurIn.js +53 -0
- package/dist/esm/library/entrance/BlurIn.js.map +1 -0
- package/dist/esm/library/entrance/BounceIn.js +143 -0
- package/dist/esm/library/entrance/BounceIn.js.map +1 -0
- package/dist/esm/library/entrance/CircleIn.js +71 -0
- package/dist/esm/library/entrance/CircleIn.js.map +1 -0
- package/dist/esm/library/entrance/CurveIn.js +76 -0
- package/dist/esm/library/entrance/CurveIn.js.map +1 -0
- package/dist/esm/library/entrance/DropIn.js +61 -0
- package/dist/esm/library/entrance/DropIn.js.map +1 -0
- package/dist/esm/library/entrance/ExpandIn.js +117 -0
- package/dist/esm/library/entrance/ExpandIn.js.map +1 -0
- package/dist/esm/library/entrance/FadeIn.js +21 -0
- package/dist/esm/library/entrance/FadeIn.js.map +1 -0
- package/dist/esm/library/entrance/FlipIn.js +100 -0
- package/dist/esm/library/entrance/FlipIn.js.map +1 -0
- package/dist/esm/library/entrance/FloatIn.js +64 -0
- package/dist/esm/library/entrance/FloatIn.js.map +1 -0
- package/dist/esm/library/entrance/FoldIn.js +127 -0
- package/dist/esm/library/entrance/FoldIn.js.map +1 -0
- package/dist/esm/library/entrance/GlideIn.js +85 -0
- package/dist/esm/library/entrance/GlideIn.js.map +1 -0
- package/dist/esm/library/entrance/GlitchIn.js +22 -0
- package/dist/esm/library/entrance/GlitchIn.js.map +1 -0
- package/dist/esm/library/entrance/GrowIn.js +63 -0
- package/dist/esm/library/entrance/GrowIn.js.map +1 -0
- package/dist/esm/library/entrance/PunchIn.js +175 -0
- package/dist/esm/library/entrance/PunchIn.js.map +1 -0
- package/dist/esm/library/entrance/RevealIn.js +65 -0
- package/dist/esm/library/entrance/RevealIn.js.map +1 -0
- package/dist/esm/library/entrance/ShapeIn.js +72 -0
- package/dist/esm/library/entrance/ShapeIn.js.map +1 -0
- package/dist/esm/library/entrance/ShuttersIn.js +45 -0
- package/dist/esm/library/entrance/ShuttersIn.js.map +1 -0
- package/dist/esm/library/entrance/SlideIn.js +133 -0
- package/dist/esm/library/entrance/SlideIn.js.map +1 -0
- package/dist/esm/library/entrance/SpinIn.js +62 -0
- package/dist/esm/library/entrance/SpinIn.js.map +1 -0
- package/dist/esm/library/entrance/TiltIn.js +98 -0
- package/dist/esm/library/entrance/TiltIn.js.map +1 -0
- package/dist/esm/library/entrance/TurnIn.js +82 -0
- package/dist/esm/library/entrance/TurnIn.js.map +1 -0
- package/dist/esm/library/entrance/WinkIn.js +108 -0
- package/dist/esm/library/entrance/WinkIn.js.map +1 -0
- package/dist/esm/library/entrance/index.js +49 -0
- package/dist/esm/library/entrance/index.js.map +1 -0
- package/dist/esm/library/entrance/test/testUtils.js +5 -0
- package/dist/esm/library/entrance/test/testUtils.js.map +1 -0
- package/dist/esm/library/mouse/AiryMouse.js +73 -0
- package/dist/esm/library/mouse/AiryMouse.js.map +1 -0
- package/dist/esm/library/mouse/BlobMouse.js +67 -0
- package/dist/esm/library/mouse/BlobMouse.js.map +1 -0
- package/dist/esm/library/mouse/BlurMouse.js +91 -0
- package/dist/esm/library/mouse/BlurMouse.js.map +1 -0
- package/dist/esm/library/mouse/BounceMouse.js +21 -0
- package/dist/esm/library/mouse/BounceMouse.js.map +1 -0
- package/dist/esm/library/mouse/CustomMouse.js +56 -0
- package/dist/esm/library/mouse/CustomMouse.js.map +1 -0
- package/dist/esm/library/mouse/ScaleMouse.js +95 -0
- package/dist/esm/library/mouse/ScaleMouse.js.map +1 -0
- package/dist/esm/library/mouse/SkewMouse.js +89 -0
- package/dist/esm/library/mouse/SkewMouse.js.map +1 -0
- package/dist/esm/library/mouse/SpinMouse.js +38 -0
- package/dist/esm/library/mouse/SpinMouse.js.map +1 -0
- package/dist/esm/library/mouse/SwivelMouse.js +82 -0
- package/dist/esm/library/mouse/SwivelMouse.js.map +1 -0
- package/dist/esm/library/mouse/Tilt3DMouse.js +62 -0
- package/dist/esm/library/mouse/Tilt3DMouse.js.map +1 -0
- package/dist/esm/library/mouse/Track3DMouse.js +84 -0
- package/dist/esm/library/mouse/Track3DMouse.js.map +1 -0
- package/dist/esm/library/mouse/TrackMouse.js +62 -0
- package/dist/esm/library/mouse/TrackMouse.js.map +1 -0
- package/dist/esm/library/mouse/index.js +27 -0
- package/dist/esm/library/mouse/index.js.map +1 -0
- package/dist/esm/library/ongoing/Blink.js +115 -0
- package/dist/esm/library/ongoing/Blink.js.map +1 -0
- package/dist/esm/library/ongoing/Bounce.js +92 -0
- package/dist/esm/library/ongoing/Bounce.js.map +1 -0
- package/dist/esm/library/ongoing/Breathe.js +122 -0
- package/dist/esm/library/ongoing/Breathe.js.map +1 -0
- package/dist/esm/library/ongoing/Cross.js +273 -0
- package/dist/esm/library/ongoing/Cross.js.map +1 -0
- package/dist/esm/library/ongoing/DVD.js +79 -0
- package/dist/esm/library/ongoing/DVD.js.map +1 -0
- package/dist/esm/library/ongoing/Flash.js +42 -0
- package/dist/esm/library/ongoing/Flash.js.map +1 -0
- package/dist/esm/library/ongoing/Flip.js +64 -0
- package/dist/esm/library/ongoing/Flip.js.map +1 -0
- package/dist/esm/library/ongoing/Fold.js +165 -0
- package/dist/esm/library/ongoing/Fold.js.map +1 -0
- package/dist/esm/library/ongoing/Jello.js +70 -0
- package/dist/esm/library/ongoing/Jello.js.map +1 -0
- package/dist/esm/library/ongoing/Poke.js +100 -0
- package/dist/esm/library/ongoing/Poke.js.map +1 -0
- package/dist/esm/library/ongoing/Pulse.js +73 -0
- package/dist/esm/library/ongoing/Pulse.js.map +1 -0
- package/dist/esm/library/ongoing/Rubber.js +90 -0
- package/dist/esm/library/ongoing/Rubber.js.map +1 -0
- package/dist/esm/library/ongoing/Spin.js +52 -0
- package/dist/esm/library/ongoing/Spin.js.map +1 -0
- package/dist/esm/library/ongoing/Swing.js +128 -0
- package/dist/esm/library/ongoing/Swing.js.map +1 -0
- package/dist/esm/library/ongoing/Wiggle.js +86 -0
- package/dist/esm/library/ongoing/Wiggle.js.map +1 -0
- package/dist/esm/library/ongoing/index.js +33 -0
- package/dist/esm/library/ongoing/index.js.map +1 -0
- package/dist/esm/library/ongoing/test/testUtils.js +5 -0
- package/dist/esm/library/ongoing/test/testUtils.js.map +1 -0
- package/dist/esm/library/scroll/ArcScroll.js +54 -0
- package/dist/esm/library/scroll/ArcScroll.js.map +1 -0
- package/dist/esm/library/scroll/BlurScroll.js +39 -0
- package/dist/esm/library/scroll/BlurScroll.js.map +1 -0
- package/dist/esm/library/scroll/FadeScroll.js +32 -0
- package/dist/esm/library/scroll/FadeScroll.js.map +1 -0
- package/dist/esm/library/scroll/FlipScroll.js +46 -0
- package/dist/esm/library/scroll/FlipScroll.js.map +1 -0
- package/dist/esm/library/scroll/GrowScroll.js +157 -0
- package/dist/esm/library/scroll/GrowScroll.js.map +1 -0
- package/dist/esm/library/scroll/MoveScroll.js +120 -0
- package/dist/esm/library/scroll/MoveScroll.js.map +1 -0
- package/dist/esm/library/scroll/PanScroll.js +73 -0
- package/dist/esm/library/scroll/PanScroll.js.map +1 -0
- package/dist/esm/library/scroll/ParallaxScroll.js +53 -0
- package/dist/esm/library/scroll/ParallaxScroll.js.map +1 -0
- package/dist/esm/library/scroll/RevealScroll.js +88 -0
- package/dist/esm/library/scroll/RevealScroll.js.map +1 -0
- package/dist/esm/library/scroll/ShapeScroll.js +110 -0
- package/dist/esm/library/scroll/ShapeScroll.js.map +1 -0
- package/dist/esm/library/scroll/ShrinkScroll.js +154 -0
- package/dist/esm/library/scroll/ShrinkScroll.js.map +1 -0
- package/dist/esm/library/scroll/ShuttersScroll.js +63 -0
- package/dist/esm/library/scroll/ShuttersScroll.js.map +1 -0
- package/dist/esm/library/scroll/SkewPanScroll.js +109 -0
- package/dist/esm/library/scroll/SkewPanScroll.js.map +1 -0
- package/dist/esm/library/scroll/SlideScroll.js +111 -0
- package/dist/esm/library/scroll/SlideScroll.js.map +1 -0
- package/dist/esm/library/scroll/Spin3dScroll.js +116 -0
- package/dist/esm/library/scroll/Spin3dScroll.js.map +1 -0
- package/dist/esm/library/scroll/SpinScroll.js +47 -0
- package/dist/esm/library/scroll/SpinScroll.js.map +1 -0
- package/dist/esm/library/scroll/StretchScroll.js +101 -0
- package/dist/esm/library/scroll/StretchScroll.js.map +1 -0
- package/dist/esm/library/scroll/TiltScroll.js +126 -0
- package/dist/esm/library/scroll/TiltScroll.js.map +1 -0
- package/dist/esm/library/scroll/TurnScroll.js +121 -0
- package/dist/esm/library/scroll/TurnScroll.js.map +1 -0
- package/dist/esm/library/scroll/index.js +41 -0
- package/dist/esm/library/scroll/index.js.map +1 -0
- package/dist/esm/library/scroll/test/testUtils.js +5 -0
- package/dist/esm/library/scroll/test/testUtils.js.map +1 -0
- package/dist/esm/motion.js +124 -0
- package/dist/esm/motion.js.map +1 -0
- package/dist/esm/playground/animationMotionBgScroll.stories.js +286 -0
- package/dist/esm/playground/animationMotionBgScroll.stories.js.map +1 -0
- package/dist/esm/playground/animationsMotion.stories.js +133 -0
- package/dist/esm/playground/animationsMotion.stories.js.map +1 -0
- package/dist/esm/playground/animationsMotionMouse.stories.js +188 -0
- package/dist/esm/playground/animationsMotionMouse.stories.js.map +1 -0
- package/dist/esm/playground/animationsMotionOngoing.stories.js +129 -0
- package/dist/esm/playground/animationsMotionOngoing.stories.js.map +1 -0
- package/dist/esm/playground/animationsMotionScroll.stories.js +199 -0
- package/dist/esm/playground/animationsMotionScroll.stories.js.map +1 -0
- package/dist/esm/playground/controls.js +168 -0
- package/dist/esm/playground/controls.js.map +1 -0
- package/dist/esm/playground/mouse-parallax-components/plastic.jpeg +0 -0
- package/dist/esm/playground/mouse-parallax-components/vector.svg +19 -0
- package/dist/esm/playground/mouseComponent.js +61 -0
- package/dist/esm/playground/mouseComponent.js.map +1 -0
- package/dist/esm/playground/playground-common.js +91 -0
- package/dist/esm/playground/playground-common.js.map +1 -0
- package/dist/esm/playground/playground.module.scss +381 -0
- package/dist/esm/test-types.d.js +2 -0
- package/dist/esm/test-types.d.js.map +1 -0
- package/dist/esm/types.js +2 -0
- package/dist/esm/types.js.map +1 -0
- package/dist/esm/utils.js +355 -0
- package/dist/esm/utils.js.map +1 -0
- package/dist/types/AnimationGroup.d.ts +26 -0
- package/dist/types/AnimationGroup.d.ts.map +1 -0
- package/dist/types/api/common.d.ts +164 -0
- package/dist/types/api/common.d.ts.map +1 -0
- package/dist/types/api/cssAnimations.d.ts +21 -0
- package/dist/types/api/cssAnimations.d.ts.map +1 -0
- package/dist/types/api/prepare.d.ts +4 -0
- package/dist/types/api/prepare.d.ts.map +1 -0
- package/dist/types/api/webAnimations.d.ts +7 -0
- package/dist/types/api/webAnimations.d.ts.map +1 -0
- package/dist/types/easings.d.ts +217 -0
- package/dist/types/easings.d.ts.map +1 -0
- package/dist/types/index.d.ts +3 -0
- package/dist/types/index.d.ts.map +1 -0
- package/dist/types/library/backgroundScroll/BgCloseUp.d.ts +52 -0
- package/dist/types/library/backgroundScroll/BgCloseUp.d.ts.map +1 -0
- package/dist/types/library/backgroundScroll/BgFade.d.ts +28 -0
- package/dist/types/library/backgroundScroll/BgFade.d.ts.map +1 -0
- package/dist/types/library/backgroundScroll/BgFadeBack.d.ts +53 -0
- package/dist/types/library/backgroundScroll/BgFadeBack.d.ts.map +1 -0
- package/dist/types/library/backgroundScroll/BgFake3D.d.ts +52 -0
- package/dist/types/library/backgroundScroll/BgFake3D.d.ts.map +1 -0
- package/dist/types/library/backgroundScroll/BgPan.d.ts +27 -0
- package/dist/types/library/backgroundScroll/BgPan.d.ts.map +1 -0
- package/dist/types/library/backgroundScroll/BgParallax.d.ts +27 -0
- package/dist/types/library/backgroundScroll/BgParallax.d.ts.map +1 -0
- package/dist/types/library/backgroundScroll/BgPullBack.d.ts +27 -0
- package/dist/types/library/backgroundScroll/BgPullBack.d.ts.map +1 -0
- package/dist/types/library/backgroundScroll/BgReveal.d.ts +3 -0
- package/dist/types/library/backgroundScroll/BgReveal.d.ts.map +1 -0
- package/dist/types/library/backgroundScroll/BgRotate.d.ts +27 -0
- package/dist/types/library/backgroundScroll/BgRotate.d.ts.map +1 -0
- package/dist/types/library/backgroundScroll/BgSkew.d.ts +27 -0
- package/dist/types/library/backgroundScroll/BgSkew.d.ts.map +1 -0
- package/dist/types/library/backgroundScroll/BgZoom.d.ts +75 -0
- package/dist/types/library/backgroundScroll/BgZoom.d.ts.map +1 -0
- package/dist/types/library/backgroundScroll/ImageParallax.d.ts +27 -0
- package/dist/types/library/backgroundScroll/ImageParallax.d.ts.map +1 -0
- package/dist/types/library/backgroundScroll/index.d.ts +3 -0
- package/dist/types/library/backgroundScroll/index.d.ts.map +1 -0
- package/dist/types/library/backgroundScroll/test/testUtils.d.ts +3 -0
- package/dist/types/library/backgroundScroll/test/testUtils.d.ts.map +1 -0
- package/dist/types/library/backgroundScroll/utils.d.ts +9 -0
- package/dist/types/library/backgroundScroll/utils.d.ts.map +1 -0
- package/dist/types/library/entrance/ArcIn.d.ts +106 -0
- package/dist/types/library/entrance/ArcIn.d.ts.map +1 -0
- package/dist/types/library/entrance/BlurIn.d.ts +95 -0
- package/dist/types/library/entrance/BlurIn.d.ts.map +1 -0
- package/dist/types/library/entrance/BounceIn.d.ts +115 -0
- package/dist/types/library/entrance/BounceIn.d.ts.map +1 -0
- package/dist/types/library/entrance/CircleIn.d.ts +126 -0
- package/dist/types/library/entrance/CircleIn.d.ts.map +1 -0
- package/dist/types/library/entrance/CurveIn.d.ts +76 -0
- package/dist/types/library/entrance/CurveIn.d.ts.map +1 -0
- package/dist/types/library/entrance/DropIn.d.ts +101 -0
- package/dist/types/library/entrance/DropIn.d.ts.map +1 -0
- package/dist/types/library/entrance/ExpandIn.d.ts +106 -0
- package/dist/types/library/entrance/ExpandIn.d.ts.map +1 -0
- package/dist/types/library/entrance/FadeIn.d.ts +49 -0
- package/dist/types/library/entrance/FadeIn.d.ts.map +1 -0
- package/dist/types/library/entrance/FlipIn.d.ts +104 -0
- package/dist/types/library/entrance/FlipIn.d.ts.map +1 -0
- package/dist/types/library/entrance/FloatIn.d.ts +75 -0
- package/dist/types/library/entrance/FloatIn.d.ts.map +1 -0
- package/dist/types/library/entrance/FoldIn.d.ts +108 -0
- package/dist/types/library/entrance/FoldIn.d.ts.map +1 -0
- package/dist/types/library/entrance/GlideIn.d.ts +76 -0
- package/dist/types/library/entrance/GlideIn.d.ts.map +1 -0
- package/dist/types/library/entrance/GlitchIn.d.ts +75 -0
- package/dist/types/library/entrance/GlitchIn.d.ts.map +1 -0
- package/dist/types/library/entrance/GrowIn.d.ts +105 -0
- package/dist/types/library/entrance/GrowIn.d.ts.map +1 -0
- package/dist/types/library/entrance/PunchIn.d.ts +110 -0
- package/dist/types/library/entrance/PunchIn.d.ts.map +1 -0
- package/dist/types/library/entrance/RevealIn.d.ts +74 -0
- package/dist/types/library/entrance/RevealIn.d.ts.map +1 -0
- package/dist/types/library/entrance/ShapeIn.d.ts +103 -0
- package/dist/types/library/entrance/ShapeIn.d.ts.map +1 -0
- package/dist/types/library/entrance/ShuttersIn.d.ts +75 -0
- package/dist/types/library/entrance/ShuttersIn.d.ts.map +1 -0
- package/dist/types/library/entrance/SlideIn.d.ts +68 -0
- package/dist/types/library/entrance/SlideIn.d.ts.map +1 -0
- package/dist/types/library/entrance/SpinIn.d.ts +107 -0
- package/dist/types/library/entrance/SpinIn.d.ts.map +1 -0
- package/dist/types/library/entrance/TiltIn.d.ts +168 -0
- package/dist/types/library/entrance/TiltIn.d.ts.map +1 -0
- package/dist/types/library/entrance/TurnIn.d.ts +105 -0
- package/dist/types/library/entrance/TurnIn.d.ts.map +1 -0
- package/dist/types/library/entrance/WinkIn.d.ts +160 -0
- package/dist/types/library/entrance/WinkIn.d.ts.map +1 -0
- package/dist/types/library/entrance/index.d.ts +3 -0
- package/dist/types/library/entrance/index.d.ts.map +1 -0
- package/dist/types/library/entrance/test/testUtils.d.ts +3 -0
- package/dist/types/library/entrance/test/testUtils.d.ts.map +1 -0
- package/dist/types/library/mouse/AiryMouse.d.ts +9 -0
- package/dist/types/library/mouse/AiryMouse.d.ts.map +1 -0
- package/dist/types/library/mouse/BlobMouse.d.ts +9 -0
- package/dist/types/library/mouse/BlobMouse.d.ts.map +1 -0
- package/dist/types/library/mouse/BlurMouse.d.ts +9 -0
- package/dist/types/library/mouse/BlurMouse.d.ts.map +1 -0
- package/dist/types/library/mouse/BounceMouse.d.ts +11 -0
- package/dist/types/library/mouse/BounceMouse.d.ts.map +1 -0
- package/dist/types/library/mouse/CustomMouse.d.ts +13 -0
- package/dist/types/library/mouse/CustomMouse.d.ts.map +1 -0
- package/dist/types/library/mouse/ScaleMouse.d.ts +9 -0
- package/dist/types/library/mouse/ScaleMouse.d.ts.map +1 -0
- package/dist/types/library/mouse/SkewMouse.d.ts +9 -0
- package/dist/types/library/mouse/SkewMouse.d.ts.map +1 -0
- package/dist/types/library/mouse/SpinMouse.d.ts +9 -0
- package/dist/types/library/mouse/SpinMouse.d.ts.map +1 -0
- package/dist/types/library/mouse/SwivelMouse.d.ts +9 -0
- package/dist/types/library/mouse/SwivelMouse.d.ts.map +1 -0
- package/dist/types/library/mouse/Tilt3DMouse.d.ts +9 -0
- package/dist/types/library/mouse/Tilt3DMouse.d.ts.map +1 -0
- package/dist/types/library/mouse/Track3DMouse.d.ts +9 -0
- package/dist/types/library/mouse/Track3DMouse.d.ts.map +1 -0
- package/dist/types/library/mouse/TrackMouse.d.ts +9 -0
- package/dist/types/library/mouse/TrackMouse.d.ts.map +1 -0
- package/dist/types/library/mouse/index.d.ts +3 -0
- package/dist/types/library/mouse/index.d.ts.map +1 -0
- package/dist/types/library/ongoing/Blink.d.ts +26 -0
- package/dist/types/library/ongoing/Blink.d.ts.map +1 -0
- package/dist/types/library/ongoing/Bounce.d.ts +61 -0
- package/dist/types/library/ongoing/Bounce.d.ts.map +1 -0
- package/dist/types/library/ongoing/Breathe.d.ts +65 -0
- package/dist/types/library/ongoing/Breathe.d.ts.map +1 -0
- package/dist/types/library/ongoing/Cross.d.ts +34 -0
- package/dist/types/library/ongoing/Cross.d.ts.map +1 -0
- package/dist/types/library/ongoing/DVD.d.ts +47 -0
- package/dist/types/library/ongoing/DVD.d.ts.map +1 -0
- package/dist/types/library/ongoing/Flash.d.ts +63 -0
- package/dist/types/library/ongoing/Flash.d.ts.map +1 -0
- package/dist/types/library/ongoing/Flip.d.ts +71 -0
- package/dist/types/library/ongoing/Flip.d.ts.map +1 -0
- package/dist/types/library/ongoing/Fold.d.ts +65 -0
- package/dist/types/library/ongoing/Fold.d.ts.map +1 -0
- package/dist/types/library/ongoing/Jello.d.ts +55 -0
- package/dist/types/library/ongoing/Jello.d.ts.map +1 -0
- package/dist/types/library/ongoing/Poke.d.ts +55 -0
- package/dist/types/library/ongoing/Poke.d.ts.map +1 -0
- package/dist/types/library/ongoing/Pulse.d.ts +55 -0
- package/dist/types/library/ongoing/Pulse.d.ts.map +1 -0
- package/dist/types/library/ongoing/Rubber.d.ts +55 -0
- package/dist/types/library/ongoing/Rubber.d.ts.map +1 -0
- package/dist/types/library/ongoing/Spin.d.ts +69 -0
- package/dist/types/library/ongoing/Spin.d.ts.map +1 -0
- package/dist/types/library/ongoing/Swing.d.ts +65 -0
- package/dist/types/library/ongoing/Swing.d.ts.map +1 -0
- package/dist/types/library/ongoing/Wiggle.d.ts +55 -0
- package/dist/types/library/ongoing/Wiggle.d.ts.map +1 -0
- package/dist/types/library/ongoing/index.d.ts +3 -0
- package/dist/types/library/ongoing/index.d.ts.map +1 -0
- package/dist/types/library/ongoing/test/testUtils.d.ts +3 -0
- package/dist/types/library/ongoing/test/testUtils.d.ts.map +1 -0
- package/dist/types/library/scroll/ArcScroll.d.ts +25 -0
- package/dist/types/library/scroll/ArcScroll.d.ts.map +1 -0
- package/dist/types/library/scroll/BlurScroll.d.ts +26 -0
- package/dist/types/library/scroll/BlurScroll.d.ts.map +1 -0
- package/dist/types/library/scroll/FadeScroll.d.ts +25 -0
- package/dist/types/library/scroll/FadeScroll.d.ts.map +1 -0
- package/dist/types/library/scroll/FlipScroll.d.ts +25 -0
- package/dist/types/library/scroll/FlipScroll.d.ts.map +1 -0
- package/dist/types/library/scroll/GrowScroll.d.ts +27 -0
- package/dist/types/library/scroll/GrowScroll.d.ts.map +1 -0
- package/dist/types/library/scroll/MoveScroll.d.ts +27 -0
- package/dist/types/library/scroll/MoveScroll.d.ts.map +1 -0
- package/dist/types/library/scroll/PanScroll.d.ts +25 -0
- package/dist/types/library/scroll/PanScroll.d.ts.map +1 -0
- package/dist/types/library/scroll/ParallaxScroll.d.ts +27 -0
- package/dist/types/library/scroll/ParallaxScroll.d.ts.map +1 -0
- package/dist/types/library/scroll/RevealScroll.d.ts +25 -0
- package/dist/types/library/scroll/RevealScroll.d.ts.map +1 -0
- package/dist/types/library/scroll/ShapeScroll.d.ts +23 -0
- package/dist/types/library/scroll/ShapeScroll.d.ts.map +1 -0
- package/dist/types/library/scroll/ShrinkScroll.d.ts +27 -0
- package/dist/types/library/scroll/ShrinkScroll.d.ts.map +1 -0
- package/dist/types/library/scroll/ShuttersScroll.d.ts +35 -0
- package/dist/types/library/scroll/ShuttersScroll.d.ts.map +1 -0
- package/dist/types/library/scroll/SkewPanScroll.d.ts +25 -0
- package/dist/types/library/scroll/SkewPanScroll.d.ts.map +1 -0
- package/dist/types/library/scroll/SlideScroll.d.ts +26 -0
- package/dist/types/library/scroll/SlideScroll.d.ts.map +1 -0
- package/dist/types/library/scroll/Spin3dScroll.d.ts +27 -0
- package/dist/types/library/scroll/Spin3dScroll.d.ts.map +1 -0
- package/dist/types/library/scroll/SpinScroll.d.ts +25 -0
- package/dist/types/library/scroll/SpinScroll.d.ts.map +1 -0
- package/dist/types/library/scroll/StretchScroll.d.ts +55 -0
- package/dist/types/library/scroll/StretchScroll.d.ts.map +1 -0
- package/dist/types/library/scroll/TiltScroll.d.ts +52 -0
- package/dist/types/library/scroll/TiltScroll.d.ts.map +1 -0
- package/dist/types/library/scroll/TurnScroll.d.ts +30 -0
- package/dist/types/library/scroll/TurnScroll.d.ts.map +1 -0
- package/dist/types/library/scroll/index.d.ts +3 -0
- package/dist/types/library/scroll/index.d.ts.map +1 -0
- package/dist/types/library/scroll/test/testUtils.d.ts +3 -0
- package/dist/types/library/scroll/test/testUtils.d.ts.map +1 -0
- package/dist/types/motion.d.ts +14 -0
- package/dist/types/motion.d.ts.map +1 -0
- package/dist/types/playground/animationMotionBgScroll.stories.d.ts +6 -0
- package/dist/types/playground/animationMotionBgScroll.stories.d.ts.map +1 -0
- package/dist/types/playground/animationsMotion.stories.d.ts +6 -0
- package/dist/types/playground/animationsMotion.stories.d.ts.map +1 -0
- package/dist/types/playground/animationsMotionMouse.stories.d.ts +6 -0
- package/dist/types/playground/animationsMotionMouse.stories.d.ts.map +1 -0
- package/dist/types/playground/animationsMotionOngoing.stories.d.ts +6 -0
- package/dist/types/playground/animationsMotionOngoing.stories.d.ts.map +1 -0
- package/dist/types/playground/animationsMotionScroll.stories.d.ts +6 -0
- package/dist/types/playground/animationsMotionScroll.stories.d.ts.map +1 -0
- package/dist/types/playground/controls.d.ts +53 -0
- package/dist/types/playground/controls.d.ts.map +1 -0
- package/dist/types/playground/mouseComponent.d.ts +10 -0
- package/dist/types/playground/mouseComponent.d.ts.map +1 -0
- package/dist/types/playground/playground-common.d.ts +34 -0
- package/dist/types/playground/playground-common.d.ts.map +1 -0
- package/dist/types/types.d.ts +572 -0
- package/dist/types/types.d.ts.map +1 -0
- package/dist/types/utils.d.ts +81 -0
- package/dist/types/utils.d.ts.map +1 -0
- package/package.json +69 -42
- package/build/cjs/index.d.ts +0 -9
- package/build/cjs/index.js +0 -47
- package/build/cjs/index.js.map +0 -1
- package/build/cjs/meta.d.ts +0 -6
- package/build/cjs/meta.js +0 -47
- package/build/cjs/meta.js.map +0 -1
- package/build/es/index.d.mts +0 -9
- package/build/es/index.mjs +0 -10
- package/build/es/index.mjs.map +0 -1
- package/build/es/meta.d.mts +0 -6
- package/build/es/meta.mjs +0 -10
- package/build/es/meta.mjs.map +0 -1
- package/build/es/package.json +0 -3
- package/build/internal/cjs/index.d.ts +0 -9
- package/build/internal/cjs/index.js +0 -47
- package/build/internal/cjs/index.js.map +0 -1
- package/build/internal/cjs/meta.d.ts +0 -6
- package/build/internal/cjs/meta.js +0 -47
- package/build/internal/cjs/meta.js.map +0 -1
- package/build/internal/es/index.d.mts +0 -9
- package/build/internal/es/index.mjs +0 -10
- package/build/internal/es/index.mjs.map +0 -1
- package/build/internal/es/meta.d.mts +0 -6
- package/build/internal/es/meta.mjs +0 -10
- package/build/internal/es/meta.mjs.map +0 -1
- package/meta/package.json +0 -3
|
@@ -0,0 +1,355 @@
|
|
|
1
|
+
import { cssEasings, jsEasings } from './easings';
|
|
2
|
+
/**
|
|
3
|
+
* Map a value from one range 'a' to different range 'b'
|
|
4
|
+
*
|
|
5
|
+
* @param sourceMin - The minimum value of the source range
|
|
6
|
+
* @param sourceMax - The maximum value of the source range
|
|
7
|
+
* @param targetMin - The minimum value of the target range
|
|
8
|
+
* @param targetMax - The maximum value of the target range
|
|
9
|
+
* @param num - The number to map
|
|
10
|
+
* @returns The mapped value
|
|
11
|
+
*/
|
|
12
|
+
export function mapRange(sourceMin, sourceMax, targetMin, targetMax, num) {
|
|
13
|
+
return (num - sourceMin) * (targetMax - targetMin) / (sourceMax - sourceMin) + targetMin;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
/**
|
|
17
|
+
* Get the distance between 2 points
|
|
18
|
+
*
|
|
19
|
+
* @param p1 - The first point [x1, y1]
|
|
20
|
+
* @param p2 - The second point [x2, y2]
|
|
21
|
+
* @returns The distance between the two points
|
|
22
|
+
*/
|
|
23
|
+
export function distance2d(_ref, _ref2) {
|
|
24
|
+
let [x1, y1] = _ref;
|
|
25
|
+
let [x2, y2] = _ref2;
|
|
26
|
+
return Math.sqrt((x2 - x1) ** 2 + (y2 - y1) ** 2);
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
/**
|
|
30
|
+
* Get the angle between 2 points in degrees clamped between 0 and 360
|
|
31
|
+
* Pass the third argument "offset" to rotate the angle source,
|
|
32
|
+
* for example use 90 to move angle 0 to the top
|
|
33
|
+
*
|
|
34
|
+
* @param p1 - The first point [x1, y1]
|
|
35
|
+
* @param p2 - The second point [x2, y2]
|
|
36
|
+
* @param offset - The angle offset (default: 0)
|
|
37
|
+
* @returns The angle between the two points in degrees
|
|
38
|
+
*/
|
|
39
|
+
export function getAngleInDeg(p1, p2, offset) {
|
|
40
|
+
if (p1 === void 0) {
|
|
41
|
+
p1 = [0, 0];
|
|
42
|
+
}
|
|
43
|
+
if (p2 === void 0) {
|
|
44
|
+
p2 = [0, 0];
|
|
45
|
+
}
|
|
46
|
+
if (offset === void 0) {
|
|
47
|
+
offset = 0;
|
|
48
|
+
}
|
|
49
|
+
const angle = Math.atan2(p2[1] - p1[1], p2[0] - p1[0]) * 180 / Math.PI;
|
|
50
|
+
return (360 + offset + angle) % 360;
|
|
51
|
+
}
|
|
52
|
+
export const INITIAL_FRAME_OFFSET = 1e-6;
|
|
53
|
+
const CLIP_POLYGON_TEMPLATES = {
|
|
54
|
+
initial: _ref3 => {
|
|
55
|
+
let {
|
|
56
|
+
top,
|
|
57
|
+
bottom,
|
|
58
|
+
left,
|
|
59
|
+
right
|
|
60
|
+
} = _ref3;
|
|
61
|
+
return `${left}% ${top}%, ${right}% ${top}%, ${right}% ${bottom}%, ${left}% ${bottom}%`;
|
|
62
|
+
},
|
|
63
|
+
top: _ref4 => {
|
|
64
|
+
let {
|
|
65
|
+
top,
|
|
66
|
+
left,
|
|
67
|
+
right,
|
|
68
|
+
minimum
|
|
69
|
+
} = _ref4;
|
|
70
|
+
return `${left}% ${top}%, ${right}% ${top}%, ${right}% ${top + minimum}%, ${left}% ${top + minimum}%`;
|
|
71
|
+
},
|
|
72
|
+
right: _ref5 => {
|
|
73
|
+
let {
|
|
74
|
+
top,
|
|
75
|
+
bottom,
|
|
76
|
+
right,
|
|
77
|
+
minimum
|
|
78
|
+
} = _ref5;
|
|
79
|
+
return `${right - minimum}% ${top}%, ${right}% ${top}%, ${right}% ${bottom}%, ${right - minimum}% ${bottom}%`;
|
|
80
|
+
},
|
|
81
|
+
center: _ref6 => {
|
|
82
|
+
let {
|
|
83
|
+
centerX,
|
|
84
|
+
centerY,
|
|
85
|
+
minimum
|
|
86
|
+
} = _ref6;
|
|
87
|
+
return `${centerX - minimum / 2}% ${centerY - minimum / 2}%, ${centerX + minimum / 2}% ${centerY - minimum / 2}%, ${centerX + minimum / 2}% ${centerY + minimum / 2}%, ${centerX - minimum / 2}% ${centerY + minimum / 2}%`;
|
|
88
|
+
},
|
|
89
|
+
bottom: _ref7 => {
|
|
90
|
+
let {
|
|
91
|
+
bottom,
|
|
92
|
+
left,
|
|
93
|
+
right,
|
|
94
|
+
minimum
|
|
95
|
+
} = _ref7;
|
|
96
|
+
return `${left}% ${bottom - minimum}%, ${right}% ${bottom - minimum}%, ${right}% ${bottom}%, ${left}% ${bottom}%`;
|
|
97
|
+
},
|
|
98
|
+
left: _ref8 => {
|
|
99
|
+
let {
|
|
100
|
+
top,
|
|
101
|
+
bottom,
|
|
102
|
+
left,
|
|
103
|
+
minimum
|
|
104
|
+
} = _ref8;
|
|
105
|
+
return `${left}% ${top}%, ${left + minimum}% ${top}%, ${left + minimum}% ${bottom}%, ${left}% ${bottom}%`;
|
|
106
|
+
},
|
|
107
|
+
vertical: _ref9 => {
|
|
108
|
+
let {
|
|
109
|
+
top,
|
|
110
|
+
bottom,
|
|
111
|
+
left,
|
|
112
|
+
right,
|
|
113
|
+
minimum
|
|
114
|
+
} = _ref9;
|
|
115
|
+
return `${left}% ${top + minimum / 2}%, ${right}% ${top + minimum / 2}%, ${right}% ${bottom - minimum / 2}%, ${left}% ${bottom - minimum / 2}%`;
|
|
116
|
+
},
|
|
117
|
+
horizontal: _ref10 => {
|
|
118
|
+
let {
|
|
119
|
+
top,
|
|
120
|
+
bottom,
|
|
121
|
+
left,
|
|
122
|
+
right,
|
|
123
|
+
minimum
|
|
124
|
+
} = _ref10;
|
|
125
|
+
return `${left + minimum / 2}% ${top}%, ${right - minimum / 2}% ${top}%, ${right - minimum / 2}% ${bottom}%, ${left + minimum / 2}% ${bottom}%`;
|
|
126
|
+
}
|
|
127
|
+
};
|
|
128
|
+
export function getClipPolygonParams(_ref11) {
|
|
129
|
+
let {
|
|
130
|
+
direction,
|
|
131
|
+
scaleX = 1,
|
|
132
|
+
scaleY = 1,
|
|
133
|
+
minimum = 0
|
|
134
|
+
} = _ref11;
|
|
135
|
+
const top = (1 - scaleY) / 2 * 100;
|
|
136
|
+
const left = (1 - scaleX) / 2 * 100;
|
|
137
|
+
const right = 100 + left - (1 - scaleX) * 100;
|
|
138
|
+
const bottom = 100 + top - (1 - scaleY) * 100;
|
|
139
|
+
const centerX = (right + left) / 2;
|
|
140
|
+
const centerY = (bottom + top) / 2;
|
|
141
|
+
return `polygon(${CLIP_POLYGON_TEMPLATES[direction]({
|
|
142
|
+
top,
|
|
143
|
+
bottom,
|
|
144
|
+
left,
|
|
145
|
+
right,
|
|
146
|
+
centerX,
|
|
147
|
+
centerY,
|
|
148
|
+
minimum
|
|
149
|
+
})})`;
|
|
150
|
+
}
|
|
151
|
+
|
|
152
|
+
/**
|
|
153
|
+
* Adjust direction by angle from predefined list
|
|
154
|
+
*/
|
|
155
|
+
export function getAdjustedDirection(availableDirections, direction, angleInDeg) {
|
|
156
|
+
const index = availableDirections.indexOf(direction);
|
|
157
|
+
const length = availableDirections.length;
|
|
158
|
+
const shiftBy = Math.round((angleInDeg || 0) / 360 * length);
|
|
159
|
+
const newIndex = (index + (length - 1) * shiftBy) % length; // eslint-disable-line no-mixed-operators
|
|
160
|
+
return availableDirections[newIndex];
|
|
161
|
+
}
|
|
162
|
+
export function transformPolarToXY(angle, distance) {
|
|
163
|
+
const radians = angle * Math.PI / 180;
|
|
164
|
+
const x = Math.cos(radians) * distance;
|
|
165
|
+
const y = Math.sin(radians) * distance;
|
|
166
|
+
return [x, y];
|
|
167
|
+
}
|
|
168
|
+
export function getCssUnits(type) {
|
|
169
|
+
return type === 'percentage' ? '%' : type || 'px';
|
|
170
|
+
}
|
|
171
|
+
export function getEasing(easing) {
|
|
172
|
+
return easing ? cssEasings[easing] || easing : cssEasings.linear;
|
|
173
|
+
}
|
|
174
|
+
export function getJsEasing(easing) {
|
|
175
|
+
return easing ? jsEasings[easing] : undefined;
|
|
176
|
+
}
|
|
177
|
+
export function getEasingFamily(easing) {
|
|
178
|
+
if (!cssEasings[easing]) {
|
|
179
|
+
return {
|
|
180
|
+
in: easing,
|
|
181
|
+
inOut: easing,
|
|
182
|
+
out: easing
|
|
183
|
+
};
|
|
184
|
+
}
|
|
185
|
+
const ease = easing.replace(/In|Out/g, '');
|
|
186
|
+
if (ease === 'linear') {
|
|
187
|
+
return {
|
|
188
|
+
in: `linear`,
|
|
189
|
+
inOut: `linear`,
|
|
190
|
+
out: `linear`
|
|
191
|
+
};
|
|
192
|
+
}
|
|
193
|
+
return {
|
|
194
|
+
in: `${ease}In`,
|
|
195
|
+
inOut: `${ease}InOut`,
|
|
196
|
+
out: `${ease}Out`
|
|
197
|
+
};
|
|
198
|
+
}
|
|
199
|
+
const MOUSE_TRANSITION_EASING_MAP = {
|
|
200
|
+
linear: 'linear',
|
|
201
|
+
easeOut: 'ease-out',
|
|
202
|
+
hardBackOut: 'cubic-bezier(0.58, 2.5, 0, 0.95)',
|
|
203
|
+
elastic: 'linear( 0, 0.2178 2.1%, 1.1144 8.49%, 1.2959 10.7%, 1.3463 11.81%, 1.3705 12.94%, 1.3726, 1.3643 14.48%, 1.3151 16.2%, 1.0317 21.81%, 0.941 24.01%, 0.8912 25.91%, 0.8694 27.84%, 0.8698 29.21%, 0.8824 30.71%, 1.0122 38.33%, 1.0357, 1.046 42.71%, 1.0416 45.7%, 0.9961 53.26%, 0.9839 57.54%, 0.9853 60.71%, 1.0012 68.14%, 1.0056 72.24%, 0.9981 86.66%, 1 )',
|
|
204
|
+
bounce: 'linear( 0, 0.0039, 0.0157, 0.0352, 0.0625 9.09%, 0.1407, 0.25, 0.3908, 0.5625, 0.7654, 1, 0.8907, 0.8125 45.45%, 0.7852, 0.7657, 0.7539, 0.75, 0.7539, 0.7657, 0.7852, 0.8125 63.64%, 0.8905, 1 72.73%, 0.9727, 0.9532, 0.9414, 0.9375, 0.9414, 0.9531, 0.9726, 1, 0.9883, 0.9844, 0.9883, 1 )'
|
|
205
|
+
};
|
|
206
|
+
export function getMouseTransitionEasing(value) {
|
|
207
|
+
return value && MOUSE_TRANSITION_EASING_MAP[value] || 'linear';
|
|
208
|
+
}
|
|
209
|
+
export function deg2rad(angleInDeg) {
|
|
210
|
+
return angleInDeg * Math.PI / 180;
|
|
211
|
+
}
|
|
212
|
+
export function getTransformParams(originDirection, angleInRad, scale) {
|
|
213
|
+
if (scale === void 0) {
|
|
214
|
+
scale = 1;
|
|
215
|
+
}
|
|
216
|
+
const x = `calc(var(--motion-height, 100%) * ${scale * originDirection.dy * Math.sin(-angleInRad)} + var(--motion-width, 100%) * ${scale * originDirection.dx * Math.cos(angleInRad)})`;
|
|
217
|
+
const y = `calc(var(--motion-height, 100%) * ${scale * originDirection.dy * Math.cos(-angleInRad)} + var(--motion-width, 100%) * ${scale * originDirection.dx * Math.sin(angleInRad)})`;
|
|
218
|
+
return {
|
|
219
|
+
x,
|
|
220
|
+
y
|
|
221
|
+
};
|
|
222
|
+
}
|
|
223
|
+
export function getOutOfScreenDistance(angle) {
|
|
224
|
+
const angleInRad = angle * Math.PI / 180;
|
|
225
|
+
const angleCos = Math.round(Math.cos(angleInRad) * 10) / 10;
|
|
226
|
+
const angleSin = Math.round(Math.sin(angleInRad) * 10) / 10;
|
|
227
|
+
|
|
228
|
+
// Calculate x and y direction based on angle
|
|
229
|
+
const xDirection = Math.sign(angleCos);
|
|
230
|
+
const yDirection = Math.sign(angleSin);
|
|
231
|
+
const left = `var(--motion-left, 0px)`;
|
|
232
|
+
const top = `var(--motion-top, 0px)`;
|
|
233
|
+
|
|
234
|
+
// Calculate x and y distances between component and stage
|
|
235
|
+
const xDistance = xDirection ? xDirection === -1 ? `(-1 * ${left} - 100%)` : `(100vw - ${left})` : 0;
|
|
236
|
+
const yDistance = yDirection ? yDirection === -1 ? `(-1 * ${top} - 100%)` : `(100vh - ${top})` : 0;
|
|
237
|
+
|
|
238
|
+
// Calculate hypotenuse
|
|
239
|
+
let hypotenuse;
|
|
240
|
+
const hypotX = `calc(${xDistance} / ${angleCos})`;
|
|
241
|
+
const hypotY = `calc(${yDistance} / ${angleSin})`;
|
|
242
|
+
if (!angleCos) {
|
|
243
|
+
hypotenuse = hypotY;
|
|
244
|
+
} else if (!angleSin) {
|
|
245
|
+
hypotenuse = hypotX;
|
|
246
|
+
} else {
|
|
247
|
+
hypotenuse = `min(${hypotY}, ${hypotX})`;
|
|
248
|
+
}
|
|
249
|
+
return {
|
|
250
|
+
// distance: Math.abs(hypotenuse),
|
|
251
|
+
x: `calc(${hypotenuse} * ${angleCos})`,
|
|
252
|
+
y: `calc(${hypotenuse} * ${angleSin})`
|
|
253
|
+
};
|
|
254
|
+
}
|
|
255
|
+
export function keyframesToDuration(keyframes_translation, duration) {
|
|
256
|
+
return keyframes_translation.map((_ref12, idx) => {
|
|
257
|
+
let {
|
|
258
|
+
keyframe
|
|
259
|
+
} = _ref12;
|
|
260
|
+
const stepDuration = keyframe - (idx > 0 ? keyframes_translation[idx - 1].keyframe : 0);
|
|
261
|
+
return duration * (stepDuration / 100);
|
|
262
|
+
});
|
|
263
|
+
}
|
|
264
|
+
export function getElementOffset(element, parent) {
|
|
265
|
+
let left = element.offsetLeft;
|
|
266
|
+
let top = element.offsetTop;
|
|
267
|
+
let offsetParent = element.offsetParent;
|
|
268
|
+
while (offsetParent) {
|
|
269
|
+
if (parent && offsetParent === parent) {
|
|
270
|
+
break;
|
|
271
|
+
}
|
|
272
|
+
left += offsetParent.offsetLeft;
|
|
273
|
+
top += offsetParent.offsetTop;
|
|
274
|
+
offsetParent = offsetParent.offsetParent;
|
|
275
|
+
}
|
|
276
|
+
return {
|
|
277
|
+
left,
|
|
278
|
+
top
|
|
279
|
+
};
|
|
280
|
+
}
|
|
281
|
+
const generateShuttersClipPath = (direction, shutterCount, staggered) => {
|
|
282
|
+
const isTopOrLeft = direction === 'top' || direction === 'left';
|
|
283
|
+
const iterStart = isTopOrLeft ? shutterCount : 0;
|
|
284
|
+
const iterEnd = isTopOrLeft ? 0 : shutterCount;
|
|
285
|
+
const inc = isTopOrLeft ? -1 : 1;
|
|
286
|
+
const isVerticalPath = direction === 'top' || direction === 'bottom';
|
|
287
|
+
const clipPathStart = [];
|
|
288
|
+
const clipPathEnd = [];
|
|
289
|
+
for (let i = iterStart; i !== iterEnd; i += inc) {
|
|
290
|
+
const shutterEndPosInPercentage = 100 * ((i + inc) / shutterCount);
|
|
291
|
+
const clipStart = 100 * (i / shutterCount) | 0;
|
|
292
|
+
let clipEnd;
|
|
293
|
+
if (staggered) {
|
|
294
|
+
const staggerFactor = isTopOrLeft ? 1 + (shutterCount - i) / shutterCount : 1 + i / shutterCount;
|
|
295
|
+
// staggerFactor changes the speed in which the current shutter completes its animation.
|
|
296
|
+
// case = 1: shutter closes at normal rate (as if there is no stagger at all)
|
|
297
|
+
// case > 1: shutter closes faster (the bigger it is, the faster it closes)
|
|
298
|
+
|
|
299
|
+
clipEnd = isTopOrLeft ? 100 - (100 - shutterEndPosInPercentage) * staggerFactor : shutterEndPosInPercentage * staggerFactor;
|
|
300
|
+
} else {
|
|
301
|
+
clipEnd = shutterEndPosInPercentage;
|
|
302
|
+
}
|
|
303
|
+
clipEnd |= 0;
|
|
304
|
+
if (isVerticalPath) {
|
|
305
|
+
clipPathStart.push(`0% ${clipStart}%, 100% ${clipStart}%, 100% ${clipStart}%, 0% ${clipStart}%`);
|
|
306
|
+
clipPathEnd.push(`0% ${clipStart}%, 100% ${clipStart}%, 100% ${clipEnd}%, 0% ${clipEnd}%`);
|
|
307
|
+
} else {
|
|
308
|
+
clipPathStart.push(`${clipStart}% 0%, ${clipStart}% 100%, ${clipStart}% 100%, ${clipStart}% 0%`);
|
|
309
|
+
clipPathEnd.push(`${clipStart}% 0%, ${clipStart}% 100%, ${clipEnd}% 100%, ${clipEnd}% 0%`);
|
|
310
|
+
}
|
|
311
|
+
}
|
|
312
|
+
return {
|
|
313
|
+
start: clipPathStart,
|
|
314
|
+
end: clipPathEnd
|
|
315
|
+
};
|
|
316
|
+
};
|
|
317
|
+
export function getShuttersClipPaths(direction, shutterCount, staggered, reverse) {
|
|
318
|
+
const {
|
|
319
|
+
start,
|
|
320
|
+
end
|
|
321
|
+
} = generateShuttersClipPath(direction, shutterCount, staggered);
|
|
322
|
+
if (reverse) {
|
|
323
|
+
start.reverse();
|
|
324
|
+
end.reverse();
|
|
325
|
+
}
|
|
326
|
+
return {
|
|
327
|
+
clipStart: `polygon(${start.join(', ')})`,
|
|
328
|
+
clipEnd: `polygon(${end.join(', ')})`
|
|
329
|
+
};
|
|
330
|
+
}
|
|
331
|
+
export function roundNumber(num, precision) {
|
|
332
|
+
if (precision === void 0) {
|
|
333
|
+
precision = 2;
|
|
334
|
+
}
|
|
335
|
+
return parseFloat(num.toFixed(precision));
|
|
336
|
+
}
|
|
337
|
+
export function toKeyframeValue(custom, key, useValue, fallback) {
|
|
338
|
+
if (useValue === void 0) {
|
|
339
|
+
useValue = false;
|
|
340
|
+
}
|
|
341
|
+
if (fallback === void 0) {
|
|
342
|
+
fallback = '';
|
|
343
|
+
}
|
|
344
|
+
return useValue ? custom[key] : `var(${key}${fallback ? `,${fallback}` : ''})`;
|
|
345
|
+
}
|
|
346
|
+
export function getTimingFactor(duration, delay, asString) {
|
|
347
|
+
if (asString === void 0) {
|
|
348
|
+
asString = false;
|
|
349
|
+
}
|
|
350
|
+
const duration_ = duration || 1;
|
|
351
|
+
const delay_ = delay || 0;
|
|
352
|
+
const timingFactor = roundNumber(duration_ / (duration_ + delay_));
|
|
353
|
+
return asString ? timingFactor.toString().replace(/\./g, '') : timingFactor;
|
|
354
|
+
}
|
|
355
|
+
//# sourceMappingURL=utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["cssEasings","jsEasings","mapRange","sourceMin","sourceMax","targetMin","targetMax","num","distance2d","_ref","_ref2","x1","y1","x2","y2","Math","sqrt","getAngleInDeg","p1","p2","offset","angle","atan2","PI","INITIAL_FRAME_OFFSET","CLIP_POLYGON_TEMPLATES","initial","_ref3","top","bottom","left","right","_ref4","minimum","_ref5","center","_ref6","centerX","centerY","_ref7","_ref8","vertical","_ref9","horizontal","_ref10","getClipPolygonParams","_ref11","direction","scaleX","scaleY","getAdjustedDirection","availableDirections","angleInDeg","index","indexOf","length","shiftBy","round","newIndex","transformPolarToXY","distance","radians","x","cos","y","sin","getCssUnits","type","getEasing","easing","linear","getJsEasing","undefined","getEasingFamily","in","inOut","out","ease","replace","MOUSE_TRANSITION_EASING_MAP","easeOut","hardBackOut","elastic","bounce","getMouseTransitionEasing","value","deg2rad","getTransformParams","originDirection","angleInRad","scale","dy","dx","getOutOfScreenDistance","angleCos","angleSin","xDirection","sign","yDirection","xDistance","yDistance","hypotenuse","hypotX","hypotY","keyframesToDuration","keyframes_translation","duration","map","_ref12","idx","keyframe","stepDuration","getElementOffset","element","parent","offsetLeft","offsetTop","offsetParent","generateShuttersClipPath","shutterCount","staggered","isTopOrLeft","iterStart","iterEnd","inc","isVerticalPath","clipPathStart","clipPathEnd","i","shutterEndPosInPercentage","clipStart","clipEnd","staggerFactor","push","start","end","getShuttersClipPaths","reverse","join","roundNumber","precision","parseFloat","toFixed","toKeyframeValue","custom","key","useValue","fallback","getTimingFactor","delay","asString","duration_","delay_","timingFactor","toString"],"sources":["../../src/utils.ts"],"sourcesContent":["import { cssEasings, jsEasings } from './easings';\nimport type {\n ScrubTransitionEasing,\n EffectFourDirections,\n Point,\n} from './types';\n\n/**\n * Map a value from one range 'a' to different range 'b'\n *\n * @param sourceMin - The minimum value of the source range\n * @param sourceMax - The maximum value of the source range\n * @param targetMin - The minimum value of the target range\n * @param targetMax - The maximum value of the target range\n * @param num - The number to map\n * @returns The mapped value\n */\nexport function mapRange(\n sourceMin: number,\n sourceMax: number,\n targetMin: number,\n targetMax: number,\n num: number,\n): number {\n return (\n ((num - sourceMin) * (targetMax - targetMin)) / (sourceMax - sourceMin) +\n targetMin\n );\n}\n\n/**\n * Get the distance between 2 points\n *\n * @param p1 - The first point [x1, y1]\n * @param p2 - The second point [x2, y2]\n * @returns The distance between the two points\n */\nexport function distance2d([x1, y1]: Point, [x2, y2]: Point): number {\n return Math.sqrt((x2 - x1) ** 2 + (y2 - y1) ** 2);\n}\n\n/**\n * Get the angle between 2 points in degrees clamped between 0 and 360\n * Pass the third argument \"offset\" to rotate the angle source,\n * for example use 90 to move angle 0 to the top\n *\n * @param p1 - The first point [x1, y1]\n * @param p2 - The second point [x2, y2]\n * @param offset - The angle offset (default: 0)\n * @returns The angle between the two points in degrees\n */\nexport function getAngleInDeg(\n p1: Point = [0, 0],\n p2: Point = [0, 0],\n offset: number = 0,\n): number {\n const angle = (Math.atan2(p2[1] - p1[1], p2[0] - p1[0]) * 180) / Math.PI;\n return (360 + offset + angle) % 360;\n}\n\nexport const INITIAL_FRAME_OFFSET = 1e-6;\n\nexport type Direction =\n | 'initial'\n | 'top'\n | 'right'\n | 'center'\n | 'bottom'\n | 'left'\n | 'vertical'\n | 'horizontal';\n\ntype ClipPolygonTemplateParams = {\n top: number;\n bottom: number;\n left: number;\n right: number;\n centerX: number;\n centerY: number;\n minimum: number;\n};\n\nconst CLIP_POLYGON_TEMPLATES: Record<\n Direction,\n (params: ClipPolygonTemplateParams) => string\n> = {\n initial: ({ top, bottom, left, right }) =>\n `${left}% ${top}%, ${right}% ${top}%, ${right}% ${bottom}%, ${left}% ${bottom}%`,\n top: ({ top, left, right, minimum }) =>\n `${left}% ${top}%, ${right}% ${top}%, ${right}% ${\n top + minimum\n }%, ${left}% ${top + minimum}%`,\n right: ({ top, bottom, right, minimum }) =>\n `${right - minimum}% ${top}%, ${right}% ${top}%, ${right}% ${bottom}%, ${\n right - minimum\n }% ${bottom}%`,\n center: ({ centerX, centerY, minimum }) =>\n `${centerX - minimum / 2}% ${centerY - minimum / 2}%, ${\n centerX + minimum / 2\n }% ${centerY - minimum / 2}%, ${centerX + minimum / 2}% ${\n centerY + minimum / 2\n }%, ${centerX - minimum / 2}% ${centerY + minimum / 2}%`,\n bottom: ({ bottom, left, right, minimum }) =>\n `${left}% ${bottom - minimum}%, ${right}% ${\n bottom - minimum\n }%, ${right}% ${bottom}%, ${left}% ${bottom}%`,\n left: ({ top, bottom, left, minimum }) =>\n `${left}% ${top}%, ${left + minimum}% ${top}%, ${\n left + minimum\n }% ${bottom}%, ${left}% ${bottom}%`,\n vertical: ({ top, bottom, left, right, minimum }) =>\n `${left}% ${top + minimum / 2}%, ${right}% ${\n top + minimum / 2\n }%, ${right}% ${bottom - minimum / 2}%, ${left}% ${bottom - minimum / 2}%`,\n horizontal: ({ top, bottom, left, right, minimum }) =>\n `${left + minimum / 2}% ${top}%, ${right - minimum / 2}% ${top}%, ${\n right - minimum / 2\n }% ${bottom}%, ${left + minimum / 2}% ${bottom}%`,\n};\n\nexport function getClipPolygonParams({\n direction,\n scaleX = 1,\n scaleY = 1,\n minimum = 0,\n}: {\n direction: Direction;\n scaleX?: number;\n scaleY?: number;\n minimum?: number;\n}) {\n const top = ((1 - scaleY) / 2) * 100;\n const left = ((1 - scaleX) / 2) * 100;\n const right = 100 + left - (1 - scaleX) * 100;\n const bottom = 100 + top - (1 - scaleY) * 100;\n const centerX = (right + left) / 2;\n const centerY = (bottom + top) / 2;\n\n return `polygon(${CLIP_POLYGON_TEMPLATES[direction]({\n top,\n bottom,\n left,\n right,\n centerX,\n centerY,\n minimum,\n })})`;\n}\n\n/**\n * Adjust direction by angle from predefined list\n */\nexport function getAdjustedDirection(\n availableDirections: string[],\n direction: string,\n angleInDeg: number,\n) {\n const index = availableDirections.indexOf(direction);\n const length = availableDirections.length;\n const shiftBy = Math.round(((angleInDeg || 0) / 360) * length);\n const newIndex = (index + (length - 1) * shiftBy) % length; // eslint-disable-line no-mixed-operators\n return availableDirections[newIndex];\n}\n\nexport function transformPolarToXY(angle: number, distance: number) {\n const radians = (angle * Math.PI) / 180;\n const x = Math.cos(radians) * distance;\n const y = Math.sin(radians) * distance;\n return [x, y];\n}\n\nexport function getCssUnits(type: 'percentage' | string) {\n return type === 'percentage' ? '%' : type || 'px';\n}\n\nexport function getEasing(easing?: keyof typeof cssEasings | string): string {\n return easing\n ? cssEasings[easing as keyof typeof cssEasings] || easing\n : cssEasings.linear;\n}\n\nexport function getJsEasing(\n easing?: keyof typeof jsEasings | string,\n): ((t: number) => number) | undefined {\n return easing ? jsEasings[easing as keyof typeof jsEasings] : undefined;\n}\n\nexport function getEasingFamily(easing: string) {\n if (!cssEasings[easing as keyof typeof cssEasings]) {\n return {\n in: easing,\n inOut: easing,\n out: easing,\n };\n }\n\n const ease = easing.replace(/In|Out/g, '');\n if (ease === 'linear') {\n return {\n in: `linear`,\n inOut: `linear`,\n out: `linear`,\n };\n }\n\n return {\n in: `${ease}In`,\n inOut: `${ease}InOut`,\n out: `${ease}Out`,\n };\n}\n\nconst MOUSE_TRANSITION_EASING_MAP: Record<ScrubTransitionEasing, string> = {\n linear: 'linear',\n easeOut: 'ease-out',\n hardBackOut: 'cubic-bezier(0.58, 2.5, 0, 0.95)',\n elastic:\n 'linear( 0, 0.2178 2.1%, 1.1144 8.49%, 1.2959 10.7%, 1.3463 11.81%, 1.3705 12.94%, 1.3726, 1.3643 14.48%, 1.3151 16.2%, 1.0317 21.81%, 0.941 24.01%, 0.8912 25.91%, 0.8694 27.84%, 0.8698 29.21%, 0.8824 30.71%, 1.0122 38.33%, 1.0357, 1.046 42.71%, 1.0416 45.7%, 0.9961 53.26%, 0.9839 57.54%, 0.9853 60.71%, 1.0012 68.14%, 1.0056 72.24%, 0.9981 86.66%, 1 )',\n bounce:\n 'linear( 0, 0.0039, 0.0157, 0.0352, 0.0625 9.09%, 0.1407, 0.25, 0.3908, 0.5625, 0.7654, 1, 0.8907, 0.8125 45.45%, 0.7852, 0.7657, 0.7539, 0.75, 0.7539, 0.7657, 0.7852, 0.8125 63.64%, 0.8905, 1 72.73%, 0.9727, 0.9532, 0.9414, 0.9375, 0.9414, 0.9531, 0.9726, 1, 0.9883, 0.9844, 0.9883, 1 )',\n};\n\nexport function getMouseTransitionEasing(value?: ScrubTransitionEasing) {\n return (value && MOUSE_TRANSITION_EASING_MAP[value]) || 'linear';\n}\n\nexport function deg2rad(angleInDeg: number): number {\n return (angleInDeg * Math.PI) / 180;\n}\n\nexport function getTransformParams(\n originDirection: { dx: number; dy: number },\n angleInRad: number,\n scale: number = 1,\n) {\n const x = `calc(var(--motion-height, 100%) * ${\n scale * originDirection.dy * Math.sin(-angleInRad)\n } + var(--motion-width, 100%) * ${\n scale * originDirection.dx * Math.cos(angleInRad)\n })`;\n\n const y = `calc(var(--motion-height, 100%) * ${\n scale * originDirection.dy * Math.cos(-angleInRad)\n } + var(--motion-width, 100%) * ${\n scale * originDirection.dx * Math.sin(angleInRad)\n })`;\n\n return { x, y };\n}\n\nexport function getOutOfScreenDistance(angle: number) {\n const angleInRad = (angle * Math.PI) / 180;\n const angleCos = Math.round(Math.cos(angleInRad) * 10) / 10;\n const angleSin = Math.round(Math.sin(angleInRad) * 10) / 10;\n\n // Calculate x and y direction based on angle\n const xDirection = Math.sign(angleCos);\n const yDirection = Math.sign(angleSin);\n const left = `var(--motion-left, 0px)`;\n const top = `var(--motion-top, 0px)`;\n\n // Calculate x and y distances between component and stage\n const xDistance = xDirection\n ? xDirection === -1\n ? `(-1 * ${left} - 100%)`\n : `(100vw - ${left})`\n : 0;\n const yDistance = yDirection\n ? yDirection === -1\n ? `(-1 * ${top} - 100%)`\n : `(100vh - ${top})`\n : 0;\n\n // Calculate hypotenuse\n let hypotenuse;\n const hypotX = `calc(${xDistance} / ${angleCos})`;\n const hypotY = `calc(${yDistance} / ${angleSin})`;\n\n if (!angleCos) {\n hypotenuse = hypotY;\n } else if (!angleSin) {\n hypotenuse = hypotX;\n } else {\n hypotenuse = `min(${hypotY}, ${hypotX})`;\n }\n\n return {\n // distance: Math.abs(hypotenuse),\n x: `calc(${hypotenuse} * ${angleCos})`,\n y: `calc(${hypotenuse} * ${angleSin})`,\n };\n}\n\nexport function keyframesToDuration(\n keyframes_translation: { keyframe: number }[],\n duration: number,\n) {\n return keyframes_translation.map(({ keyframe }, idx) => {\n const stepDuration =\n keyframe - (idx > 0 ? keyframes_translation[idx - 1].keyframe : 0);\n return duration * (stepDuration / 100);\n });\n}\n\nexport function getElementOffset(element: HTMLElement, parent?: HTMLElement) {\n let left = element.offsetLeft;\n let top = element.offsetTop;\n let offsetParent = element.offsetParent as HTMLElement;\n\n while (offsetParent) {\n if (parent && offsetParent === parent) {\n break;\n }\n\n left += offsetParent.offsetLeft;\n top += offsetParent.offsetTop;\n offsetParent = offsetParent.offsetParent as HTMLElement;\n }\n\n return { left, top };\n}\n\nconst generateShuttersClipPath = (\n direction: EffectFourDirections,\n shutterCount: number,\n staggered: boolean,\n) => {\n const isTopOrLeft = direction === 'top' || direction === 'left';\n const iterStart = isTopOrLeft ? shutterCount : 0;\n const iterEnd = isTopOrLeft ? 0 : shutterCount;\n const inc = isTopOrLeft ? -1 : 1;\n\n const isVerticalPath = direction === 'top' || direction === 'bottom';\n\n const clipPathStart = [];\n const clipPathEnd = [];\n\n for (let i = iterStart; i !== iterEnd; i += inc) {\n const shutterEndPosInPercentage = 100 * ((i + inc) / shutterCount);\n const clipStart = (100 * (i / shutterCount)) | 0;\n let clipEnd;\n\n if (staggered) {\n const staggerFactor = isTopOrLeft\n ? 1 + (shutterCount - i) / shutterCount\n : 1 + i / shutterCount;\n // staggerFactor changes the speed in which the current shutter completes its animation.\n // case = 1: shutter closes at normal rate (as if there is no stagger at all)\n // case > 1: shutter closes faster (the bigger it is, the faster it closes)\n\n clipEnd = isTopOrLeft\n ? 100 - (100 - shutterEndPosInPercentage) * staggerFactor\n : shutterEndPosInPercentage * staggerFactor;\n } else {\n clipEnd = shutterEndPosInPercentage;\n }\n\n clipEnd |= 0;\n\n if (isVerticalPath) {\n clipPathStart.push(\n `0% ${clipStart}%, 100% ${clipStart}%, 100% ${clipStart}%, 0% ${clipStart}%`,\n );\n clipPathEnd.push(\n `0% ${clipStart}%, 100% ${clipStart}%, 100% ${clipEnd}%, 0% ${clipEnd}%`,\n );\n } else {\n clipPathStart.push(\n `${clipStart}% 0%, ${clipStart}% 100%, ${clipStart}% 100%, ${clipStart}% 0%`,\n );\n clipPathEnd.push(\n `${clipStart}% 0%, ${clipStart}% 100%, ${clipEnd}% 100%, ${clipEnd}% 0%`,\n );\n }\n }\n\n return { start: clipPathStart, end: clipPathEnd };\n};\n\nexport function getShuttersClipPaths(\n direction: EffectFourDirections,\n shutterCount: number,\n staggered: boolean,\n reverse?: boolean,\n) {\n const { start, end } = generateShuttersClipPath(\n direction,\n shutterCount,\n staggered,\n );\n\n if (reverse) {\n start.reverse();\n end.reverse();\n }\n\n return {\n clipStart: `polygon(${start.join(', ')})`,\n clipEnd: `polygon(${end.join(', ')})`,\n };\n}\n\nexport function roundNumber(num: number, precision = 2) {\n return parseFloat(num.toFixed(precision));\n}\n\nexport function toKeyframeValue(\n custom: Record<string, string | number>,\n key: string,\n useValue = false,\n fallback = '',\n) {\n return useValue\n ? custom[key]\n : `var(${key}${fallback ? `,${fallback}` : ''})`;\n}\n\nexport function getTimingFactor(\n duration: number,\n delay: number,\n asString = false,\n): number | string {\n const duration_ = duration || 1;\n const delay_ = delay || 0;\n const timingFactor = roundNumber(duration_ / (duration_ + delay_));\n return asString ? timingFactor.toString().replace(/\\./g, '') : timingFactor;\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { AnimationGroupOptions, RangeOffset } from './types';
|
|
2
|
+
/**
|
|
3
|
+
* @class AnimationGroup
|
|
4
|
+
*
|
|
5
|
+
* A wrapper object for simulating a GroupEffect and managing multiple animations.
|
|
6
|
+
* See: https://www.w3.org/TR/web-animations-2/#grouping-and-synchronization
|
|
7
|
+
*/
|
|
8
|
+
export declare class AnimationGroup {
|
|
9
|
+
animations: (Animation & {
|
|
10
|
+
start?: RangeOffset;
|
|
11
|
+
end?: RangeOffset;
|
|
12
|
+
})[];
|
|
13
|
+
options?: AnimationGroupOptions;
|
|
14
|
+
ready: Promise<void>;
|
|
15
|
+
constructor(animations: Animation[], options?: AnimationGroupOptions);
|
|
16
|
+
getProgress(): number;
|
|
17
|
+
play(callback?: () => void): Promise<void>;
|
|
18
|
+
pause(): void;
|
|
19
|
+
reverse(callback?: () => void): Promise<void>;
|
|
20
|
+
progress(p: number): void;
|
|
21
|
+
cancel(): void;
|
|
22
|
+
setPlaybackRate(rate: number): void;
|
|
23
|
+
onFinish(callback: () => void): Promise<void>;
|
|
24
|
+
get playState(): AnimationPlayState;
|
|
25
|
+
}
|
|
26
|
+
//# sourceMappingURL=AnimationGroup.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AnimationGroup.d.ts","sourceRoot":"","sources":["../../src/AnimationGroup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE7D;;;;;GAKG;AACH,qBAAa,cAAc;IACzB,UAAU,EAAE,CAAC,SAAS,GAAG;QACvB,KAAK,CAAC,EAAE,WAAW,CAAC;QACpB,GAAG,CAAC,EAAE,WAAW,CAAC;KACnB,CAAC,EAAE,CAAC;IACL,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;gBAET,UAAU,EAAE,SAAS,EAAE,EAAE,OAAO,CAAC,EAAE,qBAAqB;IAMpE,WAAW;IAIL,IAAI,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;IAgBhD,KAAK;IAMC,OAAO,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;IAgBnD,QAAQ,CAAC,CAAC,EAAE,MAAM;IASlB,MAAM;IAMN,eAAe,CAAC,IAAI,EAAE,MAAM;IAMtB,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;IAYnD,IAAI,SAAS,uBAEZ;CACF"}
|
|
@@ -0,0 +1,164 @@
|
|
|
1
|
+
import type { AnimationData, AnimationDataForScrub, AnimationOptions, MeasureCallback, RangeOffset, UnitLengthPercentage } from '../types';
|
|
2
|
+
declare function getElement(id: string | null, ownerDocument?: Document): HTMLElement | null;
|
|
3
|
+
declare function getDirection(effect: AnimationData): KeyframeEffectOptions['direction'];
|
|
4
|
+
declare function getLength(length: UnitLengthPercentage): string;
|
|
5
|
+
declare function getRanges(effect: AnimationDataForScrub): {
|
|
6
|
+
start: string;
|
|
7
|
+
end: string;
|
|
8
|
+
};
|
|
9
|
+
declare function measure(target: HTMLElement | null): MeasureCallback;
|
|
10
|
+
declare function mutate(target: HTMLElement | null): MeasureCallback;
|
|
11
|
+
declare function getNamedEffect(animation: AnimationOptions): import("../types").AnimationEffectAPI<"time"> | import("../types").WebAnimationEffectFactory<"scrub"> | import("../types").MouseAnimationFactoryCreate | ((animation_: AnimationOptions) => ({
|
|
12
|
+
keyframes: never[];
|
|
13
|
+
id?: string | undefined;
|
|
14
|
+
type: "TimeAnimationOptions";
|
|
15
|
+
keyframeEffect?: import("../types").MotionKeyframeEffect | undefined;
|
|
16
|
+
namedEffect?: import("../types").NamedEffect | undefined;
|
|
17
|
+
customEffect?: import("../types").CustomEffect | undefined;
|
|
18
|
+
duration?: number | undefined;
|
|
19
|
+
delay?: number | undefined;
|
|
20
|
+
endDelay?: number | undefined;
|
|
21
|
+
easing?: string | undefined;
|
|
22
|
+
iterations?: number | undefined;
|
|
23
|
+
alternate?: boolean | undefined;
|
|
24
|
+
fill?: import("../types").AnimationFillMode | undefined;
|
|
25
|
+
reversed?: boolean | undefined;
|
|
26
|
+
effectId?: string | undefined;
|
|
27
|
+
effect?: ((progress: () => number | {
|
|
28
|
+
x: number | undefined;
|
|
29
|
+
y: number | undefined;
|
|
30
|
+
}) => void) | undefined;
|
|
31
|
+
} | {
|
|
32
|
+
keyframes: never[];
|
|
33
|
+
id?: string | undefined;
|
|
34
|
+
type: "ScrubAnimationOptions";
|
|
35
|
+
keyframeEffect?: import("../types").MotionKeyframeEffect | undefined;
|
|
36
|
+
namedEffect?: import("../types").NamedEffect | undefined;
|
|
37
|
+
customEffect?: import("../types").CustomEffect | undefined;
|
|
38
|
+
startOffset?: RangeOffset | undefined;
|
|
39
|
+
endOffset?: RangeOffset | undefined;
|
|
40
|
+
playbackRate?: number | undefined;
|
|
41
|
+
easing?: string | undefined;
|
|
42
|
+
iterations?: number | undefined;
|
|
43
|
+
fill?: import("../types").AnimationFillMode | undefined;
|
|
44
|
+
alternate?: boolean | undefined;
|
|
45
|
+
reversed?: boolean | undefined;
|
|
46
|
+
transitionDuration?: number | undefined;
|
|
47
|
+
transitionDelay?: number | undefined;
|
|
48
|
+
transitionEasing?: import("../types").ScrubTransitionEasing | undefined;
|
|
49
|
+
centeredToTarget?: boolean | undefined;
|
|
50
|
+
duration?: import("../types").LengthPercentage | undefined;
|
|
51
|
+
effectId?: string | undefined;
|
|
52
|
+
effect?: ((progress: () => number | {
|
|
53
|
+
x: number | undefined;
|
|
54
|
+
y: number | undefined;
|
|
55
|
+
}) => void) | undefined;
|
|
56
|
+
})[]) | {
|
|
57
|
+
web: (animation_: AnimationOptions) => ({
|
|
58
|
+
name: string;
|
|
59
|
+
keyframes: Keyframe[];
|
|
60
|
+
id?: string | undefined;
|
|
61
|
+
type: "TimeAnimationOptions";
|
|
62
|
+
keyframeEffect?: import("../types").MotionKeyframeEffect | undefined;
|
|
63
|
+
namedEffect?: import("../types").NamedEffect | undefined;
|
|
64
|
+
customEffect?: import("../types").CustomEffect | undefined;
|
|
65
|
+
duration?: number | undefined;
|
|
66
|
+
delay?: number | undefined;
|
|
67
|
+
endDelay?: number | undefined;
|
|
68
|
+
easing?: string | undefined;
|
|
69
|
+
iterations?: number | undefined;
|
|
70
|
+
alternate?: boolean | undefined;
|
|
71
|
+
fill?: import("../types").AnimationFillMode | undefined;
|
|
72
|
+
reversed?: boolean | undefined;
|
|
73
|
+
effectId?: string | undefined;
|
|
74
|
+
effect?: ((progress: () => number | {
|
|
75
|
+
x: number | undefined;
|
|
76
|
+
y: number | undefined;
|
|
77
|
+
}) => void) | undefined;
|
|
78
|
+
} | {
|
|
79
|
+
name: string;
|
|
80
|
+
keyframes: Keyframe[];
|
|
81
|
+
id?: string | undefined;
|
|
82
|
+
type: "ScrubAnimationOptions";
|
|
83
|
+
keyframeEffect?: import("../types").MotionKeyframeEffect | undefined;
|
|
84
|
+
namedEffect?: import("../types").NamedEffect | undefined;
|
|
85
|
+
customEffect?: import("../types").CustomEffect | undefined;
|
|
86
|
+
startOffset?: RangeOffset | undefined;
|
|
87
|
+
endOffset?: RangeOffset | undefined;
|
|
88
|
+
playbackRate?: number | undefined;
|
|
89
|
+
easing?: string | undefined;
|
|
90
|
+
iterations?: number | undefined;
|
|
91
|
+
fill?: import("../types").AnimationFillMode | undefined;
|
|
92
|
+
alternate?: boolean | undefined;
|
|
93
|
+
reversed?: boolean | undefined;
|
|
94
|
+
transitionDuration?: number | undefined;
|
|
95
|
+
transitionDelay?: number | undefined;
|
|
96
|
+
transitionEasing?: import("../types").ScrubTransitionEasing | undefined;
|
|
97
|
+
centeredToTarget?: boolean | undefined;
|
|
98
|
+
duration?: import("../types").LengthPercentage | undefined;
|
|
99
|
+
effectId?: string | undefined;
|
|
100
|
+
effect?: ((progress: () => number | {
|
|
101
|
+
x: number | undefined;
|
|
102
|
+
y: number | undefined;
|
|
103
|
+
}) => void) | undefined;
|
|
104
|
+
})[];
|
|
105
|
+
style: (animation_: AnimationOptions) => ({
|
|
106
|
+
name: string;
|
|
107
|
+
keyframes: Keyframe[];
|
|
108
|
+
id?: string | undefined;
|
|
109
|
+
type: "TimeAnimationOptions";
|
|
110
|
+
keyframeEffect?: import("../types").MotionKeyframeEffect | undefined;
|
|
111
|
+
namedEffect?: import("../types").NamedEffect | undefined;
|
|
112
|
+
customEffect?: import("../types").CustomEffect | undefined;
|
|
113
|
+
duration?: number | undefined;
|
|
114
|
+
delay?: number | undefined;
|
|
115
|
+
endDelay?: number | undefined;
|
|
116
|
+
easing?: string | undefined;
|
|
117
|
+
iterations?: number | undefined;
|
|
118
|
+
alternate?: boolean | undefined;
|
|
119
|
+
fill?: import("../types").AnimationFillMode | undefined;
|
|
120
|
+
reversed?: boolean | undefined;
|
|
121
|
+
effectId?: string | undefined;
|
|
122
|
+
effect?: ((progress: () => number | {
|
|
123
|
+
x: number | undefined;
|
|
124
|
+
y: number | undefined;
|
|
125
|
+
}) => void) | undefined;
|
|
126
|
+
} | {
|
|
127
|
+
name: string;
|
|
128
|
+
keyframes: Keyframe[];
|
|
129
|
+
id?: string | undefined;
|
|
130
|
+
type: "ScrubAnimationOptions";
|
|
131
|
+
keyframeEffect?: import("../types").MotionKeyframeEffect | undefined;
|
|
132
|
+
namedEffect?: import("../types").NamedEffect | undefined;
|
|
133
|
+
customEffect?: import("../types").CustomEffect | undefined;
|
|
134
|
+
startOffset?: RangeOffset | undefined;
|
|
135
|
+
endOffset?: RangeOffset | undefined;
|
|
136
|
+
playbackRate?: number | undefined;
|
|
137
|
+
easing?: string | undefined;
|
|
138
|
+
iterations?: number | undefined;
|
|
139
|
+
fill?: import("../types").AnimationFillMode | undefined;
|
|
140
|
+
alternate?: boolean | undefined;
|
|
141
|
+
reversed?: boolean | undefined;
|
|
142
|
+
transitionDuration?: number | undefined;
|
|
143
|
+
transitionDelay?: number | undefined;
|
|
144
|
+
transitionEasing?: import("../types").ScrubTransitionEasing | undefined;
|
|
145
|
+
centeredToTarget?: boolean | undefined;
|
|
146
|
+
duration?: import("../types").LengthPercentage | undefined;
|
|
147
|
+
effectId?: string | undefined;
|
|
148
|
+
effect?: ((progress: () => number | {
|
|
149
|
+
x: number | undefined;
|
|
150
|
+
y: number | undefined;
|
|
151
|
+
}) => void) | undefined;
|
|
152
|
+
})[];
|
|
153
|
+
} | null | undefined;
|
|
154
|
+
declare function getEffectsData(animations: AnimationData[], effectId?: string): {
|
|
155
|
+
effect: AnimationData;
|
|
156
|
+
options: KeyframeEffectOptions & {
|
|
157
|
+
rangeStart: string;
|
|
158
|
+
rangeEnd: string;
|
|
159
|
+
};
|
|
160
|
+
id: string | undefined;
|
|
161
|
+
part: string | undefined;
|
|
162
|
+
}[];
|
|
163
|
+
export { getElement, getNamedEffect, getEffectsData, measure, mutate, getDirection, getLength, getRanges, };
|
|
164
|
+
//# sourceMappingURL=common.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../src/api/common.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EACb,qBAAqB,EACrB,gBAAgB,EAGhB,eAAe,EAGf,WAAW,EAGX,oBAAoB,EACrB,MAAM,UAAU,CAAC;AASlB,iBAAS,UAAU,CACjB,EAAE,EAAE,MAAM,GAAG,IAAI,EACjB,aAAa,CAAC,EAAE,QAAQ,GACvB,WAAW,GAAG,IAAI,CAEpB;AAED,iBAAS,YAAY,CACnB,MAAM,EAAE,aAAa,GACpB,qBAAqB,CAAC,WAAW,CAAC,CAOpC;AAED,iBAAS,SAAS,CAAC,MAAM,EAAE,oBAAoB,GAAG,MAAM,CAEvD;AAkBD,iBAAS,SAAS,CAAC,MAAM,EAAE,qBAAqB;;;EAK/C;AAED,iBAAS,OAAO,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,GAAG,eAAe,CAE5D;AAED,iBAAS,MAAM,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,GAAG,eAAe,CAE3D;AAED,iBAAS,cAAc,CAAC,SAAS,EAAE,gBAAgB,0KA0B3B,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAPR,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAAhB,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAU/C;AAED,iBAAS,cAAc,CAAC,UAAU,EAAE,aAAa,EAAE,EAAE,QAAQ,CAAC,EAAE,MAAM;;;oBAUvB,MAAM;kBAAY,MAAM;;;;IA0BtE;AAED,OAAO,EACL,UAAU,EACV,cAAc,EACd,cAAc,EACd,OAAO,EACP,MAAM,EACN,YAAY,EACZ,SAAS,EACT,SAAS,GACV,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import type { AnimationData, AnimationEffectAPI, AnimationOptions, TriggerVariant } from '../types';
|
|
2
|
+
declare function getAnimationAsCSS(data: {
|
|
3
|
+
effect: AnimationData;
|
|
4
|
+
options: KeyframeEffectOptions;
|
|
5
|
+
id: string | undefined;
|
|
6
|
+
part: string | undefined;
|
|
7
|
+
}, isRunning?: boolean): string;
|
|
8
|
+
declare function getCSSAnimationEffect(preset: AnimationEffectAPI<any> | null, animation: AnimationOptions): AnimationData[];
|
|
9
|
+
declare function getCSSAnimation(target: string | null, animationOptions: AnimationOptions, trigger?: TriggerVariant): {
|
|
10
|
+
target: string;
|
|
11
|
+
animation: string;
|
|
12
|
+
composition: CompositeOperation | undefined;
|
|
13
|
+
custom: Record<string, string | number | undefined> | undefined;
|
|
14
|
+
name: string | undefined;
|
|
15
|
+
keyframes: Record<string, string | number | undefined>[];
|
|
16
|
+
id: string | undefined;
|
|
17
|
+
animationTimeline: string;
|
|
18
|
+
animationRange: string;
|
|
19
|
+
}[];
|
|
20
|
+
export { getCSSAnimation, getCSSAnimationEffect, getAnimationAsCSS };
|
|
21
|
+
//# sourceMappingURL=cssAnimations.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"cssAnimations.d.ts","sourceRoot":"","sources":["../../../src/api/cssAnimations.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EAEb,kBAAkB,EAClB,gBAAgB,EAChB,cAAc,EACf,MAAM,UAAU,CAAC;AASlB,iBAAS,iBAAiB,CACxB,IAAI,EAAE;IACJ,MAAM,EAAE,aAAa,CAAC;IACtB,OAAO,EAAE,qBAAqB,CAAC;IAC/B,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC;IACvB,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;CAC1B,EACD,SAAS,CAAC,EAAE,OAAO,UAoBpB;AAED,iBAAS,qBAAqB,CAC5B,MAAM,EAAE,kBAAkB,CAAC,GAAG,CAAC,GAAG,IAAI,EACtC,SAAS,EAAE,gBAAgB,GAC1B,aAAa,EAAE,CAWjB;AAED,iBAAS,eAAe,CACtB,MAAM,EAAE,MAAM,GAAG,IAAI,EACrB,gBAAgB,EAAE,gBAAgB,EAClC,OAAO,CAAC,EAAE,cAAc;;;;;;;;;;IA4BzB;AAED,OAAO,EAAE,eAAe,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"prepare.d.ts","sourceRoot":"","sources":["../../../src/api/prepare.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,gBAAgB,EAEjB,MAAM,UAAU,CAAC;AAIlB,iBAAS,gBAAgB,CACvB,MAAM,EAAE,WAAW,GAAG,MAAM,GAAG,IAAI,EACnC,SAAS,EAAE,gBAAgB,EAC3B,QAAQ,CAAC,EAAE,MAAM,IAAI,QAetB;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { AnimationOptions, MouseAnimationInstance, TriggerVariant } from '../types';
|
|
2
|
+
import { AnimationGroup } from '../AnimationGroup';
|
|
3
|
+
declare function getWebAnimation(target: HTMLElement | string | null, animationOptions: AnimationOptions, trigger?: Partial<TriggerVariant> & {
|
|
4
|
+
element?: HTMLElement;
|
|
5
|
+
}, options?: Record<string, any>, ownerDocument?: Document): AnimationGroup | MouseAnimationInstance;
|
|
6
|
+
export { getWebAnimation };
|
|
7
|
+
//# sourceMappingURL=webAnimations.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"webAnimations.d.ts","sourceRoot":"","sources":["../../../src/api/webAnimations.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAIV,gBAAgB,EAEhB,sBAAsB,EAEtB,cAAc,EAEf,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAoCnD,iBAAS,eAAe,CACtB,MAAM,EAAE,WAAW,GAAG,MAAM,GAAG,IAAI,EACnC,gBAAgB,EAAE,gBAAgB,EAClC,OAAO,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,WAAW,CAAA;CAAE,EAC7D,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC7B,aAAa,CAAC,EAAE,QAAQ,GACvB,cAAc,GAAG,sBAAsB,CAuIzC;AAED,OAAO,EAAE,eAAe,EAAE,CAAC"}
|