zumly 0.18.1 → 0.92.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +256 -34
- package/dist/zumly.css +243 -2
- package/dist/zumly.js +2 -2
- package/dist/zumly.min.css +1 -1
- package/dist/zumly.mjs +2 -2
- package/docs/DRIVER_API.md +340 -0
- package/package.json +27 -2
- package/src/drivers/driver-helpers.js +315 -0
- package/src/drivers/index.js +49 -0
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Transition driver factory.
|
|
3
|
+
* Returns a driver object with runTransition(spec, onComplete).
|
|
4
|
+
*
|
|
5
|
+
* Built-in drivers: 'css' (default), 'waapi', 'none', 'anime', 'gsap', 'motion'.
|
|
6
|
+
* Custom drivers: pass a function(spec, onComplete) directly.
|
|
7
|
+
*
|
|
8
|
+
* @param {string|function} driverOption
|
|
9
|
+
* @returns {{ runTransition: function }}
|
|
10
|
+
*/
|
|
11
|
+
import { runTransition as cssRun } from './css-transition.js'
|
|
12
|
+
import { runTransition as noneRun } from './none-transition.js'
|
|
13
|
+
import { runTransition as waapiRun } from './waapi-transition.js'
|
|
14
|
+
import { runTransition as animeRun } from './anime-transition.js'
|
|
15
|
+
import { runTransition as gsapRun } from './gsap-transition.js'
|
|
16
|
+
import { runTransition as motionRun } from './motion-transition.js'
|
|
17
|
+
|
|
18
|
+
const DRIVERS = {
|
|
19
|
+
css: cssRun,
|
|
20
|
+
waapi: waapiRun,
|
|
21
|
+
none: noneRun,
|
|
22
|
+
anime: animeRun,
|
|
23
|
+
gsap: gsapRun,
|
|
24
|
+
motion: motionRun,
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
export function getDriver (driverOption) {
|
|
28
|
+
if (typeof driverOption === 'function') {
|
|
29
|
+
return {
|
|
30
|
+
runTransition (spec, onComplete) {
|
|
31
|
+
driverOption(spec, onComplete)
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
const name = typeof driverOption === 'string' ? driverOption.toLowerCase() : 'css'
|
|
36
|
+
const run = DRIVERS[name] || DRIVERS.css
|
|
37
|
+
return { runTransition: run }
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
// Named exports for direct imports and tests
|
|
41
|
+
export { runTransition as cssTransition } from './css-transition.js'
|
|
42
|
+
export { runTransition as noneTransition } from './none-transition.js'
|
|
43
|
+
export { runTransition as waapiTransition } from './waapi-transition.js'
|
|
44
|
+
export { runTransition as animeTransition } from './anime-transition.js'
|
|
45
|
+
export { runTransition as gsapTransition } from './gsap-transition.js'
|
|
46
|
+
export { runTransition as motionTransition } from './motion-transition.js'
|
|
47
|
+
|
|
48
|
+
// Re-export helpers for community drivers
|
|
49
|
+
export * from './driver-helpers.js'
|