@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.
Files changed (676) hide show
  1. package/README.md +26 -13
  2. package/dist/cjs/motion.js +2 -146
  3. package/dist/cjs/motion.js.map +1 -1
  4. package/dist/es/motion.js +749 -0
  5. package/dist/es/motion.js.map +1 -0
  6. package/dist/tsconfig.build.tsbuildinfo +1 -0
  7. package/dist/types/AnimationGroup.d.ts.map +1 -1
  8. package/dist/types/CustomAnimation.d.ts +2 -2
  9. package/dist/types/CustomAnimation.d.ts.map +1 -1
  10. package/dist/types/api/common.d.ts +111 -111
  11. package/dist/types/api/common.d.ts.map +1 -1
  12. package/dist/types/api/cssAnimations.d.ts.map +1 -1
  13. package/dist/types/api/prepare.d.ts.map +1 -1
  14. package/dist/types/api/registry.d.ts +4 -0
  15. package/dist/types/api/registry.d.ts.map +1 -0
  16. package/dist/types/api/webAnimations.d.ts.map +1 -1
  17. package/dist/types/easings.d.ts.map +1 -1
  18. package/dist/types/index.d.ts +3 -0
  19. package/dist/types/index.d.ts.map +1 -1
  20. package/dist/types/motion.d.ts +1 -1
  21. package/dist/types/motion.d.ts.map +1 -1
  22. package/dist/types/types.d.ts +27 -400
  23. package/dist/types/types.d.ts.map +1 -1
  24. package/dist/types/utils.d.ts +0 -71
  25. package/dist/types/utils.d.ts.map +1 -1
  26. package/package.json +54 -74
  27. package/dist/cjs/AnimationGroup.js +0 -106
  28. package/dist/cjs/AnimationGroup.js.map +0 -1
  29. package/dist/cjs/CustomAnimation.js +0 -190
  30. package/dist/cjs/CustomAnimation.js.map +0 -1
  31. package/dist/cjs/api/common.js +0 -145
  32. package/dist/cjs/api/common.js.map +0 -1
  33. package/dist/cjs/api/cssAnimations.js +0 -58
  34. package/dist/cjs/api/cssAnimations.js.map +0 -1
  35. package/dist/cjs/api/prepare.js +0 -20
  36. package/dist/cjs/api/prepare.js.map +0 -1
  37. package/dist/cjs/api/webAnimations.js +0 -155
  38. package/dist/cjs/api/webAnimations.js.map +0 -1
  39. package/dist/cjs/easings.js +0 -272
  40. package/dist/cjs/easings.js.map +0 -1
  41. package/dist/cjs/external-types.d.js +0 -2
  42. package/dist/cjs/external-types.d.js.map +0 -1
  43. package/dist/cjs/index.js +0 -16
  44. package/dist/cjs/index.js.map +0 -1
  45. package/dist/cjs/library/backgroundScroll/BgCloseUp.js +0 -95
  46. package/dist/cjs/library/backgroundScroll/BgCloseUp.js.map +0 -1
  47. package/dist/cjs/library/backgroundScroll/BgFade.js +0 -68
  48. package/dist/cjs/library/backgroundScroll/BgFade.js.map +0 -1
  49. package/dist/cjs/library/backgroundScroll/BgFadeBack.js +0 -94
  50. package/dist/cjs/library/backgroundScroll/BgFadeBack.js.map +0 -1
  51. package/dist/cjs/library/backgroundScroll/BgFake3D.js +0 -131
  52. package/dist/cjs/library/backgroundScroll/BgFake3D.js.map +0 -1
  53. package/dist/cjs/library/backgroundScroll/BgPan.js +0 -64
  54. package/dist/cjs/library/backgroundScroll/BgPan.js.map +0 -1
  55. package/dist/cjs/library/backgroundScroll/BgParallax.js +0 -62
  56. package/dist/cjs/library/backgroundScroll/BgParallax.js.map +0 -1
  57. package/dist/cjs/library/backgroundScroll/BgPullBack.js +0 -66
  58. package/dist/cjs/library/backgroundScroll/BgPullBack.js.map +0 -1
  59. package/dist/cjs/library/backgroundScroll/BgReveal.js +0 -28
  60. package/dist/cjs/library/backgroundScroll/BgReveal.js.map +0 -1
  61. package/dist/cjs/library/backgroundScroll/BgRotate.js +0 -51
  62. package/dist/cjs/library/backgroundScroll/BgRotate.js.map +0 -1
  63. package/dist/cjs/library/backgroundScroll/BgSkew.js +0 -63
  64. package/dist/cjs/library/backgroundScroll/BgSkew.js.map +0 -1
  65. package/dist/cjs/library/backgroundScroll/BgZoom.js +0 -163
  66. package/dist/cjs/library/backgroundScroll/BgZoom.js.map +0 -1
  67. package/dist/cjs/library/backgroundScroll/ImageParallax.js +0 -81
  68. package/dist/cjs/library/backgroundScroll/ImageParallax.js.map +0 -1
  69. package/dist/cjs/library/backgroundScroll/index.js +0 -32
  70. package/dist/cjs/library/backgroundScroll/index.js.map +0 -1
  71. package/dist/cjs/library/backgroundScroll/test/testUtils.js +0 -8
  72. package/dist/cjs/library/backgroundScroll/test/testUtils.js.map +0 -1
  73. package/dist/cjs/library/backgroundScroll/utils.js +0 -48
  74. package/dist/cjs/library/backgroundScroll/utils.js.map +0 -1
  75. package/dist/cjs/library/entrance/ArcIn.js +0 -110
  76. package/dist/cjs/library/entrance/ArcIn.js.map +0 -1
  77. package/dist/cjs/library/entrance/BlurIn.js +0 -56
  78. package/dist/cjs/library/entrance/BlurIn.js.map +0 -1
  79. package/dist/cjs/library/entrance/BounceIn.js +0 -143
  80. package/dist/cjs/library/entrance/BounceIn.js.map +0 -1
  81. package/dist/cjs/library/entrance/CircleIn.js +0 -75
  82. package/dist/cjs/library/entrance/CircleIn.js.map +0 -1
  83. package/dist/cjs/library/entrance/CurveIn.js +0 -80
  84. package/dist/cjs/library/entrance/CurveIn.js.map +0 -1
  85. package/dist/cjs/library/entrance/DropIn.js +0 -64
  86. package/dist/cjs/library/entrance/DropIn.js.map +0 -1
  87. package/dist/cjs/library/entrance/ExpandIn.js +0 -121
  88. package/dist/cjs/library/entrance/ExpandIn.js.map +0 -1
  89. package/dist/cjs/library/entrance/FadeIn.js +0 -27
  90. package/dist/cjs/library/entrance/FadeIn.js.map +0 -1
  91. package/dist/cjs/library/entrance/FlipIn.js +0 -107
  92. package/dist/cjs/library/entrance/FlipIn.js.map +0 -1
  93. package/dist/cjs/library/entrance/FloatIn.js +0 -67
  94. package/dist/cjs/library/entrance/FloatIn.js.map +0 -1
  95. package/dist/cjs/library/entrance/FoldIn.js +0 -134
  96. package/dist/cjs/library/entrance/FoldIn.js.map +0 -1
  97. package/dist/cjs/library/entrance/GlideIn.js +0 -89
  98. package/dist/cjs/library/entrance/GlideIn.js.map +0 -1
  99. package/dist/cjs/library/entrance/GlitchIn.js +0 -29
  100. package/dist/cjs/library/entrance/GlitchIn.js.map +0 -1
  101. package/dist/cjs/library/entrance/GrowIn.js +0 -66
  102. package/dist/cjs/library/entrance/GrowIn.js.map +0 -1
  103. package/dist/cjs/library/entrance/PunchIn.js +0 -178
  104. package/dist/cjs/library/entrance/PunchIn.js.map +0 -1
  105. package/dist/cjs/library/entrance/RevealIn.js +0 -72
  106. package/dist/cjs/library/entrance/RevealIn.js.map +0 -1
  107. package/dist/cjs/library/entrance/ShapeIn.js +0 -75
  108. package/dist/cjs/library/entrance/ShapeIn.js.map +0 -1
  109. package/dist/cjs/library/entrance/ShuttersIn.js +0 -48
  110. package/dist/cjs/library/entrance/ShuttersIn.js.map +0 -1
  111. package/dist/cjs/library/entrance/SlideIn.js +0 -140
  112. package/dist/cjs/library/entrance/SlideIn.js.map +0 -1
  113. package/dist/cjs/library/entrance/SpinIn.js +0 -65
  114. package/dist/cjs/library/entrance/SpinIn.js.map +0 -1
  115. package/dist/cjs/library/entrance/TiltIn.js +0 -102
  116. package/dist/cjs/library/entrance/TiltIn.js.map +0 -1
  117. package/dist/cjs/library/entrance/TurnIn.js +0 -85
  118. package/dist/cjs/library/entrance/TurnIn.js.map +0 -1
  119. package/dist/cjs/library/entrance/WinkIn.js +0 -115
  120. package/dist/cjs/library/entrance/WinkIn.js.map +0 -1
  121. package/dist/cjs/library/entrance/index.js +0 -54
  122. package/dist/cjs/library/entrance/index.js.map +0 -1
  123. package/dist/cjs/library/entrance/test/testUtils.js +0 -8
  124. package/dist/cjs/library/entrance/test/testUtils.js.map +0 -1
  125. package/dist/cjs/library/mouse/AiryMouse.js +0 -76
  126. package/dist/cjs/library/mouse/AiryMouse.js.map +0 -1
  127. package/dist/cjs/library/mouse/BlobMouse.js +0 -70
  128. package/dist/cjs/library/mouse/BlobMouse.js.map +0 -1
  129. package/dist/cjs/library/mouse/BlurMouse.js +0 -94
  130. package/dist/cjs/library/mouse/BlurMouse.js.map +0 -1
  131. package/dist/cjs/library/mouse/BounceMouse.js +0 -26
  132. package/dist/cjs/library/mouse/BounceMouse.js.map +0 -1
  133. package/dist/cjs/library/mouse/CustomMouse.js +0 -65
  134. package/dist/cjs/library/mouse/CustomMouse.js.map +0 -1
  135. package/dist/cjs/library/mouse/ScaleMouse.js +0 -98
  136. package/dist/cjs/library/mouse/ScaleMouse.js.map +0 -1
  137. package/dist/cjs/library/mouse/SkewMouse.js +0 -92
  138. package/dist/cjs/library/mouse/SkewMouse.js.map +0 -1
  139. package/dist/cjs/library/mouse/SpinMouse.js +0 -41
  140. package/dist/cjs/library/mouse/SpinMouse.js.map +0 -1
  141. package/dist/cjs/library/mouse/SwivelMouse.js +0 -85
  142. package/dist/cjs/library/mouse/SwivelMouse.js.map +0 -1
  143. package/dist/cjs/library/mouse/Tilt3DMouse.js +0 -65
  144. package/dist/cjs/library/mouse/Tilt3DMouse.js.map +0 -1
  145. package/dist/cjs/library/mouse/Track3DMouse.js +0 -87
  146. package/dist/cjs/library/mouse/Track3DMouse.js.map +0 -1
  147. package/dist/cjs/library/mouse/TrackMouse.js +0 -65
  148. package/dist/cjs/library/mouse/TrackMouse.js.map +0 -1
  149. package/dist/cjs/library/mouse/index.js +0 -32
  150. package/dist/cjs/library/mouse/index.js.map +0 -1
  151. package/dist/cjs/library/ongoing/Blink.js +0 -120
  152. package/dist/cjs/library/ongoing/Blink.js.map +0 -1
  153. package/dist/cjs/library/ongoing/Bounce.js +0 -92
  154. package/dist/cjs/library/ongoing/Bounce.js.map +0 -1
  155. package/dist/cjs/library/ongoing/Breathe.js +0 -124
  156. package/dist/cjs/library/ongoing/Breathe.js.map +0 -1
  157. package/dist/cjs/library/ongoing/Cross.js +0 -262
  158. package/dist/cjs/library/ongoing/Cross.js.map +0 -1
  159. package/dist/cjs/library/ongoing/DVD.js +0 -84
  160. package/dist/cjs/library/ongoing/DVD.js.map +0 -1
  161. package/dist/cjs/library/ongoing/Flash.js +0 -45
  162. package/dist/cjs/library/ongoing/Flash.js.map +0 -1
  163. package/dist/cjs/library/ongoing/Flip.js +0 -67
  164. package/dist/cjs/library/ongoing/Flip.js.map +0 -1
  165. package/dist/cjs/library/ongoing/Fold.js +0 -167
  166. package/dist/cjs/library/ongoing/Fold.js.map +0 -1
  167. package/dist/cjs/library/ongoing/Jello.js +0 -72
  168. package/dist/cjs/library/ongoing/Jello.js.map +0 -1
  169. package/dist/cjs/library/ongoing/Poke.js +0 -102
  170. package/dist/cjs/library/ongoing/Poke.js.map +0 -1
  171. package/dist/cjs/library/ongoing/Pulse.js +0 -75
  172. package/dist/cjs/library/ongoing/Pulse.js.map +0 -1
  173. package/dist/cjs/library/ongoing/Rubber.js +0 -92
  174. package/dist/cjs/library/ongoing/Rubber.js.map +0 -1
  175. package/dist/cjs/library/ongoing/Spin.js +0 -55
  176. package/dist/cjs/library/ongoing/Spin.js.map +0 -1
  177. package/dist/cjs/library/ongoing/Swing.js +0 -130
  178. package/dist/cjs/library/ongoing/Swing.js.map +0 -1
  179. package/dist/cjs/library/ongoing/Wiggle.js +0 -88
  180. package/dist/cjs/library/ongoing/Wiggle.js.map +0 -1
  181. package/dist/cjs/library/ongoing/index.js +0 -40
  182. package/dist/cjs/library/ongoing/index.js.map +0 -1
  183. package/dist/cjs/library/ongoing/test/testUtils.js +0 -8
  184. package/dist/cjs/library/ongoing/test/testUtils.js.map +0 -1
  185. package/dist/cjs/library/scroll/ArcScroll.js +0 -43
  186. package/dist/cjs/library/scroll/ArcScroll.js.map +0 -1
  187. package/dist/cjs/library/scroll/BlurScroll.js +0 -49
  188. package/dist/cjs/library/scroll/BlurScroll.js.map +0 -1
  189. package/dist/cjs/library/scroll/FadeScroll.js +0 -42
  190. package/dist/cjs/library/scroll/FadeScroll.js.map +0 -1
  191. package/dist/cjs/library/scroll/FlipScroll.js +0 -50
  192. package/dist/cjs/library/scroll/FlipScroll.js.map +0 -1
  193. package/dist/cjs/library/scroll/GrowScroll.js +0 -99
  194. package/dist/cjs/library/scroll/GrowScroll.js.map +0 -1
  195. package/dist/cjs/library/scroll/MoveScroll.js +0 -95
  196. package/dist/cjs/library/scroll/MoveScroll.js.map +0 -1
  197. package/dist/cjs/library/scroll/PanScroll.js +0 -77
  198. package/dist/cjs/library/scroll/PanScroll.js.map +0 -1
  199. package/dist/cjs/library/scroll/ParallaxScroll.js +0 -43
  200. package/dist/cjs/library/scroll/ParallaxScroll.js.map +0 -1
  201. package/dist/cjs/library/scroll/RevealScroll.js +0 -59
  202. package/dist/cjs/library/scroll/RevealScroll.js.map +0 -1
  203. package/dist/cjs/library/scroll/ShapeScroll.js +0 -114
  204. package/dist/cjs/library/scroll/ShapeScroll.js.map +0 -1
  205. package/dist/cjs/library/scroll/ShrinkScroll.js +0 -99
  206. package/dist/cjs/library/scroll/ShrinkScroll.js.map +0 -1
  207. package/dist/cjs/library/scroll/ShuttersScroll.js +0 -75
  208. package/dist/cjs/library/scroll/ShuttersScroll.js.map +0 -1
  209. package/dist/cjs/library/scroll/SkewPanScroll.js +0 -76
  210. package/dist/cjs/library/scroll/SkewPanScroll.js.map +0 -1
  211. package/dist/cjs/library/scroll/SlideScroll.js +0 -92
  212. package/dist/cjs/library/scroll/SlideScroll.js.map +0 -1
  213. package/dist/cjs/library/scroll/Spin3dScroll.js +0 -87
  214. package/dist/cjs/library/scroll/Spin3dScroll.js.map +0 -1
  215. package/dist/cjs/library/scroll/SpinScroll.js +0 -55
  216. package/dist/cjs/library/scroll/SpinScroll.js.map +0 -1
  217. package/dist/cjs/library/scroll/StretchScroll.js +0 -121
  218. package/dist/cjs/library/scroll/StretchScroll.js.map +0 -1
  219. package/dist/cjs/library/scroll/TiltScroll.js +0 -88
  220. package/dist/cjs/library/scroll/TiltScroll.js.map +0 -1
  221. package/dist/cjs/library/scroll/TurnScroll.js +0 -98
  222. package/dist/cjs/library/scroll/TurnScroll.js.map +0 -1
  223. package/dist/cjs/library/scroll/index.js +0 -46
  224. package/dist/cjs/library/scroll/index.js.map +0 -1
  225. package/dist/cjs/library/scroll/test/testUtils.js +0 -8
  226. package/dist/cjs/library/scroll/test/testUtils.js.map +0 -1
  227. package/dist/cjs/playground/animationMotionBgScroll.stories.js +0 -369
  228. package/dist/cjs/playground/animationMotionBgScroll.stories.js.map +0 -1
  229. package/dist/cjs/playground/animationsMotion.stories.js +0 -199
  230. package/dist/cjs/playground/animationsMotion.stories.js.map +0 -1
  231. package/dist/cjs/playground/animationsMotionMouse.stories.js +0 -266
  232. package/dist/cjs/playground/animationsMotionMouse.stories.js.map +0 -1
  233. package/dist/cjs/playground/animationsMotionOngoing.stories.js +0 -195
  234. package/dist/cjs/playground/animationsMotionOngoing.stories.js.map +0 -1
  235. package/dist/cjs/playground/animationsMotionScroll.stories.js +0 -270
  236. package/dist/cjs/playground/animationsMotionScroll.stories.js.map +0 -1
  237. package/dist/cjs/playground/controls.js +0 -334
  238. package/dist/cjs/playground/controls.js.map +0 -1
  239. package/dist/cjs/playground/mouse-parallax-components/plastic.jpeg +0 -0
  240. package/dist/cjs/playground/mouse-parallax-components/vector.svg +0 -19
  241. package/dist/cjs/playground/mouseComponent.js +0 -113
  242. package/dist/cjs/playground/mouseComponent.js.map +0 -1
  243. package/dist/cjs/playground/playground-common.js +0 -84
  244. package/dist/cjs/playground/playground-common.js.map +0 -1
  245. package/dist/cjs/playground/playground.module.scss +0 -381
  246. package/dist/cjs/test-types.d.js +0 -2
  247. package/dist/cjs/test-types.d.js.map +0 -1
  248. package/dist/cjs/types.js +0 -4
  249. package/dist/cjs/types.js.map +0 -1
  250. package/dist/cjs/utils.js +0 -338
  251. package/dist/cjs/utils.js.map +0 -1
  252. package/dist/esm/AnimationGroup.js +0 -100
  253. package/dist/esm/AnimationGroup.js.map +0 -1
  254. package/dist/esm/CustomAnimation.js +0 -184
  255. package/dist/esm/CustomAnimation.js.map +0 -1
  256. package/dist/esm/api/common.js +0 -132
  257. package/dist/esm/api/common.js.map +0 -1
  258. package/dist/esm/api/cssAnimations.js +0 -53
  259. package/dist/esm/api/cssAnimations.js.map +0 -1
  260. package/dist/esm/api/prepare.js +0 -16
  261. package/dist/esm/api/prepare.js.map +0 -1
  262. package/dist/esm/api/webAnimations.js +0 -152
  263. package/dist/esm/api/webAnimations.js.map +0 -1
  264. package/dist/esm/easings.js +0 -248
  265. package/dist/esm/easings.js.map +0 -1
  266. package/dist/esm/external-types.d.js +0 -2
  267. package/dist/esm/external-types.d.js.map +0 -1
  268. package/dist/esm/index.js +0 -3
  269. package/dist/esm/index.js.map +0 -1
  270. package/dist/esm/library/backgroundScroll/BgCloseUp.js +0 -91
  271. package/dist/esm/library/backgroundScroll/BgCloseUp.js.map +0 -1
  272. package/dist/esm/library/backgroundScroll/BgFade.js +0 -64
  273. package/dist/esm/library/backgroundScroll/BgFade.js.map +0 -1
  274. package/dist/esm/library/backgroundScroll/BgFadeBack.js +0 -90
  275. package/dist/esm/library/backgroundScroll/BgFadeBack.js.map +0 -1
  276. package/dist/esm/library/backgroundScroll/BgFake3D.js +0 -127
  277. package/dist/esm/library/backgroundScroll/BgFake3D.js.map +0 -1
  278. package/dist/esm/library/backgroundScroll/BgPan.js +0 -60
  279. package/dist/esm/library/backgroundScroll/BgPan.js.map +0 -1
  280. package/dist/esm/library/backgroundScroll/BgParallax.js +0 -58
  281. package/dist/esm/library/backgroundScroll/BgParallax.js.map +0 -1
  282. package/dist/esm/library/backgroundScroll/BgPullBack.js +0 -62
  283. package/dist/esm/library/backgroundScroll/BgPullBack.js.map +0 -1
  284. package/dist/esm/library/backgroundScroll/BgReveal.js +0 -21
  285. package/dist/esm/library/backgroundScroll/BgReveal.js.map +0 -1
  286. package/dist/esm/library/backgroundScroll/BgRotate.js +0 -48
  287. package/dist/esm/library/backgroundScroll/BgRotate.js.map +0 -1
  288. package/dist/esm/library/backgroundScroll/BgSkew.js +0 -59
  289. package/dist/esm/library/backgroundScroll/BgSkew.js.map +0 -1
  290. package/dist/esm/library/backgroundScroll/BgZoom.js +0 -159
  291. package/dist/esm/library/backgroundScroll/BgZoom.js.map +0 -1
  292. package/dist/esm/library/backgroundScroll/ImageParallax.js +0 -77
  293. package/dist/esm/library/backgroundScroll/ImageParallax.js.map +0 -1
  294. package/dist/esm/library/backgroundScroll/index.js +0 -27
  295. package/dist/esm/library/backgroundScroll/index.js.map +0 -1
  296. package/dist/esm/library/backgroundScroll/test/testUtils.js +0 -4
  297. package/dist/esm/library/backgroundScroll/test/testUtils.js.map +0 -1
  298. package/dist/esm/library/backgroundScroll/utils.js +0 -42
  299. package/dist/esm/library/backgroundScroll/utils.js.map +0 -1
  300. package/dist/esm/library/entrance/ArcIn.js +0 -106
  301. package/dist/esm/library/entrance/ArcIn.js.map +0 -1
  302. package/dist/esm/library/entrance/BlurIn.js +0 -53
  303. package/dist/esm/library/entrance/BlurIn.js.map +0 -1
  304. package/dist/esm/library/entrance/BounceIn.js +0 -143
  305. package/dist/esm/library/entrance/BounceIn.js.map +0 -1
  306. package/dist/esm/library/entrance/CircleIn.js +0 -71
  307. package/dist/esm/library/entrance/CircleIn.js.map +0 -1
  308. package/dist/esm/library/entrance/CurveIn.js +0 -76
  309. package/dist/esm/library/entrance/CurveIn.js.map +0 -1
  310. package/dist/esm/library/entrance/DropIn.js +0 -61
  311. package/dist/esm/library/entrance/DropIn.js.map +0 -1
  312. package/dist/esm/library/entrance/ExpandIn.js +0 -117
  313. package/dist/esm/library/entrance/ExpandIn.js.map +0 -1
  314. package/dist/esm/library/entrance/FadeIn.js +0 -21
  315. package/dist/esm/library/entrance/FadeIn.js.map +0 -1
  316. package/dist/esm/library/entrance/FlipIn.js +0 -100
  317. package/dist/esm/library/entrance/FlipIn.js.map +0 -1
  318. package/dist/esm/library/entrance/FloatIn.js +0 -64
  319. package/dist/esm/library/entrance/FloatIn.js.map +0 -1
  320. package/dist/esm/library/entrance/FoldIn.js +0 -127
  321. package/dist/esm/library/entrance/FoldIn.js.map +0 -1
  322. package/dist/esm/library/entrance/GlideIn.js +0 -85
  323. package/dist/esm/library/entrance/GlideIn.js.map +0 -1
  324. package/dist/esm/library/entrance/GlitchIn.js +0 -22
  325. package/dist/esm/library/entrance/GlitchIn.js.map +0 -1
  326. package/dist/esm/library/entrance/GrowIn.js +0 -63
  327. package/dist/esm/library/entrance/GrowIn.js.map +0 -1
  328. package/dist/esm/library/entrance/PunchIn.js +0 -175
  329. package/dist/esm/library/entrance/PunchIn.js.map +0 -1
  330. package/dist/esm/library/entrance/RevealIn.js +0 -65
  331. package/dist/esm/library/entrance/RevealIn.js.map +0 -1
  332. package/dist/esm/library/entrance/ShapeIn.js +0 -72
  333. package/dist/esm/library/entrance/ShapeIn.js.map +0 -1
  334. package/dist/esm/library/entrance/ShuttersIn.js +0 -45
  335. package/dist/esm/library/entrance/ShuttersIn.js.map +0 -1
  336. package/dist/esm/library/entrance/SlideIn.js +0 -133
  337. package/dist/esm/library/entrance/SlideIn.js.map +0 -1
  338. package/dist/esm/library/entrance/SpinIn.js +0 -62
  339. package/dist/esm/library/entrance/SpinIn.js.map +0 -1
  340. package/dist/esm/library/entrance/TiltIn.js +0 -98
  341. package/dist/esm/library/entrance/TiltIn.js.map +0 -1
  342. package/dist/esm/library/entrance/TurnIn.js +0 -82
  343. package/dist/esm/library/entrance/TurnIn.js.map +0 -1
  344. package/dist/esm/library/entrance/WinkIn.js +0 -108
  345. package/dist/esm/library/entrance/WinkIn.js.map +0 -1
  346. package/dist/esm/library/entrance/index.js +0 -49
  347. package/dist/esm/library/entrance/index.js.map +0 -1
  348. package/dist/esm/library/entrance/test/testUtils.js +0 -4
  349. package/dist/esm/library/entrance/test/testUtils.js.map +0 -1
  350. package/dist/esm/library/mouse/AiryMouse.js +0 -73
  351. package/dist/esm/library/mouse/AiryMouse.js.map +0 -1
  352. package/dist/esm/library/mouse/BlobMouse.js +0 -67
  353. package/dist/esm/library/mouse/BlobMouse.js.map +0 -1
  354. package/dist/esm/library/mouse/BlurMouse.js +0 -91
  355. package/dist/esm/library/mouse/BlurMouse.js.map +0 -1
  356. package/dist/esm/library/mouse/BounceMouse.js +0 -21
  357. package/dist/esm/library/mouse/BounceMouse.js.map +0 -1
  358. package/dist/esm/library/mouse/CustomMouse.js +0 -59
  359. package/dist/esm/library/mouse/CustomMouse.js.map +0 -1
  360. package/dist/esm/library/mouse/ScaleMouse.js +0 -95
  361. package/dist/esm/library/mouse/ScaleMouse.js.map +0 -1
  362. package/dist/esm/library/mouse/SkewMouse.js +0 -89
  363. package/dist/esm/library/mouse/SkewMouse.js.map +0 -1
  364. package/dist/esm/library/mouse/SpinMouse.js +0 -38
  365. package/dist/esm/library/mouse/SpinMouse.js.map +0 -1
  366. package/dist/esm/library/mouse/SwivelMouse.js +0 -82
  367. package/dist/esm/library/mouse/SwivelMouse.js.map +0 -1
  368. package/dist/esm/library/mouse/Tilt3DMouse.js +0 -62
  369. package/dist/esm/library/mouse/Tilt3DMouse.js.map +0 -1
  370. package/dist/esm/library/mouse/Track3DMouse.js +0 -84
  371. package/dist/esm/library/mouse/Track3DMouse.js.map +0 -1
  372. package/dist/esm/library/mouse/TrackMouse.js +0 -62
  373. package/dist/esm/library/mouse/TrackMouse.js.map +0 -1
  374. package/dist/esm/library/mouse/index.js +0 -27
  375. package/dist/esm/library/mouse/index.js.map +0 -1
  376. package/dist/esm/library/ongoing/Blink.js +0 -115
  377. package/dist/esm/library/ongoing/Blink.js.map +0 -1
  378. package/dist/esm/library/ongoing/Bounce.js +0 -92
  379. package/dist/esm/library/ongoing/Bounce.js.map +0 -1
  380. package/dist/esm/library/ongoing/Breathe.js +0 -122
  381. package/dist/esm/library/ongoing/Breathe.js.map +0 -1
  382. package/dist/esm/library/ongoing/Cross.js +0 -273
  383. package/dist/esm/library/ongoing/Cross.js.map +0 -1
  384. package/dist/esm/library/ongoing/DVD.js +0 -79
  385. package/dist/esm/library/ongoing/DVD.js.map +0 -1
  386. package/dist/esm/library/ongoing/Flash.js +0 -42
  387. package/dist/esm/library/ongoing/Flash.js.map +0 -1
  388. package/dist/esm/library/ongoing/Flip.js +0 -64
  389. package/dist/esm/library/ongoing/Flip.js.map +0 -1
  390. package/dist/esm/library/ongoing/Fold.js +0 -165
  391. package/dist/esm/library/ongoing/Fold.js.map +0 -1
  392. package/dist/esm/library/ongoing/Jello.js +0 -70
  393. package/dist/esm/library/ongoing/Jello.js.map +0 -1
  394. package/dist/esm/library/ongoing/Poke.js +0 -100
  395. package/dist/esm/library/ongoing/Poke.js.map +0 -1
  396. package/dist/esm/library/ongoing/Pulse.js +0 -73
  397. package/dist/esm/library/ongoing/Pulse.js.map +0 -1
  398. package/dist/esm/library/ongoing/Rubber.js +0 -90
  399. package/dist/esm/library/ongoing/Rubber.js.map +0 -1
  400. package/dist/esm/library/ongoing/Spin.js +0 -52
  401. package/dist/esm/library/ongoing/Spin.js.map +0 -1
  402. package/dist/esm/library/ongoing/Swing.js +0 -128
  403. package/dist/esm/library/ongoing/Swing.js.map +0 -1
  404. package/dist/esm/library/ongoing/Wiggle.js +0 -86
  405. package/dist/esm/library/ongoing/Wiggle.js.map +0 -1
  406. package/dist/esm/library/ongoing/index.js +0 -33
  407. package/dist/esm/library/ongoing/index.js.map +0 -1
  408. package/dist/esm/library/ongoing/test/testUtils.js +0 -4
  409. package/dist/esm/library/ongoing/test/testUtils.js.map +0 -1
  410. package/dist/esm/library/scroll/ArcScroll.js +0 -40
  411. package/dist/esm/library/scroll/ArcScroll.js.map +0 -1
  412. package/dist/esm/library/scroll/BlurScroll.js +0 -46
  413. package/dist/esm/library/scroll/BlurScroll.js.map +0 -1
  414. package/dist/esm/library/scroll/FadeScroll.js +0 -39
  415. package/dist/esm/library/scroll/FadeScroll.js.map +0 -1
  416. package/dist/esm/library/scroll/FlipScroll.js +0 -47
  417. package/dist/esm/library/scroll/FlipScroll.js.map +0 -1
  418. package/dist/esm/library/scroll/GrowScroll.js +0 -96
  419. package/dist/esm/library/scroll/GrowScroll.js.map +0 -1
  420. package/dist/esm/library/scroll/MoveScroll.js +0 -92
  421. package/dist/esm/library/scroll/MoveScroll.js.map +0 -1
  422. package/dist/esm/library/scroll/PanScroll.js +0 -73
  423. package/dist/esm/library/scroll/PanScroll.js.map +0 -1
  424. package/dist/esm/library/scroll/ParallaxScroll.js +0 -40
  425. package/dist/esm/library/scroll/ParallaxScroll.js.map +0 -1
  426. package/dist/esm/library/scroll/RevealScroll.js +0 -52
  427. package/dist/esm/library/scroll/RevealScroll.js.map +0 -1
  428. package/dist/esm/library/scroll/ShapeScroll.js +0 -111
  429. package/dist/esm/library/scroll/ShapeScroll.js.map +0 -1
  430. package/dist/esm/library/scroll/ShrinkScroll.js +0 -96
  431. package/dist/esm/library/scroll/ShrinkScroll.js.map +0 -1
  432. package/dist/esm/library/scroll/ShuttersScroll.js +0 -72
  433. package/dist/esm/library/scroll/ShuttersScroll.js.map +0 -1
  434. package/dist/esm/library/scroll/SkewPanScroll.js +0 -72
  435. package/dist/esm/library/scroll/SkewPanScroll.js.map +0 -1
  436. package/dist/esm/library/scroll/SlideScroll.js +0 -88
  437. package/dist/esm/library/scroll/SlideScroll.js.map +0 -1
  438. package/dist/esm/library/scroll/Spin3dScroll.js +0 -84
  439. package/dist/esm/library/scroll/Spin3dScroll.js.map +0 -1
  440. package/dist/esm/library/scroll/SpinScroll.js +0 -52
  441. package/dist/esm/library/scroll/SpinScroll.js.map +0 -1
  442. package/dist/esm/library/scroll/StretchScroll.js +0 -118
  443. package/dist/esm/library/scroll/StretchScroll.js.map +0 -1
  444. package/dist/esm/library/scroll/TiltScroll.js +0 -85
  445. package/dist/esm/library/scroll/TiltScroll.js.map +0 -1
  446. package/dist/esm/library/scroll/TurnScroll.js +0 -94
  447. package/dist/esm/library/scroll/TurnScroll.js.map +0 -1
  448. package/dist/esm/library/scroll/index.js +0 -41
  449. package/dist/esm/library/scroll/index.js.map +0 -1
  450. package/dist/esm/library/scroll/test/testUtils.js +0 -4
  451. package/dist/esm/library/scroll/test/testUtils.js.map +0 -1
  452. package/dist/esm/motion.js +0 -142
  453. package/dist/esm/motion.js.map +0 -1
  454. package/dist/esm/playground/animationMotionBgScroll.stories.js +0 -284
  455. package/dist/esm/playground/animationMotionBgScroll.stories.js.map +0 -1
  456. package/dist/esm/playground/animationsMotion.stories.js +0 -132
  457. package/dist/esm/playground/animationsMotion.stories.js.map +0 -1
  458. package/dist/esm/playground/animationsMotionMouse.stories.js +0 -187
  459. package/dist/esm/playground/animationsMotionMouse.stories.js.map +0 -1
  460. package/dist/esm/playground/animationsMotionOngoing.stories.js +0 -128
  461. package/dist/esm/playground/animationsMotionOngoing.stories.js.map +0 -1
  462. package/dist/esm/playground/animationsMotionScroll.stories.js +0 -198
  463. package/dist/esm/playground/animationsMotionScroll.stories.js.map +0 -1
  464. package/dist/esm/playground/controls.js +0 -168
  465. package/dist/esm/playground/controls.js.map +0 -1
  466. package/dist/esm/playground/mouse-parallax-components/plastic.jpeg +0 -0
  467. package/dist/esm/playground/mouse-parallax-components/vector.svg +0 -19
  468. package/dist/esm/playground/mouseComponent.js +0 -61
  469. package/dist/esm/playground/mouseComponent.js.map +0 -1
  470. package/dist/esm/playground/playground-common.js +0 -91
  471. package/dist/esm/playground/playground-common.js.map +0 -1
  472. package/dist/esm/playground/playground.module.scss +0 -381
  473. package/dist/esm/test-types.d.js +0 -2
  474. package/dist/esm/test-types.d.js.map +0 -1
  475. package/dist/esm/types.js +0 -2
  476. package/dist/esm/types.js.map +0 -1
  477. package/dist/esm/utils.js +0 -361
  478. package/dist/esm/utils.js.map +0 -1
  479. package/dist/types/library/backgroundScroll/BgCloseUp.d.ts +0 -131
  480. package/dist/types/library/backgroundScroll/BgCloseUp.d.ts.map +0 -1
  481. package/dist/types/library/backgroundScroll/BgFade.d.ts +0 -71
  482. package/dist/types/library/backgroundScroll/BgFade.d.ts.map +0 -1
  483. package/dist/types/library/backgroundScroll/BgFadeBack.d.ts +0 -133
  484. package/dist/types/library/backgroundScroll/BgFadeBack.d.ts.map +0 -1
  485. package/dist/types/library/backgroundScroll/BgFake3D.d.ts +0 -130
  486. package/dist/types/library/backgroundScroll/BgFake3D.d.ts.map +0 -1
  487. package/dist/types/library/backgroundScroll/BgPan.d.ts +0 -68
  488. package/dist/types/library/backgroundScroll/BgPan.d.ts.map +0 -1
  489. package/dist/types/library/backgroundScroll/BgParallax.d.ts +0 -68
  490. package/dist/types/library/backgroundScroll/BgParallax.d.ts.map +0 -1
  491. package/dist/types/library/backgroundScroll/BgPullBack.d.ts +0 -68
  492. package/dist/types/library/backgroundScroll/BgPullBack.d.ts.map +0 -1
  493. package/dist/types/library/backgroundScroll/BgReveal.d.ts +0 -8
  494. package/dist/types/library/backgroundScroll/BgReveal.d.ts.map +0 -1
  495. package/dist/types/library/backgroundScroll/BgRotate.d.ts +0 -53
  496. package/dist/types/library/backgroundScroll/BgRotate.d.ts.map +0 -1
  497. package/dist/types/library/backgroundScroll/BgSkew.d.ts +0 -68
  498. package/dist/types/library/backgroundScroll/BgSkew.d.ts.map +0 -1
  499. package/dist/types/library/backgroundScroll/BgZoom.d.ts +0 -8
  500. package/dist/types/library/backgroundScroll/BgZoom.d.ts.map +0 -1
  501. package/dist/types/library/backgroundScroll/ImageParallax.d.ts +0 -69
  502. package/dist/types/library/backgroundScroll/ImageParallax.d.ts.map +0 -1
  503. package/dist/types/library/backgroundScroll/index.d.ts +0 -3
  504. package/dist/types/library/backgroundScroll/index.d.ts.map +0 -1
  505. package/dist/types/library/backgroundScroll/test/testUtils.d.ts +0 -3
  506. package/dist/types/library/backgroundScroll/test/testUtils.d.ts.map +0 -1
  507. package/dist/types/library/backgroundScroll/utils.d.ts +0 -10
  508. package/dist/types/library/backgroundScroll/utils.d.ts.map +0 -1
  509. package/dist/types/library/entrance/ArcIn.d.ts +0 -102
  510. package/dist/types/library/entrance/ArcIn.d.ts.map +0 -1
  511. package/dist/types/library/entrance/BlurIn.d.ts +0 -91
  512. package/dist/types/library/entrance/BlurIn.d.ts.map +0 -1
  513. package/dist/types/library/entrance/BounceIn.d.ts +0 -111
  514. package/dist/types/library/entrance/BounceIn.d.ts.map +0 -1
  515. package/dist/types/library/entrance/CircleIn.d.ts +0 -122
  516. package/dist/types/library/entrance/CircleIn.d.ts.map +0 -1
  517. package/dist/types/library/entrance/CurveIn.d.ts +0 -74
  518. package/dist/types/library/entrance/CurveIn.d.ts.map +0 -1
  519. package/dist/types/library/entrance/DropIn.d.ts +0 -97
  520. package/dist/types/library/entrance/DropIn.d.ts.map +0 -1
  521. package/dist/types/library/entrance/ExpandIn.d.ts +0 -102
  522. package/dist/types/library/entrance/ExpandIn.d.ts.map +0 -1
  523. package/dist/types/library/entrance/FadeIn.d.ts +0 -47
  524. package/dist/types/library/entrance/FadeIn.d.ts.map +0 -1
  525. package/dist/types/library/entrance/FlipIn.d.ts +0 -100
  526. package/dist/types/library/entrance/FlipIn.d.ts.map +0 -1
  527. package/dist/types/library/entrance/FloatIn.d.ts +0 -73
  528. package/dist/types/library/entrance/FloatIn.d.ts.map +0 -1
  529. package/dist/types/library/entrance/FoldIn.d.ts +0 -104
  530. package/dist/types/library/entrance/FoldIn.d.ts.map +0 -1
  531. package/dist/types/library/entrance/GlideIn.d.ts +0 -74
  532. package/dist/types/library/entrance/GlideIn.d.ts.map +0 -1
  533. package/dist/types/library/entrance/GlitchIn.d.ts +0 -73
  534. package/dist/types/library/entrance/GlitchIn.d.ts.map +0 -1
  535. package/dist/types/library/entrance/GrowIn.d.ts +0 -101
  536. package/dist/types/library/entrance/GrowIn.d.ts.map +0 -1
  537. package/dist/types/library/entrance/PunchIn.d.ts +0 -106
  538. package/dist/types/library/entrance/PunchIn.d.ts.map +0 -1
  539. package/dist/types/library/entrance/RevealIn.d.ts +0 -72
  540. package/dist/types/library/entrance/RevealIn.d.ts.map +0 -1
  541. package/dist/types/library/entrance/ShapeIn.d.ts +0 -99
  542. package/dist/types/library/entrance/ShapeIn.d.ts.map +0 -1
  543. package/dist/types/library/entrance/ShuttersIn.d.ts +0 -73
  544. package/dist/types/library/entrance/ShuttersIn.d.ts.map +0 -1
  545. package/dist/types/library/entrance/SlideIn.d.ts +0 -66
  546. package/dist/types/library/entrance/SlideIn.d.ts.map +0 -1
  547. package/dist/types/library/entrance/SpinIn.d.ts +0 -103
  548. package/dist/types/library/entrance/SpinIn.d.ts.map +0 -1
  549. package/dist/types/library/entrance/TiltIn.d.ts +0 -162
  550. package/dist/types/library/entrance/TiltIn.d.ts.map +0 -1
  551. package/dist/types/library/entrance/TurnIn.d.ts +0 -101
  552. package/dist/types/library/entrance/TurnIn.d.ts.map +0 -1
  553. package/dist/types/library/entrance/WinkIn.d.ts +0 -154
  554. package/dist/types/library/entrance/WinkIn.d.ts.map +0 -1
  555. package/dist/types/library/entrance/index.d.ts +0 -3
  556. package/dist/types/library/entrance/index.d.ts.map +0 -1
  557. package/dist/types/library/entrance/test/testUtils.d.ts +0 -3
  558. package/dist/types/library/entrance/test/testUtils.d.ts.map +0 -1
  559. package/dist/types/library/mouse/AiryMouse.d.ts +0 -9
  560. package/dist/types/library/mouse/AiryMouse.d.ts.map +0 -1
  561. package/dist/types/library/mouse/BlobMouse.d.ts +0 -9
  562. package/dist/types/library/mouse/BlobMouse.d.ts.map +0 -1
  563. package/dist/types/library/mouse/BlurMouse.d.ts +0 -9
  564. package/dist/types/library/mouse/BlurMouse.d.ts.map +0 -1
  565. package/dist/types/library/mouse/BounceMouse.d.ts +0 -11
  566. package/dist/types/library/mouse/BounceMouse.d.ts.map +0 -1
  567. package/dist/types/library/mouse/CustomMouse.d.ts +0 -13
  568. package/dist/types/library/mouse/CustomMouse.d.ts.map +0 -1
  569. package/dist/types/library/mouse/ScaleMouse.d.ts +0 -9
  570. package/dist/types/library/mouse/ScaleMouse.d.ts.map +0 -1
  571. package/dist/types/library/mouse/SkewMouse.d.ts +0 -9
  572. package/dist/types/library/mouse/SkewMouse.d.ts.map +0 -1
  573. package/dist/types/library/mouse/SpinMouse.d.ts +0 -9
  574. package/dist/types/library/mouse/SpinMouse.d.ts.map +0 -1
  575. package/dist/types/library/mouse/SwivelMouse.d.ts +0 -9
  576. package/dist/types/library/mouse/SwivelMouse.d.ts.map +0 -1
  577. package/dist/types/library/mouse/Tilt3DMouse.d.ts +0 -9
  578. package/dist/types/library/mouse/Tilt3DMouse.d.ts.map +0 -1
  579. package/dist/types/library/mouse/Track3DMouse.d.ts +0 -9
  580. package/dist/types/library/mouse/Track3DMouse.d.ts.map +0 -1
  581. package/dist/types/library/mouse/TrackMouse.d.ts +0 -9
  582. package/dist/types/library/mouse/TrackMouse.d.ts.map +0 -1
  583. package/dist/types/library/mouse/index.d.ts +0 -3
  584. package/dist/types/library/mouse/index.d.ts.map +0 -1
  585. package/dist/types/library/ongoing/Blink.d.ts +0 -19
  586. package/dist/types/library/ongoing/Blink.d.ts.map +0 -1
  587. package/dist/types/library/ongoing/Bounce.d.ts +0 -61
  588. package/dist/types/library/ongoing/Bounce.d.ts.map +0 -1
  589. package/dist/types/library/ongoing/Breathe.d.ts +0 -65
  590. package/dist/types/library/ongoing/Breathe.d.ts.map +0 -1
  591. package/dist/types/library/ongoing/Cross.d.ts +0 -34
  592. package/dist/types/library/ongoing/Cross.d.ts.map +0 -1
  593. package/dist/types/library/ongoing/DVD.d.ts +0 -45
  594. package/dist/types/library/ongoing/DVD.d.ts.map +0 -1
  595. package/dist/types/library/ongoing/Flash.d.ts +0 -63
  596. package/dist/types/library/ongoing/Flash.d.ts.map +0 -1
  597. package/dist/types/library/ongoing/Flip.d.ts +0 -71
  598. package/dist/types/library/ongoing/Flip.d.ts.map +0 -1
  599. package/dist/types/library/ongoing/Fold.d.ts +0 -65
  600. package/dist/types/library/ongoing/Fold.d.ts.map +0 -1
  601. package/dist/types/library/ongoing/Jello.d.ts +0 -55
  602. package/dist/types/library/ongoing/Jello.d.ts.map +0 -1
  603. package/dist/types/library/ongoing/Poke.d.ts +0 -55
  604. package/dist/types/library/ongoing/Poke.d.ts.map +0 -1
  605. package/dist/types/library/ongoing/Pulse.d.ts +0 -55
  606. package/dist/types/library/ongoing/Pulse.d.ts.map +0 -1
  607. package/dist/types/library/ongoing/Rubber.d.ts +0 -55
  608. package/dist/types/library/ongoing/Rubber.d.ts.map +0 -1
  609. package/dist/types/library/ongoing/Spin.d.ts +0 -69
  610. package/dist/types/library/ongoing/Spin.d.ts.map +0 -1
  611. package/dist/types/library/ongoing/Swing.d.ts +0 -65
  612. package/dist/types/library/ongoing/Swing.d.ts.map +0 -1
  613. package/dist/types/library/ongoing/Wiggle.d.ts +0 -55
  614. package/dist/types/library/ongoing/Wiggle.d.ts.map +0 -1
  615. package/dist/types/library/ongoing/index.d.ts +0 -3
  616. package/dist/types/library/ongoing/index.d.ts.map +0 -1
  617. package/dist/types/library/ongoing/test/testUtils.d.ts +0 -3
  618. package/dist/types/library/ongoing/test/testUtils.d.ts.map +0 -1
  619. package/dist/types/library/scroll/ArcScroll.d.ts +0 -57
  620. package/dist/types/library/scroll/ArcScroll.d.ts.map +0 -1
  621. package/dist/types/library/scroll/BlurScroll.d.ts +0 -59
  622. package/dist/types/library/scroll/BlurScroll.d.ts.map +0 -1
  623. package/dist/types/library/scroll/FadeScroll.d.ts +0 -57
  624. package/dist/types/library/scroll/FadeScroll.d.ts.map +0 -1
  625. package/dist/types/library/scroll/FlipScroll.d.ts +0 -57
  626. package/dist/types/library/scroll/FlipScroll.d.ts.map +0 -1
  627. package/dist/types/library/scroll/GrowScroll.d.ts +0 -69
  628. package/dist/types/library/scroll/GrowScroll.d.ts.map +0 -1
  629. package/dist/types/library/scroll/MoveScroll.d.ts +0 -65
  630. package/dist/types/library/scroll/MoveScroll.d.ts.map +0 -1
  631. package/dist/types/library/scroll/PanScroll.d.ts +0 -58
  632. package/dist/types/library/scroll/PanScroll.d.ts.map +0 -1
  633. package/dist/types/library/scroll/ParallaxScroll.d.ts +0 -59
  634. package/dist/types/library/scroll/ParallaxScroll.d.ts.map +0 -1
  635. package/dist/types/library/scroll/RevealScroll.d.ts +0 -58
  636. package/dist/types/library/scroll/RevealScroll.d.ts.map +0 -1
  637. package/dist/types/library/scroll/ShapeScroll.d.ts +0 -65
  638. package/dist/types/library/scroll/ShapeScroll.d.ts.map +0 -1
  639. package/dist/types/library/scroll/ShrinkScroll.d.ts +0 -69
  640. package/dist/types/library/scroll/ShrinkScroll.d.ts.map +0 -1
  641. package/dist/types/library/scroll/ShuttersScroll.d.ts +0 -61
  642. package/dist/types/library/scroll/ShuttersScroll.d.ts.map +0 -1
  643. package/dist/types/library/scroll/SkewPanScroll.d.ts +0 -62
  644. package/dist/types/library/scroll/SkewPanScroll.d.ts.map +0 -1
  645. package/dist/types/library/scroll/SlideScroll.d.ts +0 -52
  646. package/dist/types/library/scroll/SlideScroll.d.ts.map +0 -1
  647. package/dist/types/library/scroll/Spin3dScroll.d.ts +0 -73
  648. package/dist/types/library/scroll/Spin3dScroll.d.ts.map +0 -1
  649. package/dist/types/library/scroll/SpinScroll.d.ts +0 -61
  650. package/dist/types/library/scroll/SpinScroll.d.ts.map +0 -1
  651. package/dist/types/library/scroll/StretchScroll.d.ts +0 -125
  652. package/dist/types/library/scroll/StretchScroll.d.ts.map +0 -1
  653. package/dist/types/library/scroll/TiltScroll.d.ts +0 -143
  654. package/dist/types/library/scroll/TiltScroll.d.ts.map +0 -1
  655. package/dist/types/library/scroll/TurnScroll.d.ts +0 -66
  656. package/dist/types/library/scroll/TurnScroll.d.ts.map +0 -1
  657. package/dist/types/library/scroll/index.d.ts +0 -3
  658. package/dist/types/library/scroll/index.d.ts.map +0 -1
  659. package/dist/types/library/scroll/test/testUtils.d.ts +0 -3
  660. package/dist/types/library/scroll/test/testUtils.d.ts.map +0 -1
  661. package/dist/types/playground/animationMotionBgScroll.stories.d.ts +0 -6
  662. package/dist/types/playground/animationMotionBgScroll.stories.d.ts.map +0 -1
  663. package/dist/types/playground/animationsMotion.stories.d.ts +0 -6
  664. package/dist/types/playground/animationsMotion.stories.d.ts.map +0 -1
  665. package/dist/types/playground/animationsMotionMouse.stories.d.ts +0 -6
  666. package/dist/types/playground/animationsMotionMouse.stories.d.ts.map +0 -1
  667. package/dist/types/playground/animationsMotionOngoing.stories.d.ts +0 -6
  668. package/dist/types/playground/animationsMotionOngoing.stories.d.ts.map +0 -1
  669. package/dist/types/playground/animationsMotionScroll.stories.d.ts +0 -6
  670. package/dist/types/playground/animationsMotionScroll.stories.d.ts.map +0 -1
  671. package/dist/types/playground/controls.d.ts +0 -53
  672. package/dist/types/playground/controls.d.ts.map +0 -1
  673. package/dist/types/playground/mouseComponent.d.ts +0 -10
  674. package/dist/types/playground/mouseComponent.d.ts.map +0 -1
  675. package/dist/types/playground/playground-common.d.ts +0 -34
  676. package/dist/types/playground/playground-common.d.ts.map +0 -1
