@rafaelaugusto/jolt 0.1.0-beta.0 → 0.1.0-beta.10
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 +441 -25
- package/dist/animate.d.ts +21 -5
- package/dist/animate.d.ts.map +1 -1
- package/dist/animate.js +205 -25
- package/dist/animate.js.map +1 -1
- package/dist/color.d.ts +11 -0
- package/dist/color.d.ts.map +1 -0
- package/dist/color.js +73 -0
- package/dist/color.js.map +1 -0
- package/dist/config.d.ts +31 -0
- package/dist/config.d.ts.map +1 -0
- package/dist/config.js +73 -0
- package/dist/config.js.map +1 -0
- package/dist/decay.d.ts +11 -0
- package/dist/decay.d.ts.map +1 -0
- package/dist/decay.js +22 -0
- package/dist/decay.js.map +1 -0
- package/dist/decoration.d.ts +18 -0
- package/dist/decoration.d.ts.map +1 -0
- package/dist/decoration.js +155 -0
- package/dist/decoration.js.map +1 -0
- package/dist/drag-input.d.ts +15 -0
- package/dist/drag-input.d.ts.map +1 -0
- package/dist/drag-input.js +66 -0
- package/dist/drag-input.js.map +1 -0
- package/dist/drag-physics.d.ts +20 -0
- package/dist/drag-physics.d.ts.map +1 -0
- package/dist/drag-physics.js +75 -0
- package/dist/drag-physics.js.map +1 -0
- package/dist/drag.d.ts +58 -0
- package/dist/drag.d.ts.map +1 -0
- package/dist/drag.js +324 -0
- package/dist/drag.js.map +1 -0
- package/dist/driver/android-color.d.ts +20 -0
- package/dist/driver/android-color.d.ts.map +1 -0
- package/dist/driver/android-color.js +136 -0
- package/dist/driver/android-color.js.map +1 -0
- package/dist/driver/android-decoration.d.ts +22 -0
- package/dist/driver/android-decoration.d.ts.map +1 -0
- package/dist/driver/android-decoration.js +139 -0
- package/dist/driver/android-decoration.js.map +1 -0
- package/dist/driver/android-playback.d.ts +13 -0
- package/dist/driver/android-playback.d.ts.map +1 -0
- package/dist/driver/android-playback.js +141 -0
- package/dist/driver/android-playback.js.map +1 -0
- package/dist/driver/android.d.ts +1 -1
- package/dist/driver/android.d.ts.map +1 -1
- package/dist/driver/android.js +165 -13
- package/dist/driver/android.js.map +1 -1
- package/dist/driver/index.d.ts +25 -2
- package/dist/driver/index.d.ts.map +1 -1
- package/dist/driver/index.js.map +1 -1
- package/dist/driver/ios-color.d.ts +16 -0
- package/dist/driver/ios-color.d.ts.map +1 -0
- package/dist/driver/ios-color.js +392 -0
- package/dist/driver/ios-color.js.map +1 -0
- package/dist/driver/ios-decoration.d.ts +17 -0
- package/dist/driver/ios-decoration.d.ts.map +1 -0
- package/dist/driver/ios-decoration.js +271 -0
- package/dist/driver/ios-decoration.js.map +1 -0
- package/dist/driver/ios-layout.d.ts +9 -0
- package/dist/driver/ios-layout.d.ts.map +1 -0
- package/dist/driver/ios-layout.js +52 -0
- package/dist/driver/ios-layout.js.map +1 -0
- package/dist/driver/ios-playback.d.ts +10 -0
- package/dist/driver/ios-playback.d.ts.map +1 -0
- package/dist/driver/ios-playback.js +47 -0
- package/dist/driver/ios-playback.js.map +1 -0
- package/dist/driver/ios-shadow.d.ts +6 -0
- package/dist/driver/ios-shadow.d.ts.map +1 -0
- package/dist/driver/ios-shadow.js +52 -0
- package/dist/driver/ios-shadow.js.map +1 -0
- package/dist/driver/ios.d.ts.map +1 -1
- package/dist/driver/ios.js +164 -20
- package/dist/driver/ios.js.map +1 -1
- package/dist/engine.d.ts +76 -5
- package/dist/engine.d.ts.map +1 -1
- package/dist/engine.js +303 -23
- package/dist/engine.js.map +1 -1
- package/dist/haptics.d.ts +21 -0
- package/dist/haptics.d.ts.map +1 -0
- package/dist/haptics.js +120 -0
- package/dist/haptics.js.map +1 -0
- package/dist/image-effect-native.d.ts +26 -0
- package/dist/image-effect-native.d.ts.map +1 -0
- package/dist/image-effect-native.js +73 -0
- package/dist/image-effect-native.js.map +1 -0
- package/dist/image-effect.d.ts +50 -0
- package/dist/image-effect.d.ts.map +1 -0
- package/dist/image-effect.js +290 -0
- package/dist/image-effect.js.map +1 -0
- package/dist/image-owner.d.ts +3 -0
- package/dist/image-owner.d.ts.map +1 -0
- package/dist/image-owner.js +11 -0
- package/dist/image-owner.js.map +1 -0
- package/dist/index.d.ts +45 -4
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +21 -2
- package/dist/index.js.map +1 -1
- package/dist/interaction-surface.d.ts +12 -0
- package/dist/interaction-surface.d.ts.map +1 -0
- package/dist/interaction-surface.js +36 -0
- package/dist/interaction-surface.js.map +1 -0
- package/dist/items.d.ts +20 -0
- package/dist/items.d.ts.map +1 -0
- package/dist/items.js +109 -0
- package/dist/items.js.map +1 -0
- package/dist/keyboard.d.ts +41 -0
- package/dist/keyboard.d.ts.map +1 -0
- package/dist/keyboard.js +256 -0
- package/dist/keyboard.js.map +1 -0
- package/dist/label.d.ts +7 -0
- package/dist/label.d.ts.map +1 -0
- package/dist/label.js +60 -0
- package/dist/label.js.map +1 -0
- package/dist/layout.d.ts +13 -0
- package/dist/layout.d.ts.map +1 -0
- package/dist/layout.js +348 -0
- package/dist/layout.js.map +1 -0
- package/dist/liquid-grid.d.ts +3 -0
- package/dist/liquid-grid.d.ts.map +1 -0
- package/dist/liquid-grid.js +24 -0
- package/dist/liquid-grid.js.map +1 -0
- package/dist/liquid.d.ts +18 -0
- package/dist/liquid.d.ts.map +1 -0
- package/dist/liquid.js +234 -0
- package/dist/liquid.js.map +1 -0
- package/dist/loader.d.ts +19 -0
- package/dist/loader.d.ts.map +1 -0
- package/dist/loader.js +173 -0
- package/dist/loader.js.map +1 -0
- package/dist/motion-scope.d.ts +39 -0
- package/dist/motion-scope.d.ts.map +1 -0
- package/dist/motion-scope.js +238 -0
- package/dist/motion-scope.js.map +1 -0
- package/dist/motion-states.d.ts +36 -0
- package/dist/motion-states.d.ts.map +1 -0
- package/dist/motion-states.js +165 -0
- package/dist/motion-states.js.map +1 -0
- package/dist/particles.d.ts +39 -0
- package/dist/particles.d.ts.map +1 -0
- package/dist/particles.js +265 -0
- package/dist/particles.js.map +1 -0
- package/dist/path.d.ts +12 -0
- package/dist/path.d.ts.map +1 -0
- package/dist/path.js +90 -0
- package/dist/path.js.map +1 -0
- package/dist/playback-group.d.ts +6 -0
- package/dist/playback-group.d.ts.map +1 -0
- package/dist/playback-group.js +141 -0
- package/dist/playback-group.js.map +1 -0
- package/dist/playback.d.ts +25 -0
- package/dist/playback.d.ts.map +1 -0
- package/dist/playback.js +35 -0
- package/dist/playback.js.map +1 -0
- package/dist/presets.d.ts +16 -1
- package/dist/presets.d.ts.map +1 -1
- package/dist/presets.js +24 -6
- package/dist/presets.js.map +1 -1
- package/dist/press.d.ts.map +1 -1
- package/dist/press.js +25 -7
- package/dist/press.js.map +1 -1
- package/dist/properties.d.ts +6 -3
- package/dist/properties.d.ts.map +1 -1
- package/dist/properties.js +26 -2
- package/dist/properties.js.map +1 -1
- package/dist/reveal.d.ts +25 -0
- package/dist/reveal.d.ts.map +1 -0
- package/dist/reveal.js +294 -0
- package/dist/reveal.js.map +1 -0
- package/dist/roll-diff.d.ts +22 -0
- package/dist/roll-diff.d.ts.map +1 -0
- package/dist/roll-diff.js +36 -0
- package/dist/roll-diff.js.map +1 -0
- package/dist/roll.d.ts +29 -0
- package/dist/roll.d.ts.map +1 -0
- package/dist/roll.js +442 -0
- package/dist/roll.js.map +1 -0
- package/dist/scroll-linked.d.ts +10 -0
- package/dist/scroll-linked.d.ts.map +1 -0
- package/dist/scroll-linked.js +58 -0
- package/dist/scroll-linked.js.map +1 -0
- package/dist/sequence.d.ts +13 -7
- package/dist/sequence.d.ts.map +1 -1
- package/dist/sequence.js +214 -19
- package/dist/sequence.js.map +1 -1
- package/dist/shimmer.d.ts +12 -0
- package/dist/shimmer.d.ts.map +1 -0
- package/dist/shimmer.js +161 -0
- package/dist/shimmer.js.map +1 -0
- package/dist/svg-path.d.ts +14 -0
- package/dist/svg-path.d.ts.map +1 -0
- package/dist/svg-path.js +281 -0
- package/dist/svg-path.js.map +1 -0
- package/dist/symbol-effect.d.ts +23 -0
- package/dist/symbol-effect.d.ts.map +1 -0
- package/dist/symbol-effect.js +187 -0
- package/dist/symbol-effect.js.map +1 -0
- package/dist/text-layout.d.ts +30 -0
- package/dist/text-layout.d.ts.map +1 -0
- package/dist/text-layout.js +185 -0
- package/dist/text-layout.js.map +1 -0
- package/dist/text.d.ts +17 -0
- package/dist/text.d.ts.map +1 -0
- package/dist/text.js +263 -0
- package/dist/text.js.map +1 -0
- package/dist/track.d.ts +3 -1
- package/dist/track.d.ts.map +1 -1
- package/dist/track.js +266 -13
- package/dist/track.js.map +1 -1
- package/dist/transition.d.ts +17 -1
- package/dist/transition.d.ts.map +1 -1
- package/dist/transition.js +41 -6
- package/dist/transition.js.map +1 -1
- package/dist/types.d.ts +50 -1
- package/dist/types.d.ts.map +1 -1
- package/dist/vue/index.d.ts +95 -0
- package/dist/vue/index.d.ts.map +1 -0
- package/dist/vue/index.js +163 -0
- package/dist/vue/index.js.map +1 -0
- package/dist/zoom-native.d.ts +30 -0
- package/dist/zoom-native.d.ts.map +1 -0
- package/dist/zoom-native.js +56 -0
- package/dist/zoom-native.js.map +1 -0
- package/dist/zoomable.d.ts +48 -0
- package/dist/zoomable.d.ts.map +1 -0
- package/dist/zoomable.js +249 -0
- package/dist/zoomable.js.map +1 -0
- package/package.json +33 -5
- package/platforms/android/include.gradle +7 -0
- package/platforms/android/java/org/rafaelaugusto/jolt/ColorTarget.java +102 -0
- package/platforms/android/java/org/rafaelaugusto/jolt/DecorationTarget.java +154 -0
- package/platforms/android/java/org/rafaelaugusto/jolt/ImageEffect.java +288 -0
- package/platforms/android/java/org/rafaelaugusto/jolt/KeyboardFollower.java +91 -0
- package/platforms/android/java/org/rafaelaugusto/jolt/KeyboardObserver.java +97 -0
- package/platforms/android/java/org/rafaelaugusto/jolt/NumberRoll.java +190 -0
- package/platforms/android/java/org/rafaelaugusto/jolt/PhotoZoom.java +250 -0
- package/platforms/android/java/org/rafaelaugusto/jolt/TextReveal.java +180 -0
- package/platforms/android/proguard-rules.pro +19 -0
- package/platforms/ios/build.xcconfig +1 -0
- package/platforms/ios/src/JoltImageEffect.h +25 -0
- package/platforms/ios/src/JoltImageEffect.mm +242 -0
- package/platforms/ios/src/JoltInteractiveAnimation.h +18 -0
- package/platforms/ios/src/JoltInteractiveAnimation.m +123 -0
- package/platforms/ios/src/JoltPhotoZoom.h +23 -0
- package/platforms/ios/src/JoltPhotoZoom.m +229 -0
- package/platforms/ios/src/module.modulemap +6 -0
- package/src/android-plugin.d.ts +155 -0
- package/src/animate.ts +278 -38
- package/src/color.ts +101 -0
- package/src/config.ts +84 -0
- package/src/decay.ts +45 -0
- package/src/decoration.ts +180 -0
- package/src/drag-input.ts +74 -0
- package/src/drag-physics.ts +110 -0
- package/src/drag.ts +395 -0
- package/src/driver/android-color.ts +170 -0
- package/src/driver/android-decoration.ts +182 -0
- package/src/driver/android-playback.ts +157 -0
- package/src/driver/android.ts +208 -20
- package/src/driver/index.ts +37 -2
- package/src/driver/ios-color.ts +441 -0
- package/src/driver/ios-decoration.ts +332 -0
- package/src/driver/ios-layout.ts +63 -0
- package/src/driver/ios-playback.ts +51 -0
- package/src/driver/ios-shadow.ts +50 -0
- package/src/driver/ios.ts +194 -25
- package/src/engine.ts +329 -27
- package/src/haptics.ts +148 -0
- package/src/image-effect-native.ts +129 -0
- package/src/image-effect.ts +336 -0
- package/src/image-owner.ts +12 -0
- package/src/index.ts +61 -4
- package/src/interaction-surface.ts +41 -0
- package/src/ios-plugin.d.ts +81 -0
- package/src/items.ts +140 -0
- package/src/keyboard.ts +291 -0
- package/src/label.ts +76 -0
- package/src/layout.ts +408 -0
- package/src/liquid-grid.ts +28 -0
- package/src/liquid.ts +287 -0
- package/src/loader.ts +202 -0
- package/src/motion-scope.ts +279 -0
- package/src/motion-states.ts +215 -0
- package/src/particles.ts +323 -0
- package/src/path.ts +124 -0
- package/src/playback-group.ts +143 -0
- package/src/playback.ts +62 -0
- package/src/presets.ts +31 -7
- package/src/press.ts +32 -10
- package/src/properties.ts +32 -6
- package/src/reveal.ts +374 -0
- package/src/roll-diff.ts +57 -0
- package/src/roll.ts +515 -0
- package/src/scroll-linked.ts +73 -0
- package/src/sequence.ts +212 -19
- package/src/shimmer.ts +180 -0
- package/src/svg-path.ts +355 -0
- package/src/symbol-effect.ts +226 -0
- package/src/text-layout.ts +228 -0
- package/src/text.ts +279 -0
- package/src/track.ts +347 -12
- package/src/transition.ts +63 -6
- package/src/types.ts +51 -1
- package/src/vue/index.ts +231 -0
- package/src/zoom-native.ts +124 -0
- package/src/zoomable.ts +330 -0
|
@@ -0,0 +1,141 @@
|
|
|
1
|
+
import { arrivalOf, arrivalTimingOf, setArrival, setArrivalTiming, } from './engine.js';
|
|
2
|
+
import { getDriver } from './driver/index.js';
|
|
3
|
+
import { createClock } from './playback.js';
|
|
4
|
+
import { validateProgress } from './playback.js';
|
|
5
|
+
/** Staggered views share a finite time range. Shorter children remain seekable
|
|
6
|
+
* until the whole group settles, unless another animation has taken ownership. */
|
|
7
|
+
export function playbackGroup(children) {
|
|
8
|
+
let paused = false;
|
|
9
|
+
let settled = false;
|
|
10
|
+
let finalProgress;
|
|
11
|
+
let clock;
|
|
12
|
+
let pendingProgress;
|
|
13
|
+
const duration = () => Math.max(0, ...children.map((child) => child.duration));
|
|
14
|
+
const ensureClock = () => {
|
|
15
|
+
if (clock || settled || children.some((child) => !child.ready))
|
|
16
|
+
return;
|
|
17
|
+
const driver = getDriver();
|
|
18
|
+
clock = driver.clock?.(duration()) ?? createClock(() => driver.now());
|
|
19
|
+
clock.seek(Math.max(0, ...children.map((child) => child.currentTime)));
|
|
20
|
+
if (paused)
|
|
21
|
+
clock.pause();
|
|
22
|
+
};
|
|
23
|
+
const finishIfIdle = () => {
|
|
24
|
+
if (settled || paused || children.some((child) => !child.idle || child.paused))
|
|
25
|
+
return;
|
|
26
|
+
settled = true;
|
|
27
|
+
clock?.cancel();
|
|
28
|
+
for (const child of children)
|
|
29
|
+
child.releaseGroup();
|
|
30
|
+
};
|
|
31
|
+
const seek = (value) => {
|
|
32
|
+
const total = duration();
|
|
33
|
+
validateProgress(value, total);
|
|
34
|
+
if (settled)
|
|
35
|
+
return;
|
|
36
|
+
if (children.some((child) => !child.ready)) {
|
|
37
|
+
pendingProgress = value;
|
|
38
|
+
return;
|
|
39
|
+
}
|
|
40
|
+
pendingProgress = undefined;
|
|
41
|
+
ensureClock();
|
|
42
|
+
clock?.seek(total * value);
|
|
43
|
+
for (const child of children)
|
|
44
|
+
child.seekTime(total * value);
|
|
45
|
+
finishIfIdle();
|
|
46
|
+
};
|
|
47
|
+
for (const child of children) {
|
|
48
|
+
child.onIdle(finishIfIdle);
|
|
49
|
+
child.onReady(() => {
|
|
50
|
+
ensureClock();
|
|
51
|
+
if (pendingProgress !== undefined && children.every((child) => child.ready))
|
|
52
|
+
seek(pendingProgress);
|
|
53
|
+
finishIfIdle();
|
|
54
|
+
});
|
|
55
|
+
}
|
|
56
|
+
const finished = Promise.all(children.map((child) => child.finished)).then((results) => {
|
|
57
|
+
finalProgress ??= results.every(Boolean)
|
|
58
|
+
? 1
|
|
59
|
+
: duration()
|
|
60
|
+
? Math.min(1, (clock?.time() ?? 0) / duration())
|
|
61
|
+
: 0;
|
|
62
|
+
settled = true;
|
|
63
|
+
clock?.cancel();
|
|
64
|
+
return results.every(Boolean);
|
|
65
|
+
});
|
|
66
|
+
const animation = {
|
|
67
|
+
finished,
|
|
68
|
+
get duration() {
|
|
69
|
+
return duration();
|
|
70
|
+
},
|
|
71
|
+
get paused() {
|
|
72
|
+
return paused;
|
|
73
|
+
},
|
|
74
|
+
get progress() {
|
|
75
|
+
if (!Number.isFinite(duration()))
|
|
76
|
+
throw new RangeError('Progress requires a finite animation.');
|
|
77
|
+
if (pendingProgress !== undefined)
|
|
78
|
+
return pendingProgress;
|
|
79
|
+
return (finalProgress ??
|
|
80
|
+
(settled ? 1 : duration() ? Math.min(1, (clock?.time() ?? 0) / duration()) : 0));
|
|
81
|
+
},
|
|
82
|
+
set progress(value) {
|
|
83
|
+
seek(value);
|
|
84
|
+
},
|
|
85
|
+
pause() {
|
|
86
|
+
if (!settled && !paused) {
|
|
87
|
+
paused = true;
|
|
88
|
+
clock?.pause();
|
|
89
|
+
children.forEach((child) => child.pause());
|
|
90
|
+
}
|
|
91
|
+
},
|
|
92
|
+
play() {
|
|
93
|
+
if (!settled && paused) {
|
|
94
|
+
paused = false;
|
|
95
|
+
clock?.play();
|
|
96
|
+
children.forEach((child) => child.play());
|
|
97
|
+
finishIfIdle();
|
|
98
|
+
}
|
|
99
|
+
},
|
|
100
|
+
stop() {
|
|
101
|
+
finalProgress = duration() ? Math.min(1, (clock?.time() ?? 0) / duration()) : 0;
|
|
102
|
+
settled = true;
|
|
103
|
+
clock?.cancel();
|
|
104
|
+
children.forEach((child) => child.stop());
|
|
105
|
+
},
|
|
106
|
+
then: (onfulfilled, onrejected) => finished.then(onfulfilled, onrejected),
|
|
107
|
+
};
|
|
108
|
+
setArrival(animation, Promise.all(children.map(arrivalOf)));
|
|
109
|
+
const listeners = new Set();
|
|
110
|
+
const timings = children.map((child) => arrivalTimingOf(child));
|
|
111
|
+
const notify = () => {
|
|
112
|
+
for (const callback of [...listeners])
|
|
113
|
+
callback();
|
|
114
|
+
};
|
|
115
|
+
const unsubscribe = timings.map((timing) => timing.subscribe(notify));
|
|
116
|
+
setArrivalTiming(animation, {
|
|
117
|
+
read() {
|
|
118
|
+
const states = timings.map((timing) => timing.read());
|
|
119
|
+
return {
|
|
120
|
+
arrived: settled || states.every((state) => state.arrived),
|
|
121
|
+
paused: paused || states.some((state) => state.paused && !state.arrived),
|
|
122
|
+
remaining: states.some((state) => !state.arrived && state.remaining === undefined)
|
|
123
|
+
? undefined
|
|
124
|
+
: Math.max(0, ...states.map((state) => (state.arrived ? 0 : state.remaining))),
|
|
125
|
+
};
|
|
126
|
+
},
|
|
127
|
+
subscribe(callback) {
|
|
128
|
+
listeners.add(callback);
|
|
129
|
+
return () => listeners.delete(callback);
|
|
130
|
+
},
|
|
131
|
+
});
|
|
132
|
+
void finished.then(() => {
|
|
133
|
+
unsubscribe.forEach((off) => off());
|
|
134
|
+
notify();
|
|
135
|
+
listeners.clear();
|
|
136
|
+
});
|
|
137
|
+
ensureClock();
|
|
138
|
+
finishIfIdle();
|
|
139
|
+
return animation;
|
|
140
|
+
}
|
|
141
|
+
//# sourceMappingURL=playback-group.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"playback-group.js","sourceRoot":"","sources":["../src/playback-group.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import type { Animation } from './engine.js';
|
|
2
|
+
/** Controls returned by animate() and decay(). Effects expose the base Animation. */
|
|
3
|
+
export interface PlaybackAnimation extends Animation {
|
|
4
|
+
/** Pauses only the properties owned by this animation. */
|
|
5
|
+
pause(): void;
|
|
6
|
+
/** Continues from the current position. Completed/stopped animations remain terminal. */
|
|
7
|
+
play(): void;
|
|
8
|
+
readonly paused: boolean;
|
|
9
|
+
/** Total milliseconds, including delays and repeats. Infinity for endless loops. */
|
|
10
|
+
readonly duration: number;
|
|
11
|
+
/** Finite timeline position, from 0 to 1. Seeking preserves the playing/paused state. */
|
|
12
|
+
progress: number;
|
|
13
|
+
}
|
|
14
|
+
export type PlaybackCommand = 'pause' | 'play' | 'seek';
|
|
15
|
+
export interface PlaybackClock {
|
|
16
|
+
time(): number;
|
|
17
|
+
pause(): void;
|
|
18
|
+
play(): void;
|
|
19
|
+
seek(ms: number): void;
|
|
20
|
+
cancel(): void;
|
|
21
|
+
}
|
|
22
|
+
/** Read only on user commands; there is no frame loop in JavaScript. */
|
|
23
|
+
export declare function createClock(now: () => number, initial?: number): PlaybackClock;
|
|
24
|
+
export declare function validateProgress(value: number, duration: number): void;
|
|
25
|
+
//# sourceMappingURL=playback.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"playback.d.ts","sourceRoot":"","sources":["../src/playback.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAE5C,qFAAqF;AACrF,MAAM,WAAW,iBAAkB,SAAQ,SAAS;IAClD,0DAA0D;IAC1D,KAAK,IAAI,IAAI,CAAA;IACb,yFAAyF;IACzF,IAAI,IAAI,IAAI,CAAA;IACZ,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAA;IACxB,oFAAoF;IACpF,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,yFAAyF;IACzF,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;AAEvD,MAAM,WAAW,aAAa;IAC5B,IAAI,IAAI,MAAM,CAAA;IACd,KAAK,IAAI,IAAI,CAAA;IACb,IAAI,IAAI,IAAI,CAAA;IACZ,IAAI,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,MAAM,IAAI,IAAI,CAAA;CACf;AAED,wEAAwE;AACxE,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,MAAM,EAAE,OAAO,SAAI,GAAG,aAAa,CA0BzE;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,QAO/D"}
|
package/dist/playback.js
ADDED
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
/** Read only on user commands; there is no frame loop in JavaScript. */
|
|
2
|
+
export function createClock(now, initial = 0) {
|
|
3
|
+
let offset = initial;
|
|
4
|
+
let anchor = now();
|
|
5
|
+
let paused = false;
|
|
6
|
+
const time = () => offset + (paused ? 0 : now() - anchor);
|
|
7
|
+
return {
|
|
8
|
+
time,
|
|
9
|
+
pause() {
|
|
10
|
+
offset = time();
|
|
11
|
+
paused = true;
|
|
12
|
+
},
|
|
13
|
+
play() {
|
|
14
|
+
if (paused) {
|
|
15
|
+
anchor = now();
|
|
16
|
+
paused = false;
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
seek(ms) {
|
|
20
|
+
offset = ms;
|
|
21
|
+
anchor = now();
|
|
22
|
+
},
|
|
23
|
+
cancel() {
|
|
24
|
+
offset = time();
|
|
25
|
+
paused = true;
|
|
26
|
+
},
|
|
27
|
+
};
|
|
28
|
+
}
|
|
29
|
+
export function validateProgress(value, duration) {
|
|
30
|
+
if (!Number.isFinite(value) || value < 0 || value > 1)
|
|
31
|
+
throw new RangeError('Animation progress must be between 0 and 1.');
|
|
32
|
+
if (!Number.isFinite(duration))
|
|
33
|
+
throw new RangeError('Progress requires a finite animation; endless loops can pause and play.');
|
|
34
|
+
}
|
|
35
|
+
//# sourceMappingURL=playback.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"playback.js","sourceRoot":"","sources":["../src/playback.ts"],"names":[],"mappings":"AAyBA,wEAAwE;AACxE,MAAM,UAAU,WAAW,CAAC,GAAiB,EAAE,OAAO,GAAG,CAAC;IACxD,IAAI,MAAM,GAAG,OAAO,CAAA;IACpB,IAAI,MAAM,GAAG,GAAG,EAAE,CAAA;IAClB,IAAI,MAAM,GAAG,KAAK,CAAA;IAClB,MAAM,IAAI,GAAG,GAAG,EAAE,CAAC,MAAM,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,MAAM,CAAC,CAAA;IACzD,OAAO;QACL,IAAI;QACJ,KAAK;YACH,MAAM,GAAG,IAAI,EAAE,CAAA;YACf,MAAM,GAAG,IAAI,CAAA;QACf,CAAC;QACD,IAAI;YACF,IAAI,MAAM,EAAE,CAAC;gBACX,MAAM,GAAG,GAAG,EAAE,CAAA;gBACd,MAAM,GAAG,KAAK,CAAA;YAChB,CAAC;QACH,CAAC;QACD,IAAI,CAAC,EAAE;YACL,MAAM,GAAG,EAAE,CAAA;YACX,MAAM,GAAG,GAAG,EAAE,CAAA;QAChB,CAAC;QACD,MAAM;YACJ,MAAM,GAAG,IAAI,EAAE,CAAA;YACf,MAAM,GAAG,IAAI,CAAA;QACf,CAAC;KACF,CAAA;AACH,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,KAAa,EAAE,QAAgB;IAC9D,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,KAAK,GAAG,CAAC,IAAI,KAAK,GAAG,CAAC;QACnD,MAAM,IAAI,UAAU,CAAC,6CAA6C,CAAC,CAAA;IACrE,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC;QAC5B,MAAM,IAAI,UAAU,CAClB,yEAAyE,CAC1E,CAAA;AACL,CAAC"}
|
package/dist/presets.d.ts
CHANGED
|
@@ -3,6 +3,9 @@ export interface Preset {
|
|
|
3
3
|
keyframes: Keyframes;
|
|
4
4
|
transition: AnimateOptions;
|
|
5
5
|
}
|
|
6
|
+
/** Add custom preset names through module augmentation, with `true` as each value. */
|
|
7
|
+
export interface Presets {
|
|
8
|
+
}
|
|
6
9
|
export declare const presets: {
|
|
7
10
|
fadeIn: {
|
|
8
11
|
keyframes: {
|
|
@@ -211,6 +214,7 @@ export declare const presets: {
|
|
|
211
214
|
transition: {
|
|
212
215
|
duration: number;
|
|
213
216
|
ease: "easeInOut";
|
|
217
|
+
relative: true;
|
|
214
218
|
};
|
|
215
219
|
};
|
|
216
220
|
bounce: {
|
|
@@ -219,6 +223,7 @@ export declare const presets: {
|
|
|
219
223
|
};
|
|
220
224
|
transition: {
|
|
221
225
|
duration: number;
|
|
226
|
+
relative: true;
|
|
222
227
|
times: number[];
|
|
223
228
|
ease: ["easeOut", "easeIn", "easeOut", "easeIn"];
|
|
224
229
|
};
|
|
@@ -230,6 +235,7 @@ export declare const presets: {
|
|
|
230
235
|
transition: {
|
|
231
236
|
duration: number;
|
|
232
237
|
ease: "easeInOut";
|
|
238
|
+
relative: true;
|
|
233
239
|
};
|
|
234
240
|
};
|
|
235
241
|
wiggle: {
|
|
@@ -239,6 +245,7 @@ export declare const presets: {
|
|
|
239
245
|
transition: {
|
|
240
246
|
duration: number;
|
|
241
247
|
ease: "easeInOut";
|
|
248
|
+
relative: true;
|
|
242
249
|
};
|
|
243
250
|
};
|
|
244
251
|
heartbeat: {
|
|
@@ -247,6 +254,7 @@ export declare const presets: {
|
|
|
247
254
|
};
|
|
248
255
|
transition: {
|
|
249
256
|
duration: number;
|
|
257
|
+
relative: true;
|
|
250
258
|
times: number[];
|
|
251
259
|
ease: "easeInOut";
|
|
252
260
|
};
|
|
@@ -258,6 +266,7 @@ export declare const presets: {
|
|
|
258
266
|
};
|
|
259
267
|
transition: {
|
|
260
268
|
duration: number;
|
|
269
|
+
relative: true;
|
|
261
270
|
times: number[];
|
|
262
271
|
ease: "easeInOut";
|
|
263
272
|
};
|
|
@@ -269,6 +278,7 @@ export declare const presets: {
|
|
|
269
278
|
transition: {
|
|
270
279
|
duration: number;
|
|
271
280
|
ease: "easeInOut";
|
|
281
|
+
relative: true;
|
|
272
282
|
};
|
|
273
283
|
};
|
|
274
284
|
tada: {
|
|
@@ -279,6 +289,7 @@ export declare const presets: {
|
|
|
279
289
|
transition: {
|
|
280
290
|
duration: number;
|
|
281
291
|
ease: "easeInOut";
|
|
292
|
+
relative: true;
|
|
282
293
|
};
|
|
283
294
|
};
|
|
284
295
|
spin: {
|
|
@@ -288,8 +299,12 @@ export declare const presets: {
|
|
|
288
299
|
transition: {
|
|
289
300
|
duration: number;
|
|
290
301
|
ease: "linear";
|
|
302
|
+
relative: true;
|
|
291
303
|
};
|
|
292
304
|
};
|
|
293
305
|
};
|
|
294
|
-
export type PresetName = keyof typeof presets
|
|
306
|
+
export type PresetName = keyof typeof presets | Extract<keyof Presets, string>;
|
|
307
|
+
/** Registers a custom preset. Registering it again replaces it for future animations. */
|
|
308
|
+
export declare function definePreset(name: PresetName, preset: Preset): void;
|
|
309
|
+
export declare function getPreset(name: PresetName): Preset;
|
|
295
310
|
//# sourceMappingURL=presets.d.ts.map
|
package/dist/presets.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"presets.d.ts","sourceRoot":"","sources":["../src/presets.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAE3D,MAAM,WAAW,MAAM;IACrB,SAAS,EAAE,SAAS,CAAA;IACpB,UAAU,EAAE,cAAc,CAAA;CAC3B;
|
|
1
|
+
{"version":3,"file":"presets.d.ts","sourceRoot":"","sources":["../src/presets.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAE3D,MAAM,WAAW,MAAM;IACrB,SAAS,EAAE,SAAS,CAAA;IACpB,UAAU,EAAE,cAAc,CAAA;CAC3B;AAED,sFAAsF;AACtF,MAAM,WAAW,OAAO;CAAG;AAM3B,eAAO,MAAM,OAAO;;QACR,SAAS;YAAI,OAAO;;QAAY,UAAU;+BAL3B,GAAG;2BAAQ,SAAS;;;;;YAO9B,OAAO;YAAU,CAAC;;;kBALb,QAAQ;sBAAY,GAAG;oBAAU,CAAC;;;;;;;;;YASvC,OAAO;YAAU,CAAC;;;kBATb,QAAQ;sBAAY,GAAG;oBAAU,CAAC;;;;;;;;;YAavC,OAAO;YAAU,CAAC;;;kBAbb,QAAQ;sBAAY,GAAG;oBAAU,CAAC;;;;;;;;;YAiBvC,OAAO;YAAU,CAAC;;;kBAjBb,QAAQ;sBAAY,GAAG;oBAAU,CAAC;;;;;;;;;YAqBvC,OAAO;YAAU,KAAK;;;kBArBjB,QAAQ;sBAAY,GAAG;oBAAU,CAAC;;;;;;;;;YAyBvC,OAAO;YAAU,KAAK;;;;;;;gBAKtB,QAAQ;;;;;;YAIR,OAAO;YAAU,OAAO;;;;;;;gBAKxB,QAAQ;;;;;;YAIR,OAAO;YAAU,OAAO;;;;;;;gBAKxB,QAAQ;;;;;QAIZ,SAAS;YAAI,OAAO;;QAAO,UAAU;+BArDtB,GAAG;2BAAQ,QAAQ;;;;QAsDhC,SAAS;YAAI,OAAO;YAAK,CAAC;;QAAS,UAAU;;;;;;QAC3C,SAAS;YAAI,OAAO;YAAK,CAAC;;QAAQ,UAAU;;;;;;QAC5C,SAAS;YAAI,OAAO;YAAK,CAAC;;QAAS,UAAU;;;;;;QAC5C,SAAS;YAAI,OAAO;YAAK,CAAC;;QAAQ,UAAU;;;;;;QACjD,SAAS;YAAI,OAAO;YAAK,KAAK;;QAAU,UAAU;;;;;;;YAE9C,OAAO;YAAK,KAAK;;;;;;;;;;;;;;YAUjB,KAAK;;;;;;;;;;YAIL,CAAC;;;;;;;;;;;YASD,CAAC;;;;;;;;;;YAID,MAAM;;;;;;;;;;YAIN,KAAK;;;;;;;;;;;YAUhB,MAAM;YACN,MAAM;;;;;;;;;;;YAUK,OAAO;;;;;;;;;;YAKlB,KAAK;YACL,MAAM;;;;;;;;;;YAKK,MAAM;;;;;;;;CAGW,CAAA;AAElC,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,OAAO,GAAG,OAAO,CAAC,MAAM,OAAO,EAAE,MAAM,CAAC,CAAA;AAI9E,yFAAyF;AACzF,wBAAgB,YAAY,CAAC,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,CAKnE;AAED,wBAAgB,SAAS,CAAC,IAAI,EAAE,UAAU,GAAG,MAAM,CAMlD"}
|
package/dist/presets.js
CHANGED
|
@@ -67,28 +67,30 @@ export const presets = {
|
|
|
67
67
|
},
|
|
68
68
|
pulse: {
|
|
69
69
|
keyframes: { scale: [1, 1.06, 1] },
|
|
70
|
-
transition: { duration: 500, ease: 'easeInOut' },
|
|
70
|
+
transition: { duration: 500, ease: 'easeInOut', relative: true },
|
|
71
71
|
},
|
|
72
72
|
bounce: {
|
|
73
73
|
keyframes: { y: [0, -18, 0, -8, 0] },
|
|
74
74
|
transition: {
|
|
75
75
|
duration: 650,
|
|
76
|
+
relative: true,
|
|
76
77
|
times: [0, 0.3, 0.6, 0.8, 1],
|
|
77
78
|
ease: ['easeOut', 'easeIn', 'easeOut', 'easeIn'],
|
|
78
79
|
},
|
|
79
80
|
},
|
|
80
81
|
shake: {
|
|
81
82
|
keyframes: { x: [0, -10, 10, -8, 8, -4, 4, 0] },
|
|
82
|
-
transition: { duration: 500, ease: 'easeInOut' },
|
|
83
|
+
transition: { duration: 500, ease: 'easeInOut', relative: true },
|
|
83
84
|
},
|
|
84
85
|
wiggle: {
|
|
85
86
|
keyframes: { rotate: [0, -8, 8, -5, 5, 0] },
|
|
86
|
-
transition: { duration: 500, ease: 'easeInOut' },
|
|
87
|
+
transition: { duration: 500, ease: 'easeInOut', relative: true },
|
|
87
88
|
},
|
|
88
89
|
heartbeat: {
|
|
89
90
|
keyframes: { scale: [1, 1.15, 1, 1.15, 1, 1] },
|
|
90
91
|
transition: {
|
|
91
92
|
duration: 1000,
|
|
93
|
+
relative: true,
|
|
92
94
|
times: [0, 0.14, 0.28, 0.42, 0.7, 1],
|
|
93
95
|
ease: 'easeInOut',
|
|
94
96
|
},
|
|
@@ -100,24 +102,40 @@ export const presets = {
|
|
|
100
102
|
},
|
|
101
103
|
transition: {
|
|
102
104
|
duration: 800,
|
|
105
|
+
relative: true,
|
|
103
106
|
times: [0, 0.3, 0.4, 0.5, 0.65, 0.75, 1],
|
|
104
107
|
ease: 'easeInOut',
|
|
105
108
|
},
|
|
106
109
|
},
|
|
107
110
|
flash: {
|
|
108
111
|
keyframes: { opacity: [1, 0, 1, 0, 1] },
|
|
109
|
-
transition: { duration: 800, ease: 'easeInOut' },
|
|
112
|
+
transition: { duration: 800, ease: 'easeInOut', relative: true },
|
|
110
113
|
},
|
|
111
114
|
tada: {
|
|
112
115
|
keyframes: {
|
|
113
116
|
scale: [1, 0.9, 0.9, 1.1, 1.1, 1.1, 1.1, 1.1, 1.1, 1.1, 1],
|
|
114
117
|
rotate: [0, -3, -3, 3, -3, 3, -3, 3, -3, 3, 0],
|
|
115
118
|
},
|
|
116
|
-
transition: { duration: 1000, ease: 'easeInOut' },
|
|
119
|
+
transition: { duration: 1000, ease: 'easeInOut', relative: true },
|
|
117
120
|
},
|
|
118
121
|
spin: {
|
|
119
122
|
keyframes: { rotate: [0, 360] },
|
|
120
|
-
transition: { duration: 1000, ease: 'linear' },
|
|
123
|
+
transition: { duration: 1000, ease: 'linear', relative: true },
|
|
121
124
|
},
|
|
122
125
|
};
|
|
126
|
+
const customPresets = new Map();
|
|
127
|
+
/** Registers a custom preset. Registering it again replaces it for future animations. */
|
|
128
|
+
export function definePreset(name, preset) {
|
|
129
|
+
if (Object.hasOwn(presets, name)) {
|
|
130
|
+
throw new Error(`Preset "${name}" is built in and cannot be replaced.`);
|
|
131
|
+
}
|
|
132
|
+
customPresets.set(name, preset);
|
|
133
|
+
}
|
|
134
|
+
export function getPreset(name) {
|
|
135
|
+
const preset = customPresets.get(name) ??
|
|
136
|
+
(Object.hasOwn(presets, name) ? presets[name] : undefined);
|
|
137
|
+
if (!preset)
|
|
138
|
+
throw new Error(`Unknown preset "${name}".`);
|
|
139
|
+
return preset;
|
|
140
|
+
}
|
|
123
141
|
//# sourceMappingURL=presets.js.map
|
package/dist/presets.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"presets.js","sourceRoot":"","sources":["../src/presets.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"presets.js","sourceRoot":"","sources":["../src/presets.ts"],"names":[],"mappings":"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"}
|
package/dist/press.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"press.d.ts","sourceRoot":"","sources":["../src/press.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"press.d.ts","sourceRoot":"","sources":["../src/press.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAc,MAAM,iBAAiB,CAAA;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAKnE;;;;;;;;GAQG;AACH,wBAAgB,KAAK,CACnB,MAAM,EAAE,MAAM,EACd,OAAO,GAAE,SAA2B,EACpC,OAAO,CAAC,EAAE,cAAc,GAAG,UAAU,GACpC,MAAM,IAAI,CAwCZ"}
|
package/dist/press.js
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import { Color } from '@nativescript/core';
|
|
2
|
+
import { isColorProperty } from './color.js';
|
|
3
|
+
import { animate, startingValues, toView } from './animate.js';
|
|
4
|
+
import { readValue } from './properties.js';
|
|
3
5
|
const pressIn = { type: 'spring', duration: 200, bounce: 0 };
|
|
4
6
|
const release = { type: 'spring', duration: 450, bounce: 0.35 };
|
|
5
7
|
/**
|
|
@@ -13,20 +15,36 @@ const release = { type: 'spring', duration: 450, bounce: 0.35 };
|
|
|
13
15
|
*/
|
|
14
16
|
export function press(target, pressed = { scale: 0.96 }, options) {
|
|
15
17
|
const view = toView(target);
|
|
16
|
-
const properties =
|
|
18
|
+
const properties = [...startingValues(pressed, options).keys()];
|
|
17
19
|
let rest;
|
|
20
|
+
let active;
|
|
18
21
|
const onTouch = (event) => {
|
|
19
22
|
const { action } = event;
|
|
20
23
|
if (action === 'down' && !rest && view.isEnabled !== false) {
|
|
21
|
-
rest = Object.fromEntries(properties.map((p) => [
|
|
22
|
-
|
|
24
|
+
rest = Object.fromEntries(properties.map((p) => [
|
|
25
|
+
p,
|
|
26
|
+
isColorProperty(p) ? new Color(readValue(view, p)) : readValue(view, p),
|
|
27
|
+
]));
|
|
28
|
+
active = animate(view, pressed, options ?? pressIn);
|
|
23
29
|
}
|
|
24
30
|
else if ((action === 'up' || action === 'cancel') && rest) {
|
|
25
|
-
animate(view, rest, options
|
|
31
|
+
active = animate(view, rest, typeof options === 'object'
|
|
32
|
+
? { ...options, relative: false }
|
|
33
|
+
: (options ?? release));
|
|
26
34
|
rest = undefined;
|
|
27
35
|
}
|
|
28
36
|
};
|
|
37
|
+
const cancel = () => {
|
|
38
|
+
active?.stop();
|
|
39
|
+
active = undefined;
|
|
40
|
+
rest = undefined;
|
|
41
|
+
};
|
|
29
42
|
view.on('touch', onTouch);
|
|
30
|
-
|
|
43
|
+
view.on('unloaded', cancel);
|
|
44
|
+
return () => {
|
|
45
|
+
view.off('touch', onTouch);
|
|
46
|
+
view.off('unloaded', cancel);
|
|
47
|
+
cancel();
|
|
48
|
+
};
|
|
31
49
|
}
|
|
32
50
|
//# sourceMappingURL=press.js.map
|
package/dist/press.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"press.js","sourceRoot":"","sources":["../src/press.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"press.js","sourceRoot":"","sources":["../src/press.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAA8C,MAAM,oBAAoB,CAAA;AACtF,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AAE9D,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAI3C,MAAM,OAAO,GAAe,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,CAAA;AACxE,MAAM,OAAO,GAAe,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;AAE3E;;;;;;;;GAQG;AACH,MAAM,UAAU,KAAK,CACnB,MAAc,EACd,OAAO,GAAc,EAAE,KAAK,EAAE,IAAI,EAAE,EACpC,OAAqC;IAErC,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;IAC3B,MAAM,UAAU,GAAG,CAAC,GAAG,cAAc,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC,CAAA;IAC/D,IAAI,IAA2B,CAAA;IAC/B,IAAI,MAAqC,CAAA;IAEzC,MAAM,OAAO,GAAG,CAAC,KAAgB,EAAE,EAAE;QACnC,MAAM,EAAE,MAAM,EAAE,GAAG,KAA8B,CAAA;QACjD,IAAI,MAAM,KAAK,MAAM,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,SAAS,KAAK,KAAK,EAAE,CAAC;YAC3D,IAAI,GAAG,MAAM,CAAC,WAAW,CACvB,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;gBACpB,CAAC;gBACD,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC,CAAC;aACxE,CAAC,CACH,CAAA;YACD,MAAM,GAAG,OAAO,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,IAAI,OAAO,CAAC,CAAA;QACrD,CAAC;aAAM,IAAI,CAAC,MAAM,KAAK,IAAI,IAAI,MAAM,KAAK,QAAQ,CAAC,IAAI,IAAI,EAAE,CAAC;YAC5D,MAAM,GAAG,OAAO,CACd,IAAI,EACJ,IAAI,EACJ,OAAO,OAAO,KAAK,QAAQ;gBACzB,CAAC,CAAC,EAAE,GAAG,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE;gBACjC,CAAC,CAAC,CAAC,OAAO,IAAI,OAAO,CAAC,CACzB,CAAA;YACD,IAAI,GAAG,SAAS,CAAA;QAClB,CAAC;IACH,CAAC,CAAA;IAED,MAAM,MAAM,GAAG,GAAG,EAAE;QAClB,MAAM,EAAE,IAAI,EAAE,CAAA;QACd,MAAM,GAAG,SAAS,CAAA;QAClB,IAAI,GAAG,SAAS,CAAA;IAClB,CAAC,CAAA;IACD,IAAI,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;IACzB,IAAI,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,CAAC,CAAA;IAC3B,OAAO,GAAG,EAAE;QACV,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;QAC1B,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,MAAM,CAAC,CAAA;QAC5B,MAAM,EAAE,CAAA;IACV,CAAC,CAAA;AACH,CAAC"}
|
package/dist/properties.d.ts
CHANGED
|
@@ -1,6 +1,9 @@
|
|
|
1
|
-
import type
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
import { type View } from '@nativescript/core';
|
|
2
|
+
import { type DecorationProperty } from './decoration.js';
|
|
3
|
+
import { type ColorProperty } from './color.js';
|
|
4
|
+
export type NumericProperty = 'opacity' | 'x' | 'y' | 'scaleX' | 'scaleY' | 'rotate' | 'rotateX' | 'rotateY';
|
|
5
|
+
export type Property = NumericProperty | ColorProperty | DecorationProperty;
|
|
6
|
+
/** How close to its target a spring or decay has to be to count as settled. */
|
|
4
7
|
export declare const precision: Record<Property, number>;
|
|
5
8
|
export declare function isProperty(key: string): key is Property;
|
|
6
9
|
export declare function readValue(view: View, property: Property): number;
|
package/dist/properties.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"properties.d.ts","sourceRoot":"","sources":["../src/properties.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"properties.d.ts","sourceRoot":"","sources":["../src/properties.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,IAAI,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAIL,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAA;AACxB,OAAO,EAA8B,KAAK,aAAa,EAAE,MAAM,YAAY,CAAA;AAE3E,MAAM,MAAM,eAAe,GACzB,SAAS,GAAG,GAAG,GAAG,GAAG,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAA;AAChF,MAAM,MAAM,QAAQ,GAAG,eAAe,GAAG,aAAa,GAAG,kBAAkB,CAAA;AAwB3E,+EAA+E;AAC/E,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAoB9C,CAAA;AAED,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,IAAI,QAAQ,CAEvD;AAED,wBAAgB,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,GAAG,MAAM,CAKhE;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,QAOvE"}
|
package/dist/properties.js
CHANGED
|
@@ -1,3 +1,6 @@
|
|
|
1
|
+
import { Color } from '@nativescript/core';
|
|
2
|
+
import { isDecorationProperty, readDecoration, writeDecoration, } from './decoration.js';
|
|
3
|
+
import { isColorProperty, readColor } from './color.js';
|
|
1
4
|
const viewKeys = {
|
|
2
5
|
opacity: 'opacity',
|
|
3
6
|
x: 'translateX',
|
|
@@ -18,8 +21,19 @@ const defaults = {
|
|
|
18
21
|
rotateX: 0,
|
|
19
22
|
rotateY: 0,
|
|
20
23
|
};
|
|
21
|
-
/** How close to its target a spring has to be to count as settled. */
|
|
24
|
+
/** How close to its target a spring or decay has to be to count as settled. */
|
|
22
25
|
export const precision = {
|
|
26
|
+
borderRadius: 0.1,
|
|
27
|
+
borderWidth: 0.1,
|
|
28
|
+
shadowOpacity: 0.002,
|
|
29
|
+
shadowRadius: 0.1,
|
|
30
|
+
shadowOffsetX: 0.1,
|
|
31
|
+
shadowOffsetY: 0.1,
|
|
32
|
+
elevation: 0.1,
|
|
33
|
+
translationZ: 0.1,
|
|
34
|
+
backgroundColor: 0.002,
|
|
35
|
+
borderColor: 0.002,
|
|
36
|
+
color: 0.002,
|
|
23
37
|
opacity: 0.002,
|
|
24
38
|
x: 0.25,
|
|
25
39
|
y: 0.25,
|
|
@@ -30,13 +44,23 @@ export const precision = {
|
|
|
30
44
|
rotateY: 0.1,
|
|
31
45
|
};
|
|
32
46
|
export function isProperty(key) {
|
|
33
|
-
return key
|
|
47
|
+
return Object.hasOwn(viewKeys, key) || isColorProperty(key) || isDecorationProperty(key);
|
|
34
48
|
}
|
|
35
49
|
export function readValue(view, property) {
|
|
50
|
+
if (isColorProperty(property))
|
|
51
|
+
return readColor(view, property);
|
|
52
|
+
if (isDecorationProperty(property))
|
|
53
|
+
return readDecoration(view, property);
|
|
36
54
|
const value = view[viewKeys[property]];
|
|
37
55
|
return typeof value === 'number' && !Number.isNaN(value) ? value : defaults[property];
|
|
38
56
|
}
|
|
39
57
|
export function writeValue(view, property, value) {
|
|
58
|
+
if (isColorProperty(property)) {
|
|
59
|
+
view[property] = new Color(value);
|
|
60
|
+
return;
|
|
61
|
+
}
|
|
62
|
+
if (isDecorationProperty(property))
|
|
63
|
+
return writeDecoration(view, property, value);
|
|
40
64
|
view[viewKeys[property]] = value;
|
|
41
65
|
}
|
|
42
66
|
//# sourceMappingURL=properties.js.map
|
package/dist/properties.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"properties.js","sourceRoot":"","sources":["../src/properties.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"properties.js","sourceRoot":"","sources":["../src/properties.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAa,MAAM,oBAAoB,CAAA;AACrD,OAAO,EACL,oBAAoB,EACpB,cAAc,EACd,eAAe,GAEhB,MAAM,iBAAiB,CAAA;AACxB,OAAO,EAAE,eAAe,EAAE,SAAS,EAAsB,MAAM,YAAY,CAAA;AAM3E,MAAM,QAAQ,GAAG;IACf,OAAO,EAAE,SAAS;IAClB,CAAC,EAAE,YAAY;IACf,CAAC,EAAE,YAAY;IACf,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;CACoC,CAAA;AAExD,MAAM,QAAQ,GAAoC;IAChD,OAAO,EAAE,CAAC;IACV,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,CAAC;IACJ,MAAM,EAAE,CAAC;IACT,MAAM,EAAE,CAAC;IACT,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,CAAC;IACV,OAAO,EAAE,CAAC;CACX,CAAA;AAED,+EAA+E;AAC/E,MAAM,CAAC,MAAM,SAAS,GAA6B;IACjD,YAAY,EAAE,GAAG;IACjB,WAAW,EAAE,GAAG;IAChB,aAAa,EAAE,KAAK;IACpB,YAAY,EAAE,GAAG;IACjB,aAAa,EAAE,GAAG;IAClB,aAAa,EAAE,GAAG;IAClB,SAAS,EAAE,GAAG;IACd,YAAY,EAAE,GAAG;IACjB,eAAe,EAAE,KAAK;IACtB,WAAW,EAAE,KAAK;IAClB,KAAK,EAAE,KAAK;IACZ,OAAO,EAAE,KAAK;IACd,CAAC,EAAE,IAAI;IACP,CAAC,EAAE,IAAI;IACP,MAAM,EAAE,KAAK;IACb,MAAM,EAAE,KAAK;IACb,MAAM,EAAE,GAAG;IACX,OAAO,EAAE,GAAG;IACZ,OAAO,EAAE,GAAG;CACb,CAAA;AAED,MAAM,UAAU,UAAU,CAAC,GAAW;IACpC,OAAO,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,GAAG,CAAC,IAAI,eAAe,CAAC,GAAG,CAAC,IAAI,oBAAoB,CAAC,GAAG,CAAC,CAAA;AAC1F,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,IAAU,EAAE,QAAkB;IACtD,IAAI,eAAe,CAAC,QAAQ,CAAC;QAAE,OAAO,SAAS,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAA;IAC/D,IAAI,oBAAoB,CAAC,QAAQ,CAAC;QAAE,OAAO,cAAc,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAA;IACzE,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAA;IACtC,OAAO,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAA;AACvF,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,IAAU,EAAE,QAAkB,EAAE,KAAa;IACtE,IAAI,eAAe,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC9B,IAAI,CAAC,QAAQ,CAAC,GAAG,IAAI,KAAK,CAAC,KAAK,CAAC,CAAA;QACjC,OAAM;IACR,CAAC;IACD,IAAI,oBAAoB,CAAC,QAAQ,CAAC;QAAE,OAAO,eAAe,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAA;IACjF,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,GAAG,KAAK,CAAA;AAClC,CAAC"}
|
package/dist/reveal.d.ts
ADDED
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import type { Animation } from './engine.js';
|
|
2
|
+
import type { Target } from './types.js';
|
|
3
|
+
export interface RevealOptions {
|
|
4
|
+
/** Circle origin in DIPs from the target's top-left corner. Defaults to its center. */
|
|
5
|
+
from?: {
|
|
6
|
+
x: number;
|
|
7
|
+
y: number;
|
|
8
|
+
};
|
|
9
|
+
/** Milliseconds. Defaults to 400; zero changes visibility immediately. */
|
|
10
|
+
duration?: number;
|
|
11
|
+
}
|
|
12
|
+
export interface ConcealOptions {
|
|
13
|
+
/** Circle destination in DIPs from the target's top-left corner. Defaults to its center. */
|
|
14
|
+
to?: {
|
|
15
|
+
x: number;
|
|
16
|
+
y: number;
|
|
17
|
+
};
|
|
18
|
+
/** Milliseconds. Defaults to 400; zero changes visibility immediately. */
|
|
19
|
+
duration?: number;
|
|
20
|
+
}
|
|
21
|
+
/** Reveals an iOS view through an expanding circle, then removes the temporary mask. */
|
|
22
|
+
export declare function reveal(target: Target, options?: RevealOptions): Animation;
|
|
23
|
+
/** Contracts an iOS view to a point, then sets visibility to 'hidden' without collapsing layout. */
|
|
24
|
+
export declare function conceal(target: Target, options?: ConcealOptions): Animation;
|
|
25
|
+
//# sourceMappingURL=reveal.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"reveal.d.ts","sourceRoot":"","sources":["../src/reveal.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAC5C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAGxC,MAAM,WAAW,aAAa;IAC5B,uFAAuF;IACvF,IAAI,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IAC/B,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,WAAW,cAAc;IAC7B,4FAA4F;IAC5F,EAAE,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IAC7B,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAWD,wFAAwF;AACxF,wBAAgB,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,GAAE,aAAkB,GAAG,SAAS,CAE7E;AAED,oGAAoG;AACpG,wBAAgB,OAAO,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,GAAE,cAAmB,GAAG,SAAS,CAE/E"}
|