@wix/motion 1.665.0 → 2.0.0-rc.3
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 +26 -13
- package/dist/cjs/motion.js +2 -146
- package/dist/cjs/motion.js.map +1 -1
- package/dist/es/motion.js +749 -0
- package/dist/es/motion.js.map +1 -0
- package/dist/tsconfig.build.tsbuildinfo +1 -0
- package/dist/types/AnimationGroup.d.ts.map +1 -1
- package/dist/types/CustomAnimation.d.ts +2 -2
- package/dist/types/CustomAnimation.d.ts.map +1 -1
- package/dist/types/api/common.d.ts +111 -111
- package/dist/types/api/common.d.ts.map +1 -1
- package/dist/types/api/cssAnimations.d.ts.map +1 -1
- package/dist/types/api/prepare.d.ts.map +1 -1
- package/dist/types/api/registry.d.ts +4 -0
- package/dist/types/api/registry.d.ts.map +1 -0
- package/dist/types/api/webAnimations.d.ts.map +1 -1
- package/dist/types/easings.d.ts.map +1 -1
- package/dist/types/index.d.ts +3 -0
- package/dist/types/index.d.ts.map +1 -1
- package/dist/types/motion.d.ts +1 -1
- package/dist/types/motion.d.ts.map +1 -1
- package/dist/types/types.d.ts +27 -400
- package/dist/types/types.d.ts.map +1 -1
- package/dist/types/utils.d.ts +0 -71
- package/dist/types/utils.d.ts.map +1 -1
- package/package.json +54 -74
- package/dist/cjs/AnimationGroup.js +0 -106
- package/dist/cjs/AnimationGroup.js.map +0 -1
- package/dist/cjs/CustomAnimation.js +0 -190
- package/dist/cjs/CustomAnimation.js.map +0 -1
- package/dist/cjs/api/common.js +0 -145
- package/dist/cjs/api/common.js.map +0 -1
- package/dist/cjs/api/cssAnimations.js +0 -58
- package/dist/cjs/api/cssAnimations.js.map +0 -1
- package/dist/cjs/api/prepare.js +0 -20
- package/dist/cjs/api/prepare.js.map +0 -1
- package/dist/cjs/api/webAnimations.js +0 -155
- package/dist/cjs/api/webAnimations.js.map +0 -1
- package/dist/cjs/easings.js +0 -272
- package/dist/cjs/easings.js.map +0 -1
- package/dist/cjs/external-types.d.js +0 -2
- package/dist/cjs/external-types.d.js.map +0 -1
- package/dist/cjs/index.js +0 -16
- package/dist/cjs/index.js.map +0 -1
- package/dist/cjs/library/backgroundScroll/BgCloseUp.js +0 -95
- package/dist/cjs/library/backgroundScroll/BgCloseUp.js.map +0 -1
- package/dist/cjs/library/backgroundScroll/BgFade.js +0 -68
- package/dist/cjs/library/backgroundScroll/BgFade.js.map +0 -1
- package/dist/cjs/library/backgroundScroll/BgFadeBack.js +0 -94
- package/dist/cjs/library/backgroundScroll/BgFadeBack.js.map +0 -1
- package/dist/cjs/library/backgroundScroll/BgFake3D.js +0 -131
- package/dist/cjs/library/backgroundScroll/BgFake3D.js.map +0 -1
- package/dist/cjs/library/backgroundScroll/BgPan.js +0 -64
- package/dist/cjs/library/backgroundScroll/BgPan.js.map +0 -1
- package/dist/cjs/library/backgroundScroll/BgParallax.js +0 -62
- package/dist/cjs/library/backgroundScroll/BgParallax.js.map +0 -1
- package/dist/cjs/library/backgroundScroll/BgPullBack.js +0 -66
- package/dist/cjs/library/backgroundScroll/BgPullBack.js.map +0 -1
- package/dist/cjs/library/backgroundScroll/BgReveal.js +0 -28
- package/dist/cjs/library/backgroundScroll/BgReveal.js.map +0 -1
- package/dist/cjs/library/backgroundScroll/BgRotate.js +0 -51
- package/dist/cjs/library/backgroundScroll/BgRotate.js.map +0 -1
- package/dist/cjs/library/backgroundScroll/BgSkew.js +0 -63
- package/dist/cjs/library/backgroundScroll/BgSkew.js.map +0 -1
- package/dist/cjs/library/backgroundScroll/BgZoom.js +0 -163
- package/dist/cjs/library/backgroundScroll/BgZoom.js.map +0 -1
- package/dist/cjs/library/backgroundScroll/ImageParallax.js +0 -81
- package/dist/cjs/library/backgroundScroll/ImageParallax.js.map +0 -1
- package/dist/cjs/library/backgroundScroll/index.js +0 -32
- package/dist/cjs/library/backgroundScroll/index.js.map +0 -1
- package/dist/cjs/library/backgroundScroll/test/testUtils.js +0 -8
- package/dist/cjs/library/backgroundScroll/test/testUtils.js.map +0 -1
- package/dist/cjs/library/backgroundScroll/utils.js +0 -48
- package/dist/cjs/library/backgroundScroll/utils.js.map +0 -1
- package/dist/cjs/library/entrance/ArcIn.js +0 -110
- package/dist/cjs/library/entrance/ArcIn.js.map +0 -1
- package/dist/cjs/library/entrance/BlurIn.js +0 -56
- package/dist/cjs/library/entrance/BlurIn.js.map +0 -1
- package/dist/cjs/library/entrance/BounceIn.js +0 -143
- package/dist/cjs/library/entrance/BounceIn.js.map +0 -1
- package/dist/cjs/library/entrance/CircleIn.js +0 -75
- package/dist/cjs/library/entrance/CircleIn.js.map +0 -1
- package/dist/cjs/library/entrance/CurveIn.js +0 -80
- package/dist/cjs/library/entrance/CurveIn.js.map +0 -1
- package/dist/cjs/library/entrance/DropIn.js +0 -64
- package/dist/cjs/library/entrance/DropIn.js.map +0 -1
- package/dist/cjs/library/entrance/ExpandIn.js +0 -121
- package/dist/cjs/library/entrance/ExpandIn.js.map +0 -1
- package/dist/cjs/library/entrance/FadeIn.js +0 -27
- package/dist/cjs/library/entrance/FadeIn.js.map +0 -1
- package/dist/cjs/library/entrance/FlipIn.js +0 -107
- package/dist/cjs/library/entrance/FlipIn.js.map +0 -1
- package/dist/cjs/library/entrance/FloatIn.js +0 -67
- package/dist/cjs/library/entrance/FloatIn.js.map +0 -1
- package/dist/cjs/library/entrance/FoldIn.js +0 -134
- package/dist/cjs/library/entrance/FoldIn.js.map +0 -1
- package/dist/cjs/library/entrance/GlideIn.js +0 -89
- package/dist/cjs/library/entrance/GlideIn.js.map +0 -1
- package/dist/cjs/library/entrance/GlitchIn.js +0 -29
- package/dist/cjs/library/entrance/GlitchIn.js.map +0 -1
- package/dist/cjs/library/entrance/GrowIn.js +0 -66
- package/dist/cjs/library/entrance/GrowIn.js.map +0 -1
- package/dist/cjs/library/entrance/PunchIn.js +0 -178
- package/dist/cjs/library/entrance/PunchIn.js.map +0 -1
- package/dist/cjs/library/entrance/RevealIn.js +0 -72
- package/dist/cjs/library/entrance/RevealIn.js.map +0 -1
- package/dist/cjs/library/entrance/ShapeIn.js +0 -75
- package/dist/cjs/library/entrance/ShapeIn.js.map +0 -1
- package/dist/cjs/library/entrance/ShuttersIn.js +0 -48
- package/dist/cjs/library/entrance/ShuttersIn.js.map +0 -1
- package/dist/cjs/library/entrance/SlideIn.js +0 -140
- package/dist/cjs/library/entrance/SlideIn.js.map +0 -1
- package/dist/cjs/library/entrance/SpinIn.js +0 -65
- package/dist/cjs/library/entrance/SpinIn.js.map +0 -1
- package/dist/cjs/library/entrance/TiltIn.js +0 -102
- package/dist/cjs/library/entrance/TiltIn.js.map +0 -1
- package/dist/cjs/library/entrance/TurnIn.js +0 -85
- package/dist/cjs/library/entrance/TurnIn.js.map +0 -1
- package/dist/cjs/library/entrance/WinkIn.js +0 -115
- package/dist/cjs/library/entrance/WinkIn.js.map +0 -1
- package/dist/cjs/library/entrance/index.js +0 -54
- package/dist/cjs/library/entrance/index.js.map +0 -1
- package/dist/cjs/library/entrance/test/testUtils.js +0 -8
- package/dist/cjs/library/entrance/test/testUtils.js.map +0 -1
- package/dist/cjs/library/mouse/AiryMouse.js +0 -76
- package/dist/cjs/library/mouse/AiryMouse.js.map +0 -1
- package/dist/cjs/library/mouse/BlobMouse.js +0 -70
- package/dist/cjs/library/mouse/BlobMouse.js.map +0 -1
- package/dist/cjs/library/mouse/BlurMouse.js +0 -94
- package/dist/cjs/library/mouse/BlurMouse.js.map +0 -1
- package/dist/cjs/library/mouse/BounceMouse.js +0 -26
- package/dist/cjs/library/mouse/BounceMouse.js.map +0 -1
- package/dist/cjs/library/mouse/CustomMouse.js +0 -65
- package/dist/cjs/library/mouse/CustomMouse.js.map +0 -1
- package/dist/cjs/library/mouse/ScaleMouse.js +0 -98
- package/dist/cjs/library/mouse/ScaleMouse.js.map +0 -1
- package/dist/cjs/library/mouse/SkewMouse.js +0 -92
- package/dist/cjs/library/mouse/SkewMouse.js.map +0 -1
- package/dist/cjs/library/mouse/SpinMouse.js +0 -41
- package/dist/cjs/library/mouse/SpinMouse.js.map +0 -1
- package/dist/cjs/library/mouse/SwivelMouse.js +0 -85
- package/dist/cjs/library/mouse/SwivelMouse.js.map +0 -1
- package/dist/cjs/library/mouse/Tilt3DMouse.js +0 -65
- package/dist/cjs/library/mouse/Tilt3DMouse.js.map +0 -1
- package/dist/cjs/library/mouse/Track3DMouse.js +0 -87
- package/dist/cjs/library/mouse/Track3DMouse.js.map +0 -1
- package/dist/cjs/library/mouse/TrackMouse.js +0 -65
- package/dist/cjs/library/mouse/TrackMouse.js.map +0 -1
- package/dist/cjs/library/mouse/index.js +0 -32
- package/dist/cjs/library/mouse/index.js.map +0 -1
- package/dist/cjs/library/ongoing/Blink.js +0 -120
- package/dist/cjs/library/ongoing/Blink.js.map +0 -1
- package/dist/cjs/library/ongoing/Bounce.js +0 -92
- package/dist/cjs/library/ongoing/Bounce.js.map +0 -1
- package/dist/cjs/library/ongoing/Breathe.js +0 -124
- package/dist/cjs/library/ongoing/Breathe.js.map +0 -1
- package/dist/cjs/library/ongoing/Cross.js +0 -262
- package/dist/cjs/library/ongoing/Cross.js.map +0 -1
- package/dist/cjs/library/ongoing/DVD.js +0 -84
- package/dist/cjs/library/ongoing/DVD.js.map +0 -1
- package/dist/cjs/library/ongoing/Flash.js +0 -45
- package/dist/cjs/library/ongoing/Flash.js.map +0 -1
- package/dist/cjs/library/ongoing/Flip.js +0 -67
- package/dist/cjs/library/ongoing/Flip.js.map +0 -1
- package/dist/cjs/library/ongoing/Fold.js +0 -167
- package/dist/cjs/library/ongoing/Fold.js.map +0 -1
- package/dist/cjs/library/ongoing/Jello.js +0 -72
- package/dist/cjs/library/ongoing/Jello.js.map +0 -1
- package/dist/cjs/library/ongoing/Poke.js +0 -102
- package/dist/cjs/library/ongoing/Poke.js.map +0 -1
- package/dist/cjs/library/ongoing/Pulse.js +0 -75
- package/dist/cjs/library/ongoing/Pulse.js.map +0 -1
- package/dist/cjs/library/ongoing/Rubber.js +0 -92
- package/dist/cjs/library/ongoing/Rubber.js.map +0 -1
- package/dist/cjs/library/ongoing/Spin.js +0 -55
- package/dist/cjs/library/ongoing/Spin.js.map +0 -1
- package/dist/cjs/library/ongoing/Swing.js +0 -130
- package/dist/cjs/library/ongoing/Swing.js.map +0 -1
- package/dist/cjs/library/ongoing/Wiggle.js +0 -88
- package/dist/cjs/library/ongoing/Wiggle.js.map +0 -1
- package/dist/cjs/library/ongoing/index.js +0 -40
- package/dist/cjs/library/ongoing/index.js.map +0 -1
- package/dist/cjs/library/ongoing/test/testUtils.js +0 -8
- package/dist/cjs/library/ongoing/test/testUtils.js.map +0 -1
- package/dist/cjs/library/scroll/ArcScroll.js +0 -43
- package/dist/cjs/library/scroll/ArcScroll.js.map +0 -1
- package/dist/cjs/library/scroll/BlurScroll.js +0 -49
- package/dist/cjs/library/scroll/BlurScroll.js.map +0 -1
- package/dist/cjs/library/scroll/FadeScroll.js +0 -42
- package/dist/cjs/library/scroll/FadeScroll.js.map +0 -1
- package/dist/cjs/library/scroll/FlipScroll.js +0 -50
- package/dist/cjs/library/scroll/FlipScroll.js.map +0 -1
- package/dist/cjs/library/scroll/GrowScroll.js +0 -99
- package/dist/cjs/library/scroll/GrowScroll.js.map +0 -1
- package/dist/cjs/library/scroll/MoveScroll.js +0 -95
- package/dist/cjs/library/scroll/MoveScroll.js.map +0 -1
- package/dist/cjs/library/scroll/PanScroll.js +0 -77
- package/dist/cjs/library/scroll/PanScroll.js.map +0 -1
- package/dist/cjs/library/scroll/ParallaxScroll.js +0 -43
- package/dist/cjs/library/scroll/ParallaxScroll.js.map +0 -1
- package/dist/cjs/library/scroll/RevealScroll.js +0 -59
- package/dist/cjs/library/scroll/RevealScroll.js.map +0 -1
- package/dist/cjs/library/scroll/ShapeScroll.js +0 -114
- package/dist/cjs/library/scroll/ShapeScroll.js.map +0 -1
- package/dist/cjs/library/scroll/ShrinkScroll.js +0 -99
- package/dist/cjs/library/scroll/ShrinkScroll.js.map +0 -1
- package/dist/cjs/library/scroll/ShuttersScroll.js +0 -75
- package/dist/cjs/library/scroll/ShuttersScroll.js.map +0 -1
- package/dist/cjs/library/scroll/SkewPanScroll.js +0 -76
- package/dist/cjs/library/scroll/SkewPanScroll.js.map +0 -1
- package/dist/cjs/library/scroll/SlideScroll.js +0 -92
- package/dist/cjs/library/scroll/SlideScroll.js.map +0 -1
- package/dist/cjs/library/scroll/Spin3dScroll.js +0 -87
- package/dist/cjs/library/scroll/Spin3dScroll.js.map +0 -1
- package/dist/cjs/library/scroll/SpinScroll.js +0 -55
- package/dist/cjs/library/scroll/SpinScroll.js.map +0 -1
- package/dist/cjs/library/scroll/StretchScroll.js +0 -121
- package/dist/cjs/library/scroll/StretchScroll.js.map +0 -1
- package/dist/cjs/library/scroll/TiltScroll.js +0 -88
- package/dist/cjs/library/scroll/TiltScroll.js.map +0 -1
- package/dist/cjs/library/scroll/TurnScroll.js +0 -98
- package/dist/cjs/library/scroll/TurnScroll.js.map +0 -1
- package/dist/cjs/library/scroll/index.js +0 -46
- package/dist/cjs/library/scroll/index.js.map +0 -1
- package/dist/cjs/library/scroll/test/testUtils.js +0 -8
- package/dist/cjs/library/scroll/test/testUtils.js.map +0 -1
- package/dist/cjs/playground/animationMotionBgScroll.stories.js +0 -369
- package/dist/cjs/playground/animationMotionBgScroll.stories.js.map +0 -1
- package/dist/cjs/playground/animationsMotion.stories.js +0 -199
- package/dist/cjs/playground/animationsMotion.stories.js.map +0 -1
- package/dist/cjs/playground/animationsMotionMouse.stories.js +0 -266
- package/dist/cjs/playground/animationsMotionMouse.stories.js.map +0 -1
- package/dist/cjs/playground/animationsMotionOngoing.stories.js +0 -195
- package/dist/cjs/playground/animationsMotionOngoing.stories.js.map +0 -1
- package/dist/cjs/playground/animationsMotionScroll.stories.js +0 -270
- package/dist/cjs/playground/animationsMotionScroll.stories.js.map +0 -1
- package/dist/cjs/playground/controls.js +0 -334
- package/dist/cjs/playground/controls.js.map +0 -1
- package/dist/cjs/playground/mouse-parallax-components/plastic.jpeg +0 -0
- package/dist/cjs/playground/mouse-parallax-components/vector.svg +0 -19
- package/dist/cjs/playground/mouseComponent.js +0 -113
- package/dist/cjs/playground/mouseComponent.js.map +0 -1
- package/dist/cjs/playground/playground-common.js +0 -84
- package/dist/cjs/playground/playground-common.js.map +0 -1
- package/dist/cjs/playground/playground.module.scss +0 -381
- package/dist/cjs/test-types.d.js +0 -2
- package/dist/cjs/test-types.d.js.map +0 -1
- package/dist/cjs/types.js +0 -4
- package/dist/cjs/types.js.map +0 -1
- package/dist/cjs/utils.js +0 -338
- package/dist/cjs/utils.js.map +0 -1
- package/dist/esm/AnimationGroup.js +0 -100
- package/dist/esm/AnimationGroup.js.map +0 -1
- package/dist/esm/CustomAnimation.js +0 -184
- package/dist/esm/CustomAnimation.js.map +0 -1
- package/dist/esm/api/common.js +0 -132
- package/dist/esm/api/common.js.map +0 -1
- package/dist/esm/api/cssAnimations.js +0 -53
- package/dist/esm/api/cssAnimations.js.map +0 -1
- package/dist/esm/api/prepare.js +0 -16
- package/dist/esm/api/prepare.js.map +0 -1
- package/dist/esm/api/webAnimations.js +0 -152
- package/dist/esm/api/webAnimations.js.map +0 -1
- package/dist/esm/easings.js +0 -248
- package/dist/esm/easings.js.map +0 -1
- package/dist/esm/external-types.d.js +0 -2
- package/dist/esm/external-types.d.js.map +0 -1
- package/dist/esm/index.js +0 -3
- package/dist/esm/index.js.map +0 -1
- package/dist/esm/library/backgroundScroll/BgCloseUp.js +0 -91
- package/dist/esm/library/backgroundScroll/BgCloseUp.js.map +0 -1
- package/dist/esm/library/backgroundScroll/BgFade.js +0 -64
- package/dist/esm/library/backgroundScroll/BgFade.js.map +0 -1
- package/dist/esm/library/backgroundScroll/BgFadeBack.js +0 -90
- package/dist/esm/library/backgroundScroll/BgFadeBack.js.map +0 -1
- package/dist/esm/library/backgroundScroll/BgFake3D.js +0 -127
- package/dist/esm/library/backgroundScroll/BgFake3D.js.map +0 -1
- package/dist/esm/library/backgroundScroll/BgPan.js +0 -60
- package/dist/esm/library/backgroundScroll/BgPan.js.map +0 -1
- package/dist/esm/library/backgroundScroll/BgParallax.js +0 -58
- package/dist/esm/library/backgroundScroll/BgParallax.js.map +0 -1
- package/dist/esm/library/backgroundScroll/BgPullBack.js +0 -62
- package/dist/esm/library/backgroundScroll/BgPullBack.js.map +0 -1
- package/dist/esm/library/backgroundScroll/BgReveal.js +0 -21
- package/dist/esm/library/backgroundScroll/BgReveal.js.map +0 -1
- package/dist/esm/library/backgroundScroll/BgRotate.js +0 -48
- package/dist/esm/library/backgroundScroll/BgRotate.js.map +0 -1
- package/dist/esm/library/backgroundScroll/BgSkew.js +0 -59
- package/dist/esm/library/backgroundScroll/BgSkew.js.map +0 -1
- package/dist/esm/library/backgroundScroll/BgZoom.js +0 -159
- package/dist/esm/library/backgroundScroll/BgZoom.js.map +0 -1
- package/dist/esm/library/backgroundScroll/ImageParallax.js +0 -77
- package/dist/esm/library/backgroundScroll/ImageParallax.js.map +0 -1
- package/dist/esm/library/backgroundScroll/index.js +0 -27
- package/dist/esm/library/backgroundScroll/index.js.map +0 -1
- package/dist/esm/library/backgroundScroll/test/testUtils.js +0 -4
- package/dist/esm/library/backgroundScroll/test/testUtils.js.map +0 -1
- package/dist/esm/library/backgroundScroll/utils.js +0 -42
- package/dist/esm/library/backgroundScroll/utils.js.map +0 -1
- package/dist/esm/library/entrance/ArcIn.js +0 -106
- package/dist/esm/library/entrance/ArcIn.js.map +0 -1
- package/dist/esm/library/entrance/BlurIn.js +0 -53
- package/dist/esm/library/entrance/BlurIn.js.map +0 -1
- package/dist/esm/library/entrance/BounceIn.js +0 -143
- package/dist/esm/library/entrance/BounceIn.js.map +0 -1
- package/dist/esm/library/entrance/CircleIn.js +0 -71
- package/dist/esm/library/entrance/CircleIn.js.map +0 -1
- package/dist/esm/library/entrance/CurveIn.js +0 -76
- package/dist/esm/library/entrance/CurveIn.js.map +0 -1
- package/dist/esm/library/entrance/DropIn.js +0 -61
- package/dist/esm/library/entrance/DropIn.js.map +0 -1
- package/dist/esm/library/entrance/ExpandIn.js +0 -117
- package/dist/esm/library/entrance/ExpandIn.js.map +0 -1
- package/dist/esm/library/entrance/FadeIn.js +0 -21
- package/dist/esm/library/entrance/FadeIn.js.map +0 -1
- package/dist/esm/library/entrance/FlipIn.js +0 -100
- package/dist/esm/library/entrance/FlipIn.js.map +0 -1
- package/dist/esm/library/entrance/FloatIn.js +0 -64
- package/dist/esm/library/entrance/FloatIn.js.map +0 -1
- package/dist/esm/library/entrance/FoldIn.js +0 -127
- package/dist/esm/library/entrance/FoldIn.js.map +0 -1
- package/dist/esm/library/entrance/GlideIn.js +0 -85
- package/dist/esm/library/entrance/GlideIn.js.map +0 -1
- package/dist/esm/library/entrance/GlitchIn.js +0 -22
- package/dist/esm/library/entrance/GlitchIn.js.map +0 -1
- package/dist/esm/library/entrance/GrowIn.js +0 -63
- package/dist/esm/library/entrance/GrowIn.js.map +0 -1
- package/dist/esm/library/entrance/PunchIn.js +0 -175
- package/dist/esm/library/entrance/PunchIn.js.map +0 -1
- package/dist/esm/library/entrance/RevealIn.js +0 -65
- package/dist/esm/library/entrance/RevealIn.js.map +0 -1
- package/dist/esm/library/entrance/ShapeIn.js +0 -72
- package/dist/esm/library/entrance/ShapeIn.js.map +0 -1
- package/dist/esm/library/entrance/ShuttersIn.js +0 -45
- package/dist/esm/library/entrance/ShuttersIn.js.map +0 -1
- package/dist/esm/library/entrance/SlideIn.js +0 -133
- package/dist/esm/library/entrance/SlideIn.js.map +0 -1
- package/dist/esm/library/entrance/SpinIn.js +0 -62
- package/dist/esm/library/entrance/SpinIn.js.map +0 -1
- package/dist/esm/library/entrance/TiltIn.js +0 -98
- package/dist/esm/library/entrance/TiltIn.js.map +0 -1
- package/dist/esm/library/entrance/TurnIn.js +0 -82
- package/dist/esm/library/entrance/TurnIn.js.map +0 -1
- package/dist/esm/library/entrance/WinkIn.js +0 -108
- package/dist/esm/library/entrance/WinkIn.js.map +0 -1
- package/dist/esm/library/entrance/index.js +0 -49
- package/dist/esm/library/entrance/index.js.map +0 -1
- package/dist/esm/library/entrance/test/testUtils.js +0 -4
- package/dist/esm/library/entrance/test/testUtils.js.map +0 -1
- package/dist/esm/library/mouse/AiryMouse.js +0 -73
- package/dist/esm/library/mouse/AiryMouse.js.map +0 -1
- package/dist/esm/library/mouse/BlobMouse.js +0 -67
- package/dist/esm/library/mouse/BlobMouse.js.map +0 -1
- package/dist/esm/library/mouse/BlurMouse.js +0 -91
- package/dist/esm/library/mouse/BlurMouse.js.map +0 -1
- package/dist/esm/library/mouse/BounceMouse.js +0 -21
- package/dist/esm/library/mouse/BounceMouse.js.map +0 -1
- package/dist/esm/library/mouse/CustomMouse.js +0 -59
- package/dist/esm/library/mouse/CustomMouse.js.map +0 -1
- package/dist/esm/library/mouse/ScaleMouse.js +0 -95
- package/dist/esm/library/mouse/ScaleMouse.js.map +0 -1
- package/dist/esm/library/mouse/SkewMouse.js +0 -89
- package/dist/esm/library/mouse/SkewMouse.js.map +0 -1
- package/dist/esm/library/mouse/SpinMouse.js +0 -38
- package/dist/esm/library/mouse/SpinMouse.js.map +0 -1
- package/dist/esm/library/mouse/SwivelMouse.js +0 -82
- package/dist/esm/library/mouse/SwivelMouse.js.map +0 -1
- package/dist/esm/library/mouse/Tilt3DMouse.js +0 -62
- package/dist/esm/library/mouse/Tilt3DMouse.js.map +0 -1
- package/dist/esm/library/mouse/Track3DMouse.js +0 -84
- package/dist/esm/library/mouse/Track3DMouse.js.map +0 -1
- package/dist/esm/library/mouse/TrackMouse.js +0 -62
- package/dist/esm/library/mouse/TrackMouse.js.map +0 -1
- package/dist/esm/library/mouse/index.js +0 -27
- package/dist/esm/library/mouse/index.js.map +0 -1
- package/dist/esm/library/ongoing/Blink.js +0 -115
- package/dist/esm/library/ongoing/Blink.js.map +0 -1
- package/dist/esm/library/ongoing/Bounce.js +0 -92
- package/dist/esm/library/ongoing/Bounce.js.map +0 -1
- package/dist/esm/library/ongoing/Breathe.js +0 -122
- package/dist/esm/library/ongoing/Breathe.js.map +0 -1
- package/dist/esm/library/ongoing/Cross.js +0 -273
- package/dist/esm/library/ongoing/Cross.js.map +0 -1
- package/dist/esm/library/ongoing/DVD.js +0 -79
- package/dist/esm/library/ongoing/DVD.js.map +0 -1
- package/dist/esm/library/ongoing/Flash.js +0 -42
- package/dist/esm/library/ongoing/Flash.js.map +0 -1
- package/dist/esm/library/ongoing/Flip.js +0 -64
- package/dist/esm/library/ongoing/Flip.js.map +0 -1
- package/dist/esm/library/ongoing/Fold.js +0 -165
- package/dist/esm/library/ongoing/Fold.js.map +0 -1
- package/dist/esm/library/ongoing/Jello.js +0 -70
- package/dist/esm/library/ongoing/Jello.js.map +0 -1
- package/dist/esm/library/ongoing/Poke.js +0 -100
- package/dist/esm/library/ongoing/Poke.js.map +0 -1
- package/dist/esm/library/ongoing/Pulse.js +0 -73
- package/dist/esm/library/ongoing/Pulse.js.map +0 -1
- package/dist/esm/library/ongoing/Rubber.js +0 -90
- package/dist/esm/library/ongoing/Rubber.js.map +0 -1
- package/dist/esm/library/ongoing/Spin.js +0 -52
- package/dist/esm/library/ongoing/Spin.js.map +0 -1
- package/dist/esm/library/ongoing/Swing.js +0 -128
- package/dist/esm/library/ongoing/Swing.js.map +0 -1
- package/dist/esm/library/ongoing/Wiggle.js +0 -86
- package/dist/esm/library/ongoing/Wiggle.js.map +0 -1
- package/dist/esm/library/ongoing/index.js +0 -33
- package/dist/esm/library/ongoing/index.js.map +0 -1
- package/dist/esm/library/ongoing/test/testUtils.js +0 -4
- package/dist/esm/library/ongoing/test/testUtils.js.map +0 -1
- package/dist/esm/library/scroll/ArcScroll.js +0 -40
- package/dist/esm/library/scroll/ArcScroll.js.map +0 -1
- package/dist/esm/library/scroll/BlurScroll.js +0 -46
- package/dist/esm/library/scroll/BlurScroll.js.map +0 -1
- package/dist/esm/library/scroll/FadeScroll.js +0 -39
- package/dist/esm/library/scroll/FadeScroll.js.map +0 -1
- package/dist/esm/library/scroll/FlipScroll.js +0 -47
- package/dist/esm/library/scroll/FlipScroll.js.map +0 -1
- package/dist/esm/library/scroll/GrowScroll.js +0 -96
- package/dist/esm/library/scroll/GrowScroll.js.map +0 -1
- package/dist/esm/library/scroll/MoveScroll.js +0 -92
- package/dist/esm/library/scroll/MoveScroll.js.map +0 -1
- package/dist/esm/library/scroll/PanScroll.js +0 -73
- package/dist/esm/library/scroll/PanScroll.js.map +0 -1
- package/dist/esm/library/scroll/ParallaxScroll.js +0 -40
- package/dist/esm/library/scroll/ParallaxScroll.js.map +0 -1
- package/dist/esm/library/scroll/RevealScroll.js +0 -52
- package/dist/esm/library/scroll/RevealScroll.js.map +0 -1
- package/dist/esm/library/scroll/ShapeScroll.js +0 -111
- package/dist/esm/library/scroll/ShapeScroll.js.map +0 -1
- package/dist/esm/library/scroll/ShrinkScroll.js +0 -96
- package/dist/esm/library/scroll/ShrinkScroll.js.map +0 -1
- package/dist/esm/library/scroll/ShuttersScroll.js +0 -72
- package/dist/esm/library/scroll/ShuttersScroll.js.map +0 -1
- package/dist/esm/library/scroll/SkewPanScroll.js +0 -72
- package/dist/esm/library/scroll/SkewPanScroll.js.map +0 -1
- package/dist/esm/library/scroll/SlideScroll.js +0 -88
- package/dist/esm/library/scroll/SlideScroll.js.map +0 -1
- package/dist/esm/library/scroll/Spin3dScroll.js +0 -84
- package/dist/esm/library/scroll/Spin3dScroll.js.map +0 -1
- package/dist/esm/library/scroll/SpinScroll.js +0 -52
- package/dist/esm/library/scroll/SpinScroll.js.map +0 -1
- package/dist/esm/library/scroll/StretchScroll.js +0 -118
- package/dist/esm/library/scroll/StretchScroll.js.map +0 -1
- package/dist/esm/library/scroll/TiltScroll.js +0 -85
- package/dist/esm/library/scroll/TiltScroll.js.map +0 -1
- package/dist/esm/library/scroll/TurnScroll.js +0 -94
- package/dist/esm/library/scroll/TurnScroll.js.map +0 -1
- package/dist/esm/library/scroll/index.js +0 -41
- package/dist/esm/library/scroll/index.js.map +0 -1
- package/dist/esm/library/scroll/test/testUtils.js +0 -4
- package/dist/esm/library/scroll/test/testUtils.js.map +0 -1
- package/dist/esm/motion.js +0 -142
- package/dist/esm/motion.js.map +0 -1
- package/dist/esm/playground/animationMotionBgScroll.stories.js +0 -284
- package/dist/esm/playground/animationMotionBgScroll.stories.js.map +0 -1
- package/dist/esm/playground/animationsMotion.stories.js +0 -132
- package/dist/esm/playground/animationsMotion.stories.js.map +0 -1
- package/dist/esm/playground/animationsMotionMouse.stories.js +0 -187
- package/dist/esm/playground/animationsMotionMouse.stories.js.map +0 -1
- package/dist/esm/playground/animationsMotionOngoing.stories.js +0 -128
- package/dist/esm/playground/animationsMotionOngoing.stories.js.map +0 -1
- package/dist/esm/playground/animationsMotionScroll.stories.js +0 -198
- package/dist/esm/playground/animationsMotionScroll.stories.js.map +0 -1
- package/dist/esm/playground/controls.js +0 -168
- package/dist/esm/playground/controls.js.map +0 -1
- package/dist/esm/playground/mouse-parallax-components/plastic.jpeg +0 -0
- package/dist/esm/playground/mouse-parallax-components/vector.svg +0 -19
- package/dist/esm/playground/mouseComponent.js +0 -61
- package/dist/esm/playground/mouseComponent.js.map +0 -1
- package/dist/esm/playground/playground-common.js +0 -91
- package/dist/esm/playground/playground-common.js.map +0 -1
- package/dist/esm/playground/playground.module.scss +0 -381
- package/dist/esm/test-types.d.js +0 -2
- package/dist/esm/test-types.d.js.map +0 -1
- package/dist/esm/types.js +0 -2
- package/dist/esm/types.js.map +0 -1
- package/dist/esm/utils.js +0 -361
- package/dist/esm/utils.js.map +0 -1
- package/dist/types/library/backgroundScroll/BgCloseUp.d.ts +0 -131
- package/dist/types/library/backgroundScroll/BgCloseUp.d.ts.map +0 -1
- package/dist/types/library/backgroundScroll/BgFade.d.ts +0 -71
- package/dist/types/library/backgroundScroll/BgFade.d.ts.map +0 -1
- package/dist/types/library/backgroundScroll/BgFadeBack.d.ts +0 -133
- package/dist/types/library/backgroundScroll/BgFadeBack.d.ts.map +0 -1
- package/dist/types/library/backgroundScroll/BgFake3D.d.ts +0 -130
- package/dist/types/library/backgroundScroll/BgFake3D.d.ts.map +0 -1
- package/dist/types/library/backgroundScroll/BgPan.d.ts +0 -68
- package/dist/types/library/backgroundScroll/BgPan.d.ts.map +0 -1
- package/dist/types/library/backgroundScroll/BgParallax.d.ts +0 -68
- package/dist/types/library/backgroundScroll/BgParallax.d.ts.map +0 -1
- package/dist/types/library/backgroundScroll/BgPullBack.d.ts +0 -68
- package/dist/types/library/backgroundScroll/BgPullBack.d.ts.map +0 -1
- package/dist/types/library/backgroundScroll/BgReveal.d.ts +0 -8
- package/dist/types/library/backgroundScroll/BgReveal.d.ts.map +0 -1
- package/dist/types/library/backgroundScroll/BgRotate.d.ts +0 -53
- package/dist/types/library/backgroundScroll/BgRotate.d.ts.map +0 -1
- package/dist/types/library/backgroundScroll/BgSkew.d.ts +0 -68
- package/dist/types/library/backgroundScroll/BgSkew.d.ts.map +0 -1
- package/dist/types/library/backgroundScroll/BgZoom.d.ts +0 -8
- package/dist/types/library/backgroundScroll/BgZoom.d.ts.map +0 -1
- package/dist/types/library/backgroundScroll/ImageParallax.d.ts +0 -69
- package/dist/types/library/backgroundScroll/ImageParallax.d.ts.map +0 -1
- package/dist/types/library/backgroundScroll/index.d.ts +0 -3
- package/dist/types/library/backgroundScroll/index.d.ts.map +0 -1
- package/dist/types/library/backgroundScroll/test/testUtils.d.ts +0 -3
- package/dist/types/library/backgroundScroll/test/testUtils.d.ts.map +0 -1
- package/dist/types/library/backgroundScroll/utils.d.ts +0 -10
- package/dist/types/library/backgroundScroll/utils.d.ts.map +0 -1
- package/dist/types/library/entrance/ArcIn.d.ts +0 -102
- package/dist/types/library/entrance/ArcIn.d.ts.map +0 -1
- package/dist/types/library/entrance/BlurIn.d.ts +0 -91
- package/dist/types/library/entrance/BlurIn.d.ts.map +0 -1
- package/dist/types/library/entrance/BounceIn.d.ts +0 -111
- package/dist/types/library/entrance/BounceIn.d.ts.map +0 -1
- package/dist/types/library/entrance/CircleIn.d.ts +0 -122
- package/dist/types/library/entrance/CircleIn.d.ts.map +0 -1
- package/dist/types/library/entrance/CurveIn.d.ts +0 -74
- package/dist/types/library/entrance/CurveIn.d.ts.map +0 -1
- package/dist/types/library/entrance/DropIn.d.ts +0 -97
- package/dist/types/library/entrance/DropIn.d.ts.map +0 -1
- package/dist/types/library/entrance/ExpandIn.d.ts +0 -102
- package/dist/types/library/entrance/ExpandIn.d.ts.map +0 -1
- package/dist/types/library/entrance/FadeIn.d.ts +0 -47
- package/dist/types/library/entrance/FadeIn.d.ts.map +0 -1
- package/dist/types/library/entrance/FlipIn.d.ts +0 -100
- package/dist/types/library/entrance/FlipIn.d.ts.map +0 -1
- package/dist/types/library/entrance/FloatIn.d.ts +0 -73
- package/dist/types/library/entrance/FloatIn.d.ts.map +0 -1
- package/dist/types/library/entrance/FoldIn.d.ts +0 -104
- package/dist/types/library/entrance/FoldIn.d.ts.map +0 -1
- package/dist/types/library/entrance/GlideIn.d.ts +0 -74
- package/dist/types/library/entrance/GlideIn.d.ts.map +0 -1
- package/dist/types/library/entrance/GlitchIn.d.ts +0 -73
- package/dist/types/library/entrance/GlitchIn.d.ts.map +0 -1
- package/dist/types/library/entrance/GrowIn.d.ts +0 -101
- package/dist/types/library/entrance/GrowIn.d.ts.map +0 -1
- package/dist/types/library/entrance/PunchIn.d.ts +0 -106
- package/dist/types/library/entrance/PunchIn.d.ts.map +0 -1
- package/dist/types/library/entrance/RevealIn.d.ts +0 -72
- package/dist/types/library/entrance/RevealIn.d.ts.map +0 -1
- package/dist/types/library/entrance/ShapeIn.d.ts +0 -99
- package/dist/types/library/entrance/ShapeIn.d.ts.map +0 -1
- package/dist/types/library/entrance/ShuttersIn.d.ts +0 -73
- package/dist/types/library/entrance/ShuttersIn.d.ts.map +0 -1
- package/dist/types/library/entrance/SlideIn.d.ts +0 -66
- package/dist/types/library/entrance/SlideIn.d.ts.map +0 -1
- package/dist/types/library/entrance/SpinIn.d.ts +0 -103
- package/dist/types/library/entrance/SpinIn.d.ts.map +0 -1
- package/dist/types/library/entrance/TiltIn.d.ts +0 -162
- package/dist/types/library/entrance/TiltIn.d.ts.map +0 -1
- package/dist/types/library/entrance/TurnIn.d.ts +0 -101
- package/dist/types/library/entrance/TurnIn.d.ts.map +0 -1
- package/dist/types/library/entrance/WinkIn.d.ts +0 -154
- package/dist/types/library/entrance/WinkIn.d.ts.map +0 -1
- package/dist/types/library/entrance/index.d.ts +0 -3
- package/dist/types/library/entrance/index.d.ts.map +0 -1
- package/dist/types/library/entrance/test/testUtils.d.ts +0 -3
- package/dist/types/library/entrance/test/testUtils.d.ts.map +0 -1
- package/dist/types/library/mouse/AiryMouse.d.ts +0 -9
- package/dist/types/library/mouse/AiryMouse.d.ts.map +0 -1
- package/dist/types/library/mouse/BlobMouse.d.ts +0 -9
- package/dist/types/library/mouse/BlobMouse.d.ts.map +0 -1
- package/dist/types/library/mouse/BlurMouse.d.ts +0 -9
- package/dist/types/library/mouse/BlurMouse.d.ts.map +0 -1
- package/dist/types/library/mouse/BounceMouse.d.ts +0 -11
- package/dist/types/library/mouse/BounceMouse.d.ts.map +0 -1
- package/dist/types/library/mouse/CustomMouse.d.ts +0 -13
- package/dist/types/library/mouse/CustomMouse.d.ts.map +0 -1
- package/dist/types/library/mouse/ScaleMouse.d.ts +0 -9
- package/dist/types/library/mouse/ScaleMouse.d.ts.map +0 -1
- package/dist/types/library/mouse/SkewMouse.d.ts +0 -9
- package/dist/types/library/mouse/SkewMouse.d.ts.map +0 -1
- package/dist/types/library/mouse/SpinMouse.d.ts +0 -9
- package/dist/types/library/mouse/SpinMouse.d.ts.map +0 -1
- package/dist/types/library/mouse/SwivelMouse.d.ts +0 -9
- package/dist/types/library/mouse/SwivelMouse.d.ts.map +0 -1
- package/dist/types/library/mouse/Tilt3DMouse.d.ts +0 -9
- package/dist/types/library/mouse/Tilt3DMouse.d.ts.map +0 -1
- package/dist/types/library/mouse/Track3DMouse.d.ts +0 -9
- package/dist/types/library/mouse/Track3DMouse.d.ts.map +0 -1
- package/dist/types/library/mouse/TrackMouse.d.ts +0 -9
- package/dist/types/library/mouse/TrackMouse.d.ts.map +0 -1
- package/dist/types/library/mouse/index.d.ts +0 -3
- package/dist/types/library/mouse/index.d.ts.map +0 -1
- package/dist/types/library/ongoing/Blink.d.ts +0 -19
- package/dist/types/library/ongoing/Blink.d.ts.map +0 -1
- package/dist/types/library/ongoing/Bounce.d.ts +0 -61
- package/dist/types/library/ongoing/Bounce.d.ts.map +0 -1
- package/dist/types/library/ongoing/Breathe.d.ts +0 -65
- package/dist/types/library/ongoing/Breathe.d.ts.map +0 -1
- package/dist/types/library/ongoing/Cross.d.ts +0 -34
- package/dist/types/library/ongoing/Cross.d.ts.map +0 -1
- package/dist/types/library/ongoing/DVD.d.ts +0 -45
- package/dist/types/library/ongoing/DVD.d.ts.map +0 -1
- package/dist/types/library/ongoing/Flash.d.ts +0 -63
- package/dist/types/library/ongoing/Flash.d.ts.map +0 -1
- package/dist/types/library/ongoing/Flip.d.ts +0 -71
- package/dist/types/library/ongoing/Flip.d.ts.map +0 -1
- package/dist/types/library/ongoing/Fold.d.ts +0 -65
- package/dist/types/library/ongoing/Fold.d.ts.map +0 -1
- package/dist/types/library/ongoing/Jello.d.ts +0 -55
- package/dist/types/library/ongoing/Jello.d.ts.map +0 -1
- package/dist/types/library/ongoing/Poke.d.ts +0 -55
- package/dist/types/library/ongoing/Poke.d.ts.map +0 -1
- package/dist/types/library/ongoing/Pulse.d.ts +0 -55
- package/dist/types/library/ongoing/Pulse.d.ts.map +0 -1
- package/dist/types/library/ongoing/Rubber.d.ts +0 -55
- package/dist/types/library/ongoing/Rubber.d.ts.map +0 -1
- package/dist/types/library/ongoing/Spin.d.ts +0 -69
- package/dist/types/library/ongoing/Spin.d.ts.map +0 -1
- package/dist/types/library/ongoing/Swing.d.ts +0 -65
- package/dist/types/library/ongoing/Swing.d.ts.map +0 -1
- package/dist/types/library/ongoing/Wiggle.d.ts +0 -55
- package/dist/types/library/ongoing/Wiggle.d.ts.map +0 -1
- package/dist/types/library/ongoing/index.d.ts +0 -3
- package/dist/types/library/ongoing/index.d.ts.map +0 -1
- package/dist/types/library/ongoing/test/testUtils.d.ts +0 -3
- package/dist/types/library/ongoing/test/testUtils.d.ts.map +0 -1
- package/dist/types/library/scroll/ArcScroll.d.ts +0 -57
- package/dist/types/library/scroll/ArcScroll.d.ts.map +0 -1
- package/dist/types/library/scroll/BlurScroll.d.ts +0 -59
- package/dist/types/library/scroll/BlurScroll.d.ts.map +0 -1
- package/dist/types/library/scroll/FadeScroll.d.ts +0 -57
- package/dist/types/library/scroll/FadeScroll.d.ts.map +0 -1
- package/dist/types/library/scroll/FlipScroll.d.ts +0 -57
- package/dist/types/library/scroll/FlipScroll.d.ts.map +0 -1
- package/dist/types/library/scroll/GrowScroll.d.ts +0 -69
- package/dist/types/library/scroll/GrowScroll.d.ts.map +0 -1
- package/dist/types/library/scroll/MoveScroll.d.ts +0 -65
- package/dist/types/library/scroll/MoveScroll.d.ts.map +0 -1
- package/dist/types/library/scroll/PanScroll.d.ts +0 -58
- package/dist/types/library/scroll/PanScroll.d.ts.map +0 -1
- package/dist/types/library/scroll/ParallaxScroll.d.ts +0 -59
- package/dist/types/library/scroll/ParallaxScroll.d.ts.map +0 -1
- package/dist/types/library/scroll/RevealScroll.d.ts +0 -58
- package/dist/types/library/scroll/RevealScroll.d.ts.map +0 -1
- package/dist/types/library/scroll/ShapeScroll.d.ts +0 -65
- package/dist/types/library/scroll/ShapeScroll.d.ts.map +0 -1
- package/dist/types/library/scroll/ShrinkScroll.d.ts +0 -69
- package/dist/types/library/scroll/ShrinkScroll.d.ts.map +0 -1
- package/dist/types/library/scroll/ShuttersScroll.d.ts +0 -61
- package/dist/types/library/scroll/ShuttersScroll.d.ts.map +0 -1
- package/dist/types/library/scroll/SkewPanScroll.d.ts +0 -62
- package/dist/types/library/scroll/SkewPanScroll.d.ts.map +0 -1
- package/dist/types/library/scroll/SlideScroll.d.ts +0 -52
- package/dist/types/library/scroll/SlideScroll.d.ts.map +0 -1
- package/dist/types/library/scroll/Spin3dScroll.d.ts +0 -73
- package/dist/types/library/scroll/Spin3dScroll.d.ts.map +0 -1
- package/dist/types/library/scroll/SpinScroll.d.ts +0 -61
- package/dist/types/library/scroll/SpinScroll.d.ts.map +0 -1
- package/dist/types/library/scroll/StretchScroll.d.ts +0 -125
- package/dist/types/library/scroll/StretchScroll.d.ts.map +0 -1
- package/dist/types/library/scroll/TiltScroll.d.ts +0 -143
- package/dist/types/library/scroll/TiltScroll.d.ts.map +0 -1
- package/dist/types/library/scroll/TurnScroll.d.ts +0 -66
- package/dist/types/library/scroll/TurnScroll.d.ts.map +0 -1
- package/dist/types/library/scroll/index.d.ts +0 -3
- package/dist/types/library/scroll/index.d.ts.map +0 -1
- package/dist/types/library/scroll/test/testUtils.d.ts +0 -3
- package/dist/types/library/scroll/test/testUtils.d.ts.map +0 -1
- package/dist/types/playground/animationMotionBgScroll.stories.d.ts +0 -6
- package/dist/types/playground/animationMotionBgScroll.stories.d.ts.map +0 -1
- package/dist/types/playground/animationsMotion.stories.d.ts +0 -6
- package/dist/types/playground/animationsMotion.stories.d.ts.map +0 -1
- package/dist/types/playground/animationsMotionMouse.stories.d.ts +0 -6
- package/dist/types/playground/animationsMotionMouse.stories.d.ts.map +0 -1
- package/dist/types/playground/animationsMotionOngoing.stories.d.ts +0 -6
- package/dist/types/playground/animationsMotionOngoing.stories.d.ts.map +0 -1
- package/dist/types/playground/animationsMotionScroll.stories.d.ts +0 -6
- package/dist/types/playground/animationsMotionScroll.stories.d.ts.map +0 -1
- package/dist/types/playground/controls.d.ts +0 -53
- package/dist/types/playground/controls.d.ts.map +0 -1
- package/dist/types/playground/mouseComponent.d.ts +0 -10
- package/dist/types/playground/mouseComponent.d.ts.map +0 -1
- package/dist/types/playground/playground-common.d.ts +0 -34
- package/dist/types/playground/playground-common.d.ts.map +0 -1
|
@@ -1,133 +0,0 @@
|
|
|
1
|
-
import { getAdjustedDirection, getClipPolygonParams, INITIAL_FRAME_OFFSET } from '../../utils';
|
|
2
|
-
export function getNames(options) {
|
|
3
|
-
const {
|
|
4
|
-
power
|
|
5
|
-
} = options.namedEffect;
|
|
6
|
-
return power !== 'hard' ? ['motion-slideIn', 'motion-fadeIn'] : ['motion-slideIn'];
|
|
7
|
-
}
|
|
8
|
-
const PARAM_MAP = {
|
|
9
|
-
top: {
|
|
10
|
-
dx: 0,
|
|
11
|
-
dy: -1,
|
|
12
|
-
clip: 'bottom'
|
|
13
|
-
},
|
|
14
|
-
right: {
|
|
15
|
-
dx: 1,
|
|
16
|
-
dy: 0,
|
|
17
|
-
clip: 'left'
|
|
18
|
-
},
|
|
19
|
-
bottom: {
|
|
20
|
-
dx: 0,
|
|
21
|
-
dy: 1,
|
|
22
|
-
clip: 'top'
|
|
23
|
-
},
|
|
24
|
-
left: {
|
|
25
|
-
dx: -1,
|
|
26
|
-
dy: 0,
|
|
27
|
-
clip: 'right'
|
|
28
|
-
}
|
|
29
|
-
};
|
|
30
|
-
const DIRECTIONS = ['top', 'right', 'bottom', 'left'];
|
|
31
|
-
const INITIAL_TRANSLATE_MAP = {
|
|
32
|
-
soft: 0.2,
|
|
33
|
-
medium: 0.8,
|
|
34
|
-
hard: 1
|
|
35
|
-
};
|
|
36
|
-
export function web(options, dom) {
|
|
37
|
-
const animations = style(options);
|
|
38
|
-
prepare(options, dom);
|
|
39
|
-
return animations;
|
|
40
|
-
}
|
|
41
|
-
export function style(options) {
|
|
42
|
-
const {
|
|
43
|
-
direction = 'left',
|
|
44
|
-
power,
|
|
45
|
-
initialTranslate = 1
|
|
46
|
-
} = options.namedEffect;
|
|
47
|
-
const [slideIn, fadeIn] = getNames(options);
|
|
48
|
-
const easing = options.easing || 'cubicInOut';
|
|
49
|
-
const scale = power && INITIAL_TRANSLATE_MAP[power] || initialTranslate;
|
|
50
|
-
const minimum = 100 - scale * 100;
|
|
51
|
-
const start = getClipPolygonParams({
|
|
52
|
-
direction,
|
|
53
|
-
minimum
|
|
54
|
-
});
|
|
55
|
-
const clipEnd = getClipPolygonParams({
|
|
56
|
-
direction: 'initial'
|
|
57
|
-
});
|
|
58
|
-
const custom = {
|
|
59
|
-
'--motion-clip-start': start,
|
|
60
|
-
'--motion-translate-x': `${PARAM_MAP[direction].dx * 100}%`,
|
|
61
|
-
'--motion-translate-y': `${PARAM_MAP[direction].dy * 100}%`
|
|
62
|
-
};
|
|
63
|
-
const animations = [{
|
|
64
|
-
...options,
|
|
65
|
-
name: slideIn,
|
|
66
|
-
easing,
|
|
67
|
-
custom,
|
|
68
|
-
keyframes: [{
|
|
69
|
-
offset: INITIAL_FRAME_OFFSET,
|
|
70
|
-
opacity: 'var(--comp-opacity, 1)',
|
|
71
|
-
transform: `rotate(var(--comp-rotate-z, 0deg)) translate(var(--motion-translate-x, -100%), var(--motion-translate-y, 0%))`,
|
|
72
|
-
clipPath: `var(--motion-clip-start, ${custom['--motion-clip-start']})`
|
|
73
|
-
}, {
|
|
74
|
-
transform: 'rotate(var(--comp-rotate-z, 0deg)) translate(0px, 0px)',
|
|
75
|
-
clipPath: clipEnd
|
|
76
|
-
}]
|
|
77
|
-
}];
|
|
78
|
-
if (power !== 'hard') {
|
|
79
|
-
animations.push({
|
|
80
|
-
...options,
|
|
81
|
-
easing: 'cubicInOut',
|
|
82
|
-
name: fadeIn,
|
|
83
|
-
// @ts-expect-error
|
|
84
|
-
custom: {},
|
|
85
|
-
keyframes: [
|
|
86
|
-
// @ts-expect-error
|
|
87
|
-
{
|
|
88
|
-
offset: 0,
|
|
89
|
-
opacity: 0
|
|
90
|
-
},
|
|
91
|
-
// @ts-expect-error
|
|
92
|
-
{
|
|
93
|
-
opacity: 'var(--comp-opacity, 1)'
|
|
94
|
-
}]
|
|
95
|
-
});
|
|
96
|
-
} else {
|
|
97
|
-
animations[0].keyframes.unshift({
|
|
98
|
-
offset: 0,
|
|
99
|
-
// @ts-expect-error
|
|
100
|
-
opacity: 0,
|
|
101
|
-
easing: 'step-end'
|
|
102
|
-
});
|
|
103
|
-
}
|
|
104
|
-
return animations;
|
|
105
|
-
}
|
|
106
|
-
export function prepare(options, dom) {
|
|
107
|
-
const {
|
|
108
|
-
direction = 'left',
|
|
109
|
-
power,
|
|
110
|
-
initialTranslate = 1
|
|
111
|
-
} = options.namedEffect;
|
|
112
|
-
const scale = power && INITIAL_TRANSLATE_MAP[power] || initialTranslate;
|
|
113
|
-
const minimum = 100 - scale * 100;
|
|
114
|
-
if (dom) {
|
|
115
|
-
let rotation = 0;
|
|
116
|
-
dom.measure(target => {
|
|
117
|
-
if (!target) {
|
|
118
|
-
return;
|
|
119
|
-
}
|
|
120
|
-
rotation = parseInt(getComputedStyle(target).getPropertyValue('--comp-rotate-z') || '0deg', 10);
|
|
121
|
-
});
|
|
122
|
-
dom.mutate(target => {
|
|
123
|
-
const adjustedDirection = getAdjustedDirection(DIRECTIONS, direction, rotation);
|
|
124
|
-
target == null || target.style.setProperty('--motion-clip-start', getClipPolygonParams({
|
|
125
|
-
direction: PARAM_MAP[adjustedDirection].clip,
|
|
126
|
-
minimum
|
|
127
|
-
}));
|
|
128
|
-
target == null || target.style.setProperty('--motion-translate-x', `${PARAM_MAP[adjustedDirection].dx * 100}%`);
|
|
129
|
-
target == null || target.style.setProperty('--motion-translate-y', `${PARAM_MAP[adjustedDirection].dy * 100}%`);
|
|
130
|
-
});
|
|
131
|
-
}
|
|
132
|
-
}
|
|
133
|
-
//# sourceMappingURL=SlideIn.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["getAdjustedDirection","getClipPolygonParams","INITIAL_FRAME_OFFSET","getNames","options","power","namedEffect","PARAM_MAP","top","dx","dy","clip","right","bottom","left","DIRECTIONS","INITIAL_TRANSLATE_MAP","soft","medium","hard","web","dom","animations","style","prepare","direction","initialTranslate","slideIn","fadeIn","easing","scale","minimum","start","clipEnd","custom","name","keyframes","offset","opacity","transform","clipPath","push","unshift","rotation","measure","target","parseInt","getComputedStyle","getPropertyValue","mutate","adjustedDirection","setProperty"],"sources":["../../../../src/library/entrance/SlideIn.ts"],"sourcesContent":["import type {\n SlideIn,\n AnimationExtraOptions,\n DomApi,\n TimeAnimationOptions,\n} from '../../types';\nimport {\n Direction,\n getAdjustedDirection,\n getClipPolygonParams,\n INITIAL_FRAME_OFFSET,\n} from '../../utils';\n\nexport function getNames(options: TimeAnimationOptions) {\n const { power } = options.namedEffect as SlideIn;\n return power !== 'hard'\n ? ['motion-slideIn', 'motion-fadeIn']\n : ['motion-slideIn'];\n}\n\nconst PARAM_MAP = {\n top: { dx: 0, dy: -1, clip: 'bottom' },\n right: { dx: 1, dy: 0, clip: 'left' },\n bottom: { dx: 0, dy: 1, clip: 'top' },\n left: { dx: -1, dy: 0, clip: 'right' },\n};\n\nconst DIRECTIONS = [\n 'top',\n 'right',\n 'bottom',\n 'left',\n] as (keyof typeof PARAM_MAP)[];\n\nconst INITIAL_TRANSLATE_MAP = {\n soft: 0.2,\n medium: 0.8,\n hard: 1,\n};\n\nexport function web(\n options: TimeAnimationOptions & AnimationExtraOptions,\n dom?: DomApi,\n) {\n const animations = style(options);\n\n prepare(options, dom);\n\n return animations;\n}\n\nexport function style(options: TimeAnimationOptions) {\n const {\n direction = 'left',\n power,\n initialTranslate = 1,\n } = options.namedEffect as SlideIn;\n const [slideIn, fadeIn] = getNames(options);\n\n const easing = options.easing || 'cubicInOut';\n const scale = (power && INITIAL_TRANSLATE_MAP[power]) || initialTranslate;\n const minimum = 100 - scale * 100;\n\n const start = getClipPolygonParams({\n direction,\n minimum,\n });\n const clipEnd = getClipPolygonParams({ direction: 'initial' });\n\n const custom = {\n '--motion-clip-start': start,\n '--motion-translate-x': `${PARAM_MAP[direction].dx * 100}%`,\n '--motion-translate-y': `${PARAM_MAP[direction].dy * 100}%`,\n };\n\n const animations = [\n {\n ...options,\n name: slideIn,\n easing,\n custom,\n keyframes: [\n {\n offset: INITIAL_FRAME_OFFSET,\n opacity: 'var(--comp-opacity, 1)',\n transform: `rotate(var(--comp-rotate-z, 0deg)) translate(var(--motion-translate-x, -100%), var(--motion-translate-y, 0%))`,\n clipPath: `var(--motion-clip-start, ${custom['--motion-clip-start']})`,\n },\n {\n transform: 'rotate(var(--comp-rotate-z, 0deg)) translate(0px, 0px)',\n clipPath: clipEnd,\n },\n ],\n },\n ];\n\n if (power !== 'hard') {\n animations.push({\n ...options,\n easing: 'cubicInOut',\n name: fadeIn,\n // @ts-expect-error\n custom: {},\n keyframes: [\n // @ts-expect-error\n { offset: 0, opacity: 0 },\n // @ts-expect-error\n { opacity: 'var(--comp-opacity, 1)' },\n ],\n });\n } else {\n animations[0].keyframes.unshift({\n offset: 0,\n // @ts-expect-error\n opacity: 0,\n easing: 'step-end',\n });\n }\n\n return animations;\n}\n\nexport function prepare(options: TimeAnimationOptions, dom?: DomApi) {\n const {\n direction = 'left',\n power,\n initialTranslate = 1,\n } = options.namedEffect as SlideIn;\n\n const scale = (power && INITIAL_TRANSLATE_MAP[power]) || initialTranslate;\n const minimum = 100 - scale * 100;\n\n if (dom) {\n let rotation = 0;\n\n dom.measure((target) => {\n if (!target) {\n return;\n }\n rotation = parseInt(\n getComputedStyle(target).getPropertyValue('--comp-rotate-z') || '0deg',\n 10,\n );\n });\n\n dom.mutate((target) => {\n const adjustedDirection = getAdjustedDirection(\n DIRECTIONS,\n direction,\n rotation,\n ) as (typeof DIRECTIONS)[number];\n\n target?.style.setProperty(\n '--motion-clip-start',\n getClipPolygonParams({\n direction: PARAM_MAP[adjustedDirection].clip as Direction,\n minimum,\n }),\n );\n target?.style.setProperty(\n '--motion-translate-x',\n `${PARAM_MAP[adjustedDirection].dx * 100}%`,\n );\n target?.style.setProperty(\n '--motion-translate-y',\n `${PARAM_MAP[adjustedDirection].dy * 100}%`,\n );\n });\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
import { INITIAL_FRAME_OFFSET, toKeyframeValue } from '../../utils';
|
|
2
|
-
export function getNames(_) {
|
|
3
|
-
return ['motion-fadeIn', 'motion-spinIn'];
|
|
4
|
-
}
|
|
5
|
-
const SCALE_MAP = {
|
|
6
|
-
soft: 1,
|
|
7
|
-
medium: 0.6,
|
|
8
|
-
hard: 0
|
|
9
|
-
};
|
|
10
|
-
const DIRECTION_MAP = {
|
|
11
|
-
clockwise: -1,
|
|
12
|
-
'counter-clockwise': 1
|
|
13
|
-
};
|
|
14
|
-
export function web(options) {
|
|
15
|
-
return style(options, true);
|
|
16
|
-
}
|
|
17
|
-
export function style(options, asWeb) {
|
|
18
|
-
if (asWeb === void 0) {
|
|
19
|
-
asWeb = false;
|
|
20
|
-
}
|
|
21
|
-
const {
|
|
22
|
-
direction = 'clockwise',
|
|
23
|
-
spins = 0.5,
|
|
24
|
-
initialScale = 0,
|
|
25
|
-
power
|
|
26
|
-
} = options.namedEffect;
|
|
27
|
-
const [fadeIn, spinIn] = getNames(options);
|
|
28
|
-
const easing = options.easing || 'cubicInOut';
|
|
29
|
-
const scale = typeof power !== 'undefined' ? SCALE_MAP[power] : initialScale;
|
|
30
|
-
const transformRotate = (DIRECTION_MAP[direction] > 0 ? 1 : -1) * 360 * spins;
|
|
31
|
-
const custom = {
|
|
32
|
-
'--motion-scale': `${scale}`,
|
|
33
|
-
'--motion-rotate': `${transformRotate}deg`
|
|
34
|
-
};
|
|
35
|
-
return [{
|
|
36
|
-
...options,
|
|
37
|
-
name: fadeIn,
|
|
38
|
-
easing: 'cubicIn',
|
|
39
|
-
duration: options.duration * scale,
|
|
40
|
-
custom: {},
|
|
41
|
-
keyframes: [{
|
|
42
|
-
offset: 0,
|
|
43
|
-
opacity: 0
|
|
44
|
-
}, {
|
|
45
|
-
opacity: 'var(--comp-opacity, 1)'
|
|
46
|
-
}]
|
|
47
|
-
}, {
|
|
48
|
-
...options,
|
|
49
|
-
name: spinIn,
|
|
50
|
-
easing,
|
|
51
|
-
custom,
|
|
52
|
-
keyframes: [{
|
|
53
|
-
offset: INITIAL_FRAME_OFFSET,
|
|
54
|
-
scale: toKeyframeValue(custom, '--motion-scale', asWeb),
|
|
55
|
-
rotate: toKeyframeValue(custom, '--motion-rotate', asWeb)
|
|
56
|
-
}, {
|
|
57
|
-
scale: '1',
|
|
58
|
-
rotate: `0deg`
|
|
59
|
-
}]
|
|
60
|
-
}];
|
|
61
|
-
}
|
|
62
|
-
//# sourceMappingURL=SpinIn.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["INITIAL_FRAME_OFFSET","toKeyframeValue","getNames","_","SCALE_MAP","soft","medium","hard","DIRECTION_MAP","clockwise","web","options","style","asWeb","direction","spins","initialScale","power","namedEffect","fadeIn","spinIn","easing","scale","transformRotate","custom","name","duration","keyframes","offset","opacity","rotate"],"sources":["../../../../src/library/entrance/SpinIn.ts"],"sourcesContent":["import type {\n SpinIn,\n AnimationExtraOptions,\n TimeAnimationOptions,\n} from '../../types';\nimport { INITIAL_FRAME_OFFSET, toKeyframeValue } from '../../utils';\n\nexport function getNames(_: TimeAnimationOptions) {\n return ['motion-fadeIn', 'motion-spinIn'];\n}\n\nconst SCALE_MAP = {\n soft: 1,\n medium: 0.6,\n hard: 0,\n};\n\nconst DIRECTION_MAP = {\n clockwise: -1,\n 'counter-clockwise': 1,\n};\n\nexport function web(options: TimeAnimationOptions & AnimationExtraOptions) {\n return style(options, true);\n}\n\nexport function style(options: TimeAnimationOptions, asWeb = false) {\n const {\n direction = 'clockwise',\n spins = 0.5,\n initialScale = 0,\n power,\n } = options.namedEffect as SpinIn;\n const [fadeIn, spinIn] = getNames(options);\n\n const easing = options.easing || 'cubicInOut';\n const scale = typeof power !== 'undefined' ? SCALE_MAP[power] : initialScale;\n const transformRotate = (DIRECTION_MAP[direction] > 0 ? 1 : -1) * 360 * spins;\n\n const custom = {\n '--motion-scale': `${scale}`,\n '--motion-rotate': `${transformRotate}deg`,\n };\n\n return [\n {\n ...options,\n name: fadeIn,\n easing: 'cubicIn',\n duration: options.duration! * scale,\n custom: {},\n keyframes: [\n { offset: 0, opacity: 0 },\n { opacity: 'var(--comp-opacity, 1)' },\n ],\n },\n {\n ...options,\n name: spinIn,\n easing,\n custom,\n keyframes: [\n {\n offset: INITIAL_FRAME_OFFSET,\n scale: toKeyframeValue(custom, '--motion-scale', asWeb),\n rotate: toKeyframeValue(custom, '--motion-rotate', asWeb),\n },\n {\n scale: '1',\n rotate: `0deg`,\n },\n ],\n },\n ];\n}\n"],"mappings":"AAKA,SAASA,oBAAoB,EAAEC,eAAe,QAAQ,aAAa;AAEnE,OAAO,SAASC,QAAQA,CAACC,CAAuB,EAAE;EAChD,OAAO,CAAC,eAAe,EAAE,eAAe,CAAC;AAC3C;AAEA,MAAMC,SAAS,GAAG;EAChBC,IAAI,EAAE,CAAC;EACPC,MAAM,EAAE,GAAG;EACXC,IAAI,EAAE;AACR,CAAC;AAED,MAAMC,aAAa,GAAG;EACpBC,SAAS,EAAE,CAAC,CAAC;EACb,mBAAmB,EAAE;AACvB,CAAC;AAED,OAAO,SAASC,GAAGA,CAACC,OAAqD,EAAE;EACzE,OAAOC,KAAK,CAACD,OAAO,EAAE,IAAI,CAAC;AAC7B;AAEA,OAAO,SAASC,KAAKA,CAACD,OAA6B,EAAEE,KAAK,EAAU;EAAA,IAAfA,KAAK;IAALA,KAAK,GAAG,KAAK;EAAA;EAChE,MAAM;IACJC,SAAS,GAAG,WAAW;IACvBC,KAAK,GAAG,GAAG;IACXC,YAAY,GAAG,CAAC;IAChBC;EACF,CAAC,GAAGN,OAAO,CAACO,WAAqB;EACjC,MAAM,CAACC,MAAM,EAAEC,MAAM,CAAC,GAAGlB,QAAQ,CAACS,OAAO,CAAC;EAE1C,MAAMU,MAAM,GAAGV,OAAO,CAACU,MAAM,IAAI,YAAY;EAC7C,MAAMC,KAAK,GAAG,OAAOL,KAAK,KAAK,WAAW,GAAGb,SAAS,CAACa,KAAK,CAAC,GAAGD,YAAY;EAC5E,MAAMO,eAAe,GAAG,CAACf,aAAa,CAACM,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,GAAG,GAAGC,KAAK;EAE7E,MAAMS,MAAM,GAAG;IACb,gBAAgB,EAAE,GAAGF,KAAK,EAAE;IAC5B,iBAAiB,EAAE,GAAGC,eAAe;EACvC,CAAC;EAED,OAAO,CACL;IACE,GAAGZ,OAAO;IACVc,IAAI,EAAEN,MAAM;IACZE,MAAM,EAAE,SAAS;IACjBK,QAAQ,EAAEf,OAAO,CAACe,QAAQ,GAAIJ,KAAK;IACnCE,MAAM,EAAE,CAAC,CAAC;IACVG,SAAS,EAAE,CACT;MAAEC,MAAM,EAAE,CAAC;MAAEC,OAAO,EAAE;IAAE,CAAC,EACzB;MAAEA,OAAO,EAAE;IAAyB,CAAC;EAEzC,CAAC,EACD;IACE,GAAGlB,OAAO;IACVc,IAAI,EAAEL,MAAM;IACZC,MAAM;IACNG,MAAM;IACNG,SAAS,EAAE,CACT;MACEC,MAAM,EAAE5B,oBAAoB;MAC5BsB,KAAK,EAAErB,eAAe,CAACuB,MAAM,EAAE,gBAAgB,EAAEX,KAAK,CAAC;MACvDiB,MAAM,EAAE7B,eAAe,CAACuB,MAAM,EAAE,iBAAiB,EAAEX,KAAK;IAC1D,CAAC,EACD;MACES,KAAK,EAAE,GAAG;MACVQ,MAAM,EAAE;IACV,CAAC;EAEL,CAAC,CACF;AACH","ignoreList":[]}
|
|
@@ -1,98 +0,0 @@
|
|
|
1
|
-
import { getAdjustedDirection, getClipPolygonParams, INITIAL_FRAME_OFFSET, toKeyframeValue } from '../../utils';
|
|
2
|
-
export function getNames(_) {
|
|
3
|
-
return ['motion-fadeIn', 'motion-tiltInRotate', 'motion-tiltInClip'];
|
|
4
|
-
}
|
|
5
|
-
const ROTATION_MAP = {
|
|
6
|
-
left: 30,
|
|
7
|
-
right: -30
|
|
8
|
-
};
|
|
9
|
-
const DIRECTIONS = ['top', 'right', 'bottom', 'left'];
|
|
10
|
-
function getClipStart(rotateZ) {
|
|
11
|
-
const clipDirection = getAdjustedDirection(DIRECTIONS, 'top', rotateZ);
|
|
12
|
-
return getClipPolygonParams({
|
|
13
|
-
direction: clipDirection,
|
|
14
|
-
minimum: 0
|
|
15
|
-
});
|
|
16
|
-
}
|
|
17
|
-
export function web(options, dom) {
|
|
18
|
-
prepare(options, dom);
|
|
19
|
-
return style(options, true);
|
|
20
|
-
}
|
|
21
|
-
export function style(options, asWeb) {
|
|
22
|
-
if (asWeb === void 0) {
|
|
23
|
-
asWeb = false;
|
|
24
|
-
}
|
|
25
|
-
const {
|
|
26
|
-
direction = 'left'
|
|
27
|
-
} = options.namedEffect;
|
|
28
|
-
const [fadeIn, tiltInRotate, tiltInClip] = getNames(options);
|
|
29
|
-
const easing = options.easing || 'cubicOut';
|
|
30
|
-
const clipStart = getClipStart(0);
|
|
31
|
-
const rotationZ = ROTATION_MAP[direction];
|
|
32
|
-
const clipEnd = getClipPolygonParams({
|
|
33
|
-
direction: 'initial'
|
|
34
|
-
});
|
|
35
|
-
const translateZ = '(var(--motion-height, 200px) / 2)';
|
|
36
|
-
const clipCustom = {
|
|
37
|
-
'--motion-rotate-z': `${rotationZ}deg`,
|
|
38
|
-
'--motion-clip-start': clipStart
|
|
39
|
-
};
|
|
40
|
-
return [{
|
|
41
|
-
...options,
|
|
42
|
-
name: fadeIn,
|
|
43
|
-
duration: options.duration * 0.2,
|
|
44
|
-
easing: 'cubicOut',
|
|
45
|
-
custom: {},
|
|
46
|
-
keyframes: [{
|
|
47
|
-
offset: 0,
|
|
48
|
-
opacity: 0
|
|
49
|
-
}, {
|
|
50
|
-
opacity: 'var(--comp-opacity, 1)'
|
|
51
|
-
}]
|
|
52
|
-
}, {
|
|
53
|
-
...options,
|
|
54
|
-
name: tiltInRotate,
|
|
55
|
-
easing,
|
|
56
|
-
custom: {},
|
|
57
|
-
keyframes: [{
|
|
58
|
-
offset: 0,
|
|
59
|
-
easing: 'step-end',
|
|
60
|
-
transform: 'perspective(800px)'
|
|
61
|
-
}, {
|
|
62
|
-
offset: INITIAL_FRAME_OFFSET,
|
|
63
|
-
transform: `perspective(800px) translateZ(calc(${translateZ} * -1)) rotateX(-90deg) translateZ(calc${translateZ}) rotate(var(--comp-rotate-z, 0deg))`
|
|
64
|
-
}, {
|
|
65
|
-
transform: `perspective(800px) translateZ(calc(${translateZ} * -1)) rotateX(0deg) translateZ(calc${translateZ}) rotate(var(--comp-rotate-z, 0deg))`
|
|
66
|
-
}]
|
|
67
|
-
}, {
|
|
68
|
-
...options,
|
|
69
|
-
name: tiltInClip,
|
|
70
|
-
easing,
|
|
71
|
-
composite: 'add',
|
|
72
|
-
duration: options.duration * 0.8,
|
|
73
|
-
custom: clipCustom,
|
|
74
|
-
keyframes: [{
|
|
75
|
-
offset: INITIAL_FRAME_OFFSET,
|
|
76
|
-
clipPath: `var(--motion-clip-start, ${clipCustom['--motion-clip-start']})`,
|
|
77
|
-
transform: `rotateZ(${toKeyframeValue(clipCustom, '--motion-rotate-z', asWeb)})`
|
|
78
|
-
}, {
|
|
79
|
-
clipPath: clipEnd,
|
|
80
|
-
transform: `rotateZ(0deg)`
|
|
81
|
-
}]
|
|
82
|
-
}];
|
|
83
|
-
}
|
|
84
|
-
export function prepare(_, dom) {
|
|
85
|
-
if (dom) {
|
|
86
|
-
let rotation = '0deg';
|
|
87
|
-
dom.measure(target => {
|
|
88
|
-
if (!target) {
|
|
89
|
-
return;
|
|
90
|
-
}
|
|
91
|
-
rotation = getComputedStyle(target).getPropertyValue('--comp-rotate-z') || '0deg';
|
|
92
|
-
});
|
|
93
|
-
dom.mutate(target_ => {
|
|
94
|
-
target_ == null || target_.style.setProperty('--motion-clip-start', getClipStart(parseInt(rotation, 10)));
|
|
95
|
-
});
|
|
96
|
-
}
|
|
97
|
-
}
|
|
98
|
-
//# sourceMappingURL=TiltIn.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["getAdjustedDirection","getClipPolygonParams","INITIAL_FRAME_OFFSET","toKeyframeValue","getNames","_","ROTATION_MAP","left","right","DIRECTIONS","getClipStart","rotateZ","clipDirection","direction","minimum","web","options","dom","prepare","style","asWeb","namedEffect","fadeIn","tiltInRotate","tiltInClip","easing","clipStart","rotationZ","clipEnd","translateZ","clipCustom","name","duration","custom","keyframes","offset","opacity","transform","composite","clipPath","rotation","measure","target","getComputedStyle","getPropertyValue","mutate","target_","setProperty","parseInt"],"sources":["../../../../src/library/entrance/TiltIn.ts"],"sourcesContent":["import {\n getAdjustedDirection,\n getClipPolygonParams,\n INITIAL_FRAME_OFFSET,\n toKeyframeValue,\n} from '../../utils';\nimport type { TiltIn, TimeAnimationOptions, DomApi } from '../../types';\n\nexport function getNames(_: TimeAnimationOptions) {\n return ['motion-fadeIn', 'motion-tiltInRotate', 'motion-tiltInClip'];\n}\n\nconst ROTATION_MAP = {\n left: 30,\n right: -30,\n};\n\nconst DIRECTIONS = [\n 'top',\n 'right',\n 'bottom',\n 'left',\n] as (keyof typeof ROTATION_MAP)[];\n\nfunction getClipStart(rotateZ: number) {\n const clipDirection = getAdjustedDirection(\n DIRECTIONS,\n 'top',\n rotateZ,\n ) as (typeof DIRECTIONS)[number];\n\n return getClipPolygonParams({\n direction: clipDirection,\n minimum: 0,\n });\n}\n\nexport function web(options: TimeAnimationOptions, dom?: DomApi) {\n prepare(options, dom);\n\n return style(options, true);\n}\n\nexport function style(options: TimeAnimationOptions, asWeb = false) {\n const { direction = 'left' } = options.namedEffect as TiltIn;\n const [fadeIn, tiltInRotate, tiltInClip] = getNames(options);\n\n const easing = options.easing || 'cubicOut';\n const clipStart = getClipStart(0);\n const rotationZ = ROTATION_MAP[direction];\n const clipEnd = getClipPolygonParams({ direction: 'initial' });\n const translateZ = '(var(--motion-height, 200px) / 2)';\n\n const clipCustom = {\n '--motion-rotate-z': `${rotationZ}deg`,\n '--motion-clip-start': clipStart,\n };\n\n return [\n {\n ...options,\n name: fadeIn,\n duration: options.duration! * 0.2,\n easing: 'cubicOut',\n custom: {},\n keyframes: [\n { offset: 0, opacity: 0 },\n { opacity: 'var(--comp-opacity, 1)' },\n ],\n },\n {\n ...options,\n name: tiltInRotate,\n easing,\n custom: {},\n keyframes: [\n {\n offset: 0,\n easing: 'step-end',\n transform: 'perspective(800px)',\n },\n {\n offset: INITIAL_FRAME_OFFSET,\n transform: `perspective(800px) translateZ(calc(${translateZ} * -1)) rotateX(-90deg) translateZ(calc${translateZ}) rotate(var(--comp-rotate-z, 0deg))`,\n },\n {\n transform: `perspective(800px) translateZ(calc(${translateZ} * -1)) rotateX(0deg) translateZ(calc${translateZ}) rotate(var(--comp-rotate-z, 0deg))`,\n },\n ],\n },\n {\n ...options,\n name: tiltInClip,\n easing,\n composite: 'add' as const,\n duration: options.duration! * 0.8,\n custom: clipCustom,\n keyframes: [\n {\n offset: INITIAL_FRAME_OFFSET,\n clipPath: `var(--motion-clip-start, ${clipCustom['--motion-clip-start']})`,\n transform: `rotateZ(${toKeyframeValue(\n clipCustom,\n '--motion-rotate-z',\n asWeb,\n )})`,\n },\n {\n clipPath: clipEnd,\n transform: `rotateZ(0deg)`,\n },\n ],\n },\n ];\n}\n\nexport function prepare(_: TimeAnimationOptions, dom?: DomApi) {\n if (dom) {\n let rotation = '0deg';\n\n dom.measure((target) => {\n if (!target) {\n return;\n }\n rotation =\n getComputedStyle(target).getPropertyValue('--comp-rotate-z') || '0deg';\n });\n\n dom.mutate((target_) => {\n target_?.style.setProperty(\n '--motion-clip-start',\n getClipStart(parseInt(rotation, 10)),\n );\n });\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,82 +0,0 @@
|
|
|
1
|
-
import { INITIAL_FRAME_OFFSET, toKeyframeValue } from '../../utils';
|
|
2
|
-
export function getNames(_) {
|
|
3
|
-
return ['motion-fadeIn', 'motion-turnIn'];
|
|
4
|
-
}
|
|
5
|
-
const EASING_MAP = {
|
|
6
|
-
soft: 'cubicInOut',
|
|
7
|
-
medium: 'quintInOut',
|
|
8
|
-
hard: 'backOut'
|
|
9
|
-
};
|
|
10
|
-
const DIRECTION_TO_TRANSFORM_MAP = {
|
|
11
|
-
'top-left': {
|
|
12
|
-
angle: -50,
|
|
13
|
-
x: -50,
|
|
14
|
-
y: -50
|
|
15
|
-
},
|
|
16
|
-
'top-right': {
|
|
17
|
-
angle: 50,
|
|
18
|
-
x: 50,
|
|
19
|
-
y: -50
|
|
20
|
-
},
|
|
21
|
-
'bottom-right': {
|
|
22
|
-
angle: 50,
|
|
23
|
-
x: 50,
|
|
24
|
-
y: 50
|
|
25
|
-
},
|
|
26
|
-
'bottom-left': {
|
|
27
|
-
angle: -50,
|
|
28
|
-
x: -50,
|
|
29
|
-
y: 50
|
|
30
|
-
}
|
|
31
|
-
};
|
|
32
|
-
export function web(options) {
|
|
33
|
-
return style(options, true);
|
|
34
|
-
}
|
|
35
|
-
export function style(options, asWeb) {
|
|
36
|
-
if (asWeb === void 0) {
|
|
37
|
-
asWeb = false;
|
|
38
|
-
}
|
|
39
|
-
const {
|
|
40
|
-
direction = 'top-left',
|
|
41
|
-
power
|
|
42
|
-
} = options.namedEffect;
|
|
43
|
-
const [fadeIn, turnIn] = getNames(options);
|
|
44
|
-
const easing = power && EASING_MAP[power] ? EASING_MAP[power] : options.easing || 'backOut';
|
|
45
|
-
const {
|
|
46
|
-
x,
|
|
47
|
-
y
|
|
48
|
-
} = DIRECTION_TO_TRANSFORM_MAP[direction];
|
|
49
|
-
const transformRotate = DIRECTION_TO_TRANSFORM_MAP[direction].angle;
|
|
50
|
-
const custom = {
|
|
51
|
-
'--motion-origin': `${x}%, ${y}%`,
|
|
52
|
-
'--motion-origin-invert': `${-x}%, ${-y}%`,
|
|
53
|
-
'--motion-rotate-z': `${transformRotate}deg`
|
|
54
|
-
};
|
|
55
|
-
const origin = toKeyframeValue(custom, '--motion-origin', asWeb);
|
|
56
|
-
const invertedOrigin = toKeyframeValue(custom, '--motion-origin-invert', asWeb);
|
|
57
|
-
return [{
|
|
58
|
-
...options,
|
|
59
|
-
name: fadeIn,
|
|
60
|
-
duration: options.duration * 0.6,
|
|
61
|
-
easing: 'sineIn',
|
|
62
|
-
custom: {},
|
|
63
|
-
keyframes: [{
|
|
64
|
-
offset: 0,
|
|
65
|
-
opacity: 0
|
|
66
|
-
}, {
|
|
67
|
-
opacity: 'var(--comp-opacity, 1)'
|
|
68
|
-
}]
|
|
69
|
-
}, {
|
|
70
|
-
...options,
|
|
71
|
-
name: turnIn,
|
|
72
|
-
easing,
|
|
73
|
-
custom,
|
|
74
|
-
keyframes: [{
|
|
75
|
-
offset: INITIAL_FRAME_OFFSET,
|
|
76
|
-
transform: `translate(${origin}) rotate(${toKeyframeValue(custom, '--motion-rotate-z', asWeb)}) translate(${invertedOrigin}) rotate(var(--comp-rotate-z, 0deg))`
|
|
77
|
-
}, {
|
|
78
|
-
transform: `translate(${origin}) rotate(0deg) translate(${invertedOrigin}) rotate(var(--comp-rotate-z, 0deg))`
|
|
79
|
-
}]
|
|
80
|
-
}];
|
|
81
|
-
}
|
|
82
|
-
//# sourceMappingURL=TurnIn.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["INITIAL_FRAME_OFFSET","toKeyframeValue","getNames","_","EASING_MAP","soft","medium","hard","DIRECTION_TO_TRANSFORM_MAP","angle","x","y","web","options","style","asWeb","direction","power","namedEffect","fadeIn","turnIn","easing","transformRotate","custom","origin","invertedOrigin","name","duration","keyframes","offset","opacity","transform"],"sources":["../../../../src/library/entrance/TurnIn.ts"],"sourcesContent":["import type {\n TurnIn,\n TimeAnimationOptions,\n EffectFourCorners,\n} from '../../types';\nimport { INITIAL_FRAME_OFFSET, toKeyframeValue } from '../../utils';\n\nexport function getNames(_: TimeAnimationOptions) {\n return ['motion-fadeIn', 'motion-turnIn'];\n}\n\nconst EASING_MAP = {\n soft: 'cubicInOut',\n medium: 'quintInOut',\n hard: 'backOut',\n};\n\nconst DIRECTION_TO_TRANSFORM_MAP: Record<\n EffectFourCorners,\n {\n x: number;\n y: number;\n angle?: number;\n }\n> = {\n 'top-left': {\n angle: -50,\n x: -50,\n y: -50,\n },\n 'top-right': {\n angle: 50,\n x: 50,\n y: -50,\n },\n 'bottom-right': {\n angle: 50,\n x: 50,\n y: 50,\n },\n 'bottom-left': {\n angle: -50,\n x: -50,\n y: 50,\n },\n};\n\nexport function web(options: TimeAnimationOptions) {\n return style(options, true);\n}\n\nexport function style(options: TimeAnimationOptions, asWeb = false) {\n const { direction = 'top-left', power } = options.namedEffect as TurnIn;\n const [fadeIn, turnIn] = getNames(options);\n\n const easing =\n power && EASING_MAP[power]\n ? EASING_MAP[power]\n : options.easing || 'backOut';\n const { x, y } = DIRECTION_TO_TRANSFORM_MAP[direction];\n const transformRotate = DIRECTION_TO_TRANSFORM_MAP[direction].angle;\n\n const custom = {\n '--motion-origin': `${x}%, ${y}%`,\n '--motion-origin-invert': `${-x}%, ${-y}%`,\n '--motion-rotate-z': `${transformRotate}deg`,\n };\n\n const origin = toKeyframeValue(custom, '--motion-origin', asWeb);\n const invertedOrigin = toKeyframeValue(\n custom,\n '--motion-origin-invert',\n asWeb,\n );\n\n return [\n {\n ...options,\n name: fadeIn,\n duration: options.duration! * 0.6,\n easing: 'sineIn',\n custom: {},\n keyframes: [\n { offset: 0, opacity: 0 },\n { opacity: 'var(--comp-opacity, 1)' },\n ],\n },\n {\n ...options,\n name: turnIn,\n easing,\n custom,\n keyframes: [\n {\n offset: INITIAL_FRAME_OFFSET,\n transform: `translate(${origin}) rotate(${toKeyframeValue(\n custom,\n '--motion-rotate-z',\n asWeb,\n )}) translate(${invertedOrigin}) rotate(var(--comp-rotate-z, 0deg))`,\n },\n {\n transform: `translate(${origin}) rotate(0deg) translate(${invertedOrigin}) rotate(var(--comp-rotate-z, 0deg))`,\n },\n ],\n },\n ];\n}\n"],"mappings":"AAKA,SAASA,oBAAoB,EAAEC,eAAe,QAAQ,aAAa;AAEnE,OAAO,SAASC,QAAQA,CAACC,CAAuB,EAAE;EAChD,OAAO,CAAC,eAAe,EAAE,eAAe,CAAC;AAC3C;AAEA,MAAMC,UAAU,GAAG;EACjBC,IAAI,EAAE,YAAY;EAClBC,MAAM,EAAE,YAAY;EACpBC,IAAI,EAAE;AACR,CAAC;AAED,MAAMC,0BAOL,GAAG;EACF,UAAU,EAAE;IACVC,KAAK,EAAE,CAAC,EAAE;IACVC,CAAC,EAAE,CAAC,EAAE;IACNC,CAAC,EAAE,CAAC;EACN,CAAC;EACD,WAAW,EAAE;IACXF,KAAK,EAAE,EAAE;IACTC,CAAC,EAAE,EAAE;IACLC,CAAC,EAAE,CAAC;EACN,CAAC;EACD,cAAc,EAAE;IACdF,KAAK,EAAE,EAAE;IACTC,CAAC,EAAE,EAAE;IACLC,CAAC,EAAE;EACL,CAAC;EACD,aAAa,EAAE;IACbF,KAAK,EAAE,CAAC,EAAE;IACVC,CAAC,EAAE,CAAC,EAAE;IACNC,CAAC,EAAE;EACL;AACF,CAAC;AAED,OAAO,SAASC,GAAGA,CAACC,OAA6B,EAAE;EACjD,OAAOC,KAAK,CAACD,OAAO,EAAE,IAAI,CAAC;AAC7B;AAEA,OAAO,SAASC,KAAKA,CAACD,OAA6B,EAAEE,KAAK,EAAU;EAAA,IAAfA,KAAK;IAALA,KAAK,GAAG,KAAK;EAAA;EAChE,MAAM;IAAEC,SAAS,GAAG,UAAU;IAAEC;EAAM,CAAC,GAAGJ,OAAO,CAACK,WAAqB;EACvE,MAAM,CAACC,MAAM,EAAEC,MAAM,CAAC,GAAGlB,QAAQ,CAACW,OAAO,CAAC;EAE1C,MAAMQ,MAAM,GACVJ,KAAK,IAAIb,UAAU,CAACa,KAAK,CAAC,GACtBb,UAAU,CAACa,KAAK,CAAC,GACjBJ,OAAO,CAACQ,MAAM,IAAI,SAAS;EACjC,MAAM;IAAEX,CAAC;IAAEC;EAAE,CAAC,GAAGH,0BAA0B,CAACQ,SAAS,CAAC;EACtD,MAAMM,eAAe,GAAGd,0BAA0B,CAACQ,SAAS,CAAC,CAACP,KAAK;EAEnE,MAAMc,MAAM,GAAG;IACb,iBAAiB,EAAE,GAAGb,CAAC,MAAMC,CAAC,GAAG;IACjC,wBAAwB,EAAE,GAAG,CAACD,CAAC,MAAM,CAACC,CAAC,GAAG;IAC1C,mBAAmB,EAAE,GAAGW,eAAe;EACzC,CAAC;EAED,MAAME,MAAM,GAAGvB,eAAe,CAACsB,MAAM,EAAE,iBAAiB,EAAER,KAAK,CAAC;EAChE,MAAMU,cAAc,GAAGxB,eAAe,CACpCsB,MAAM,EACN,wBAAwB,EACxBR,KACF,CAAC;EAED,OAAO,CACL;IACE,GAAGF,OAAO;IACVa,IAAI,EAAEP,MAAM;IACZQ,QAAQ,EAAEd,OAAO,CAACc,QAAQ,GAAI,GAAG;IACjCN,MAAM,EAAE,QAAQ;IAChBE,MAAM,EAAE,CAAC,CAAC;IACVK,SAAS,EAAE,CACT;MAAEC,MAAM,EAAE,CAAC;MAAEC,OAAO,EAAE;IAAE,CAAC,EACzB;MAAEA,OAAO,EAAE;IAAyB,CAAC;EAEzC,CAAC,EACD;IACE,GAAGjB,OAAO;IACVa,IAAI,EAAEN,MAAM;IACZC,MAAM;IACNE,MAAM;IACNK,SAAS,EAAE,CACT;MACEC,MAAM,EAAE7B,oBAAoB;MAC5B+B,SAAS,EAAE,aAAaP,MAAM,YAAYvB,eAAe,CACvDsB,MAAM,EACN,mBAAmB,EACnBR,KACF,CAAC,eAAeU,cAAc;IAChC,CAAC,EACD;MACEM,SAAS,EAAE,aAAaP,MAAM,4BAA4BC,cAAc;IAC1E,CAAC;EAEL,CAAC,CACF;AACH","ignoreList":[]}
|
|
@@ -1,108 +0,0 @@
|
|
|
1
|
-
import { getClipPolygonParams, getAdjustedDirection, INITIAL_FRAME_OFFSET } from '../../utils';
|
|
2
|
-
export function getNames(_) {
|
|
3
|
-
return ['motion-fadeIn', 'motion-winkInClip', 'motion-winkInRotate'];
|
|
4
|
-
}
|
|
5
|
-
const PARAM_MAP = {
|
|
6
|
-
vertical: {
|
|
7
|
-
scaleY: 0,
|
|
8
|
-
scaleX: 1
|
|
9
|
-
},
|
|
10
|
-
horizontal: {
|
|
11
|
-
scaleY: 1,
|
|
12
|
-
scaleX: 0
|
|
13
|
-
}
|
|
14
|
-
};
|
|
15
|
-
const DIRECTIONS = ['vertical', 'horizontal'];
|
|
16
|
-
export function web(options, dom) {
|
|
17
|
-
prepare(options, dom);
|
|
18
|
-
return style(options);
|
|
19
|
-
}
|
|
20
|
-
export function style(options) {
|
|
21
|
-
const {
|
|
22
|
-
direction = 'horizontal'
|
|
23
|
-
} = options.namedEffect;
|
|
24
|
-
const [fadeIn, winkInClip, winkInRotate] = getNames(options);
|
|
25
|
-
const adjustedDirection = getAdjustedDirection(DIRECTIONS, direction, 0);
|
|
26
|
-
const {
|
|
27
|
-
scaleX,
|
|
28
|
-
scaleY
|
|
29
|
-
} = PARAM_MAP[adjustedDirection];
|
|
30
|
-
const easing = options.easing || 'quintInOut';
|
|
31
|
-
const start = getClipPolygonParams({
|
|
32
|
-
direction,
|
|
33
|
-
minimum: 100
|
|
34
|
-
});
|
|
35
|
-
const end = getClipPolygonParams({
|
|
36
|
-
direction: 'initial'
|
|
37
|
-
});
|
|
38
|
-
const custom = {
|
|
39
|
-
'--motion-scale-x': scaleX,
|
|
40
|
-
'--motion-scale-y': scaleY,
|
|
41
|
-
'--motion-clip-start': start
|
|
42
|
-
};
|
|
43
|
-
return [{
|
|
44
|
-
...options,
|
|
45
|
-
easing: 'quadOut',
|
|
46
|
-
name: fadeIn,
|
|
47
|
-
custom: {},
|
|
48
|
-
keyframes: [{
|
|
49
|
-
offset: 0,
|
|
50
|
-
opacity: 0
|
|
51
|
-
}, {
|
|
52
|
-
opacity: 'var(--comp-opacity, 1)'
|
|
53
|
-
}]
|
|
54
|
-
}, {
|
|
55
|
-
...options,
|
|
56
|
-
easing,
|
|
57
|
-
name: winkInClip,
|
|
58
|
-
custom,
|
|
59
|
-
keyframes: [{
|
|
60
|
-
offset: INITIAL_FRAME_OFFSET,
|
|
61
|
-
clipPath: `var(--motion-clip-start, ${custom['--motion-clip-start']})`
|
|
62
|
-
}, {
|
|
63
|
-
clipPath: end
|
|
64
|
-
}]
|
|
65
|
-
}, {
|
|
66
|
-
...options,
|
|
67
|
-
duration: options.duration * 0.85,
|
|
68
|
-
easing,
|
|
69
|
-
name: winkInRotate,
|
|
70
|
-
custom,
|
|
71
|
-
keyframes: [{
|
|
72
|
-
offset: INITIAL_FRAME_OFFSET,
|
|
73
|
-
transform: `rotate(var(--comp-rotate-z, 0deg)) scale(var(--motion-scale-x, ${custom['--motion-scale-x']}), var(--motion-scale-y, ${custom['--motion-scale-y']}))`
|
|
74
|
-
}, {
|
|
75
|
-
transform: 'rotate(var(--comp-rotate-z, 0deg)) scale(1, 1)'
|
|
76
|
-
}]
|
|
77
|
-
}];
|
|
78
|
-
}
|
|
79
|
-
export function prepare(options, dom) {
|
|
80
|
-
const {
|
|
81
|
-
direction = 'horizontal'
|
|
82
|
-
} = options.namedEffect;
|
|
83
|
-
if (dom) {
|
|
84
|
-
let scale = PARAM_MAP.horizontal;
|
|
85
|
-
let rotatedClip = getClipPolygonParams({
|
|
86
|
-
direction: 'horizontal',
|
|
87
|
-
minimum: 100
|
|
88
|
-
});
|
|
89
|
-
dom.measure(target => {
|
|
90
|
-
if (!target) {
|
|
91
|
-
return;
|
|
92
|
-
}
|
|
93
|
-
const rotation = getComputedStyle(target).getPropertyValue('--comp-rotate-z') || '0';
|
|
94
|
-
const rotatedDirection = getAdjustedDirection(DIRECTIONS, direction, parseInt(rotation, 10));
|
|
95
|
-
scale = PARAM_MAP[rotatedDirection];
|
|
96
|
-
rotatedClip = getClipPolygonParams({
|
|
97
|
-
direction: rotatedDirection,
|
|
98
|
-
minimum: 100
|
|
99
|
-
});
|
|
100
|
-
});
|
|
101
|
-
dom.mutate(target => {
|
|
102
|
-
target == null || target.style.setProperty('--motion-clip-start', rotatedClip);
|
|
103
|
-
target == null || target.style.setProperty('--motion-scale-x', `${scale.scaleX}`);
|
|
104
|
-
target == null || target.style.setProperty('--motion-scale-y', `${scale.scaleY}`);
|
|
105
|
-
});
|
|
106
|
-
}
|
|
107
|
-
}
|
|
108
|
-
//# sourceMappingURL=WinkIn.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["getClipPolygonParams","getAdjustedDirection","INITIAL_FRAME_OFFSET","getNames","_","PARAM_MAP","vertical","scaleY","scaleX","horizontal","DIRECTIONS","web","options","dom","prepare","style","direction","namedEffect","fadeIn","winkInClip","winkInRotate","adjustedDirection","easing","start","minimum","end","custom","name","keyframes","offset","opacity","clipPath","duration","transform","scale","rotatedClip","measure","target","rotation","getComputedStyle","getPropertyValue","rotatedDirection","parseInt","mutate","setProperty"],"sources":["../../../../src/library/entrance/WinkIn.ts"],"sourcesContent":["import {\n getClipPolygonParams,\n getAdjustedDirection,\n INITIAL_FRAME_OFFSET,\n} from '../../utils';\nimport type { WinkIn, TimeAnimationOptions, DomApi } from '../../types';\n\nexport function getNames(_: TimeAnimationOptions) {\n return ['motion-fadeIn', 'motion-winkInClip', 'motion-winkInRotate'];\n}\n\nconst PARAM_MAP = {\n vertical: { scaleY: 0, scaleX: 1 },\n horizontal: { scaleY: 1, scaleX: 0 },\n};\nconst DIRECTIONS = ['vertical', 'horizontal'] as (keyof typeof PARAM_MAP)[];\n\nexport function web(options: TimeAnimationOptions, dom?: DomApi) {\n prepare(options, dom);\n\n return style(options);\n}\n\nexport function style(options: TimeAnimationOptions) {\n const { direction = 'horizontal' } = options.namedEffect as WinkIn;\n const [fadeIn, winkInClip, winkInRotate] = getNames(options);\n\n const adjustedDirection = getAdjustedDirection(\n DIRECTIONS,\n direction,\n 0,\n ) as (typeof DIRECTIONS)[number];\n const { scaleX, scaleY } = PARAM_MAP[adjustedDirection];\n const easing = options.easing || 'quintInOut';\n\n const start = getClipPolygonParams({ direction, minimum: 100 });\n const end = getClipPolygonParams({ direction: 'initial' });\n\n const custom = {\n '--motion-scale-x': scaleX,\n '--motion-scale-y': scaleY,\n '--motion-clip-start': start,\n };\n\n return [\n {\n ...options,\n easing: 'quadOut',\n name: fadeIn,\n custom: {},\n keyframes: [\n { offset: 0, opacity: 0 },\n { opacity: 'var(--comp-opacity, 1)' },\n ],\n },\n {\n ...options,\n easing,\n name: winkInClip,\n custom,\n keyframes: [\n {\n offset: INITIAL_FRAME_OFFSET,\n clipPath: `var(--motion-clip-start, ${custom['--motion-clip-start']})`,\n },\n {\n clipPath: end,\n },\n ],\n },\n {\n ...options,\n duration: options.duration! * 0.85,\n easing,\n name: winkInRotate,\n custom,\n keyframes: [\n {\n offset: INITIAL_FRAME_OFFSET,\n transform: `rotate(var(--comp-rotate-z, 0deg)) scale(var(--motion-scale-x, ${custom['--motion-scale-x']}), var(--motion-scale-y, ${custom['--motion-scale-y']}))`,\n },\n {\n transform: 'rotate(var(--comp-rotate-z, 0deg)) scale(1, 1)',\n },\n ],\n },\n ];\n}\n\nexport function prepare(options: TimeAnimationOptions, dom?: DomApi) {\n const { direction = 'horizontal' } = options.namedEffect as WinkIn;\n\n if (dom) {\n let scale = PARAM_MAP.horizontal;\n let rotatedClip = getClipPolygonParams({\n direction: 'horizontal',\n minimum: 100,\n });\n\n dom.measure((target) => {\n if (!target) {\n return;\n }\n\n const rotation =\n getComputedStyle(target).getPropertyValue('--comp-rotate-z') || '0';\n const rotatedDirection = getAdjustedDirection(\n DIRECTIONS,\n direction,\n parseInt(rotation, 10),\n ) as (typeof DIRECTIONS)[number];\n scale = PARAM_MAP[rotatedDirection];\n rotatedClip = getClipPolygonParams({\n direction: rotatedDirection,\n minimum: 100,\n });\n });\n\n dom.mutate((target) => {\n target?.style.setProperty('--motion-clip-start', rotatedClip);\n target?.style.setProperty('--motion-scale-x', `${scale.scaleX}`);\n target?.style.setProperty('--motion-scale-y', `${scale.scaleY}`);\n });\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import * as ArcIn from './ArcIn';
|
|
2
|
-
import * as BlurIn from './BlurIn';
|
|
3
|
-
import * as ShuttersIn from './ShuttersIn';
|
|
4
|
-
import * as BounceIn from './BounceIn';
|
|
5
|
-
import * as CurveIn from './CurveIn';
|
|
6
|
-
import * as CircleIn from './CircleIn';
|
|
7
|
-
import * as DropIn from './DropIn';
|
|
8
|
-
import * as ExpandIn from './ExpandIn';
|
|
9
|
-
import * as FadeIn from './FadeIn';
|
|
10
|
-
import * as FlipIn from './FlipIn';
|
|
11
|
-
import * as FloatIn from './FloatIn';
|
|
12
|
-
import * as FoldIn from './FoldIn';
|
|
13
|
-
import * as GlideIn from './GlideIn';
|
|
14
|
-
import * as GlitchIn from './GlitchIn';
|
|
15
|
-
import * as GrowIn from './GrowIn';
|
|
16
|
-
import * as PunchIn from './PunchIn';
|
|
17
|
-
import * as ShapeIn from './ShapeIn';
|
|
18
|
-
import * as RevealIn from './RevealIn';
|
|
19
|
-
import * as SlideIn from './SlideIn';
|
|
20
|
-
import * as SpinIn from './SpinIn';
|
|
21
|
-
import * as TiltIn from './TiltIn';
|
|
22
|
-
import * as TurnIn from './TurnIn';
|
|
23
|
-
import * as WinkIn from './WinkIn';
|
|
24
|
-
export const entranceAnimations = {
|
|
25
|
-
ArcIn,
|
|
26
|
-
BlurIn,
|
|
27
|
-
ShuttersIn,
|
|
28
|
-
BounceIn,
|
|
29
|
-
CurveIn,
|
|
30
|
-
CircleIn,
|
|
31
|
-
DropIn,
|
|
32
|
-
ExpandIn,
|
|
33
|
-
FadeIn,
|
|
34
|
-
FlipIn,
|
|
35
|
-
FloatIn,
|
|
36
|
-
FoldIn,
|
|
37
|
-
GlideIn,
|
|
38
|
-
GlitchIn,
|
|
39
|
-
GrowIn,
|
|
40
|
-
PunchIn,
|
|
41
|
-
ShapeIn,
|
|
42
|
-
RevealIn,
|
|
43
|
-
SlideIn,
|
|
44
|
-
SpinIn,
|
|
45
|
-
TiltIn,
|
|
46
|
-
TurnIn,
|
|
47
|
-
WinkIn
|
|
48
|
-
};
|
|
49
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["ArcIn","BlurIn","ShuttersIn","BounceIn","CurveIn","CircleIn","DropIn","ExpandIn","FadeIn","FlipIn","FloatIn","FoldIn","GlideIn","GlitchIn","GrowIn","PunchIn","ShapeIn","RevealIn","SlideIn","SpinIn","TiltIn","TurnIn","WinkIn","entranceAnimations"],"sources":["../../../../src/library/entrance/index.ts"],"sourcesContent":["import * as ArcIn from './ArcIn';\nimport * as BlurIn from './BlurIn';\nimport * as ShuttersIn from './ShuttersIn';\nimport * as BounceIn from './BounceIn';\nimport * as CurveIn from './CurveIn';\nimport * as CircleIn from './CircleIn';\nimport * as DropIn from './DropIn';\nimport * as ExpandIn from './ExpandIn';\nimport * as FadeIn from './FadeIn';\nimport * as FlipIn from './FlipIn';\nimport * as FloatIn from './FloatIn';\nimport * as FoldIn from './FoldIn';\nimport * as GlideIn from './GlideIn';\nimport * as GlitchIn from './GlitchIn';\nimport * as GrowIn from './GrowIn';\nimport * as PunchIn from './PunchIn';\nimport * as ShapeIn from './ShapeIn';\nimport * as RevealIn from './RevealIn';\nimport * as SlideIn from './SlideIn';\nimport * as SpinIn from './SpinIn';\nimport * as TiltIn from './TiltIn';\nimport * as TurnIn from './TurnIn';\nimport * as WinkIn from './WinkIn';\nimport type { EntranceAnimations } from '../../types';\n\nexport const entranceAnimations: EntranceAnimations = {\n ArcIn,\n BlurIn,\n ShuttersIn,\n BounceIn,\n CurveIn,\n CircleIn,\n DropIn,\n ExpandIn,\n FadeIn,\n FlipIn,\n FloatIn,\n FoldIn,\n GlideIn,\n GlitchIn,\n GrowIn,\n PunchIn,\n ShapeIn,\n RevealIn,\n SlideIn,\n SpinIn,\n TiltIn,\n TurnIn,\n WinkIn,\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,SAAS;AAChC,OAAO,KAAKC,MAAM,MAAM,UAAU;AAClC,OAAO,KAAKC,UAAU,MAAM,cAAc;AAC1C,OAAO,KAAKC,QAAQ,MAAM,YAAY;AACtC,OAAO,KAAKC,OAAO,MAAM,WAAW;AACpC,OAAO,KAAKC,QAAQ,MAAM,YAAY;AACtC,OAAO,KAAKC,MAAM,MAAM,UAAU;AAClC,OAAO,KAAKC,QAAQ,MAAM,YAAY;AACtC,OAAO,KAAKC,MAAM,MAAM,UAAU;AAClC,OAAO,KAAKC,MAAM,MAAM,UAAU;AAClC,OAAO,KAAKC,OAAO,MAAM,WAAW;AACpC,OAAO,KAAKC,MAAM,MAAM,UAAU;AAClC,OAAO,KAAKC,OAAO,MAAM,WAAW;AACpC,OAAO,KAAKC,QAAQ,MAAM,YAAY;AACtC,OAAO,KAAKC,MAAM,MAAM,UAAU;AAClC,OAAO,KAAKC,OAAO,MAAM,WAAW;AACpC,OAAO,KAAKC,OAAO,MAAM,WAAW;AACpC,OAAO,KAAKC,QAAQ,MAAM,YAAY;AACtC,OAAO,KAAKC,OAAO,MAAM,WAAW;AACpC,OAAO,KAAKC,MAAM,MAAM,UAAU;AAClC,OAAO,KAAKC,MAAM,MAAM,UAAU;AAClC,OAAO,KAAKC,MAAM,MAAM,UAAU;AAClC,OAAO,KAAKC,MAAM,MAAM,UAAU;AAGlC,OAAO,MAAMC,kBAAsC,GAAG;EACpDvB,KAAK;EACLC,MAAM;EACNC,UAAU;EACVC,QAAQ;EACRC,OAAO;EACPC,QAAQ;EACRC,MAAM;EACNC,QAAQ;EACRC,MAAM;EACNC,MAAM;EACNC,OAAO;EACPC,MAAM;EACNC,OAAO;EACPC,QAAQ;EACRC,MAAM;EACNC,OAAO;EACPC,OAAO;EACPC,QAAQ;EACRC,OAAO;EACPC,MAAM;EACNC,MAAM;EACNC,MAAM;EACNC;AACF,CAAC","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["baseMockOptions","id"],"sources":["../../../../../src/library/entrance/test/testUtils.ts"],"sourcesContent":["import type { TimeAnimationOptions } from '../../../types';\n\nexport const baseMockOptions: TimeAnimationOptions = {\n id: '1',\n};\n"],"mappings":"AAEA,OAAO,MAAMA,eAAqC,GAAG;EACnDC,EAAE,EAAE;AACN,CAAC","ignoreList":[]}
|