motionary 0.0.0-stage → 6.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +803 -0
- package/LICENSE +21 -0
- package/README.md +218 -2
- package/README_ja.md +219 -0
- package/README_zh.md +219 -0
- package/bin/usa-codemod-5.mjs +79 -0
- package/bin/usa-codemod-6.mjs +146 -0
- package/dist/chunks/base-BaQV-2ha.cjs +436 -0
- package/dist/chunks/base-BaQV-2ha.cjs.map +1 -0
- package/dist/chunks/base-C_3cAoRz.js +404 -0
- package/dist/chunks/base-C_3cAoRz.js.map +1 -0
- package/dist/chunks/bind-B_CTL6Qn.js +22 -0
- package/dist/chunks/bind-B_CTL6Qn.js.map +1 -0
- package/dist/chunks/bind-Ui43-n2d.cjs +25 -0
- package/dist/chunks/bind-Ui43-n2d.cjs.map +1 -0
- package/dist/chunks/core-B5T0dhFH.cjs +920 -0
- package/dist/chunks/core-B5T0dhFH.cjs.map +1 -0
- package/dist/chunks/core-BGAyaY6L.cjs +265 -0
- package/dist/chunks/core-BGAyaY6L.cjs.map +1 -0
- package/dist/chunks/core-D7cVumUu.js +909 -0
- package/dist/chunks/core-D7cVumUu.js.map +1 -0
- package/dist/chunks/core-VEBw36QK.js +260 -0
- package/dist/chunks/core-VEBw36QK.js.map +1 -0
- package/dist/chunks/core-ps8uvYuN.js +181 -0
- package/dist/chunks/core-ps8uvYuN.js.map +1 -0
- package/dist/chunks/core-zq17EeCI.cjs +185 -0
- package/dist/chunks/core-zq17EeCI.cjs.map +1 -0
- package/dist/chunks/fx-Bs6IrV4Q.js +109 -0
- package/dist/chunks/fx-Bs6IrV4Q.js.map +1 -0
- package/dist/chunks/fx-lBGVtQO1.cjs +114 -0
- package/dist/chunks/fx-lBGVtQO1.cjs.map +1 -0
- package/dist/chunks/generative-D2YyhaeO.js +336 -0
- package/dist/chunks/generative-D2YyhaeO.js.map +1 -0
- package/dist/chunks/generative-DzIZq-_g.cjs +348 -0
- package/dist/chunks/generative-DzIZq-_g.cjs.map +1 -0
- package/dist/chunks/gpu-Bu7qwugO.js +380 -0
- package/dist/chunks/gpu-Bu7qwugO.js.map +1 -0
- package/dist/chunks/gpu-CenK2l6b.cjs +387 -0
- package/dist/chunks/gpu-CenK2l6b.cjs.map +1 -0
- package/dist/chunks/index-tags-DucKMQr_.js +26 -0
- package/dist/chunks/index-tags-DucKMQr_.js.map +1 -0
- package/dist/chunks/index-tags-wv0R_vkO.cjs +28 -0
- package/dist/chunks/index-tags-wv0R_vkO.cjs.map +1 -0
- package/dist/chunks/presets-BYBVJVeP.js +226 -0
- package/dist/chunks/presets-BYBVJVeP.js.map +1 -0
- package/dist/chunks/presets-CUHys3sK.cjs +233 -0
- package/dist/chunks/presets-CUHys3sK.cjs.map +1 -0
- package/dist/chunks/registry-CKNLQpwd.js +121 -0
- package/dist/chunks/registry-CKNLQpwd.js.map +1 -0
- package/dist/chunks/registry-DehBVRDV.cjs +131 -0
- package/dist/chunks/registry-DehBVRDV.cjs.map +1 -0
- package/dist/chunks/spring-CbvHfVtP.js +219 -0
- package/dist/chunks/spring-CbvHfVtP.js.map +1 -0
- package/dist/chunks/spring-Dgx187Vh.cjs +232 -0
- package/dist/chunks/spring-Dgx187Vh.cjs.map +1 -0
- package/dist/chunks/stagger-CCFyhzSw.cjs +86 -0
- package/dist/chunks/stagger-CCFyhzSw.cjs.map +1 -0
- package/dist/chunks/stagger-DtMKo2SK.js +84 -0
- package/dist/chunks/stagger-DtMKo2SK.js.map +1 -0
- package/dist/chunks/variants-BhjyddG8.cjs +39 -0
- package/dist/chunks/variants-BhjyddG8.cjs.map +1 -0
- package/dist/chunks/variants-DRlKVHvu.js +35 -0
- package/dist/chunks/variants-DRlKVHvu.js.map +1 -0
- package/dist/components/a11y.cjs +276 -0
- package/dist/components/a11y.cjs.map +1 -0
- package/dist/components/a11y.d.cts +131 -0
- package/dist/components/a11y.d.ts +131 -0
- package/dist/components/a11y.js +259 -0
- package/dist/components/a11y.js.map +1 -0
- package/dist/components/angular.cjs +76 -0
- package/dist/components/angular.cjs.map +1 -0
- package/dist/components/angular.d.cts +1734 -0
- package/dist/components/angular.d.ts +1734 -0
- package/dist/components/angular.js +70 -0
- package/dist/components/angular.js.map +1 -0
- package/dist/components/background.cjs +659 -0
- package/dist/components/background.cjs.map +1 -0
- package/dist/components/background.css +9 -0
- package/dist/components/background.d.cts +166 -0
- package/dist/components/background.d.ts +166 -0
- package/dist/components/background.js +647 -0
- package/dist/components/background.js.map +1 -0
- package/dist/components/bridge.cjs +154 -0
- package/dist/components/bridge.cjs.map +1 -0
- package/dist/components/bridge.d.cts +63 -0
- package/dist/components/bridge.d.ts +63 -0
- package/dist/components/bridge.js +147 -0
- package/dist/components/bridge.js.map +1 -0
- package/dist/components/cards.cjs +561 -0
- package/dist/components/cards.cjs.map +1 -0
- package/dist/components/cards.css +6 -0
- package/dist/components/cards.d.cts +115 -0
- package/dist/components/cards.d.ts +115 -0
- package/dist/components/cards.js +554 -0
- package/dist/components/cards.js.map +1 -0
- package/dist/components/click.cjs +877 -0
- package/dist/components/click.cjs.map +1 -0
- package/dist/components/click.css +9 -0
- package/dist/components/click.d.cts +218 -0
- package/dist/components/click.d.ts +218 -0
- package/dist/components/click.js +863 -0
- package/dist/components/click.js.map +1 -0
- package/dist/components/depth.cjs +250 -0
- package/dist/components/depth.cjs.map +1 -0
- package/dist/components/depth.css +3 -0
- package/dist/components/depth.d.cts +86 -0
- package/dist/components/depth.d.ts +86 -0
- package/dist/components/depth.js +242 -0
- package/dist/components/depth.js.map +1 -0
- package/dist/components/effects.cjs +2258 -0
- package/dist/components/effects.cjs.map +1 -0
- package/dist/components/effects.d.cts +545 -0
- package/dist/components/effects.d.ts +545 -0
- package/dist/components/effects.js +2200 -0
- package/dist/components/effects.js.map +1 -0
- package/dist/components/feedback.cjs +442 -0
- package/dist/components/feedback.cjs.map +1 -0
- package/dist/components/feedback.css +7 -0
- package/dist/components/feedback.d.cts +144 -0
- package/dist/components/feedback.d.ts +144 -0
- package/dist/components/feedback.js +433 -0
- package/dist/components/feedback.js.map +1 -0
- package/dist/components/fx-gpu.cjs +12 -0
- package/dist/components/fx-gpu.cjs.map +1 -0
- package/dist/components/fx-gpu.d.cts +63 -0
- package/dist/components/fx-gpu.d.ts +63 -0
- package/dist/components/fx-gpu.js +5 -0
- package/dist/components/fx-gpu.js.map +1 -0
- package/dist/components/fx.cjs +169 -0
- package/dist/components/fx.cjs.map +1 -0
- package/dist/components/fx.css +3 -0
- package/dist/components/fx.d.cts +114 -0
- package/dist/components/fx.d.ts +114 -0
- package/dist/components/fx.js +156 -0
- package/dist/components/fx.js.map +1 -0
- package/dist/components/fx2.cjs +25 -0
- package/dist/components/fx2.cjs.map +1 -0
- package/dist/components/fx2.d.cts +136 -0
- package/dist/components/fx2.d.ts +136 -0
- package/dist/components/fx2.js +17 -0
- package/dist/components/fx2.js.map +1 -0
- package/dist/components/gesture.cjs +209 -0
- package/dist/components/gesture.cjs.map +1 -0
- package/dist/components/gesture.css +3 -0
- package/dist/components/gesture.d.cts +134 -0
- package/dist/components/gesture.d.ts +134 -0
- package/dist/components/gesture.js +203 -0
- package/dist/components/gesture.js.map +1 -0
- package/dist/components/interaction.cjs +424 -0
- package/dist/components/interaction.cjs.map +1 -0
- package/dist/components/interaction.css +8 -0
- package/dist/components/interaction.d.cts +115 -0
- package/dist/components/interaction.d.ts +115 -0
- package/dist/components/interaction.js +416 -0
- package/dist/components/interaction.js.map +1 -0
- package/dist/components/jsx.cjs +3 -0
- package/dist/components/jsx.cjs.map +1 -0
- package/dist/components/jsx.d.cts +53 -0
- package/dist/components/jsx.d.ts +53 -0
- package/dist/components/jsx.js +2 -0
- package/dist/components/jsx.js.map +1 -0
- package/dist/components/layout.cjs +257 -0
- package/dist/components/layout.cjs.map +1 -0
- package/dist/components/layout.css +3 -0
- package/dist/components/layout.d.cts +99 -0
- package/dist/components/layout.d.ts +99 -0
- package/dist/components/layout.js +249 -0
- package/dist/components/layout.js.map +1 -0
- package/dist/components/lazy.cjs +92 -0
- package/dist/components/lazy.cjs.map +1 -0
- package/dist/components/lazy.d.cts +48 -0
- package/dist/components/lazy.d.ts +48 -0
- package/dist/components/lazy.js +87 -0
- package/dist/components/lazy.js.map +1 -0
- package/dist/components/lite.cjs +11095 -0
- package/dist/components/lite.cjs.map +1 -0
- package/dist/components/lite.d.cts +4 -0
- package/dist/components/lite.d.ts +4 -0
- package/dist/components/lite.js +10827 -0
- package/dist/components/lite.js.map +1 -0
- package/dist/components/packs.cjs +192 -0
- package/dist/components/packs.cjs.map +1 -0
- package/dist/components/packs.css +3 -0
- package/dist/components/packs.d.cts +72 -0
- package/dist/components/packs.d.ts +72 -0
- package/dist/components/packs.js +184 -0
- package/dist/components/packs.js.map +1 -0
- package/dist/components/page.cjs +824 -0
- package/dist/components/page.cjs.map +1 -0
- package/dist/components/page.css +11 -0
- package/dist/components/page.d.cts +249 -0
- package/dist/components/page.d.ts +249 -0
- package/dist/components/page.js +799 -0
- package/dist/components/page.js.map +1 -0
- package/dist/components/perf.cjs +120 -0
- package/dist/components/perf.cjs.map +1 -0
- package/dist/components/perf.d.cts +98 -0
- package/dist/components/perf.d.ts +98 -0
- package/dist/components/perf.js +110 -0
- package/dist/components/perf.js.map +1 -0
- package/dist/components/physics.cjs +448 -0
- package/dist/components/physics.cjs.map +1 -0
- package/dist/components/physics.css +5 -0
- package/dist/components/physics.d.cts +189 -0
- package/dist/components/physics.d.ts +189 -0
- package/dist/components/physics.js +430 -0
- package/dist/components/physics.js.map +1 -0
- package/dist/components/react.cjs +96 -0
- package/dist/components/react.cjs.map +1 -0
- package/dist/components/react.d.cts +18 -0
- package/dist/components/react.d.ts +18 -0
- package/dist/components/react.js +91 -0
- package/dist/components/react.js.map +1 -0
- package/dist/components/reveal.cjs +362 -0
- package/dist/components/reveal.cjs.map +1 -0
- package/dist/components/reveal.css +5 -0
- package/dist/components/reveal.d.cts +105 -0
- package/dist/components/reveal.d.ts +105 -0
- package/dist/components/reveal.js +353 -0
- package/dist/components/reveal.js.map +1 -0
- package/dist/components/solid.cjs +86 -0
- package/dist/components/solid.cjs.map +1 -0
- package/dist/components/solid.d.cts +1751 -0
- package/dist/components/solid.d.ts +1751 -0
- package/dist/components/solid.js +82 -0
- package/dist/components/solid.js.map +1 -0
- package/dist/components/svelte.cjs +68 -0
- package/dist/components/svelte.cjs.map +1 -0
- package/dist/components/svelte.d.cts +1733 -0
- package/dist/components/svelte.d.ts +1733 -0
- package/dist/components/svelte.js +64 -0
- package/dist/components/svelte.js.map +1 -0
- package/dist/components/svg.cjs +359 -0
- package/dist/components/svg.cjs.map +1 -0
- package/dist/components/svg.css +3 -0
- package/dist/components/svg.d.cts +113 -0
- package/dist/components/svg.d.ts +113 -0
- package/dist/components/svg.js +347 -0
- package/dist/components/svg.js.map +1 -0
- package/dist/components/text.cjs +968 -0
- package/dist/components/text.cjs.map +1 -0
- package/dist/components/text.css +8 -0
- package/dist/components/text.d.cts +342 -0
- package/dist/components/text.d.ts +342 -0
- package/dist/components/text.js +947 -0
- package/dist/components/text.js.map +1 -0
- package/dist/components/timeline.cjs +109 -0
- package/dist/components/timeline.cjs.map +1 -0
- package/dist/components/timeline.css +3 -0
- package/dist/components/timeline.d.cts +155 -0
- package/dist/components/timeline.d.ts +155 -0
- package/dist/components/timeline.js +103 -0
- package/dist/components/timeline.js.map +1 -0
- package/dist/components/tokens.cjs +226 -0
- package/dist/components/tokens.cjs.map +1 -0
- package/dist/components/tokens.d.cts +74 -0
- package/dist/components/tokens.d.ts +74 -0
- package/dist/components/tokens.js +211 -0
- package/dist/components/tokens.js.map +1 -0
- package/dist/components/transitions.cjs +430 -0
- package/dist/components/transitions.cjs.map +1 -0
- package/dist/components/transitions.css +5 -0
- package/dist/components/transitions.d.cts +126 -0
- package/dist/components/transitions.d.ts +126 -0
- package/dist/components/transitions.js +423 -0
- package/dist/components/transitions.js.map +1 -0
- package/dist/components/ui.cjs +1050 -0
- package/dist/components/ui.cjs.map +1 -0
- package/dist/components/ui.css +14 -0
- package/dist/components/ui.d.cts +224 -0
- package/dist/components/ui.d.ts +224 -0
- package/dist/components/ui.js +1034 -0
- package/dist/components/ui.js.map +1 -0
- package/dist/components/vue.cjs +67 -0
- package/dist/components/vue.cjs.map +1 -0
- package/dist/components/vue.d.cts +1722 -0
- package/dist/components/vue.d.ts +1722 -0
- package/dist/components/vue.js +64 -0
- package/dist/components/vue.js.map +1 -0
- package/dist/components/webgl.cjs +459 -0
- package/dist/components/webgl.cjs.map +1 -0
- package/dist/components/webgl.css +3 -0
- package/dist/components/webgl.d.cts +133 -0
- package/dist/components/webgl.d.ts +133 -0
- package/dist/components/webgl.js +442 -0
- package/dist/components/webgl.js.map +1 -0
- package/dist/components/widgets.cjs +591 -0
- package/dist/components/widgets.cjs.map +1 -0
- package/dist/components/widgets.d.cts +110 -0
- package/dist/components/widgets.d.ts +110 -0
- package/dist/components/widgets.js +581 -0
- package/dist/components/widgets.js.map +1 -0
- package/dist/components.cjs +351 -0
- package/dist/components.cjs.map +1 -0
- package/dist/components.css +75 -0
- package/dist/components.d.cts +2997 -0
- package/dist/components.d.ts +2997 -0
- package/dist/components.js +106 -0
- package/dist/components.js.map +1 -0
- package/dist/components.umd.js +23 -0
- package/dist/components.umd.js.map +1 -0
- package/dist/element.cjs +97 -0
- package/dist/element.cjs.map +1 -0
- package/dist/element.d.cts +215 -0
- package/dist/element.d.ts +215 -0
- package/dist/element.js +95 -0
- package/dist/element.js.map +1 -0
- package/dist/element.umd.js +2 -0
- package/dist/element.umd.js.map +1 -0
- package/dist/index.cjs +149 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.d.cts +425 -0
- package/dist/index.d.ts +425 -0
- package/dist/index.js +131 -0
- package/dist/index.js.map +1 -0
- package/dist/index.umd.js +15 -0
- package/dist/index.umd.js.map +1 -0
- package/dist/presets/extended.cjs +243 -0
- package/dist/presets/extended.cjs.map +1 -0
- package/dist/presets/extended.d.cts +37 -0
- package/dist/presets/extended.d.ts +37 -0
- package/dist/presets/extended.js +239 -0
- package/dist/presets/extended.js.map +1 -0
- package/dist/presets-extended.umd.js +2 -0
- package/dist/presets-extended.umd.js.map +1 -0
- package/dist/react.cjs +68 -0
- package/dist/react.cjs.map +1 -0
- package/dist/react.d.cts +158 -0
- package/dist/react.d.ts +158 -0
- package/dist/react.js +65 -0
- package/dist/react.js.map +1 -0
- package/dist/solid.cjs +93 -0
- package/dist/solid.cjs.map +1 -0
- package/dist/solid.d.cts +249 -0
- package/dist/solid.d.ts +249 -0
- package/dist/solid.js +89 -0
- package/dist/solid.js.map +1 -0
- package/dist/svelte.cjs +66 -0
- package/dist/svelte.cjs.map +1 -0
- package/dist/svelte.d.cts +243 -0
- package/dist/svelte.d.ts +243 -0
- package/dist/svelte.js +63 -0
- package/dist/svelte.js.map +1 -0
- package/dist/vue.cjs +62 -0
- package/dist/vue.cjs.map +1 -0
- package/dist/vue.d.cts +158 -0
- package/dist/vue.d.ts +158 -0
- package/dist/vue.js +60 -0
- package/dist/vue.js.map +1 -0
- package/dist/widgets.umd.js +2 -0
- package/dist/widgets.umd.js.map +1 -0
- package/docs/API.md +147 -0
- package/docs/ROADMAP.md +14 -0
- package/docs/accessibility.md +60 -0
- package/docs/components.md +564 -0
- package/docs/deprecations.md +30 -0
- package/docs/frameworks-ssr.md +100 -0
- package/docs/hybrid-apps.md +145 -0
- package/docs/images/showcase-detail.png +0 -0
- package/docs/images/showcase-grid.png +0 -0
- package/docs/images/showcase-mobile.png +0 -0
- package/docs/migration-from-aos.md +67 -0
- package/docs/migration-from-gsap-scrolltrigger.md +80 -0
- package/docs/motion-tokens.css +31 -0
- package/docs/motion-tokens.md +46 -0
- package/docs/motion.tokens.json +132 -0
- package/docs/performance.md +24 -0
- package/docs/presets.md +310 -0
- package/docs/upgrading-3.md +21 -0
- package/docs/upgrading-4.md +65 -0
- package/docs/upgrading-5.md +31 -0
- package/docs/upgrading-6.md +32 -0
- package/docs/windows-apps.md +119 -0
- package/package.json +562 -4
|
@@ -0,0 +1,226 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* motionary - Animation Presets
|
|
3
|
+
* Defines keyframes for all built-in animation presets
|
|
4
|
+
*/
|
|
5
|
+
const CORE = {
|
|
6
|
+
'fade-in': {
|
|
7
|
+
from: { opacity: 0 },
|
|
8
|
+
to: { opacity: 1 },
|
|
9
|
+
},
|
|
10
|
+
'fade-in-up': {
|
|
11
|
+
from: { opacity: 0, transform: 'translateY(40px)' },
|
|
12
|
+
to: { opacity: 1, transform: 'translateY(0px)' },
|
|
13
|
+
},
|
|
14
|
+
'fade-in-down': {
|
|
15
|
+
from: { opacity: 0, transform: 'translateY(-40px)' },
|
|
16
|
+
to: { opacity: 1, transform: 'translateY(0px)' },
|
|
17
|
+
},
|
|
18
|
+
'fade-in-left': {
|
|
19
|
+
from: { opacity: 0, transform: 'translateX(-40px)' },
|
|
20
|
+
to: { opacity: 1, transform: 'translateX(0px)' },
|
|
21
|
+
},
|
|
22
|
+
'fade-in-right': {
|
|
23
|
+
from: { opacity: 0, transform: 'translateX(40px)' },
|
|
24
|
+
to: { opacity: 1, transform: 'translateX(0px)' },
|
|
25
|
+
},
|
|
26
|
+
'zoom-in': {
|
|
27
|
+
from: { opacity: 0, transform: 'scale(0.8)' },
|
|
28
|
+
to: { opacity: 1, transform: 'scale(1)' },
|
|
29
|
+
},
|
|
30
|
+
'zoom-out': {
|
|
31
|
+
from: { opacity: 0, transform: 'scale(1.2)' },
|
|
32
|
+
to: { opacity: 1, transform: 'scale(1)' },
|
|
33
|
+
},
|
|
34
|
+
'flip-x': {
|
|
35
|
+
from: { opacity: 0, transform: 'rotateX(-90deg)' },
|
|
36
|
+
to: { opacity: 1, transform: 'rotateX(0deg)' },
|
|
37
|
+
},
|
|
38
|
+
'flip-y': {
|
|
39
|
+
from: { opacity: 0, transform: 'rotateY(-90deg)' },
|
|
40
|
+
to: { opacity: 1, transform: 'rotateY(0deg)' },
|
|
41
|
+
},
|
|
42
|
+
'slide-up': {
|
|
43
|
+
from: { transform: 'translateY(100%)' },
|
|
44
|
+
to: { transform: 'translateY(0px)' },
|
|
45
|
+
},
|
|
46
|
+
'slide-down': {
|
|
47
|
+
from: { transform: 'translateY(-100%)' },
|
|
48
|
+
to: { transform: 'translateY(0px)' },
|
|
49
|
+
},
|
|
50
|
+
'slide-left': {
|
|
51
|
+
from: { transform: 'translateX(-100%)' },
|
|
52
|
+
to: { transform: 'translateX(0px)' },
|
|
53
|
+
},
|
|
54
|
+
'slide-right': {
|
|
55
|
+
from: { transform: 'translateX(100%)' },
|
|
56
|
+
to: { transform: 'translateX(0px)' },
|
|
57
|
+
},
|
|
58
|
+
'bounce': {
|
|
59
|
+
from: { opacity: 0, transform: 'translateY(-60px)' },
|
|
60
|
+
to: { opacity: 1, transform: 'translateY(0px)' },
|
|
61
|
+
},
|
|
62
|
+
'rotate-in': {
|
|
63
|
+
from: { opacity: 0, transform: 'rotate(-180deg) scale(0.5)' },
|
|
64
|
+
to: { opacity: 1, transform: 'rotate(0deg) scale(1)' },
|
|
65
|
+
},
|
|
66
|
+
'blur-in': {
|
|
67
|
+
from: { opacity: 0, filter: 'blur(12px)' },
|
|
68
|
+
to: { opacity: 1, filter: 'blur(0px)' },
|
|
69
|
+
},
|
|
70
|
+
'skew-in': {
|
|
71
|
+
from: { opacity: 0, transform: 'skewX(20deg) translateX(30px)' },
|
|
72
|
+
to: { opacity: 1, transform: 'skewX(0deg) translateX(0px)' },
|
|
73
|
+
},
|
|
74
|
+
'scale-x': {
|
|
75
|
+
from: { transform: 'scaleX(0)' },
|
|
76
|
+
to: { transform: 'scaleX(1)' },
|
|
77
|
+
},
|
|
78
|
+
'scale-y': {
|
|
79
|
+
from: { transform: 'scaleY(0)' },
|
|
80
|
+
to: { transform: 'scaleY(1)' },
|
|
81
|
+
},
|
|
82
|
+
'shimmer': {
|
|
83
|
+
from: { opacity: 0.5, filter: 'brightness(1)' },
|
|
84
|
+
to: { opacity: 1, filter: 'brightness(1.5)' },
|
|
85
|
+
},
|
|
86
|
+
'pulse': {
|
|
87
|
+
from: { transform: 'scale(1)' },
|
|
88
|
+
to: { transform: 'scale(1.05)' },
|
|
89
|
+
},
|
|
90
|
+
'swing': {
|
|
91
|
+
from: { transform: 'rotate(-10deg)' },
|
|
92
|
+
to: { transform: 'rotate(10deg)' },
|
|
93
|
+
},
|
|
94
|
+
'scale-up': {
|
|
95
|
+
from: { opacity: 0, transform: 'scale(0.5)' },
|
|
96
|
+
to: { opacity: 1, transform: 'scale(1)' },
|
|
97
|
+
},
|
|
98
|
+
'blur-in-up': {
|
|
99
|
+
from: { opacity: 0, filter: 'blur(12px)', transform: 'translateY(40px)' },
|
|
100
|
+
to: { opacity: 1, filter: 'blur(0px)', transform: 'translateY(0px)' },
|
|
101
|
+
},
|
|
102
|
+
'flip-up': {
|
|
103
|
+
from: { opacity: 0, transform: 'perspective(800px) rotateX(60deg)' },
|
|
104
|
+
to: { opacity: 1, transform: 'perspective(800px) rotateX(0deg)' },
|
|
105
|
+
},
|
|
106
|
+
'flip-down': {
|
|
107
|
+
from: { opacity: 0, transform: 'perspective(800px) rotateX(-60deg)' },
|
|
108
|
+
to: { opacity: 1, transform: 'perspective(800px) rotateX(0deg)' },
|
|
109
|
+
},
|
|
110
|
+
'rotate-left': {
|
|
111
|
+
from: { opacity: 0, transform: 'rotate(-15deg) translateX(-40px)' },
|
|
112
|
+
to: { opacity: 1, transform: 'rotate(0deg) translateX(0px)' },
|
|
113
|
+
},
|
|
114
|
+
'rotate-right': {
|
|
115
|
+
from: { opacity: 0, transform: 'rotate(15deg) translateX(40px)' },
|
|
116
|
+
to: { opacity: 1, transform: 'rotate(0deg) translateX(0px)' },
|
|
117
|
+
},
|
|
118
|
+
// clip-path reveals: content is uncovered without moving or fading
|
|
119
|
+
'clip-up': {
|
|
120
|
+
from: { clipPath: 'inset(100% 0% 0% 0%)' },
|
|
121
|
+
to: { clipPath: 'inset(0% 0% 0% 0%)' },
|
|
122
|
+
},
|
|
123
|
+
'clip-down': {
|
|
124
|
+
from: { clipPath: 'inset(0% 0% 100% 0%)' },
|
|
125
|
+
to: { clipPath: 'inset(0% 0% 0% 0%)' },
|
|
126
|
+
},
|
|
127
|
+
'clip-left': {
|
|
128
|
+
from: { clipPath: 'inset(0% 0% 0% 100%)' },
|
|
129
|
+
to: { clipPath: 'inset(0% 0% 0% 0%)' },
|
|
130
|
+
},
|
|
131
|
+
'clip-right': {
|
|
132
|
+
from: { clipPath: 'inset(0% 100% 0% 0%)' },
|
|
133
|
+
to: { clipPath: 'inset(0% 0% 0% 0%)' },
|
|
134
|
+
},
|
|
135
|
+
'clip-circle': {
|
|
136
|
+
from: { clipPath: 'circle(0% at 50% 50%)' },
|
|
137
|
+
to: { clipPath: 'circle(75% at 50% 50%)' },
|
|
138
|
+
},
|
|
139
|
+
};
|
|
140
|
+
/**
|
|
141
|
+
* One preset table per page, shared through a global symbol so every copy of
|
|
142
|
+
* the library (ESM entries, the UMD bundle, `presets/extended`) sees presets
|
|
143
|
+
* registered by any other copy. `<usa-reveal>` / `<usa-stagger>` read it too.
|
|
144
|
+
*/
|
|
145
|
+
const share = (core) => {
|
|
146
|
+
const g = globalThis;
|
|
147
|
+
const key = Symbol.for('use-scroll-animate.presets');
|
|
148
|
+
return (g[key] = Object.assign(g[key] || {}, core));
|
|
149
|
+
};
|
|
150
|
+
/**
|
|
151
|
+
* Every registered preset: the 33 core presets, plus the 6.1 extended set once
|
|
152
|
+
* `motionary/presets/extended` is loaded, plus your own.
|
|
153
|
+
*/
|
|
154
|
+
const PRESETS = /*#__PURE__*/ share(CORE);
|
|
155
|
+
/**
|
|
156
|
+
* Add (or replace) presets by name: `registerPresets({ 'my-pop': { from, to, frames? } })`.
|
|
157
|
+
* They work everywhere a preset name does (`animation`, `exit`, `data-sa-animation`,
|
|
158
|
+
* `<scroll-animate>`, `<usa-reveal effect>`).
|
|
159
|
+
*/
|
|
160
|
+
function registerPresets(presets) {
|
|
161
|
+
Object.assign(PRESETS, presets);
|
|
162
|
+
}
|
|
163
|
+
/** The same keyframes played backwards (exit animations). */
|
|
164
|
+
function reversePreset(p) {
|
|
165
|
+
return { from: p.to, to: p.from, frames: p.frames && p.frames.map((f) => ({ ...f, offset: 1 - f.offset })).reverse() };
|
|
166
|
+
}
|
|
167
|
+
const lookup = (name) => PRESETS[name.trim()];
|
|
168
|
+
function resolvePreset(animation) {
|
|
169
|
+
if (typeof animation === 'string') {
|
|
170
|
+
return lookup(animation) ?? PRESETS['fade-in-up'];
|
|
171
|
+
}
|
|
172
|
+
if (Array.isArray(animation)) {
|
|
173
|
+
const combined = { from: {}, to: {} };
|
|
174
|
+
animation.forEach(name => {
|
|
175
|
+
const preset = lookup(name);
|
|
176
|
+
if (preset) {
|
|
177
|
+
Object.entries(preset.from).forEach(([key, val]) => {
|
|
178
|
+
if (key === 'transform' && combined.from[key]) {
|
|
179
|
+
combined.from[key] = `${combined.from[key]} ${val}`;
|
|
180
|
+
}
|
|
181
|
+
else {
|
|
182
|
+
combined.from[key] = val;
|
|
183
|
+
}
|
|
184
|
+
});
|
|
185
|
+
Object.entries(preset.to).forEach(([key, val]) => {
|
|
186
|
+
if (key === 'transform' && combined.to[key]) {
|
|
187
|
+
combined.to[key] = `${combined.to[key]} ${val}`;
|
|
188
|
+
}
|
|
189
|
+
else {
|
|
190
|
+
combined.to[key] = val;
|
|
191
|
+
}
|
|
192
|
+
});
|
|
193
|
+
}
|
|
194
|
+
});
|
|
195
|
+
return combined;
|
|
196
|
+
}
|
|
197
|
+
return animation;
|
|
198
|
+
}
|
|
199
|
+
/** Easing to CSS cubic-bezier mapping */
|
|
200
|
+
const EASING_MAP = {
|
|
201
|
+
linear: 'linear',
|
|
202
|
+
ease: 'ease',
|
|
203
|
+
'ease-in': 'ease-in',
|
|
204
|
+
'ease-out': 'ease-out',
|
|
205
|
+
'ease-in-out': 'ease-in-out',
|
|
206
|
+
spring: 'cubic-bezier(0.34, 1.56, 0.64, 1)',
|
|
207
|
+
'soft-spring': 'cubic-bezier(0.175, 0.885, 0.32, 1.275)',
|
|
208
|
+
'heavy-bounce': 'cubic-bezier(0.68, -0.55, 0.265, 1.55)',
|
|
209
|
+
};
|
|
210
|
+
function resolveEasing(easing) {
|
|
211
|
+
if (typeof easing === 'string') {
|
|
212
|
+
return EASING_MAP[easing] ?? easing;
|
|
213
|
+
}
|
|
214
|
+
if (Array.isArray(easing)) {
|
|
215
|
+
return `cubic-bezier(${easing.join(', ')})`;
|
|
216
|
+
}
|
|
217
|
+
if (typeof easing === 'function') {
|
|
218
|
+
// Functions cannot be expressed as a CSS easing string; the core samples
|
|
219
|
+
// them into a `linear()` easing (or keyframes on older browsers).
|
|
220
|
+
return 'linear';
|
|
221
|
+
}
|
|
222
|
+
return 'ease';
|
|
223
|
+
}
|
|
224
|
+
|
|
225
|
+
export { EASING_MAP as E, PRESETS as P, resolveEasing as a, reversePreset as b, registerPresets as c, resolvePreset as r };
|
|
226
|
+
//# sourceMappingURL=presets-BYBVJVeP.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"presets-BYBVJVeP.js","sources":["../../src/presets.ts"],"sourcesContent":["/**\n * motionary - Animation Presets\n * Defines keyframes for all built-in animation presets\n */\n\nimport type { AnimationPreset, CorePreset, CustomAnimation, EasingType, ExtendedPreset, PresetKeyframes } from './types';\n\ntype KeyframeMap = PresetKeyframes;\n\nconst CORE: Record<CorePreset, KeyframeMap> = {\n 'fade-in': {\n from: { opacity: 0 },\n to: { opacity: 1 },\n },\n 'fade-in-up': {\n from: { opacity: 0, transform: 'translateY(40px)' },\n to: { opacity: 1, transform: 'translateY(0px)' },\n },\n 'fade-in-down': {\n from: { opacity: 0, transform: 'translateY(-40px)' },\n to: { opacity: 1, transform: 'translateY(0px)' },\n },\n 'fade-in-left': {\n from: { opacity: 0, transform: 'translateX(-40px)' },\n to: { opacity: 1, transform: 'translateX(0px)' },\n },\n 'fade-in-right': {\n from: { opacity: 0, transform: 'translateX(40px)' },\n to: { opacity: 1, transform: 'translateX(0px)' },\n },\n 'zoom-in': {\n from: { opacity: 0, transform: 'scale(0.8)' },\n to: { opacity: 1, transform: 'scale(1)' },\n },\n 'zoom-out': {\n from: { opacity: 0, transform: 'scale(1.2)' },\n to: { opacity: 1, transform: 'scale(1)' },\n },\n 'flip-x': {\n from: { opacity: 0, transform: 'rotateX(-90deg)' },\n to: { opacity: 1, transform: 'rotateX(0deg)' },\n },\n 'flip-y': {\n from: { opacity: 0, transform: 'rotateY(-90deg)' },\n to: { opacity: 1, transform: 'rotateY(0deg)' },\n },\n 'slide-up': {\n from: { transform: 'translateY(100%)' },\n to: { transform: 'translateY(0px)' },\n },\n 'slide-down': {\n from: { transform: 'translateY(-100%)' },\n to: { transform: 'translateY(0px)' },\n },\n 'slide-left': {\n from: { transform: 'translateX(-100%)' },\n to: { transform: 'translateX(0px)' },\n },\n 'slide-right': {\n from: { transform: 'translateX(100%)' },\n to: { transform: 'translateX(0px)' },\n },\n 'bounce': {\n from: { opacity: 0, transform: 'translateY(-60px)' },\n to: { opacity: 1, transform: 'translateY(0px)' },\n },\n 'rotate-in': {\n from: { opacity: 0, transform: 'rotate(-180deg) scale(0.5)' },\n to: { opacity: 1, transform: 'rotate(0deg) scale(1)' },\n },\n 'blur-in': {\n from: { opacity: 0, filter: 'blur(12px)' },\n to: { opacity: 1, filter: 'blur(0px)' },\n },\n 'skew-in': {\n from: { opacity: 0, transform: 'skewX(20deg) translateX(30px)' },\n to: { opacity: 1, transform: 'skewX(0deg) translateX(0px)' },\n },\n 'scale-x': {\n from: { transform: 'scaleX(0)' },\n to: { transform: 'scaleX(1)' },\n },\n 'scale-y': {\n from: { transform: 'scaleY(0)' },\n to: { transform: 'scaleY(1)' },\n },\n 'shimmer': {\n from: { opacity: 0.5, filter: 'brightness(1)' },\n to: { opacity: 1, filter: 'brightness(1.5)' },\n },\n 'pulse': {\n from: { transform: 'scale(1)' },\n to: { transform: 'scale(1.05)' },\n },\n 'swing': {\n from: { transform: 'rotate(-10deg)' },\n to: { transform: 'rotate(10deg)' },\n },\n 'scale-up': {\n from: { opacity: 0, transform: 'scale(0.5)' },\n to: { opacity: 1, transform: 'scale(1)' },\n },\n 'blur-in-up': {\n from: { opacity: 0, filter: 'blur(12px)', transform: 'translateY(40px)' },\n to: { opacity: 1, filter: 'blur(0px)', transform: 'translateY(0px)' },\n },\n 'flip-up': {\n from: { opacity: 0, transform: 'perspective(800px) rotateX(60deg)' },\n to: { opacity: 1, transform: 'perspective(800px) rotateX(0deg)' },\n },\n 'flip-down': {\n from: { opacity: 0, transform: 'perspective(800px) rotateX(-60deg)' },\n to: { opacity: 1, transform: 'perspective(800px) rotateX(0deg)' },\n },\n 'rotate-left': {\n from: { opacity: 0, transform: 'rotate(-15deg) translateX(-40px)' },\n to: { opacity: 1, transform: 'rotate(0deg) translateX(0px)' },\n },\n 'rotate-right': {\n from: { opacity: 0, transform: 'rotate(15deg) translateX(40px)' },\n to: { opacity: 1, transform: 'rotate(0deg) translateX(0px)' },\n },\n // clip-path reveals: content is uncovered without moving or fading\n 'clip-up': {\n from: { clipPath: 'inset(100% 0% 0% 0%)' },\n to: { clipPath: 'inset(0% 0% 0% 0%)' },\n },\n 'clip-down': {\n from: { clipPath: 'inset(0% 0% 100% 0%)' },\n to: { clipPath: 'inset(0% 0% 0% 0%)' },\n },\n 'clip-left': {\n from: { clipPath: 'inset(0% 0% 0% 100%)' },\n to: { clipPath: 'inset(0% 0% 0% 0%)' },\n },\n 'clip-right': {\n from: { clipPath: 'inset(0% 100% 0% 0%)' },\n to: { clipPath: 'inset(0% 0% 0% 0%)' },\n },\n 'clip-circle': {\n from: { clipPath: 'circle(0% at 50% 50%)' },\n to: { clipPath: 'circle(75% at 50% 50%)' },\n },\n};\n\n/**\n * One preset table per page, shared through a global symbol so every copy of\n * the library (ESM entries, the UMD bundle, `presets/extended`) sees presets\n * registered by any other copy. `<usa-reveal>` / `<usa-stagger>` read it too.\n */\nconst share = (core: Record<string, KeyframeMap>): Record<string, KeyframeMap> => {\n const g = globalThis as any;\n const key = Symbol.for('use-scroll-animate.presets');\n return (g[key] = Object.assign(g[key] || {}, core));\n};\n\n/**\n * Every registered preset: the 33 core presets, plus the 6.1 extended set once\n * `motionary/presets/extended` is loaded, plus your own.\n */\nexport const PRESETS = /*#__PURE__*/ share(CORE) as Record<CorePreset, KeyframeMap> & Partial<Record<ExtendedPreset, KeyframeMap>>;\n\n/**\n * Add (or replace) presets by name: `registerPresets({ 'my-pop': { from, to, frames? } })`.\n * They work everywhere a preset name does (`animation`, `exit`, `data-sa-animation`,\n * `<scroll-animate>`, `<usa-reveal effect>`).\n */\nexport function registerPresets(presets: Record<string, PresetKeyframes>): void {\n Object.assign(PRESETS, presets);\n}\n\n/** The same keyframes played backwards (exit animations). */\nexport function reversePreset(p: KeyframeMap): KeyframeMap {\n return { from: p.to, to: p.from, frames: p.frames && p.frames.map((f) => ({ ...f, offset: 1 - f.offset })).reverse() };\n}\n\nconst lookup = (name: string): KeyframeMap | undefined => (PRESETS as Record<string, KeyframeMap>)[name.trim()];\n\nexport function resolvePreset(animation: AnimationPreset | AnimationPreset[] | CustomAnimation): KeyframeMap {\n if (typeof animation === 'string') {\n return lookup(animation) ?? PRESETS['fade-in-up'];\n }\n \n if (Array.isArray(animation)) {\n const combined: KeyframeMap = { from: {}, to: {} };\n animation.forEach(name => {\n const preset = lookup(name);\n if (preset) {\n Object.entries(preset.from).forEach(([key, val]) => {\n if (key === 'transform' && combined.from[key]) {\n combined.from[key] = `${combined.from[key]} ${val}`;\n } else {\n combined.from[key] = val;\n }\n });\n Object.entries(preset.to).forEach(([key, val]) => {\n if (key === 'transform' && combined.to[key]) {\n combined.to[key] = `${combined.to[key]} ${val}`;\n } else {\n combined.to[key] = val;\n }\n });\n }\n });\n return combined;\n }\n \n return animation;\n}\n\n/** Easing to CSS cubic-bezier mapping */\nexport const EASING_MAP: Record<string, string> = {\n linear: 'linear',\n ease: 'ease',\n 'ease-in': 'ease-in',\n 'ease-out': 'ease-out',\n 'ease-in-out': 'ease-in-out',\n spring: 'cubic-bezier(0.34, 1.56, 0.64, 1)',\n 'soft-spring': 'cubic-bezier(0.175, 0.885, 0.32, 1.275)',\n 'heavy-bounce': 'cubic-bezier(0.68, -0.55, 0.265, 1.55)',\n};\n\nexport function resolveEasing(easing: EasingType): string {\n if (typeof easing === 'string') {\n return EASING_MAP[easing] ?? easing;\n }\n if (Array.isArray(easing)) {\n return `cubic-bezier(${easing.join(', ')})`;\n }\n if (typeof easing === 'function') {\n // Functions cannot be expressed as a CSS easing string; the core samples\n // them into a `linear()` easing (or keyframes on older browsers).\n return 'linear';\n }\n return 'ease';\n}\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,233 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* motionary - Animation Presets
|
|
5
|
+
* Defines keyframes for all built-in animation presets
|
|
6
|
+
*/
|
|
7
|
+
const CORE = {
|
|
8
|
+
'fade-in': {
|
|
9
|
+
from: { opacity: 0 },
|
|
10
|
+
to: { opacity: 1 },
|
|
11
|
+
},
|
|
12
|
+
'fade-in-up': {
|
|
13
|
+
from: { opacity: 0, transform: 'translateY(40px)' },
|
|
14
|
+
to: { opacity: 1, transform: 'translateY(0px)' },
|
|
15
|
+
},
|
|
16
|
+
'fade-in-down': {
|
|
17
|
+
from: { opacity: 0, transform: 'translateY(-40px)' },
|
|
18
|
+
to: { opacity: 1, transform: 'translateY(0px)' },
|
|
19
|
+
},
|
|
20
|
+
'fade-in-left': {
|
|
21
|
+
from: { opacity: 0, transform: 'translateX(-40px)' },
|
|
22
|
+
to: { opacity: 1, transform: 'translateX(0px)' },
|
|
23
|
+
},
|
|
24
|
+
'fade-in-right': {
|
|
25
|
+
from: { opacity: 0, transform: 'translateX(40px)' },
|
|
26
|
+
to: { opacity: 1, transform: 'translateX(0px)' },
|
|
27
|
+
},
|
|
28
|
+
'zoom-in': {
|
|
29
|
+
from: { opacity: 0, transform: 'scale(0.8)' },
|
|
30
|
+
to: { opacity: 1, transform: 'scale(1)' },
|
|
31
|
+
},
|
|
32
|
+
'zoom-out': {
|
|
33
|
+
from: { opacity: 0, transform: 'scale(1.2)' },
|
|
34
|
+
to: { opacity: 1, transform: 'scale(1)' },
|
|
35
|
+
},
|
|
36
|
+
'flip-x': {
|
|
37
|
+
from: { opacity: 0, transform: 'rotateX(-90deg)' },
|
|
38
|
+
to: { opacity: 1, transform: 'rotateX(0deg)' },
|
|
39
|
+
},
|
|
40
|
+
'flip-y': {
|
|
41
|
+
from: { opacity: 0, transform: 'rotateY(-90deg)' },
|
|
42
|
+
to: { opacity: 1, transform: 'rotateY(0deg)' },
|
|
43
|
+
},
|
|
44
|
+
'slide-up': {
|
|
45
|
+
from: { transform: 'translateY(100%)' },
|
|
46
|
+
to: { transform: 'translateY(0px)' },
|
|
47
|
+
},
|
|
48
|
+
'slide-down': {
|
|
49
|
+
from: { transform: 'translateY(-100%)' },
|
|
50
|
+
to: { transform: 'translateY(0px)' },
|
|
51
|
+
},
|
|
52
|
+
'slide-left': {
|
|
53
|
+
from: { transform: 'translateX(-100%)' },
|
|
54
|
+
to: { transform: 'translateX(0px)' },
|
|
55
|
+
},
|
|
56
|
+
'slide-right': {
|
|
57
|
+
from: { transform: 'translateX(100%)' },
|
|
58
|
+
to: { transform: 'translateX(0px)' },
|
|
59
|
+
},
|
|
60
|
+
'bounce': {
|
|
61
|
+
from: { opacity: 0, transform: 'translateY(-60px)' },
|
|
62
|
+
to: { opacity: 1, transform: 'translateY(0px)' },
|
|
63
|
+
},
|
|
64
|
+
'rotate-in': {
|
|
65
|
+
from: { opacity: 0, transform: 'rotate(-180deg) scale(0.5)' },
|
|
66
|
+
to: { opacity: 1, transform: 'rotate(0deg) scale(1)' },
|
|
67
|
+
},
|
|
68
|
+
'blur-in': {
|
|
69
|
+
from: { opacity: 0, filter: 'blur(12px)' },
|
|
70
|
+
to: { opacity: 1, filter: 'blur(0px)' },
|
|
71
|
+
},
|
|
72
|
+
'skew-in': {
|
|
73
|
+
from: { opacity: 0, transform: 'skewX(20deg) translateX(30px)' },
|
|
74
|
+
to: { opacity: 1, transform: 'skewX(0deg) translateX(0px)' },
|
|
75
|
+
},
|
|
76
|
+
'scale-x': {
|
|
77
|
+
from: { transform: 'scaleX(0)' },
|
|
78
|
+
to: { transform: 'scaleX(1)' },
|
|
79
|
+
},
|
|
80
|
+
'scale-y': {
|
|
81
|
+
from: { transform: 'scaleY(0)' },
|
|
82
|
+
to: { transform: 'scaleY(1)' },
|
|
83
|
+
},
|
|
84
|
+
'shimmer': {
|
|
85
|
+
from: { opacity: 0.5, filter: 'brightness(1)' },
|
|
86
|
+
to: { opacity: 1, filter: 'brightness(1.5)' },
|
|
87
|
+
},
|
|
88
|
+
'pulse': {
|
|
89
|
+
from: { transform: 'scale(1)' },
|
|
90
|
+
to: { transform: 'scale(1.05)' },
|
|
91
|
+
},
|
|
92
|
+
'swing': {
|
|
93
|
+
from: { transform: 'rotate(-10deg)' },
|
|
94
|
+
to: { transform: 'rotate(10deg)' },
|
|
95
|
+
},
|
|
96
|
+
'scale-up': {
|
|
97
|
+
from: { opacity: 0, transform: 'scale(0.5)' },
|
|
98
|
+
to: { opacity: 1, transform: 'scale(1)' },
|
|
99
|
+
},
|
|
100
|
+
'blur-in-up': {
|
|
101
|
+
from: { opacity: 0, filter: 'blur(12px)', transform: 'translateY(40px)' },
|
|
102
|
+
to: { opacity: 1, filter: 'blur(0px)', transform: 'translateY(0px)' },
|
|
103
|
+
},
|
|
104
|
+
'flip-up': {
|
|
105
|
+
from: { opacity: 0, transform: 'perspective(800px) rotateX(60deg)' },
|
|
106
|
+
to: { opacity: 1, transform: 'perspective(800px) rotateX(0deg)' },
|
|
107
|
+
},
|
|
108
|
+
'flip-down': {
|
|
109
|
+
from: { opacity: 0, transform: 'perspective(800px) rotateX(-60deg)' },
|
|
110
|
+
to: { opacity: 1, transform: 'perspective(800px) rotateX(0deg)' },
|
|
111
|
+
},
|
|
112
|
+
'rotate-left': {
|
|
113
|
+
from: { opacity: 0, transform: 'rotate(-15deg) translateX(-40px)' },
|
|
114
|
+
to: { opacity: 1, transform: 'rotate(0deg) translateX(0px)' },
|
|
115
|
+
},
|
|
116
|
+
'rotate-right': {
|
|
117
|
+
from: { opacity: 0, transform: 'rotate(15deg) translateX(40px)' },
|
|
118
|
+
to: { opacity: 1, transform: 'rotate(0deg) translateX(0px)' },
|
|
119
|
+
},
|
|
120
|
+
// clip-path reveals: content is uncovered without moving or fading
|
|
121
|
+
'clip-up': {
|
|
122
|
+
from: { clipPath: 'inset(100% 0% 0% 0%)' },
|
|
123
|
+
to: { clipPath: 'inset(0% 0% 0% 0%)' },
|
|
124
|
+
},
|
|
125
|
+
'clip-down': {
|
|
126
|
+
from: { clipPath: 'inset(0% 0% 100% 0%)' },
|
|
127
|
+
to: { clipPath: 'inset(0% 0% 0% 0%)' },
|
|
128
|
+
},
|
|
129
|
+
'clip-left': {
|
|
130
|
+
from: { clipPath: 'inset(0% 0% 0% 100%)' },
|
|
131
|
+
to: { clipPath: 'inset(0% 0% 0% 0%)' },
|
|
132
|
+
},
|
|
133
|
+
'clip-right': {
|
|
134
|
+
from: { clipPath: 'inset(0% 100% 0% 0%)' },
|
|
135
|
+
to: { clipPath: 'inset(0% 0% 0% 0%)' },
|
|
136
|
+
},
|
|
137
|
+
'clip-circle': {
|
|
138
|
+
from: { clipPath: 'circle(0% at 50% 50%)' },
|
|
139
|
+
to: { clipPath: 'circle(75% at 50% 50%)' },
|
|
140
|
+
},
|
|
141
|
+
};
|
|
142
|
+
/**
|
|
143
|
+
* One preset table per page, shared through a global symbol so every copy of
|
|
144
|
+
* the library (ESM entries, the UMD bundle, `presets/extended`) sees presets
|
|
145
|
+
* registered by any other copy. `<usa-reveal>` / `<usa-stagger>` read it too.
|
|
146
|
+
*/
|
|
147
|
+
const share = (core) => {
|
|
148
|
+
const g = globalThis;
|
|
149
|
+
const key = Symbol.for('use-scroll-animate.presets');
|
|
150
|
+
return (g[key] = Object.assign(g[key] || {}, core));
|
|
151
|
+
};
|
|
152
|
+
/**
|
|
153
|
+
* Every registered preset: the 33 core presets, plus the 6.1 extended set once
|
|
154
|
+
* `motionary/presets/extended` is loaded, plus your own.
|
|
155
|
+
*/
|
|
156
|
+
const PRESETS = /*#__PURE__*/ share(CORE);
|
|
157
|
+
/**
|
|
158
|
+
* Add (or replace) presets by name: `registerPresets({ 'my-pop': { from, to, frames? } })`.
|
|
159
|
+
* They work everywhere a preset name does (`animation`, `exit`, `data-sa-animation`,
|
|
160
|
+
* `<scroll-animate>`, `<usa-reveal effect>`).
|
|
161
|
+
*/
|
|
162
|
+
function registerPresets(presets) {
|
|
163
|
+
Object.assign(PRESETS, presets);
|
|
164
|
+
}
|
|
165
|
+
/** The same keyframes played backwards (exit animations). */
|
|
166
|
+
function reversePreset(p) {
|
|
167
|
+
return { from: p.to, to: p.from, frames: p.frames && p.frames.map((f) => ({ ...f, offset: 1 - f.offset })).reverse() };
|
|
168
|
+
}
|
|
169
|
+
const lookup = (name) => PRESETS[name.trim()];
|
|
170
|
+
function resolvePreset(animation) {
|
|
171
|
+
if (typeof animation === 'string') {
|
|
172
|
+
return lookup(animation) ?? PRESETS['fade-in-up'];
|
|
173
|
+
}
|
|
174
|
+
if (Array.isArray(animation)) {
|
|
175
|
+
const combined = { from: {}, to: {} };
|
|
176
|
+
animation.forEach(name => {
|
|
177
|
+
const preset = lookup(name);
|
|
178
|
+
if (preset) {
|
|
179
|
+
Object.entries(preset.from).forEach(([key, val]) => {
|
|
180
|
+
if (key === 'transform' && combined.from[key]) {
|
|
181
|
+
combined.from[key] = `${combined.from[key]} ${val}`;
|
|
182
|
+
}
|
|
183
|
+
else {
|
|
184
|
+
combined.from[key] = val;
|
|
185
|
+
}
|
|
186
|
+
});
|
|
187
|
+
Object.entries(preset.to).forEach(([key, val]) => {
|
|
188
|
+
if (key === 'transform' && combined.to[key]) {
|
|
189
|
+
combined.to[key] = `${combined.to[key]} ${val}`;
|
|
190
|
+
}
|
|
191
|
+
else {
|
|
192
|
+
combined.to[key] = val;
|
|
193
|
+
}
|
|
194
|
+
});
|
|
195
|
+
}
|
|
196
|
+
});
|
|
197
|
+
return combined;
|
|
198
|
+
}
|
|
199
|
+
return animation;
|
|
200
|
+
}
|
|
201
|
+
/** Easing to CSS cubic-bezier mapping */
|
|
202
|
+
const EASING_MAP = {
|
|
203
|
+
linear: 'linear',
|
|
204
|
+
ease: 'ease',
|
|
205
|
+
'ease-in': 'ease-in',
|
|
206
|
+
'ease-out': 'ease-out',
|
|
207
|
+
'ease-in-out': 'ease-in-out',
|
|
208
|
+
spring: 'cubic-bezier(0.34, 1.56, 0.64, 1)',
|
|
209
|
+
'soft-spring': 'cubic-bezier(0.175, 0.885, 0.32, 1.275)',
|
|
210
|
+
'heavy-bounce': 'cubic-bezier(0.68, -0.55, 0.265, 1.55)',
|
|
211
|
+
};
|
|
212
|
+
function resolveEasing(easing) {
|
|
213
|
+
if (typeof easing === 'string') {
|
|
214
|
+
return EASING_MAP[easing] ?? easing;
|
|
215
|
+
}
|
|
216
|
+
if (Array.isArray(easing)) {
|
|
217
|
+
return `cubic-bezier(${easing.join(', ')})`;
|
|
218
|
+
}
|
|
219
|
+
if (typeof easing === 'function') {
|
|
220
|
+
// Functions cannot be expressed as a CSS easing string; the core samples
|
|
221
|
+
// them into a `linear()` easing (or keyframes on older browsers).
|
|
222
|
+
return 'linear';
|
|
223
|
+
}
|
|
224
|
+
return 'ease';
|
|
225
|
+
}
|
|
226
|
+
|
|
227
|
+
exports.EASING_MAP = EASING_MAP;
|
|
228
|
+
exports.PRESETS = PRESETS;
|
|
229
|
+
exports.registerPresets = registerPresets;
|
|
230
|
+
exports.resolveEasing = resolveEasing;
|
|
231
|
+
exports.resolvePreset = resolvePreset;
|
|
232
|
+
exports.reversePreset = reversePreset;
|
|
233
|
+
//# sourceMappingURL=presets-CUHys3sK.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"presets-CUHys3sK.cjs","sources":["../../src/presets.ts"],"sourcesContent":["/**\n * motionary - Animation Presets\n * Defines keyframes for all built-in animation presets\n */\n\nimport type { AnimationPreset, CorePreset, CustomAnimation, EasingType, ExtendedPreset, PresetKeyframes } from './types';\n\ntype KeyframeMap = PresetKeyframes;\n\nconst CORE: Record<CorePreset, KeyframeMap> = {\n 'fade-in': {\n from: { opacity: 0 },\n to: { opacity: 1 },\n },\n 'fade-in-up': {\n from: { opacity: 0, transform: 'translateY(40px)' },\n to: { opacity: 1, transform: 'translateY(0px)' },\n },\n 'fade-in-down': {\n from: { opacity: 0, transform: 'translateY(-40px)' },\n to: { opacity: 1, transform: 'translateY(0px)' },\n },\n 'fade-in-left': {\n from: { opacity: 0, transform: 'translateX(-40px)' },\n to: { opacity: 1, transform: 'translateX(0px)' },\n },\n 'fade-in-right': {\n from: { opacity: 0, transform: 'translateX(40px)' },\n to: { opacity: 1, transform: 'translateX(0px)' },\n },\n 'zoom-in': {\n from: { opacity: 0, transform: 'scale(0.8)' },\n to: { opacity: 1, transform: 'scale(1)' },\n },\n 'zoom-out': {\n from: { opacity: 0, transform: 'scale(1.2)' },\n to: { opacity: 1, transform: 'scale(1)' },\n },\n 'flip-x': {\n from: { opacity: 0, transform: 'rotateX(-90deg)' },\n to: { opacity: 1, transform: 'rotateX(0deg)' },\n },\n 'flip-y': {\n from: { opacity: 0, transform: 'rotateY(-90deg)' },\n to: { opacity: 1, transform: 'rotateY(0deg)' },\n },\n 'slide-up': {\n from: { transform: 'translateY(100%)' },\n to: { transform: 'translateY(0px)' },\n },\n 'slide-down': {\n from: { transform: 'translateY(-100%)' },\n to: { transform: 'translateY(0px)' },\n },\n 'slide-left': {\n from: { transform: 'translateX(-100%)' },\n to: { transform: 'translateX(0px)' },\n },\n 'slide-right': {\n from: { transform: 'translateX(100%)' },\n to: { transform: 'translateX(0px)' },\n },\n 'bounce': {\n from: { opacity: 0, transform: 'translateY(-60px)' },\n to: { opacity: 1, transform: 'translateY(0px)' },\n },\n 'rotate-in': {\n from: { opacity: 0, transform: 'rotate(-180deg) scale(0.5)' },\n to: { opacity: 1, transform: 'rotate(0deg) scale(1)' },\n },\n 'blur-in': {\n from: { opacity: 0, filter: 'blur(12px)' },\n to: { opacity: 1, filter: 'blur(0px)' },\n },\n 'skew-in': {\n from: { opacity: 0, transform: 'skewX(20deg) translateX(30px)' },\n to: { opacity: 1, transform: 'skewX(0deg) translateX(0px)' },\n },\n 'scale-x': {\n from: { transform: 'scaleX(0)' },\n to: { transform: 'scaleX(1)' },\n },\n 'scale-y': {\n from: { transform: 'scaleY(0)' },\n to: { transform: 'scaleY(1)' },\n },\n 'shimmer': {\n from: { opacity: 0.5, filter: 'brightness(1)' },\n to: { opacity: 1, filter: 'brightness(1.5)' },\n },\n 'pulse': {\n from: { transform: 'scale(1)' },\n to: { transform: 'scale(1.05)' },\n },\n 'swing': {\n from: { transform: 'rotate(-10deg)' },\n to: { transform: 'rotate(10deg)' },\n },\n 'scale-up': {\n from: { opacity: 0, transform: 'scale(0.5)' },\n to: { opacity: 1, transform: 'scale(1)' },\n },\n 'blur-in-up': {\n from: { opacity: 0, filter: 'blur(12px)', transform: 'translateY(40px)' },\n to: { opacity: 1, filter: 'blur(0px)', transform: 'translateY(0px)' },\n },\n 'flip-up': {\n from: { opacity: 0, transform: 'perspective(800px) rotateX(60deg)' },\n to: { opacity: 1, transform: 'perspective(800px) rotateX(0deg)' },\n },\n 'flip-down': {\n from: { opacity: 0, transform: 'perspective(800px) rotateX(-60deg)' },\n to: { opacity: 1, transform: 'perspective(800px) rotateX(0deg)' },\n },\n 'rotate-left': {\n from: { opacity: 0, transform: 'rotate(-15deg) translateX(-40px)' },\n to: { opacity: 1, transform: 'rotate(0deg) translateX(0px)' },\n },\n 'rotate-right': {\n from: { opacity: 0, transform: 'rotate(15deg) translateX(40px)' },\n to: { opacity: 1, transform: 'rotate(0deg) translateX(0px)' },\n },\n // clip-path reveals: content is uncovered without moving or fading\n 'clip-up': {\n from: { clipPath: 'inset(100% 0% 0% 0%)' },\n to: { clipPath: 'inset(0% 0% 0% 0%)' },\n },\n 'clip-down': {\n from: { clipPath: 'inset(0% 0% 100% 0%)' },\n to: { clipPath: 'inset(0% 0% 0% 0%)' },\n },\n 'clip-left': {\n from: { clipPath: 'inset(0% 0% 0% 100%)' },\n to: { clipPath: 'inset(0% 0% 0% 0%)' },\n },\n 'clip-right': {\n from: { clipPath: 'inset(0% 100% 0% 0%)' },\n to: { clipPath: 'inset(0% 0% 0% 0%)' },\n },\n 'clip-circle': {\n from: { clipPath: 'circle(0% at 50% 50%)' },\n to: { clipPath: 'circle(75% at 50% 50%)' },\n },\n};\n\n/**\n * One preset table per page, shared through a global symbol so every copy of\n * the library (ESM entries, the UMD bundle, `presets/extended`) sees presets\n * registered by any other copy. `<usa-reveal>` / `<usa-stagger>` read it too.\n */\nconst share = (core: Record<string, KeyframeMap>): Record<string, KeyframeMap> => {\n const g = globalThis as any;\n const key = Symbol.for('use-scroll-animate.presets');\n return (g[key] = Object.assign(g[key] || {}, core));\n};\n\n/**\n * Every registered preset: the 33 core presets, plus the 6.1 extended set once\n * `motionary/presets/extended` is loaded, plus your own.\n */\nexport const PRESETS = /*#__PURE__*/ share(CORE) as Record<CorePreset, KeyframeMap> & Partial<Record<ExtendedPreset, KeyframeMap>>;\n\n/**\n * Add (or replace) presets by name: `registerPresets({ 'my-pop': { from, to, frames? } })`.\n * They work everywhere a preset name does (`animation`, `exit`, `data-sa-animation`,\n * `<scroll-animate>`, `<usa-reveal effect>`).\n */\nexport function registerPresets(presets: Record<string, PresetKeyframes>): void {\n Object.assign(PRESETS, presets);\n}\n\n/** The same keyframes played backwards (exit animations). */\nexport function reversePreset(p: KeyframeMap): KeyframeMap {\n return { from: p.to, to: p.from, frames: p.frames && p.frames.map((f) => ({ ...f, offset: 1 - f.offset })).reverse() };\n}\n\nconst lookup = (name: string): KeyframeMap | undefined => (PRESETS as Record<string, KeyframeMap>)[name.trim()];\n\nexport function resolvePreset(animation: AnimationPreset | AnimationPreset[] | CustomAnimation): KeyframeMap {\n if (typeof animation === 'string') {\n return lookup(animation) ?? PRESETS['fade-in-up'];\n }\n \n if (Array.isArray(animation)) {\n const combined: KeyframeMap = { from: {}, to: {} };\n animation.forEach(name => {\n const preset = lookup(name);\n if (preset) {\n Object.entries(preset.from).forEach(([key, val]) => {\n if (key === 'transform' && combined.from[key]) {\n combined.from[key] = `${combined.from[key]} ${val}`;\n } else {\n combined.from[key] = val;\n }\n });\n Object.entries(preset.to).forEach(([key, val]) => {\n if (key === 'transform' && combined.to[key]) {\n combined.to[key] = `${combined.to[key]} ${val}`;\n } else {\n combined.to[key] = val;\n }\n });\n }\n });\n return combined;\n }\n \n return animation;\n}\n\n/** Easing to CSS cubic-bezier mapping */\nexport const EASING_MAP: Record<string, string> = {\n linear: 'linear',\n ease: 'ease',\n 'ease-in': 'ease-in',\n 'ease-out': 'ease-out',\n 'ease-in-out': 'ease-in-out',\n spring: 'cubic-bezier(0.34, 1.56, 0.64, 1)',\n 'soft-spring': 'cubic-bezier(0.175, 0.885, 0.32, 1.275)',\n 'heavy-bounce': 'cubic-bezier(0.68, -0.55, 0.265, 1.55)',\n};\n\nexport function resolveEasing(easing: EasingType): string {\n if (typeof easing === 'string') {\n return EASING_MAP[easing] ?? easing;\n }\n if (Array.isArray(easing)) {\n return `cubic-bezier(${easing.join(', ')})`;\n }\n if (typeof easing === 'function') {\n // Functions cannot be expressed as a CSS easing string; the core samples\n // them into a `linear()` easing (or keyframes on older browsers).\n return 'linear';\n }\n return 'ease';\n}\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,121 @@
|
|
|
1
|
+
import { e as animateWithMotion, i as getMotionSensitivity, p as prefersReducedMotion } from './base-C_3cAoRz.js';
|
|
2
|
+
|
|
3
|
+
var _a;
|
|
4
|
+
const EFFECT_KINDS = ['enter', 'exit', 'attention', 'click', 'hover', 'card', 'loop', 'page', 'background', 'text', 'cursor', 'scroll'];
|
|
5
|
+
const EFFECT_TRIGGERS = ['click', 'hover', 'enter', 'load', 'loop', 'manual'];
|
|
6
|
+
// 6.2: one table per page (Symbol.for), shared by every bundle that registers effects —
|
|
7
|
+
// e.g. dist/components.umd.js and dist/widgets.umd.js on the same page.
|
|
8
|
+
const REG_KEY = Symbol.for('use-scroll-animate.effects');
|
|
9
|
+
const registry = ((_a = globalThis)[REG_KEY] || (_a[REG_KEY] = new Map()));
|
|
10
|
+
/** Register an effect (throws on a duplicate name unless `override`). Returns an unregister function. */
|
|
11
|
+
function registerEffect(def, opts = {}) {
|
|
12
|
+
if (!/^[a-z][a-z0-9-]*$/.test(def.name))
|
|
13
|
+
throw new Error(`[motionary] invalid effect name "${def.name}"`);
|
|
14
|
+
if (!EFFECT_KINDS.includes(def.kind))
|
|
15
|
+
throw new Error(`[motionary] unknown effect kind "${def.kind}"`);
|
|
16
|
+
if (registry.has(def.name) && !opts.override)
|
|
17
|
+
throw new Error(`[motionary] effect "${def.name}" is already registered`);
|
|
18
|
+
registry.set(def.name, def);
|
|
19
|
+
return () => {
|
|
20
|
+
if (registry.get(def.name) === def)
|
|
21
|
+
registry.delete(def.name);
|
|
22
|
+
};
|
|
23
|
+
}
|
|
24
|
+
/** Register several effects at once (already-registered names are skipped). */
|
|
25
|
+
function registerEffects(defs) {
|
|
26
|
+
for (const d of defs)
|
|
27
|
+
if (!registry.has(d.name))
|
|
28
|
+
registerEffect(d);
|
|
29
|
+
}
|
|
30
|
+
const getEffect = (name) => registry.get(name);
|
|
31
|
+
const hasEffect = (name) => registry.has(name);
|
|
32
|
+
/** Registered effects (optionally of one kind), sorted by name. */
|
|
33
|
+
function listEffects(kind) {
|
|
34
|
+
return Array.from(registry.values())
|
|
35
|
+
.filter((d) => !kind || d.kind === kind)
|
|
36
|
+
.sort((a, b) => a.name.localeCompare(b.name));
|
|
37
|
+
}
|
|
38
|
+
const SKIP_BY_DEFAULT = ['loop', 'background', 'cursor'];
|
|
39
|
+
function context(event) {
|
|
40
|
+
const cleanups = [];
|
|
41
|
+
return {
|
|
42
|
+
reduced: prefersReducedMotion(),
|
|
43
|
+
sensitivity: getMotionSensitivity(),
|
|
44
|
+
event,
|
|
45
|
+
animate: animateWithMotion,
|
|
46
|
+
onCleanup: (fn) => cleanups.push(fn),
|
|
47
|
+
cleanups,
|
|
48
|
+
};
|
|
49
|
+
}
|
|
50
|
+
/**
|
|
51
|
+
* Play a registered effect once on `el`. Resolves when it finishes (or
|
|
52
|
+
* immediately for fire-and-forget effects). Unknown names reject.
|
|
53
|
+
*/
|
|
54
|
+
async function playEffect(el, name, options = {}, event) {
|
|
55
|
+
const def = registry.get(name);
|
|
56
|
+
if (!def)
|
|
57
|
+
throw new Error(`[motionary] unknown effect "${name}" — registered: ${Array.from(registry.keys()).join(', ')}`);
|
|
58
|
+
const ctx = context(event);
|
|
59
|
+
if (ctx.reduced && (def.reduced ?? (SKIP_BY_DEFAULT.includes(def.kind) ? 'skip' : 'run')) === 'skip')
|
|
60
|
+
return;
|
|
61
|
+
const out = def.run(el, { ...(def.defaults || {}), ...options }, ctx);
|
|
62
|
+
if (out && typeof out.finished?.then === 'function')
|
|
63
|
+
await out.finished.catch(() => undefined);
|
|
64
|
+
else if (out && typeof out.then === 'function')
|
|
65
|
+
await out;
|
|
66
|
+
}
|
|
67
|
+
/**
|
|
68
|
+
* Bind an effect to a trigger on `el`: `click`, `hover` (pointerenter / focus),
|
|
69
|
+
* `enter` (scrolls into view; `once` by default), `load` (now), `loop`
|
|
70
|
+
* (starts now, cleanup stops it) or `manual` (nothing). Returns an unbind.
|
|
71
|
+
*/
|
|
72
|
+
function bindEffect(el, name, options = {}) {
|
|
73
|
+
const { trigger = 'click', once, ...opts } = options;
|
|
74
|
+
const def = registry.get(name);
|
|
75
|
+
if (!def)
|
|
76
|
+
throw new Error(`[motionary] unknown effect "${name}"`);
|
|
77
|
+
const offs = [];
|
|
78
|
+
let current = null;
|
|
79
|
+
const fire = (e) => {
|
|
80
|
+
const ctx = context(e);
|
|
81
|
+
if (ctx.reduced && (def.reduced ?? (SKIP_BY_DEFAULT.includes(def.kind) ? 'skip' : 'run')) === 'skip')
|
|
82
|
+
return;
|
|
83
|
+
// A persistent effect (returns a cleanup) replaces its previous run instead of stacking.
|
|
84
|
+
current?.();
|
|
85
|
+
current = null;
|
|
86
|
+
const out = def.run(el, { ...(def.defaults || {}), ...opts }, ctx);
|
|
87
|
+
const stops = [...ctx.cleanups, ...(typeof out === 'function' ? [out] : [])];
|
|
88
|
+
if (stops.length)
|
|
89
|
+
current = () => stops.splice(0).forEach((f) => f());
|
|
90
|
+
};
|
|
91
|
+
offs.push(() => {
|
|
92
|
+
current?.();
|
|
93
|
+
current = null;
|
|
94
|
+
});
|
|
95
|
+
const on = (type, opt) => {
|
|
96
|
+
el.addEventListener(type, fire, opt);
|
|
97
|
+
offs.push(() => el.removeEventListener(type, fire, opt));
|
|
98
|
+
};
|
|
99
|
+
if (trigger === 'click')
|
|
100
|
+
on('click', { once: !!once });
|
|
101
|
+
else if (trigger === 'hover')
|
|
102
|
+
(on('pointerenter'), on('focusin'));
|
|
103
|
+
else if (trigger === 'load' || trigger === 'loop')
|
|
104
|
+
fire();
|
|
105
|
+
else if (trigger === 'enter' && typeof IntersectionObserver !== 'undefined') {
|
|
106
|
+
const io = new IntersectionObserver((entries) => {
|
|
107
|
+
for (const en of entries)
|
|
108
|
+
if (en.isIntersecting) {
|
|
109
|
+
fire();
|
|
110
|
+
if (once !== false)
|
|
111
|
+
io.disconnect();
|
|
112
|
+
}
|
|
113
|
+
}, { threshold: 0.15 });
|
|
114
|
+
io.observe(el);
|
|
115
|
+
offs.push(() => io.disconnect());
|
|
116
|
+
}
|
|
117
|
+
return () => offs.splice(0).reverse().forEach((f) => f());
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
export { EFFECT_KINDS as E, EFFECT_TRIGGERS as a, bindEffect as b, registerEffects as c, getEffect as g, hasEffect as h, listEffects as l, playEffect as p, registerEffect as r };
|
|
121
|
+
//# sourceMappingURL=registry-CKNLQpwd.js.map
|