@rafaelaugusto/jolt 0.1.0-beta.1 → 0.1.0-beta.11
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 +385 -18
- package/dist/animate.d.ts +19 -3
- package/dist/animate.d.ts.map +1 -1
- package/dist/animate.js +186 -14
- 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-gradient.d.ts +5 -0
- package/dist/driver/android-gradient.d.ts.map +1 -0
- package/dist/driver/android-gradient.js +89 -0
- package/dist/driver/android-gradient.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-gradient.d.ts +5 -0
- package/dist/driver/ios-gradient.d.ts.map +1 -0
- package/dist/driver/ios-gradient.js +109 -0
- package/dist/driver/ios-gradient.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 +163 -28
- package/dist/driver/ios.js.map +1 -1
- package/dist/engine.d.ts +75 -5
- package/dist/engine.d.ts.map +1 -1
- package/dist/engine.js +293 -23
- package/dist/engine.js.map +1 -1
- package/dist/gradient.d.ts +90 -0
- package/dist/gradient.d.ts.map +1 -0
- package/dist/gradient.js +247 -0
- package/dist/gradient.js.map +1 -0
- 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 +47 -4
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +22 -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 +43 -0
- package/dist/motion-states.d.ts.map +1 -0
- package/dist/motion-states.js +220 -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/press.d.ts.map +1 -1
- package/dist/press.js +23 -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 +10 -5
- package/dist/sequence.d.ts.map +1 -1
- package/dist/sequence.js +208 -14
- 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 +32 -1
- package/dist/transition.d.ts.map +1 -1
- package/dist/transition.js +58 -6
- package/dist/transition.js.map +1 -1
- package/dist/types.d.ts +48 -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 +29 -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/GradientLayer.java +195 -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 +21 -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 +184 -0
- package/src/animate.ts +249 -36
- 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-gradient.ts +109 -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-gradient.ts +114 -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 +193 -33
- package/src/engine.ts +321 -27
- package/src/gradient.ts +372 -0
- 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 +75 -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 +269 -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/press.ts +26 -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 +204 -14
- 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 +93 -6
- package/src/types.ts +49 -1
- package/src/vue/index.ts +231 -0
- package/src/zoom-native.ts +124 -0
- package/src/zoomable.ts +330 -0
package/dist/gradient.js
ADDED
|
@@ -0,0 +1,247 @@
|
|
|
1
|
+
import { isAndroid, isIOS } from '@nativescript/core';
|
|
2
|
+
import { toView } from './animate.js';
|
|
3
|
+
import { colorMixer, parseColor } from './color.js';
|
|
4
|
+
import { reducedMotion } from './config.js';
|
|
5
|
+
import { getDriver } from './driver/index.js';
|
|
6
|
+
import { androidGradient } from './driver/android-gradient.js';
|
|
7
|
+
import { iosGradient } from './driver/ios-gradient.js';
|
|
8
|
+
import { createTrack } from './track.js';
|
|
9
|
+
import { resolveTransition, springs, } from './transition.js';
|
|
10
|
+
let factory;
|
|
11
|
+
/** Test seam, like `setDriver`. */
|
|
12
|
+
export function setGradientPainter(next) {
|
|
13
|
+
factory = next;
|
|
14
|
+
}
|
|
15
|
+
function platformPainter(view, type) {
|
|
16
|
+
if (isIOS)
|
|
17
|
+
return iosGradient(view, type);
|
|
18
|
+
if (isAndroid)
|
|
19
|
+
return androidGradient(view, type);
|
|
20
|
+
return undefined;
|
|
21
|
+
}
|
|
22
|
+
const types = ['linear', 'radial', 'conic'];
|
|
23
|
+
/**
|
|
24
|
+
* Paints a native gradient behind a layout's children and animates it.
|
|
25
|
+
*
|
|
26
|
+
* ```ts
|
|
27
|
+
* const glow = gradient(halo, { type: 'radial', colors: ['#FF0080', '#7928CA00'], radius: 0.8 })
|
|
28
|
+
* glow.animate({ center: { x: 0.8, y: 0.2 }, radius: 1.2 }, { duration: 2000 })
|
|
29
|
+
* ```
|
|
30
|
+
*/
|
|
31
|
+
export function gradient(target, options) {
|
|
32
|
+
const view = toView(target);
|
|
33
|
+
if (!options || !types.includes(options.type))
|
|
34
|
+
throw new TypeError(`Gradient type must be 'linear', 'radial' or 'conic'.`);
|
|
35
|
+
const first = resolve({ colors: [], stops: [], angle: 180, x: 0.5, y: 0.5, radius: 0.5 }, options, false);
|
|
36
|
+
return new GradientController(view, options.type, first);
|
|
37
|
+
}
|
|
38
|
+
class GradientController {
|
|
39
|
+
view;
|
|
40
|
+
type;
|
|
41
|
+
painter;
|
|
42
|
+
pending;
|
|
43
|
+
removed = false;
|
|
44
|
+
model;
|
|
45
|
+
running;
|
|
46
|
+
constructor(view, type, frame) {
|
|
47
|
+
this.view = view;
|
|
48
|
+
this.type = type;
|
|
49
|
+
this.model = frame;
|
|
50
|
+
this.attach((factory ?? platformPainter)(view, type));
|
|
51
|
+
view.on('unloaded', this.unloaded);
|
|
52
|
+
}
|
|
53
|
+
unloaded = () => this.stop();
|
|
54
|
+
attach(painter) {
|
|
55
|
+
if (!painter)
|
|
56
|
+
return;
|
|
57
|
+
if (this.removed)
|
|
58
|
+
return painter.remove();
|
|
59
|
+
this.painter = painter;
|
|
60
|
+
painter.paint(this.pending ?? this.model);
|
|
61
|
+
this.pending = undefined;
|
|
62
|
+
}
|
|
63
|
+
animate(values, transition) {
|
|
64
|
+
this.assertActive();
|
|
65
|
+
const from = this.presented();
|
|
66
|
+
const to = resolve(from, values, true);
|
|
67
|
+
const resolved = typeof transition === 'string' ? springOf(transition) : (transition ?? {});
|
|
68
|
+
const track = createTrack('opacity', [0, 1], resolveTransition(resolved, 'opacity', 2), 0);
|
|
69
|
+
const reduced = reducedMotion();
|
|
70
|
+
const frameAt = (progress) => mix(from, to, progress, reduced);
|
|
71
|
+
this.cancelRunning();
|
|
72
|
+
this.model = frameAt(track.to);
|
|
73
|
+
let settle;
|
|
74
|
+
const finished = new Promise((resolve) => (settle = resolve));
|
|
75
|
+
const animation = {
|
|
76
|
+
finished,
|
|
77
|
+
stop: () => {
|
|
78
|
+
if (this.running?.settle === settle)
|
|
79
|
+
this.stop();
|
|
80
|
+
},
|
|
81
|
+
then: (onfulfilled, onrejected) => finished.then(onfulfilled, onrejected),
|
|
82
|
+
};
|
|
83
|
+
if (track.end === 0 || !this.painter) {
|
|
84
|
+
this.paint(this.model);
|
|
85
|
+
settle(true);
|
|
86
|
+
return animation;
|
|
87
|
+
}
|
|
88
|
+
const handle = this.painter.play(track.values.map(frameAt), track.times, {
|
|
89
|
+
duration: track.duration,
|
|
90
|
+
delay: track.delay,
|
|
91
|
+
repeat: track.repeat,
|
|
92
|
+
reverse: track.reverse,
|
|
93
|
+
}, (completed) => {
|
|
94
|
+
if (this.running?.settle !== settle)
|
|
95
|
+
return;
|
|
96
|
+
this.running = undefined;
|
|
97
|
+
settle(completed);
|
|
98
|
+
});
|
|
99
|
+
this.running = {
|
|
100
|
+
from,
|
|
101
|
+
to,
|
|
102
|
+
track,
|
|
103
|
+
startedAt: getDriver().now(),
|
|
104
|
+
handle,
|
|
105
|
+
settle,
|
|
106
|
+
};
|
|
107
|
+
return animation;
|
|
108
|
+
}
|
|
109
|
+
set(values) {
|
|
110
|
+
this.assertActive();
|
|
111
|
+
const next = resolve(this.presented(), values, false);
|
|
112
|
+
this.cancelRunning();
|
|
113
|
+
this.model = next;
|
|
114
|
+
this.paint(next);
|
|
115
|
+
}
|
|
116
|
+
stop() {
|
|
117
|
+
if (!this.running)
|
|
118
|
+
return;
|
|
119
|
+
const current = this.presented();
|
|
120
|
+
this.cancelRunning();
|
|
121
|
+
this.model = current;
|
|
122
|
+
this.paint(current);
|
|
123
|
+
}
|
|
124
|
+
remove() {
|
|
125
|
+
if (this.removed)
|
|
126
|
+
return;
|
|
127
|
+
this.cancelRunning();
|
|
128
|
+
this.removed = true;
|
|
129
|
+
this.view.off('unloaded', this.unloaded);
|
|
130
|
+
this.painter?.remove();
|
|
131
|
+
this.painter = undefined;
|
|
132
|
+
}
|
|
133
|
+
paint(frame) {
|
|
134
|
+
if (this.painter)
|
|
135
|
+
this.painter.paint(frame);
|
|
136
|
+
else
|
|
137
|
+
this.pending = frame;
|
|
138
|
+
}
|
|
139
|
+
presented() {
|
|
140
|
+
const running = this.running;
|
|
141
|
+
if (!running)
|
|
142
|
+
return this.model;
|
|
143
|
+
const elapsed = getDriver().now() - running.startedAt;
|
|
144
|
+
return mix(running.from, running.to, running.track.valueAt(elapsed), reducedMotion());
|
|
145
|
+
}
|
|
146
|
+
cancelRunning() {
|
|
147
|
+
const running = this.running;
|
|
148
|
+
if (!running)
|
|
149
|
+
return;
|
|
150
|
+
this.running = undefined;
|
|
151
|
+
running.handle.cancel();
|
|
152
|
+
running.settle(false);
|
|
153
|
+
}
|
|
154
|
+
assertActive() {
|
|
155
|
+
if (this.removed)
|
|
156
|
+
throw new Error('This gradient was removed.');
|
|
157
|
+
}
|
|
158
|
+
}
|
|
159
|
+
function springOf(name) {
|
|
160
|
+
const spring = springs[name];
|
|
161
|
+
if (!spring || !Object.hasOwn(springs, name))
|
|
162
|
+
throw new Error(`Unknown spring "${name}".`);
|
|
163
|
+
return spring;
|
|
164
|
+
}
|
|
165
|
+
/** Validates values and fills in what they leave out from `base`. */
|
|
166
|
+
function resolve(base, values, sameCount) {
|
|
167
|
+
if (!values || typeof values !== 'object')
|
|
168
|
+
throw new TypeError('Gradient values must be an object.');
|
|
169
|
+
const colors = values.colors ? values.colors.map(parseColor) : base.colors;
|
|
170
|
+
if (colors.length < 2 || colors.length > 8)
|
|
171
|
+
throw new RangeError('A gradient needs between two and eight colors.');
|
|
172
|
+
if (sameCount && values.colors && colors.length !== base.colors.length)
|
|
173
|
+
throw new RangeError(`Animating a gradient keeps its ${base.colors.length} colors; use set() to change the count.`);
|
|
174
|
+
const stops = values.stops
|
|
175
|
+
? [...values.stops]
|
|
176
|
+
: values.colors || base.stops.length !== colors.length
|
|
177
|
+
? colors.map((_, i) => i / (colors.length - 1))
|
|
178
|
+
: base.stops;
|
|
179
|
+
if (stops.length !== colors.length ||
|
|
180
|
+
stops.some((stop, i) => !Number.isFinite(stop) || stop < 0 || stop > 1 || stop < (stops[i - 1] ?? 0)))
|
|
181
|
+
throw new RangeError('Gradient stops need one value per color, from 0 to 1, without going back.');
|
|
182
|
+
const angle = values.angle ?? base.angle;
|
|
183
|
+
const x = values.center?.x ?? base.x;
|
|
184
|
+
const y = values.center?.y ?? base.y;
|
|
185
|
+
const radius = values.radius ?? base.radius;
|
|
186
|
+
for (const [name, value] of [
|
|
187
|
+
['angle', angle],
|
|
188
|
+
['center', x],
|
|
189
|
+
['center', y],
|
|
190
|
+
['radius', radius],
|
|
191
|
+
])
|
|
192
|
+
if (!Number.isFinite(value))
|
|
193
|
+
throw new RangeError(`Invalid gradient ${name}: ${value}.`);
|
|
194
|
+
if (radius < 0)
|
|
195
|
+
throw new RangeError(`Gradient radius must not be negative, got ${radius}.`);
|
|
196
|
+
return { colors, stops, angle, x, y, radius };
|
|
197
|
+
}
|
|
198
|
+
/** One frame between two states. Geometry follows the curve, overshoot included; colors and stops stay between their ends. */
|
|
199
|
+
export function mix(from, to, progress, reduced = false) {
|
|
200
|
+
const p = Math.min(Math.max(progress, 0), 1);
|
|
201
|
+
const g = reduced ? 1 : progress;
|
|
202
|
+
const lerp = (a, b, t) => a + (b - a) * t;
|
|
203
|
+
return {
|
|
204
|
+
colors: to.colors.map((color, i) => colorMixer(from.colors[i] ?? color, color)(p)),
|
|
205
|
+
stops: to.stops.map((stop, i) => lerp(from.stops[i] ?? stop, stop, p)),
|
|
206
|
+
angle: lerp(from.angle, to.angle, g),
|
|
207
|
+
x: lerp(from.x, to.x, g),
|
|
208
|
+
y: lerp(from.y, to.y, g),
|
|
209
|
+
radius: Math.max(0, lerp(from.radius, to.radius, g)),
|
|
210
|
+
};
|
|
211
|
+
}
|
|
212
|
+
/**
|
|
213
|
+
* The points a platform gradient needs, in unit coordinates of a `width` × `height` box.
|
|
214
|
+
* Linear follows CSS: the line runs through the center at `angle` and is long enough
|
|
215
|
+
* for the corners to get the first and last colors.
|
|
216
|
+
*/
|
|
217
|
+
export function gradientPoints(type, frame, width, height) {
|
|
218
|
+
const radians = (frame.angle * Math.PI) / 180;
|
|
219
|
+
const sin = Math.sin(radians);
|
|
220
|
+
const cos = Math.cos(radians);
|
|
221
|
+
if (type === 'linear') {
|
|
222
|
+
const length = Math.abs(width * sin) + Math.abs(height * cos);
|
|
223
|
+
const dx = width > 0 ? (sin * length) / (2 * width) : 0;
|
|
224
|
+
const dy = height > 0 ? (-cos * length) / (2 * height) : 0;
|
|
225
|
+
return { start: { x: 0.5 - dx, y: 0.5 - dy }, end: { x: 0.5 + dx, y: 0.5 + dy } };
|
|
226
|
+
}
|
|
227
|
+
const center = { x: frame.x, y: frame.y };
|
|
228
|
+
const shorter = Math.min(width, height);
|
|
229
|
+
if (type === 'radial') {
|
|
230
|
+
const r = frame.radius * shorter;
|
|
231
|
+
return {
|
|
232
|
+
start: center,
|
|
233
|
+
end: {
|
|
234
|
+
x: center.x + (width > 0 ? r / width : 0),
|
|
235
|
+
y: center.y + (height > 0 ? r / height : 0),
|
|
236
|
+
},
|
|
237
|
+
};
|
|
238
|
+
}
|
|
239
|
+
return {
|
|
240
|
+
start: center,
|
|
241
|
+
end: {
|
|
242
|
+
x: center.x + (width > 0 ? (sin * shorter) / (2 * width) : 0),
|
|
243
|
+
y: center.y + (height > 0 ? (-cos * shorter) / (2 * height) : 0),
|
|
244
|
+
},
|
|
245
|
+
};
|
|
246
|
+
}
|
|
247
|
+
//# sourceMappingURL=gradient.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"gradient.js","sourceRoot":"","sources":["../src/gradient.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { type View } from '@nativescript/core';
|
|
2
|
+
import type { Driver } from './driver/index.js';
|
|
3
|
+
import type { Track } from './track.js';
|
|
4
|
+
export type HapticStyle = 'light' | 'medium' | 'heavy';
|
|
5
|
+
export interface HapticOptions {
|
|
6
|
+
style: HapticStyle;
|
|
7
|
+
/** Points from 0 to 1 over the finite animation, excluding its initial delay. Defaults to arrival. */
|
|
8
|
+
times?: readonly number[];
|
|
9
|
+
}
|
|
10
|
+
export type Haptic = HapticStyle | HapticOptions | false;
|
|
11
|
+
/** Validate before any running animation is interrupted. */
|
|
12
|
+
export declare function resolveHaptic(haptic: Haptic | undefined): HapticOptions | undefined;
|
|
13
|
+
/** Discrete feedback only: animation playback remains entirely native. */
|
|
14
|
+
export declare function playHaptics(view: View, tracks: readonly Track[], options: HapticOptions | undefined, driver: Driver, startedAt: number, elapsedTime?: () => number): {
|
|
15
|
+
cancel: () => void;
|
|
16
|
+
pause(): void;
|
|
17
|
+
play(): void;
|
|
18
|
+
seek(): void;
|
|
19
|
+
finish(): void;
|
|
20
|
+
} | undefined;
|
|
21
|
+
//# sourceMappingURL=haptics.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"haptics.d.ts","sourceRoot":"","sources":["../src/haptics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,IAAI,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAEvC,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;AAEtD,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,WAAW,CAAA;IAClB,sGAAsG;IACtG,KAAK,CAAC,EAAE,SAAS,MAAM,EAAE,CAAA;CAC1B;AAED,MAAM,MAAM,MAAM,GAAG,WAAW,GAAG,aAAa,GAAG,KAAK,CAAA;AAExD,4DAA4D;AAC5D,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,aAAa,GAAG,SAAS,CAsBnF;AAMD,0EAA0E;AAC1E,wBAAgB,WAAW,CACzB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,SAAS,KAAK,EAAE,EACxB,OAAO,EAAE,aAAa,GAAG,SAAS,EAClC,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,MAAM,EACjB,WAAW,eAAiC;;;;;;cAiG7C"}
|
package/dist/haptics.js
ADDED
|
@@ -0,0 +1,120 @@
|
|
|
1
|
+
import { isIOS } from '@nativescript/core';
|
|
2
|
+
/** Validate before any running animation is interrupted. */
|
|
3
|
+
export function resolveHaptic(haptic) {
|
|
4
|
+
if (haptic === undefined || haptic === false)
|
|
5
|
+
return undefined;
|
|
6
|
+
const options = typeof haptic === 'string' ? { style: haptic } : haptic;
|
|
7
|
+
if (!options || !['light', 'medium', 'heavy'].includes(options.style))
|
|
8
|
+
throw new TypeError('Haptic style must be light, medium or heavy.');
|
|
9
|
+
const times = options.times;
|
|
10
|
+
if (times !== undefined &&
|
|
11
|
+
(!Array.isArray(times) ||
|
|
12
|
+
times.length === 0 ||
|
|
13
|
+
Array.from(times).some((time, i) => !Number.isFinite(time) ||
|
|
14
|
+
time <= 0 ||
|
|
15
|
+
time > 1 ||
|
|
16
|
+
(i > 0 && time <= times[i - 1]))))
|
|
17
|
+
throw new RangeError('Haptic times must be increasing points greater than 0 and at most 1.');
|
|
18
|
+
return { style: options.style, times: times && [...times] };
|
|
19
|
+
}
|
|
20
|
+
const PREPARE_AHEAD = 100;
|
|
21
|
+
const MAX_LATENESS = 100;
|
|
22
|
+
const COMPLETION_TOLERANCE = 20;
|
|
23
|
+
/** Discrete feedback only: animation playback remains entirely native. */
|
|
24
|
+
export function playHaptics(view, tracks, options, driver, startedAt, elapsedTime = () => driver.now() - startedAt) {
|
|
25
|
+
if (!isIOS || !options || typeof UIImpactFeedbackGenerator === 'undefined')
|
|
26
|
+
return;
|
|
27
|
+
const moving = tracks.filter((track) => track.duration > 0 && track.values.some((value) => value !== track.values[0]));
|
|
28
|
+
if (!moving.length)
|
|
29
|
+
return;
|
|
30
|
+
const end = Math.max(...tracks.map((track) => track.end));
|
|
31
|
+
if (!Number.isFinite(end))
|
|
32
|
+
return;
|
|
33
|
+
const delay = Math.min(...moving.map((track) => track.delay));
|
|
34
|
+
const offsets = options.times
|
|
35
|
+
? options.times.map((time) => delay + (end - delay) * time)
|
|
36
|
+
: [Math.max(...tracks.map((track) => track.arrival))];
|
|
37
|
+
const styles = {
|
|
38
|
+
light: 0,
|
|
39
|
+
medium: 1,
|
|
40
|
+
heavy: 2,
|
|
41
|
+
};
|
|
42
|
+
let generator = UIImpactFeedbackGenerator.alloc().initWithStyle(styles[options.style]);
|
|
43
|
+
const native = view.nativeViewProtected;
|
|
44
|
+
let paused = false;
|
|
45
|
+
let next = 0;
|
|
46
|
+
let cancelPrepare;
|
|
47
|
+
let cancelImpact;
|
|
48
|
+
const active = () => view.isLoaded &&
|
|
49
|
+
view.nativeViewProtected === native &&
|
|
50
|
+
!!native.window &&
|
|
51
|
+
UIApplication.sharedApplication.applicationState === 0; // UIApplicationState.Active
|
|
52
|
+
const cancelTimers = () => {
|
|
53
|
+
cancelPrepare?.();
|
|
54
|
+
cancelImpact?.();
|
|
55
|
+
cancelPrepare = cancelImpact = undefined;
|
|
56
|
+
};
|
|
57
|
+
const cancel = () => {
|
|
58
|
+
cancelPrepare?.();
|
|
59
|
+
cancelImpact?.();
|
|
60
|
+
cancelPrepare = cancelImpact = undefined;
|
|
61
|
+
generator = undefined;
|
|
62
|
+
view.off('unloaded', cancel);
|
|
63
|
+
};
|
|
64
|
+
const fire = (tolerance = 0) => {
|
|
65
|
+
const elapsed = elapsedTime();
|
|
66
|
+
// A busy UI thread can delay timers. Drop stale impacts instead of replaying
|
|
67
|
+
// several old taps at once when it becomes responsive again.
|
|
68
|
+
while (next < offsets.length && offsets[next] <= elapsed + tolerance) {
|
|
69
|
+
const offset = offsets[next++];
|
|
70
|
+
if (active() && elapsed - offset <= MAX_LATENESS)
|
|
71
|
+
generator?.impactOccurred();
|
|
72
|
+
}
|
|
73
|
+
};
|
|
74
|
+
const schedule = () => {
|
|
75
|
+
if (paused)
|
|
76
|
+
return;
|
|
77
|
+
if (!generator || next === offsets.length)
|
|
78
|
+
return cancel();
|
|
79
|
+
const remaining = offsets[next] - elapsedTime();
|
|
80
|
+
if (active())
|
|
81
|
+
generator.prepare();
|
|
82
|
+
if (remaining > PREPARE_AHEAD) {
|
|
83
|
+
cancelPrepare = driver.after(remaining - PREPARE_AHEAD, () => {
|
|
84
|
+
if (active())
|
|
85
|
+
generator?.prepare();
|
|
86
|
+
});
|
|
87
|
+
}
|
|
88
|
+
cancelImpact = driver.after(Math.max(0, remaining), () => {
|
|
89
|
+
fire();
|
|
90
|
+
schedule();
|
|
91
|
+
});
|
|
92
|
+
};
|
|
93
|
+
view.on('unloaded', cancel);
|
|
94
|
+
schedule();
|
|
95
|
+
return {
|
|
96
|
+
cancel,
|
|
97
|
+
pause() {
|
|
98
|
+
paused = true;
|
|
99
|
+
cancelTimers();
|
|
100
|
+
},
|
|
101
|
+
play() {
|
|
102
|
+
if (paused) {
|
|
103
|
+
paused = false;
|
|
104
|
+
schedule();
|
|
105
|
+
}
|
|
106
|
+
},
|
|
107
|
+
seek() {
|
|
108
|
+
cancelTimers();
|
|
109
|
+
while (next < offsets.length && offsets[next] <= elapsedTime())
|
|
110
|
+
next++;
|
|
111
|
+
schedule();
|
|
112
|
+
},
|
|
113
|
+
finish() {
|
|
114
|
+
// Native completion may beat the timer at the final keyframe by a frame.
|
|
115
|
+
fire(COMPLETION_TOLERANCE);
|
|
116
|
+
cancel();
|
|
117
|
+
},
|
|
118
|
+
};
|
|
119
|
+
}
|
|
120
|
+
//# sourceMappingURL=haptics.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"haptics.js","sourceRoot":"","sources":["../src/haptics.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { type Image, type ImageSource } from '@nativescript/core';
|
|
2
|
+
export interface ImageEffectSettings {
|
|
3
|
+
mode: number;
|
|
4
|
+
x: number;
|
|
5
|
+
y: number;
|
|
6
|
+
amplitude: number;
|
|
7
|
+
radius: number;
|
|
8
|
+
duration: number;
|
|
9
|
+
seed: number;
|
|
10
|
+
to?: ImageSource;
|
|
11
|
+
}
|
|
12
|
+
export interface ImageRenderer {
|
|
13
|
+
readonly backend: 'metal' | 'agsl';
|
|
14
|
+
readonly progress: number;
|
|
15
|
+
readonly frames: number;
|
|
16
|
+
readonly textureBytes: number;
|
|
17
|
+
readonly longestFrameMs: number;
|
|
18
|
+
play(endpoint: number): void;
|
|
19
|
+
pause(): void;
|
|
20
|
+
resume(): void;
|
|
21
|
+
seek(progress: number): void;
|
|
22
|
+
finish(endpoint: number): void;
|
|
23
|
+
stop(preserveImage?: boolean): void;
|
|
24
|
+
}
|
|
25
|
+
export declare function createImageRenderer(image: Image, settings: ImageEffectSettings, ended: (completed: boolean, progress: number) => void): ImageRenderer | undefined;
|
|
26
|
+
//# sourceMappingURL=image-effect-native.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"image-effect-native.d.ts","sourceRoot":"","sources":["../src/image-effect-native.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,KAAK,EAAE,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAE1F,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAA;IACZ,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;IAChB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,WAAW,CAAA;CACjB;AAED,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,OAAO,EAAE,OAAO,GAAG,MAAM,CAAA;IAClC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAA;IAC/B,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,KAAK,IAAI,IAAI,CAAA;IACb,MAAM,IAAI,IAAI,CAAA;IACd,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,MAAM,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,IAAI,CAAC,aAAa,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;CACpC;AAED,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,mBAAmB,EAC7B,KAAK,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,GACpD,aAAa,GAAG,SAAS,CAiG3B"}
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
import { Utils, isAndroid, isIOS } from '@nativescript/core';
|
|
2
|
+
export function createImageRenderer(image, settings, ended) {
|
|
3
|
+
const { mode, x, y, amplitude, radius, duration, seed, to } = settings;
|
|
4
|
+
if (isIOS && typeof JoltImageEffect !== 'undefined') {
|
|
5
|
+
const native = JoltImageEffect.createWithViewDestinationModeOriginXOriginYAmplitudeRadiusDurationSeedListener(image.nativeViewProtected, to?.ios ?? null, mode, x, y, amplitude, radius, duration, seed, ended);
|
|
6
|
+
if (!native)
|
|
7
|
+
return undefined;
|
|
8
|
+
return {
|
|
9
|
+
backend: 'metal',
|
|
10
|
+
get progress() {
|
|
11
|
+
return native.progress;
|
|
12
|
+
},
|
|
13
|
+
get frames() {
|
|
14
|
+
return native.frames;
|
|
15
|
+
},
|
|
16
|
+
get textureBytes() {
|
|
17
|
+
return native.textureBytes;
|
|
18
|
+
},
|
|
19
|
+
get longestFrameMs() {
|
|
20
|
+
return native.longestFrame * 1000;
|
|
21
|
+
},
|
|
22
|
+
play: (p) => native.play(p),
|
|
23
|
+
pause: () => native.pause(),
|
|
24
|
+
resume: () => native.resume(),
|
|
25
|
+
seek: (p) => native.seek(p),
|
|
26
|
+
finish: (p) => native.finish(p),
|
|
27
|
+
stop: (preserveImage) => preserveImage ? native.stopPreservingImage() : native.stop(),
|
|
28
|
+
};
|
|
29
|
+
}
|
|
30
|
+
if (isAndroid && android.os.Build.VERSION.SDK_INT >= 33) {
|
|
31
|
+
const density = Utils.layout.getDisplayDensity();
|
|
32
|
+
const background = image.nativeViewProtected.getBackground();
|
|
33
|
+
// NativeScript draws bitmap pixels itself: ImageView.getImageMatrix() does
|
|
34
|
+
// not describe its stretch, EXIF rotation or inner border clipping.
|
|
35
|
+
const geometry = Array.create('float', 6);
|
|
36
|
+
geometry[0] = image.imageSource?.rotationAngle ?? 0;
|
|
37
|
+
geometry[1] = to?.rotationAngle ?? 0;
|
|
38
|
+
const corners = ['TopLeft', 'TopRight', 'BottomRight', 'BottomLeft'];
|
|
39
|
+
corners.forEach((corner, i) => {
|
|
40
|
+
geometry[i + 2] = background?.[`getBorder${corner}Radius`]?.() ?? 0;
|
|
41
|
+
});
|
|
42
|
+
const native = new org.rafaelaugusto.jolt.ImageEffect(image.nativeViewProtected, image.imageSource?.android ?? null, to?.android ?? null, geometry, mode, x * density, y * density, amplitude * density, radius * density, duration, seed, image
|
|
43
|
+
.touchListener ?? null, new org.rafaelaugusto.jolt.ImageEffect.Listener({ onEnd: ended }));
|
|
44
|
+
if (!native.isSupported()) {
|
|
45
|
+
const reason = native.getFailureReason();
|
|
46
|
+
native.stop();
|
|
47
|
+
throw new Error(reason);
|
|
48
|
+
}
|
|
49
|
+
return {
|
|
50
|
+
backend: 'agsl',
|
|
51
|
+
get progress() {
|
|
52
|
+
return native.getProgress();
|
|
53
|
+
},
|
|
54
|
+
get frames() {
|
|
55
|
+
return native.getFrames();
|
|
56
|
+
},
|
|
57
|
+
get textureBytes() {
|
|
58
|
+
return native.getTextureBytes();
|
|
59
|
+
},
|
|
60
|
+
get longestFrameMs() {
|
|
61
|
+
return native.getLongestFrameNanos() / 1e6;
|
|
62
|
+
},
|
|
63
|
+
play: (p) => native.play(p),
|
|
64
|
+
pause: () => native.pause(),
|
|
65
|
+
resume: () => native.resume(),
|
|
66
|
+
seek: (p) => native.seek(p),
|
|
67
|
+
finish: (p) => native.finish(p),
|
|
68
|
+
stop: (preserveImage) => preserveImage ? native.stopPreservingImage() : native.stop(),
|
|
69
|
+
};
|
|
70
|
+
}
|
|
71
|
+
return undefined;
|
|
72
|
+
}
|
|
73
|
+
//# sourceMappingURL=image-effect-native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"image-effect-native.js","sourceRoot":"","sources":["../src/image-effect-native.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { ImageSource } from '@nativescript/core';
|
|
2
|
+
import type { Animation } from './engine.js';
|
|
3
|
+
import type { Target } from './types.js';
|
|
4
|
+
export type ImageEffectName = 'ripple' | 'distortion' | 'dissolve';
|
|
5
|
+
export interface ImageEffectOptions {
|
|
6
|
+
/** Origin in target-local DIPs; defaults to the center. */
|
|
7
|
+
origin?: {
|
|
8
|
+
x: number;
|
|
9
|
+
y: number;
|
|
10
|
+
};
|
|
11
|
+
/** Maximum displacement in DIPs, 0..64. Defaults to 8. */
|
|
12
|
+
amplitude?: number;
|
|
13
|
+
/** Influence radius in DIPs, greater than zero. Defaults to 96. */
|
|
14
|
+
radius?: number;
|
|
15
|
+
/** Milliseconds for a finite effect (or drag release). Defaults to 650. */
|
|
16
|
+
duration?: number;
|
|
17
|
+
/** Deterministic dissolve noise seed, 0..65535. Defaults to 1. */
|
|
18
|
+
seed?: number;
|
|
19
|
+
/** Loaded destination raster for dissolve. */
|
|
20
|
+
to?: ImageSource;
|
|
21
|
+
/** Prepare at progress zero without starting. */
|
|
22
|
+
paused?: boolean;
|
|
23
|
+
}
|
|
24
|
+
export interface ImageEffectDiagnostics {
|
|
25
|
+
backend: 'waiting' | 'metal' | 'agsl' | 'fallback';
|
|
26
|
+
reason?: 'reduced-motion' | 'unsupported' | 'not-visible';
|
|
27
|
+
/** Native setup error, when available. Intended for developer diagnostics. */
|
|
28
|
+
detail?: string;
|
|
29
|
+
frames: number;
|
|
30
|
+
textureBytes: number;
|
|
31
|
+
peakTextureBytes: number;
|
|
32
|
+
preparationMs: number;
|
|
33
|
+
longestFrameMs: number;
|
|
34
|
+
}
|
|
35
|
+
export interface ImageEffect extends Animation {
|
|
36
|
+
readonly effect: ImageEffectName;
|
|
37
|
+
readonly paused: boolean;
|
|
38
|
+
/** Finite progress; distortion rejects seeking because it follows native touch input. */
|
|
39
|
+
progress: number;
|
|
40
|
+
readonly diagnostics: Readonly<ImageEffectDiagnostics>;
|
|
41
|
+
pause(): void;
|
|
42
|
+
play(): void;
|
|
43
|
+
/** Reverse a finite effect from its current pixels. Terminal handles remain terminal. */
|
|
44
|
+
reverse(): void;
|
|
45
|
+
/** Complete immediately at the current direction's endpoint. */
|
|
46
|
+
finish(): void;
|
|
47
|
+
}
|
|
48
|
+
/** Optional native image effects. Stop restores the source; dissolve completion commits its destination. */
|
|
49
|
+
export declare function imageEffect(target: Target, effect: ImageEffectName, options?: ImageEffectOptions): ImageEffect;
|
|
50
|
+
//# sourceMappingURL=image-effect.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"image-effect.d.ts","sourceRoot":"","sources":["../src/image-effect.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,WAAW,EAGZ,MAAM,oBAAoB,CAAA;AAG3B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAG5C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAExC,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,YAAY,GAAG,UAAU,CAAA;AAClE,MAAM,WAAW,kBAAkB;IACjC,2DAA2D;IAC3D,MAAM,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IACjC,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,mEAAmE;IACnE,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,kEAAkE;IAClE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,8CAA8C;IAC9C,EAAE,CAAC,EAAE,WAAW,CAAA;IAChB,iDAAiD;IACjD,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AACD,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,CAAA;IAClD,MAAM,CAAC,EAAE,gBAAgB,GAAG,aAAa,GAAG,aAAa,CAAA;IACzD,8EAA8E;IAC9E,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,MAAM,CAAA;IACd,YAAY,EAAE,MAAM,CAAA;IACpB,gBAAgB,EAAE,MAAM,CAAA;IACxB,aAAa,EAAE,MAAM,CAAA;IACrB,cAAc,EAAE,MAAM,CAAA;CACvB;AACD,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,QAAQ,CAAC,MAAM,EAAE,eAAe,CAAA;IAChC,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAA;IACxB,yFAAyF;IACzF,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,WAAW,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAA;IACtD,KAAK,IAAI,IAAI,CAAA;IACb,IAAI,IAAI,IAAI,CAAA;IACZ,yFAAyF;IACzF,OAAO,IAAI,IAAI,CAAA;IACf,gEAAgE;IAChE,MAAM,IAAI,IAAI,CAAA;CACf;AAcD,4GAA4G;AAC5G,wBAAgB,WAAW,CACzB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,eAAe,EACvB,OAAO,GAAE,kBAAuB,GAC/B,WAAW,CA8Cb"}
|