@@ -1 +0,0 @@
1
- {"version":3,"names":["_utils","require","_CustomMouse","paramsMap","soft","angle","perspective","easing","medium","hard","Tilt3DMouseAnimation","CustomMouse","progress","x","progressX","y","progressY","invert","options","rotateX","mapRange","rotateY","target","style","transform","cancel","transition","create","transitionDuration","transitionEasing","power","inverted","namedEffect","animationOptions","getMouseTransitionEasing"],"sources":["../../../../src/library/mouse/Tilt3DMouse.ts"],"sourcesContent":["import { getMouseTransitionEasing, mapRange } from '../../utils';\nimport { CustomMouse } from './CustomMouse';\nimport {\n ScrubAnimationOptions,\n AnimationExtraOptions,\n Tilt3DMouse,\n Progress,\n EffectPower,\n ScrubTransitionEasing,\n} from '../../types';\n\nconst paramsMap: Record<\n EffectPower,\n { angle: number; perspective: number; easing: ScrubTransitionEasing }\n> = {\n soft: { angle: 25, perspective: 1000, easing: 'easeOut' },\n medium: { angle: 50, perspective: 500, easing: 'easeOut' },\n hard: { angle: 85, perspective: 200, easing: 'easeOut' },\n};\n\nclass Tilt3DMouseAnimation extends CustomMouse {\n progress({ x: progressX, y: progressY }: Progress) {\n const { invert, angle, perspective } = this.options;\n\n // if progressX === 0, rotateX === -angle, if progressX === 0.5, rotateX === 0, if progressX === 1, rotateX === angle\n const rotateX = mapRange(0, 1, angle, -angle, progressY) * invert;\n const rotateY = mapRange(0, 1, -angle, angle, progressX) * invert;\n\n this.target.style.transform = `perspective(${perspective}px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) rotate(var(--comp-rotate-z, 0deg))`;\n }\n\n cancel() {\n this.target.style.transform = '';\n this.target.style.transition = '';\n }\n}\n\nexport default function create(\n options: ScrubAnimationOptions & AnimationExtraOptions,\n) {\n const { transitionDuration, transitionEasing } = options;\n const {\n power,\n inverted = false,\n angle = 5,\n perspective = 800,\n } = options.namedEffect as Tilt3DMouse;\n const invert = inverted ? -1 : 1;\n const animationOptions = {\n transition: transitionDuration\n ? `transform ${transitionDuration}ms ${getMouseTransitionEasing(\n power ? paramsMap[power].easing : transitionEasing,\n )}`\n : '',\n invert,\n angle: power ? paramsMap[power].angle : angle,\n perspective: power ? paramsMap[power].perspective : perspective,\n };\n\n return (target: HTMLElement) =>\n new Tilt3DMouseAnimation(target, animationOptions);\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAUA,MAAME,SAGL,GAAG;EACFC,IAAI,EAAE;IAAEC,KAAK,EAAE,EAAE;IAAEC,WAAW,EAAE,IAAI;IAAEC,MAAM,EAAE;EAAU,CAAC;EACzDC,MAAM,EAAE;IAAEH,KAAK,EAAE,EAAE;IAAEC,WAAW,EAAE,GAAG;IAAEC,MAAM,EAAE;EAAU,CAAC;EAC1DE,IAAI,EAAE;IAAEJ,KAAK,EAAE,EAAE;IAAEC,WAAW,EAAE,GAAG;IAAEC,MAAM,EAAE;EAAU;AACzD,CAAC;AAED,MAAMG,oBAAoB,SAASC,wBAAW,CAAC;EAC7CC,QAAQA,CAAC;IAAEC,CAAC,EAAEC,SAAS;IAAEC,CAAC,EAAEC;EAAoB,CAAC,EAAE;IACjD,MAAM;MAAEC,MAAM;MAAEZ,KAAK;MAAEC;IAAY,CAAC,GAAG,IAAI,CAACY,OAAO;;IAEnD;IACA,MAAMC,OAAO,GAAG,IAAAC,eAAQ,EAAC,CAAC,EAAE,CAAC,EAAEf,KAAK,EAAE,CAACA,KAAK,EAAEW,SAAS,CAAC,GAAGC,MAAM;IACjE,MAAMI,OAAO,GAAG,IAAAD,eAAQ,EAAC,CAAC,EAAE,CAAC,EAAE,CAACf,KAAK,EAAEA,KAAK,EAAES,SAAS,CAAC,GAAGG,MAAM;IAEjE,IAAI,CAACK,MAAM,CAACC,KAAK,CAACC,SAAS,GAAG,eAAelB,WAAW,eAAea,OAAO,gBAAgBE,OAAO,yCAAyC;EAChJ;EAEAI,MAAMA,CAAA,EAAG;IACP,IAAI,CAACH,MAAM,CAACC,KAAK,CAACC,SAAS,GAAG,EAAE;IAChC,IAAI,CAACF,MAAM,CAACC,KAAK,CAACG,UAAU,GAAG,EAAE;EACnC;AACF;AAEe,SAASC,MAAMA,CAC5BT,OAAsD,EACtD;EACA,MAAM;IAAEU,kBAAkB;IAAEC;EAAiB,CAAC,GAAGX,OAAO;EACxD,MAAM;IACJY,KAAK;IACLC,QAAQ,GAAG,KAAK;IAChB1B,KAAK,GAAG,CAAC;IACTC,WAAW,GAAG;EAChB,CAAC,GAAGY,OAAO,CAACc,WAA0B;EACtC,MAAMf,MAAM,GAAGc,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAC;EAChC,MAAME,gBAAgB,GAAG;IACvBP,UAAU,EAAEE,kBAAkB,GAC1B,aAAaA,kBAAkB,MAAM,IAAAM,+BAAwB,EAC3DJ,KAAK,GAAG3B,SAAS,CAAC2B,KAAK,CAAC,CAACvB,MAAM,GAAGsB,gBACpC,CAAC,EAAE,GACH,EAAE;IACNZ,MAAM;IACNZ,KAAK,EAAEyB,KAAK,GAAG3B,SAAS,CAAC2B,KAAK,CAAC,CAACzB,KAAK,GAAGA,KAAK;IAC7CC,WAAW,EAAEwB,KAAK,GAAG3B,SAAS,CAAC2B,KAAK,CAAC,CAACxB,WAAW,GAAGA;EACtD,CAAC;EAED,OAAQgB,MAAmB,IACzB,IAAIZ,oBAAoB,CAACY,MAAM,EAAEW,gBAAgB,CAAC;AACtD","ignoreList":[]}
@@ -1,87 +0,0 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
4
- exports.default = create;
5
- var _utils = require("../../utils");
6
- var _CustomMouse = require("./CustomMouse");
7
- const paramsMap = {
8
- soft: {
9
- angle: 25,
10
- perspective: 1000,
11
- easing: 'easeOut'
12
- },
13
- medium: {
14
- angle: 50,
15
- perspective: 500,
16
- easing: 'easeOut'
17
- },
18
- hard: {
19
- angle: 85,
20
- perspective: 333,
21
- easing: 'easeOut'
22
- }
23
- };
24
- class Track3DMouseAnimation extends _CustomMouse.CustomMouse {
25
- progress({
26
- x: progressX,
27
- y: progressY
28
- }) {
29
- const {
30
- invert,
31
- distance,
32
- angle,
33
- axis,
34
- perspective
35
- } = this.options;
36
- let translateX = 0;
37
- let translateY = 0;
38
- let rotateX = 0;
39
- let rotateY = 0;
40
- // if progressX === 0, translateX === -distance
41
- // if progressX === 0.5, translateX === 0
42
- // if progressX === 1, translateX === distance
43
- // if progressX === 0, rotateX === -angle, if progressX === 0.5, rotateX === 0, if progressX === 1, rotateX === angle
44
- if (axis === 'both' || axis === 'horizontal') {
45
- translateX = (0, _utils.mapRange)(0, 1, -distance.value, distance.value, progressX);
46
- rotateY = (0, _utils.mapRange)(0, 1, -angle, angle, progressX) * invert;
47
- }
48
- if (axis === 'both' || axis === 'vertical') {
49
- translateY = (0, _utils.mapRange)(0, 1, -distance.value, distance.value, progressY);
50
- rotateX = (0, _utils.mapRange)(0, 1, angle, -angle, progressY) * invert;
51
- }
52
- const units = (0, _utils.getCssUnits)(distance.type);
53
- this.target.style.transform = `perspective(${perspective}px) translateX(${translateX}${units}) translateY(${translateY}${units}) rotateX(${rotateX}deg) rotateY(${rotateY}deg) rotate(var(--comp-rotate-z, 0deg))`;
54
- }
55
- cancel() {
56
- this.target.style.transform = '';
57
- this.target.style.transition = '';
58
- }
59
- }
60
- function create(options) {
61
- const {
62
- transitionDuration,
63
- transitionEasing
64
- } = options;
65
- const {
66
- power,
67
- inverted = false,
68
- distance = {
69
- value: 200,
70
- type: 'px'
71
- },
72
- angle = 5,
73
- axis = 'both',
74
- perspective = 800
75
- } = options.namedEffect;
76
- const invert = inverted ? -1 : 1;
77
- const animationOptions = {
78
- transition: transitionDuration ? `transform ${transitionDuration}ms ${(0, _utils.getMouseTransitionEasing)(power ? paramsMap[power].easing : transitionEasing)}` : '',
79
- invert,
80
- distance,
81
- axis,
82
- angle: power ? paramsMap[power].angle : angle,
83
- perspective: power ? paramsMap[power].perspective : perspective
84
- };
85
- return target => new Track3DMouseAnimation(target, animationOptions);
86
- }
87
- //# sourceMappingURL=Track3DMouse.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["_utils","require","_CustomMouse","paramsMap","soft","angle","perspective","easing","medium","hard","Track3DMouseAnimation","CustomMouse","progress","x","progressX","y","progressY","invert","distance","axis","options","translateX","translateY","rotateX","rotateY","mapRange","value","units","getCssUnits","type","target","style","transform","cancel","transition","create","transitionDuration","transitionEasing","power","inverted","namedEffect","animationOptions","getMouseTransitionEasing"],"sources":["../../../../src/library/mouse/Track3DMouse.ts"],"sourcesContent":["import {\n ScrubAnimationOptions,\n AnimationExtraOptions,\n Track3DMouse,\n Progress,\n EffectPower,\n ScrubTransitionEasing,\n} from '../../types';\nimport { getCssUnits, getMouseTransitionEasing, mapRange } from '../../utils';\nimport { CustomMouse } from './CustomMouse';\n\nconst paramsMap: Record<\n EffectPower,\n { angle: number; perspective: number; easing: ScrubTransitionEasing }\n> = {\n soft: { angle: 25, perspective: 1000, easing: 'easeOut' },\n medium: { angle: 50, perspective: 500, easing: 'easeOut' },\n hard: { angle: 85, perspective: 333, easing: 'easeOut' },\n};\n\nclass Track3DMouseAnimation extends CustomMouse {\n progress({ x: progressX, y: progressY }: Progress) {\n const { invert, distance, angle, axis, perspective } = this.options;\n\n let translateX = 0;\n let translateY = 0;\n let rotateX = 0;\n let rotateY = 0;\n // if progressX === 0, translateX === -distance\n // if progressX === 0.5, translateX === 0\n // if progressX === 1, translateX === distance\n // if progressX === 0, rotateX === -angle, if progressX === 0.5, rotateX === 0, if progressX === 1, rotateX === angle\n if (axis === 'both' || axis === 'horizontal') {\n translateX = mapRange(0, 1, -distance.value, distance.value, progressX);\n rotateY = mapRange(0, 1, -angle, angle, progressX) * invert;\n }\n if (axis === 'both' || axis === 'vertical') {\n translateY = mapRange(0, 1, -distance.value, distance.value, progressY);\n rotateX = mapRange(0, 1, angle, -angle, progressY) * invert;\n }\n const units = getCssUnits(distance.type);\n\n this.target.style.transform = `perspective(${perspective}px) translateX(${translateX}${units}) translateY(${translateY}${units}) rotateX(${rotateX}deg) rotateY(${rotateY}deg) rotate(var(--comp-rotate-z, 0deg))`;\n }\n\n cancel() {\n this.target.style.transform = '';\n this.target.style.transition = '';\n }\n}\n\nexport default function create(\n options: ScrubAnimationOptions & AnimationExtraOptions,\n) {\n const { transitionDuration, transitionEasing } = options;\n const {\n power,\n inverted = false,\n distance = { value: 200, type: 'px' },\n angle = 5,\n axis = 'both',\n perspective = 800,\n } = options.namedEffect as Track3DMouse;\n const invert = inverted ? -1 : 1;\n const animationOptions = {\n transition: transitionDuration\n ? `transform ${transitionDuration}ms ${getMouseTransitionEasing(\n power ? paramsMap[power].easing : transitionEasing,\n )}`\n : '',\n invert,\n distance,\n axis,\n angle: power ? paramsMap[power].angle : angle,\n perspective: power ? paramsMap[power].perspective : perspective,\n };\n\n return (target: HTMLElement) =>\n new Track3DMouseAnimation(target, animationOptions);\n}\n"],"mappings":"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","ignoreList":[]}
@@ -1,65 +0,0 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
4
- exports.default = create;
5
- var _utils = require("../../utils");
6
- var _CustomMouse = require("./CustomMouse");
7
- const easingMap = {
8
- soft: 'linear',
9
- medium: 'easeOut',
10
- hard: 'hardBackOut'
11
- };
12
- class TrackMouseAnimation extends _CustomMouse.CustomMouse {
13
- progress({
14
- x: progressX,
15
- y: progressY
16
- }) {
17
- const {
18
- invert,
19
- distance,
20
- axis
21
- } = this.options;
22
- let translateX = 0;
23
- let translateY = 0;
24
-
25
- // if progressX === 0, translateX === -distance
26
- // if progressX === 0.5, translateX === 0
27
- // if progressX === 1, translateX === distance
28
- if (axis === 'both' || axis === 'horizontal') {
29
- translateX = (0, _utils.mapRange)(0, 1, -distance.value, distance.value, progressX) * invert;
30
- }
31
- if (axis === 'both' || axis === 'vertical') {
32
- translateY = (0, _utils.mapRange)(0, 1, -distance.value, distance.value, progressY) * invert;
33
- }
34
- const units = (0, _utils.getCssUnits)(distance.type);
35
- this.target.style.transform = `translateX(${translateX}${units}) translateY(${translateY}${units}) rotate(var(--comp-rotate-z, 0deg))`;
36
- }
37
- cancel() {
38
- this.target.style.transform = '';
39
- this.target.style.transition = '';
40
- }
41
- }
42
- function create(options) {
43
- const {
44
- transitionDuration,
45
- transitionEasing
46
- } = options;
47
- const {
48
- power,
49
- inverted = false,
50
- distance = {
51
- value: 200,
52
- type: 'px'
53
- },
54
- axis = 'both'
55
- } = options.namedEffect;
56
- const invert = inverted ? -1 : 1;
57
- const animationOptions = {
58
- transition: transitionDuration ? `transform ${transitionDuration}ms ${(0, _utils.getMouseTransitionEasing)(power ? easingMap[power] : transitionEasing)}` : '',
59
- invert,
60
- distance,
61
- axis
62
- };
63
- return target => new TrackMouseAnimation(target, animationOptions);
64
- }
65
- //# sourceMappingURL=TrackMouse.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["_utils","require","_CustomMouse","easingMap","soft","medium","hard","TrackMouseAnimation","CustomMouse","progress","x","progressX","y","progressY","invert","distance","axis","options","translateX","translateY","mapRange","value","units","getCssUnits","type","target","style","transform","cancel","transition","create","transitionDuration","transitionEasing","power","inverted","namedEffect","animationOptions","getMouseTransitionEasing"],"sources":["../../../../src/library/mouse/TrackMouse.ts"],"sourcesContent":["import {\n ScrubAnimationOptions,\n AnimationExtraOptions,\n TrackMouse,\n Progress,\n EffectPower,\n ScrubTransitionEasing,\n} from '../../types';\nimport { getCssUnits, getMouseTransitionEasing, mapRange } from '../../utils';\nimport { CustomMouse } from './CustomMouse';\n\nconst easingMap: Record<EffectPower, ScrubTransitionEasing> = {\n soft: 'linear',\n medium: 'easeOut',\n hard: 'hardBackOut',\n};\nclass TrackMouseAnimation extends CustomMouse {\n progress({ x: progressX, y: progressY }: Progress) {\n const { invert, distance, axis } = this.options;\n\n let translateX = 0;\n let translateY = 0;\n\n // if progressX === 0, translateX === -distance\n // if progressX === 0.5, translateX === 0\n // if progressX === 1, translateX === distance\n if (axis === 'both' || axis === 'horizontal') {\n translateX =\n mapRange(0, 1, -distance.value, distance.value, progressX) * invert;\n }\n\n if (axis === 'both' || axis === 'vertical') {\n translateY =\n mapRange(0, 1, -distance.value, distance.value, progressY) * invert;\n }\n\n const units = getCssUnits(distance.type);\n\n this.target.style.transform = `translateX(${translateX}${units}) translateY(${translateY}${units}) rotate(var(--comp-rotate-z, 0deg))`;\n }\n cancel() {\n this.target.style.transform = '';\n this.target.style.transition = '';\n }\n}\n\nexport default function create(\n options: ScrubAnimationOptions & AnimationExtraOptions,\n) {\n const { transitionDuration, transitionEasing } = options;\n const {\n power,\n inverted = false,\n distance = { value: 200, type: 'px' },\n axis = 'both',\n } = options.namedEffect as TrackMouse;\n const invert = inverted ? -1 : 1;\n const animationOptions = {\n transition: transitionDuration\n ? `transform ${transitionDuration}ms ${getMouseTransitionEasing(\n power ? easingMap[power] : transitionEasing,\n )}`\n : '',\n invert,\n distance,\n axis,\n };\n\n return (target: HTMLElement) =>\n new TrackMouseAnimation(target, animationOptions);\n}\n"],"mappings":";;;;AAQA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,MAAME,SAAqD,GAAG;EAC5DC,IAAI,EAAE,QAAQ;EACdC,MAAM,EAAE,SAAS;EACjBC,IAAI,EAAE;AACR,CAAC;AACD,MAAMC,mBAAmB,SAASC,wBAAW,CAAC;EAC5CC,QAAQA,CAAC;IAAEC,CAAC,EAAEC,SAAS;IAAEC,CAAC,EAAEC;EAAoB,CAAC,EAAE;IACjD,MAAM;MAAEC,MAAM;MAAEC,QAAQ;MAAEC;IAAK,CAAC,GAAG,IAAI,CAACC,OAAO;IAE/C,IAAIC,UAAU,GAAG,CAAC;IAClB,IAAIC,UAAU,GAAG,CAAC;;IAElB;IACA;IACA;IACA,IAAIH,IAAI,KAAK,MAAM,IAAIA,IAAI,KAAK,YAAY,EAAE;MAC5CE,UAAU,GACR,IAAAE,eAAQ,EAAC,CAAC,EAAE,CAAC,EAAE,CAACL,QAAQ,CAACM,KAAK,EAAEN,QAAQ,CAACM,KAAK,EAAEV,SAAS,CAAC,GAAGG,MAAM;IACvE;IAEA,IAAIE,IAAI,KAAK,MAAM,IAAIA,IAAI,KAAK,UAAU,EAAE;MAC1CG,UAAU,GACR,IAAAC,eAAQ,EAAC,CAAC,EAAE,CAAC,EAAE,CAACL,QAAQ,CAACM,KAAK,EAAEN,QAAQ,CAACM,KAAK,EAAER,SAAS,CAAC,GAAGC,MAAM;IACvE;IAEA,MAAMQ,KAAK,GAAG,IAAAC,kBAAW,EAACR,QAAQ,CAACS,IAAI,CAAC;IAExC,IAAI,CAACC,MAAM,CAACC,KAAK,CAACC,SAAS,GAAG,cAAcT,UAAU,GAAGI,KAAK,gBAAgBH,UAAU,GAAGG,KAAK,sCAAsC;EACxI;EACAM,MAAMA,CAAA,EAAG;IACP,IAAI,CAACH,MAAM,CAACC,KAAK,CAACC,SAAS,GAAG,EAAE;IAChC,IAAI,CAACF,MAAM,CAACC,KAAK,CAACG,UAAU,GAAG,EAAE;EACnC;AACF;AAEe,SAASC,MAAMA,CAC5Bb,OAAsD,EACtD;EACA,MAAM;IAAEc,kBAAkB;IAAEC;EAAiB,CAAC,GAAGf,OAAO;EACxD,MAAM;IACJgB,KAAK;IACLC,QAAQ,GAAG,KAAK;IAChBnB,QAAQ,GAAG;MAAEM,KAAK,EAAE,GAAG;MAAEG,IAAI,EAAE;IAAK,CAAC;IACrCR,IAAI,GAAG;EACT,CAAC,GAAGC,OAAO,CAACkB,WAAyB;EACrC,MAAMrB,MAAM,GAAGoB,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAC;EAChC,MAAME,gBAAgB,GAAG;IACvBP,UAAU,EAAEE,kBAAkB,GAC1B,aAAaA,kBAAkB,MAAM,IAAAM,+BAAwB,EAC3DJ,KAAK,GAAG9B,SAAS,CAAC8B,KAAK,CAAC,GAAGD,gBAC7B,CAAC,EAAE,GACH,EAAE;IACNlB,MAAM;IACNC,QAAQ;IACRC;EACF,CAAC;EAED,OAAQS,MAAmB,IACzB,IAAIlB,mBAAmB,CAACkB,MAAM,EAAEW,gBAAgB,CAAC;AACrD","ignoreList":[]}
@@ -1,32 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- exports.__esModule = true;
5
- exports.mouseAnimations = void 0;
6
- var _CustomMouse = require("./CustomMouse");
7
- var _AiryMouse = _interopRequireDefault(require("./AiryMouse"));
8
- var _BlobMouse = _interopRequireDefault(require("./BlobMouse"));
9
- var _BlurMouse = _interopRequireDefault(require("./BlurMouse"));
10
- var _BounceMouse = _interopRequireDefault(require("./BounceMouse"));
11
- var _ScaleMouse = _interopRequireDefault(require("./ScaleMouse"));
12
- var _SkewMouse = _interopRequireDefault(require("./SkewMouse"));
13
- var _SpinMouse = _interopRequireDefault(require("./SpinMouse"));
14
- var _SwivelMouse = _interopRequireDefault(require("./SwivelMouse"));
15
- var _Tilt3DMouse = _interopRequireDefault(require("./Tilt3DMouse"));
16
- var _Track3DMouse = _interopRequireDefault(require("./Track3DMouse"));
17
- var _TrackMouse = _interopRequireDefault(require("./TrackMouse"));
18
- const mouseAnimations = exports.mouseAnimations = {
19
- AiryMouse: _AiryMouse.default,
20
- BlobMouse: _BlobMouse.default,
21
- BlurMouse: _BlurMouse.default,
22
- BounceMouse: _BounceMouse.default,
23
- CustomMouse: _CustomMouse.create,
24
- ScaleMouse: _ScaleMouse.default,
25
- SkewMouse: _SkewMouse.default,
26
- SpinMouse: _SpinMouse.default,
27
- SwivelMouse: _SwivelMouse.default,
28
- Tilt3DMouse: _Tilt3DMouse.default,
29
- Track3DMouse: _Track3DMouse.default,
30
- TrackMouse: _TrackMouse.default
31
- };
32
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["_CustomMouse","require","_AiryMouse","_interopRequireDefault","_BlobMouse","_BlurMouse","_BounceMouse","_ScaleMouse","_SkewMouse","_SpinMouse","_SwivelMouse","_Tilt3DMouse","_Track3DMouse","_TrackMouse","mouseAnimations","exports","AiryMouse","BlobMouse","BlurMouse","BounceMouse","CustomMouse","CreateCustomMouse","ScaleMouse","SkewMouse","SpinMouse","SwivelMouse","Tilt3DMouse","Track3DMouse","TrackMouse"],"sources":["../../../../src/library/mouse/index.ts"],"sourcesContent":["import { create as CreateCustomMouse } from './CustomMouse';\nimport AiryMouse from './AiryMouse';\nimport BlobMouse from './BlobMouse';\nimport BlurMouse from './BlurMouse';\nimport BounceMouse from './BounceMouse';\nimport ScaleMouse from './ScaleMouse';\nimport SkewMouse from './SkewMouse';\nimport SpinMouse from './SpinMouse';\nimport SwivelMouse from './SwivelMouse';\nimport Tilt3DMouse from './Tilt3DMouse';\nimport Track3DMouse from './Track3DMouse';\nimport TrackMouse from './TrackMouse';\nimport type { MouseAnimations } from '../../types';\n\nexport const mouseAnimations: MouseAnimations = {\n AiryMouse,\n BlobMouse,\n BlurMouse,\n BounceMouse,\n CustomMouse: CreateCustomMouse,\n ScaleMouse,\n SkewMouse,\n SpinMouse,\n SwivelMouse,\n Tilt3DMouse,\n Track3DMouse,\n TrackMouse,\n};\n"],"mappings":";;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,UAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,UAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,YAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,WAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,UAAA,GAAAL,sBAAA,CAAAF,OAAA;AACA,IAAAQ,UAAA,GAAAN,sBAAA,CAAAF,OAAA;AACA,IAAAS,YAAA,GAAAP,sBAAA,CAAAF,OAAA;AACA,IAAAU,YAAA,GAAAR,sBAAA,CAAAF,OAAA;AACA,IAAAW,aAAA,GAAAT,sBAAA,CAAAF,OAAA;AACA,IAAAY,WAAA,GAAAV,sBAAA,CAAAF,OAAA;AAGO,MAAMa,eAAgC,GAAAC,OAAA,CAAAD,eAAA,GAAG;EAC9CE,SAAS,EAATA,kBAAS;EACTC,SAAS,EAATA,kBAAS;EACTC,SAAS,EAATA,kBAAS;EACTC,WAAW,EAAXA,oBAAW;EACXC,WAAW,EAAEC,mBAAiB;EAC9BC,UAAU,EAAVA,mBAAU;EACVC,SAAS,EAATA,kBAAS;EACTC,SAAS,EAATA,kBAAS;EACTC,WAAW,EAAXA,oBAAW;EACXC,WAAW,EAAXA,oBAAW;EACXC,YAAY,EAAZA,qBAAY;EACZC,UAAU,EAAVA;AACF,CAAC","ignoreList":[]}
@@ -1,120 +0,0 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
4
- exports.getNames = getNames;
5
- exports.web = web;
6
- var _utils = require("../../utils");
7
- /* eslint-disable prettier/prettier */
8
-
9
- const POWER_TO_BLINK_FACTOR_MAP = {
10
- soft: {
11
- maxScaleBy: 0,
12
- maxTranslateBy: 50
13
- },
14
- medium: {
15
- maxScaleBy: 0.5,
16
- maxTranslateBy: 100
17
- },
18
- hard: {
19
- maxScaleBy: 0.7,
20
- maxTranslateBy: 200
21
- }
22
- };
23
- const BASE_POSITION = {
24
- translate: `0 0`,
25
- scale: 1
26
- };
27
- const TOTAL_BLINKS = 10;
28
- const TRANSITION_MS = 500;
29
- const SCALE_RANGE = {
30
- min: 0,
31
- max: 0.7
32
- };
33
- const SCALE_OFFSET = 0.02;
34
- const getRandomsBySeed = seed => [0.3, 0.45, 0.7].map(n => seed * n % 1);
35
- function web(options, _) {
36
- const {
37
- power,
38
- scale = 0,
39
- distance = {
40
- value: 50,
41
- type: 'percentage'
42
- }
43
- } = options.namedEffect;
44
- const isResponsive = typeof power === 'undefined';
45
- const duration = options.duration ?? 0; // the duration in which the element is visible
46
- const delay = options.delay ?? 0; // the duration in which the element is hidden
47
- const totalDuration = (duration + delay + 2 * TRANSITION_MS) * (TOTAL_BLINKS - 1);
48
- const easing = (0, _utils.getEasing)(isResponsive ? options.easing || 'backInOut' : 'backInOut');
49
- const travelUnits = (0, _utils.getCssUnits)(distance.type);
50
- const [name] = getNames(options);
51
- const keyframes = [];
52
- const scaleMappedFromRange = (0, _utils.mapRange)(0, 1, SCALE_RANGE.min, SCALE_RANGE.max, scale);
53
- const {
54
- maxScaleBy,
55
- maxTranslateBy
56
- } = isResponsive ? {
57
- maxScaleBy: scaleMappedFromRange,
58
- maxTranslateBy: distance.value
59
- } : POWER_TO_BLINK_FACTOR_MAP[power];
60
- for (let i = 0; i < TOTAL_BLINKS; i++) {
61
- const randoms = getRandomsBySeed(i + 1); // perhaps insert seed in future use
62
- const translateY = Math.round(randoms[0] * 2 * maxTranslateBy) - maxTranslateBy;
63
- const translateX = Math.round(randoms[1] * 2 * maxTranslateBy) - maxTranslateBy;
64
- const scaleBy = 1 + randoms[2] * maxScaleBy * (i % 2 === 0 ? 1 : -1);
65
- const blink = {
66
- translate: `${translateX}${travelUnits} ${translateY}${travelUnits}`,
67
- scale: scaleBy,
68
- easing,
69
- ...(i === 0 || i === TOTAL_BLINKS - 1 ? BASE_POSITION : {}) // override if its first or last blink
70
- };
71
-
72
- /*
73
- 4 offset points to each blink:
74
- two for opacity: 1, and two for opacity: 0.
75
- */
76
- const offsets = {
77
- hiddenEnd: (TRANSITION_MS * (i * 2 - 1) + duration * (i - 1) + delay * i) / totalDuration,
78
- visibleStart: (TRANSITION_MS * (i * 2) + duration * (i - 1) + delay * i) / totalDuration,
79
- visibleEnd: (TRANSITION_MS * (i * 2) + duration * i + delay * i) / totalDuration,
80
- hiddenStart: (TRANSITION_MS * (i * 2 + 1) + duration * i + delay * i) / totalDuration
81
- };
82
- if (i > 0) {
83
- keyframes.push(...[{
84
- ...blink,
85
- opacity: 0,
86
- scale: blink.scale - SCALE_OFFSET,
87
- offset: offsets.hiddenEnd
88
- }, {
89
- ...blink,
90
- opacity: 1,
91
- offset: offsets.visibleStart
92
- }]);
93
- }
94
- keyframes.push({
95
- ...blink,
96
- opacity: 1,
97
- offset: offsets.visibleEnd
98
- });
99
- if (i < TOTAL_BLINKS - 1) {
100
- keyframes.push({
101
- ...blink,
102
- opacity: 0,
103
- scale: blink.scale - SCALE_OFFSET,
104
- offset: offsets.hiddenStart
105
- });
106
- }
107
- }
108
- return [{
109
- ...options,
110
- name,
111
- easing: 'linear',
112
- delay: 0,
113
- duration: totalDuration,
114
- keyframes
115
- }];
116
- }
117
- function getNames(_) {
118
- return ['motion-blink'];
119
- }
120
- //# sourceMappingURL=Blink.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["_utils","require","POWER_TO_BLINK_FACTOR_MAP","soft","maxScaleBy","maxTranslateBy","medium","hard","BASE_POSITION","translate","scale","TOTAL_BLINKS","TRANSITION_MS","SCALE_RANGE","min","max","SCALE_OFFSET","getRandomsBySeed","seed","map","n","web","options","_","power","distance","value","type","namedEffect","isResponsive","duration","delay","totalDuration","easing","getEasing","travelUnits","getCssUnits","name","getNames","keyframes","scaleMappedFromRange","mapRange","i","randoms","translateY","Math","round","translateX","scaleBy","blink","offsets","hiddenEnd","visibleStart","visibleEnd","hiddenStart","push","opacity","offset"],"sources":["../../../../src/library/ongoing/Blink.ts"],"sourcesContent":["/* eslint-disable prettier/prettier */\nimport type { Blink, TimeAnimationOptions, DomApi } from '../../types';\nimport { getCssUnits, getEasing, mapRange } from '../../utils';\n\nconst POWER_TO_BLINK_FACTOR_MAP = {\n soft: {\n maxScaleBy: 0,\n maxTranslateBy: 50,\n },\n medium: {\n maxScaleBy: 0.5,\n maxTranslateBy: 100,\n },\n hard: {\n maxScaleBy: 0.7,\n maxTranslateBy: 200,\n },\n};\n\nconst BASE_POSITION = {\n translate: `0 0`,\n scale: 1,\n};\n\nconst TOTAL_BLINKS = 10;\nconst TRANSITION_MS = 500;\nconst SCALE_RANGE = { min: 0, max: 0.7 };\nconst SCALE_OFFSET = 0.02;\n\nconst getRandomsBySeed = (seed: number) =>\n [0.3, 0.45, 0.7].map((n) => (seed * n) % 1);\n\nexport function web(options: TimeAnimationOptions, _?: DomApi) {\n const {\n power,\n scale = 0,\n distance = { value: 50, type: 'percentage' },\n } = options.namedEffect as Blink;\n\n const isResponsive = typeof power === 'undefined';\n const duration = options.duration ?? 0; // the duration in which the element is visible\n const delay = options.delay ?? 0; // the duration in which the element is hidden \n const totalDuration = (duration + delay + 2 * TRANSITION_MS) * (TOTAL_BLINKS - 1);\n const easing = getEasing(isResponsive ? options.easing || 'backInOut' : 'backInOut')\n const travelUnits = getCssUnits(distance.type);\n const [name] = getNames(options);\n const keyframes: Keyframe[] = [];\n\n const scaleMappedFromRange = mapRange(\n 0,\n 1,\n SCALE_RANGE.min,\n SCALE_RANGE.max,\n scale,\n );\n\n const { maxScaleBy, maxTranslateBy } = isResponsive\n ? {\n maxScaleBy: scaleMappedFromRange,\n maxTranslateBy: distance.value,\n }\n : POWER_TO_BLINK_FACTOR_MAP[power];\n\n \n for (let i = 0; i < TOTAL_BLINKS; i++) {\n const randoms = getRandomsBySeed(i + 1); // perhaps insert seed in future use\n const translateY = Math.round(randoms[0] * 2 * maxTranslateBy) - maxTranslateBy;\n const translateX = Math.round(randoms[1] * 2 * maxTranslateBy) - maxTranslateBy;\n const scaleBy = 1 + (randoms[2] * maxScaleBy * (i % 2 === 0 ? 1 : -1));\n\n const blink = {\n translate: `${translateX}${travelUnits} ${translateY}${travelUnits}`,\n scale: scaleBy,\n easing,\n ...(i === 0 || i === TOTAL_BLINKS - 1 ? BASE_POSITION : {}), // override if its first or last blink\n };\n\n /* \n 4 offset points to each blink: \n two for opacity: 1, and two for opacity: 0. \n */\n const offsets = {\n hiddenEnd: (TRANSITION_MS * (i * 2 - 1) + duration * (i - 1) + delay * i) / totalDuration,\n visibleStart: (TRANSITION_MS * (i * 2) + duration * (i - 1) + delay * i) / totalDuration,\n visibleEnd: (TRANSITION_MS * (i * 2) + duration * i + delay * i) / totalDuration,\n hiddenStart: (TRANSITION_MS * (i * 2 + 1) + duration * i + delay * i) / totalDuration,\n };\n\n if (i > 0) {\n keyframes.push(\n ...[\n {\n ...blink,\n opacity: 0,\n scale: blink.scale - SCALE_OFFSET,\n offset: offsets.hiddenEnd,\n },\n {\n ...blink,\n opacity: 1,\n offset: offsets.visibleStart,\n },\n ],\n );\n }\n keyframes.push({\n ...blink,\n opacity: 1,\n offset: offsets.visibleEnd,\n });\n\n if (i < TOTAL_BLINKS - 1) {\n keyframes.push({\n ...blink,\n opacity: 0,\n scale: blink.scale - SCALE_OFFSET,\n offset: offsets.hiddenStart,\n });\n }\n }\n\n return [\n {\n ...options,\n name,\n easing: 'linear',\n delay: 0,\n duration: totalDuration,\n keyframes,\n },\n ];\n}\n\nexport function getNames(_: TimeAnimationOptions) {\n return ['motion-blink'];\n}\n"],"mappings":"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","ignoreList":[]}
@@ -1,92 +0,0 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
4
- exports.getNames = getNames;
5
- exports.style = style;
6
- exports.web = web;
7
- var _utils = require("../../utils");
8
- const POWER_TO_BOUNCE_FACTOR_MAP = {
9
- soft: 1,
10
- medium: 2,
11
- hard: 3
12
- };
13
- const TRANSLATE_Y_KEYFRAMES = [{
14
- keyframe: 0,
15
- translateY: 0
16
- }, {
17
- keyframe: 8.8,
18
- translateY: -55
19
- }, {
20
- keyframe: 17.6,
21
- translateY: -87
22
- }, {
23
- keyframe: 26.5,
24
- translateY: -98
25
- }, {
26
- keyframe: 35.3,
27
- translateY: -87
28
- }, {
29
- keyframe: 44.1,
30
- translateY: -55
31
- }, {
32
- keyframe: 53.1,
33
- translateY: 0
34
- }, {
35
- keyframe: 66.2,
36
- translateY: -23
37
- }, {
38
- keyframe: 81,
39
- translateY: 0
40
- }, {
41
- keyframe: 86.8,
42
- translateY: -5
43
- }, {
44
- keyframe: 94.1,
45
- translateY: 0
46
- }, {
47
- keyframe: 97.1,
48
- translateY: -2
49
- }, {
50
- keyframe: 100,
51
- translateY: 0
52
- }];
53
- function web(options, _dom) {
54
- return style(options, true);
55
- }
56
- function style(options, asWeb = false) {
57
- const {
58
- power = 'soft',
59
- intensity
60
- } = options.namedEffect;
61
- const duration = options.duration || 1;
62
- const delay = options.delay || 0;
63
- const timingFactor = (0, _utils.getTimingFactor)(duration, delay);
64
- const [name] = getNames(options);
65
- const bounceFactor = intensity ? (0, _utils.mapRange)(0, 1, POWER_TO_BOUNCE_FACTOR_MAP.soft, POWER_TO_BOUNCE_FACTOR_MAP.hard, intensity) : POWER_TO_BOUNCE_FACTOR_MAP[power];
66
- const easing = (0, _utils.getEasing)('sineOut');
67
- const custom = {
68
- '--motion-bounce-factor': bounceFactor
69
- };
70
- const keyframes = TRANSLATE_Y_KEYFRAMES.map(({
71
- keyframe,
72
- translateY
73
- }) => ({
74
- offset: keyframe / 100 * timingFactor,
75
- translate: `0px calc(${translateY / 2}px * ${(0, _utils.toKeyframeValue)(custom, '--motion-bounce-factor', asWeb)})`,
76
- easing
77
- }));
78
- return [{
79
- ...options,
80
- name,
81
- delay: 0,
82
- easing: 'linear',
83
- duration: duration + delay,
84
- custom,
85
- keyframes
86
- }];
87
- }
88
- function getNames(options) {
89
- const timingFactor = (0, _utils.getTimingFactor)(options.duration, options.delay, true);
90
- return [`motion-bounce-${timingFactor}`];
91
- }
92
- //# sourceMappingURL=Bounce.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["_utils","require","POWER_TO_BOUNCE_FACTOR_MAP","soft","medium","hard","TRANSLATE_Y_KEYFRAMES","keyframe","translateY","web","options","_dom","style","asWeb","power","intensity","namedEffect","duration","delay","timingFactor","getTimingFactor","name","getNames","bounceFactor","mapRange","easing","getEasing","custom","keyframes","map","offset","translate","toKeyframeValue"],"sources":["../../../../src/library/ongoing/Bounce.ts"],"sourcesContent":["import type {\n TimeAnimationOptions,\n Bounce,\n AnimationExtraOptions,\n DomApi,\n} from '../../types';\nimport {\n getEasing,\n getTimingFactor,\n toKeyframeValue,\n mapRange,\n} from '../../utils';\n\nconst POWER_TO_BOUNCE_FACTOR_MAP = {\n soft: 1,\n medium: 2,\n hard: 3,\n};\n\nconst TRANSLATE_Y_KEYFRAMES = [\n { keyframe: 0, translateY: 0 },\n { keyframe: 8.8, translateY: -55 },\n { keyframe: 17.6, translateY: -87 },\n { keyframe: 26.5, translateY: -98 },\n { keyframe: 35.3, translateY: -87 },\n { keyframe: 44.1, translateY: -55 },\n { keyframe: 53.1, translateY: 0 },\n { keyframe: 66.2, translateY: -23 },\n { keyframe: 81, translateY: 0 },\n { keyframe: 86.8, translateY: -5 },\n { keyframe: 94.1, translateY: 0 },\n { keyframe: 97.1, translateY: -2 },\n { keyframe: 100, translateY: 0 },\n];\n\nexport function web(\n options: TimeAnimationOptions & AnimationExtraOptions,\n _dom?: DomApi,\n) {\n return style(options, true);\n}\n\nexport function style(\n options: TimeAnimationOptions & AnimationExtraOptions,\n asWeb = false,\n) {\n const { power = 'soft', intensity } = options.namedEffect as Bounce;\n\n const duration = options.duration || 1;\n const delay = options.delay || 0;\n const timingFactor = getTimingFactor(duration, delay) as number;\n const [name] = getNames(options);\n\n const bounceFactor = intensity\n ? mapRange(\n 0,\n 1,\n POWER_TO_BOUNCE_FACTOR_MAP.soft,\n POWER_TO_BOUNCE_FACTOR_MAP.hard,\n intensity,\n )\n : POWER_TO_BOUNCE_FACTOR_MAP[power];\n const easing = getEasing('sineOut');\n\n const custom = {\n '--motion-bounce-factor': bounceFactor,\n };\n\n const keyframes = TRANSLATE_Y_KEYFRAMES.map(({ keyframe, translateY }) => ({\n offset: (keyframe / 100) * timingFactor,\n translate: `0px calc(${translateY / 2}px * ${toKeyframeValue(\n custom,\n '--motion-bounce-factor',\n asWeb,\n )})`,\n easing,\n }));\n\n return [\n {\n ...options,\n name,\n delay: 0,\n easing: 'linear',\n duration: duration + delay,\n custom,\n keyframes,\n },\n ];\n}\n\nexport function getNames(\n options: TimeAnimationOptions & AnimationExtraOptions,\n) {\n const timingFactor = getTimingFactor(options.duration!, options.delay!, true);\n\n return [`motion-bounce-${timingFactor}`];\n}\n"],"mappings":"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","ignoreList":[]}
@@ -1,124 +0,0 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
4
- exports.getNames = getNames;
5
- exports.style = style;
6
- exports.web = web;
7
- var _utils = require("../../utils");
8
- const DIRECTION_MAP = {
9
- vertical: {
10
- x: 0,
11
- y: 1,
12
- z: 0
13
- },
14
- horizontal: {
15
- x: 1,
16
- y: 0,
17
- z: 0
18
- },
19
- center: {
20
- x: 0,
21
- y: 0,
22
- z: 1
23
- }
24
- };
25
- const FACTORS_SEQUENCE = [{
26
- translateFactor: 1,
27
- timeFactor: 0.25
28
- }, {
29
- translateFactor: -1,
30
- timeFactor: 0.5
31
- }, {
32
- translateFactor: 1,
33
- timeFactor: 0.5
34
- }, {
35
- translateFactor: -0.7,
36
- timeFactor: 0.5
37
- }, {
38
- translateFactor: 0.6,
39
- timeFactor: 0.3333
40
- }];
41
- function web(options, _dom) {
42
- return style(options, true);
43
- }
44
- function style(options, asWeb = false) {
45
- const {
46
- direction = 'vertical',
47
- distance = {
48
- value: 25,
49
- type: 'px'
50
- }
51
- } = options.namedEffect;
52
- const easing = options.easing || 'sineInOut';
53
- const duration = options.duration || 1;
54
- const delay = options.delay || 0;
55
- const totalDurationWithDelay = 3.2 * duration + delay;
56
- const timingFactor = (0, _utils.getTimingFactor)(duration, totalDurationWithDelay - duration);
57
- const [name] = getNames(options);
58
- const {
59
- x,
60
- y,
61
- z
62
- } = DIRECTION_MAP[direction];
63
- const ease = (0, _utils.getEasingFamily)(easing);
64
- const perspectiveTransform = direction === 'center' ? 'perspective(800px)' : '';
65
-
66
- // Create CSS custom properties for the Breathe configuration
67
- const custom = {
68
- '--motion-breathe-perspective': perspectiveTransform,
69
- '--motion-breathe-distance': `${distance.value}${(0, _utils.getCssUnits)(distance.type || 'px')}`,
70
- '--motion-breathe-x': x,
71
- '--motion-breathe-y': y,
72
- '--motion-breathe-z': z
73
- };
74
- const breatheX = `${(0, _utils.toKeyframeValue)(custom, '--motion-breathe-x', asWeb)}`;
75
- const breatheY = `${(0, _utils.toKeyframeValue)(custom, '--motion-breathe-y', asWeb)}`;
76
- const breatheZ = `${(0, _utils.toKeyframeValue)(custom, '--motion-breathe-z', asWeb)}`;
77
- const breathePerspective = `${(0, _utils.toKeyframeValue)(custom, '--motion-breathe-perspective', asWeb, '')}`;
78
- const breatheDistance = `${(0, _utils.toKeyframeValue)(custom, '--motion-breathe-distance', asWeb)}`;
79
- let currentOffset = 0;
80
-
81
- // in case a delay is applied, animate a different sequence which decays to a stop
82
- const keyframes = delay ? FACTORS_SEQUENCE.map(({
83
- translateFactor,
84
- timeFactor
85
- }) => {
86
- const keyframeOffset = currentOffset + timeFactor * timingFactor;
87
- currentOffset = keyframeOffset;
88
- const distancePart = `${breatheDistance} * ${translateFactor}`;
89
- return {
90
- offset: keyframeOffset,
91
- easing: (0, _utils.getEasing)(ease.inOut),
92
- transform: `${breathePerspective} translate3d(calc(${breatheX} * ${distancePart}), calc(${breatheY} * ${distancePart}), calc(${breatheZ} * ${distancePart})) rotateZ(var(--comp-rotate-z, 0deg))`
93
- };
94
- }) : [{
95
- offset: 0.25,
96
- easing: (0, _utils.getEasing)(ease.inOut),
97
- transform: `${breathePerspective} translate3d(calc(${breatheX} * ${breatheDistance}), calc(${breatheY} * ${breatheDistance}), calc(${breatheZ} * ${breatheDistance})) rotateZ(var(--comp-rotate-z, 0deg))`
98
- }, {
99
- offset: 0.75,
100
- easing: (0, _utils.getEasing)(ease.in),
101
- transform: `${breathePerspective} translate3d(calc(${breatheX} * -1 * ${breatheDistance}), calc(${breatheY} * -1 * ${breatheDistance}), calc(${breatheZ} * -1 * ${breatheDistance})) rotateZ(var(--comp-rotate-z, 0deg))`
102
- }];
103
- return [{
104
- ...options,
105
- name,
106
- easing: 'linear',
107
- delay: 0,
108
- duration: delay ? totalDurationWithDelay : duration,
109
- custom,
110
- keyframes: [{
111
- offset: 0,
112
- easing: (0, _utils.getEasing)(ease.out),
113
- transform: `${breathePerspective} translate3d(0, 0, 0) rotateZ(var(--comp-rotate-z, 0deg))`
114
- }, ...keyframes, {
115
- offset: 1,
116
- transform: `${breathePerspective} translate3d(0, 0, 0) rotateZ(var(--comp-rotate-z, 0deg))`
117
- }]
118
- }];
119
- }
120
- function getNames(options) {
121
- const timingFactor = (0, _utils.getTimingFactor)(options.duration, options.delay, true);
122
- return [`motion-breathe-${timingFactor}`];
123
- }
124
- //# sourceMappingURL=Breathe.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["_utils","require","DIRECTION_MAP","vertical","x","y","z","horizontal","center","FACTORS_SEQUENCE","translateFactor","timeFactor","web","options","_dom","style","asWeb","direction","distance","value","type","namedEffect","easing","duration","delay","totalDurationWithDelay","timingFactor","getTimingFactor","name","getNames","ease","getEasingFamily","perspectiveTransform","custom","getCssUnits","breatheX","toKeyframeValue","breatheY","breatheZ","breathePerspective","breatheDistance","currentOffset","keyframes","map","keyframeOffset","distancePart","offset","getEasing","inOut","transform","in","out"],"sources":["../../../../src/library/ongoing/Breathe.ts"],"sourcesContent":["import type {\n TimeAnimationOptions,\n Breathe,\n DomApi,\n AnimationExtraOptions,\n} from '../../types';\nimport {\n getCssUnits,\n getEasing,\n getEasingFamily,\n getTimingFactor,\n toKeyframeValue,\n} from '../../utils';\n\nconst DIRECTION_MAP = {\n vertical: { x: 0, y: 1, z: 0 },\n horizontal: { x: 1, y: 0, z: 0 },\n center: { x: 0, y: 0, z: 1 },\n};\n\nconst FACTORS_SEQUENCE = [\n { translateFactor: 1, timeFactor: 0.25 },\n { translateFactor: -1, timeFactor: 0.5 },\n { translateFactor: 1, timeFactor: 0.5 },\n { translateFactor: -0.7, timeFactor: 0.5 },\n { translateFactor: 0.6, timeFactor: 0.3333 },\n];\n\nexport function web(\n options: TimeAnimationOptions & AnimationExtraOptions,\n _dom?: DomApi,\n) {\n return style(options, true);\n}\n\nexport function style(\n options: TimeAnimationOptions & AnimationExtraOptions,\n asWeb = false,\n) {\n const { direction = 'vertical', distance = { value: 25, type: 'px' } } =\n options.namedEffect as Breathe;\n\n const easing = options.easing || 'sineInOut';\n const duration = options.duration || 1;\n const delay = options.delay || 0;\n const totalDurationWithDelay = 3.2 * duration + delay;\n const timingFactor = getTimingFactor(\n duration,\n totalDurationWithDelay - duration,\n ) as number;\n const [name] = getNames(options);\n\n const { x, y, z } = DIRECTION_MAP[direction];\n const ease = getEasingFamily(easing);\n const perspectiveTransform =\n direction === 'center' ? 'perspective(800px)' : '';\n\n // Create CSS custom properties for the Breathe configuration\n const custom: Record<string, string | number> = {\n '--motion-breathe-perspective': perspectiveTransform,\n '--motion-breathe-distance': `${distance.value}${getCssUnits(\n distance.type || 'px',\n )}`,\n '--motion-breathe-x': x,\n '--motion-breathe-y': y,\n '--motion-breathe-z': z,\n };\n\n const breatheX = `${toKeyframeValue(custom, '--motion-breathe-x', asWeb)}`;\n const breatheY = `${toKeyframeValue(custom, '--motion-breathe-y', asWeb)}`;\n const breatheZ = `${toKeyframeValue(custom, '--motion-breathe-z', asWeb)}`;\n const breathePerspective = `${toKeyframeValue(\n custom,\n '--motion-breathe-perspective',\n asWeb,\n '',\n )}`;\n const breatheDistance = `${toKeyframeValue(\n custom,\n '--motion-breathe-distance',\n asWeb,\n )}`;\n\n let currentOffset = 0;\n\n // in case a delay is applied, animate a different sequence which decays to a stop\n const keyframes = delay\n ? FACTORS_SEQUENCE.map(({ translateFactor, timeFactor }) => {\n const keyframeOffset = currentOffset + timeFactor * timingFactor;\n currentOffset = keyframeOffset;\n const distancePart = `${breatheDistance} * ${translateFactor}`;\n\n return {\n offset: keyframeOffset,\n easing: getEasing(ease.inOut),\n transform: `${breathePerspective} translate3d(calc(${breatheX} * ${distancePart}), calc(${breatheY} * ${distancePart}), calc(${breatheZ} * ${distancePart})) rotateZ(var(--comp-rotate-z, 0deg))`,\n };\n })\n : [\n {\n offset: 0.25,\n easing: getEasing(ease.inOut),\n transform: `${breathePerspective} translate3d(calc(${breatheX} * ${breatheDistance}), calc(${breatheY} * ${breatheDistance}), calc(${breatheZ} * ${breatheDistance})) rotateZ(var(--comp-rotate-z, 0deg))`,\n },\n {\n offset: 0.75,\n easing: getEasing(ease.in),\n transform: `${breathePerspective} translate3d(calc(${breatheX} * -1 * ${breatheDistance}), calc(${breatheY} * -1 * ${breatheDistance}), calc(${breatheZ} * -1 * ${breatheDistance})) rotateZ(var(--comp-rotate-z, 0deg))`,\n },\n ];\n\n return [\n {\n ...options,\n name,\n easing: 'linear',\n delay: 0,\n duration: delay ? totalDurationWithDelay : duration,\n custom,\n keyframes: [\n {\n offset: 0,\n easing: getEasing(ease.out),\n transform: `${breathePerspective} translate3d(0, 0, 0) rotateZ(var(--comp-rotate-z, 0deg))`,\n },\n ...keyframes,\n {\n offset: 1,\n transform: `${breathePerspective} translate3d(0, 0, 0) rotateZ(var(--comp-rotate-z, 0deg))`,\n },\n ],\n },\n ];\n}\n\nexport function getNames(\n options: TimeAnimationOptions & AnimationExtraOptions,\n) {\n const timingFactor = getTimingFactor(options.duration!, options.delay!, true);\n\n return [`motion-breathe-${timingFactor}`];\n}\n"],"mappings":"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","ignoreList":[]}