@rafaelaugusto/jolt 0.1.0-beta.1 → 0.1.0-beta.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +115 -8
- package/dist/animate.d.ts +3 -1
- package/dist/animate.d.ts.map +1 -1
- package/dist/animate.js +83 -6
- package/dist/animate.js.map +1 -1
- 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/driver/android.d.ts +1 -1
- package/dist/driver/android.d.ts.map +1 -1
- package/dist/driver/android.js +95 -5
- package/dist/driver/android.js.map +1 -1
- package/dist/driver/index.d.ts +3 -1
- package/dist/driver/index.d.ts.map +1 -1
- package/dist/driver/index.js.map +1 -1
- package/dist/driver/ios.d.ts.map +1 -1
- package/dist/driver/ios.js +7 -0
- package/dist/driver/ios.js.map +1 -1
- package/dist/engine.d.ts +6 -3
- package/dist/engine.d.ts.map +1 -1
- package/dist/engine.js +21 -5
- package/dist/engine.js.map +1 -1
- package/dist/haptics.d.ts +18 -0
- package/dist/haptics.d.ts.map +1 -0
- package/dist/haptics.js +96 -0
- package/dist/haptics.js.map +1 -0
- package/dist/index.d.ts +14 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +7 -1
- package/dist/index.js.map +1 -1
- package/dist/loader.d.ts +19 -0
- package/dist/loader.d.ts.map +1 -0
- package/dist/loader.js +172 -0
- package/dist/loader.js.map +1 -0
- package/dist/particles.d.ts +39 -0
- package/dist/particles.d.ts.map +1 -0
- package/dist/particles.js +264 -0
- package/dist/particles.js.map +1 -0
- package/dist/properties.d.ts +1 -1
- package/dist/properties.d.ts.map +1 -1
- package/dist/properties.js +1 -1
- 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 +293 -0
- package/dist/reveal.js.map +1 -0
- package/dist/shimmer.d.ts +12 -0
- package/dist/shimmer.d.ts.map +1 -0
- package/dist/shimmer.js +160 -0
- package/dist/shimmer.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 +186 -0
- package/dist/symbol-effect.js.map +1 -0
- package/dist/text-layout.d.ts +22 -0
- package/dist/text-layout.d.ts.map +1 -0
- package/dist/text-layout.js +179 -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 +264 -0
- package/dist/text.js.map +1 -0
- package/dist/track.d.ts.map +1 -1
- package/dist/track.js +25 -3
- package/dist/track.js.map +1 -1
- package/dist/transition.d.ts +5 -0
- package/dist/transition.d.ts.map +1 -1
- package/dist/transition.js.map +1 -1
- package/dist/types.d.ts +17 -0
- package/dist/types.d.ts.map +1 -1
- package/package.json +2 -1
- package/src/animate.ts +96 -4
- package/src/decay.ts +45 -0
- package/src/driver/android.ts +112 -6
- package/src/driver/index.ts +3 -1
- package/src/driver/ios.ts +11 -0
- package/src/engine.ts +22 -6
- package/src/haptics.ts +125 -0
- package/src/index.ts +18 -1
- package/src/loader.ts +201 -0
- package/src/particles.ts +323 -0
- package/src/properties.ts +1 -1
- package/src/reveal.ts +374 -0
- package/src/shimmer.ts +179 -0
- package/src/symbol-effect.ts +225 -0
- package/src/text-layout.ts +216 -0
- package/src/text.ts +296 -0
- package/src/track.ts +42 -3
- package/src/transition.ts +6 -0
- package/src/types.ts +16 -0
package/dist/driver/index.d.ts
CHANGED
|
@@ -7,9 +7,11 @@ export interface Driver {
|
|
|
7
7
|
/** Starts the track at `startedAt + track.delay` and calls `onEnd` once, however it ends. */
|
|
8
8
|
play(view: View, track: Track, startedAt: number, onEnd: () => void): unknown;
|
|
9
9
|
stop(view: View, handle: unknown): void;
|
|
10
|
+
/** Track time, including its delay, when the native clock differs from `now()`. */
|
|
11
|
+
elapsed?(handle: unknown): number;
|
|
10
12
|
/** The value on screen, when the platform knows it better than the track does. */
|
|
11
13
|
presented(view: View, property: Property): number | undefined;
|
|
12
|
-
/** Calls back after `ms`
|
|
14
|
+
/** Calls back after `ms` of animation time, respecting platform speed settings. */
|
|
13
15
|
after(ms: number, callback: () => void): () => void;
|
|
14
16
|
}
|
|
15
17
|
export declare function after(ms: number, callback: () => void): () => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/driver/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,IAAI,EAAE,MAAM,oBAAoB,CAAA;AACzD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAIxC,MAAM,WAAW,MAAM;IACrB,mEAAmE;IACnE,GAAG,IAAI,MAAM,CAAA;IACb,6FAA6F;IAC7F,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,IAAI,GAAG,OAAO,CAAA;IAC7E,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,GAAG,IAAI,CAAA;IACvC,kFAAkF;IAClF,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAA;IAC7D,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/driver/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,IAAI,EAAE,MAAM,oBAAoB,CAAA;AACzD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAIxC,MAAM,WAAW,MAAM;IACrB,mEAAmE;IACnE,GAAG,IAAI,MAAM,CAAA;IACb,6FAA6F;IAC7F,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,IAAI,GAAG,OAAO,CAAA;IAC7E,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,GAAG,IAAI,CAAA;IACvC,mFAAmF;IACnF,OAAO,CAAC,CAAC,MAAM,EAAE,OAAO,GAAG,MAAM,CAAA;IACjC,kFAAkF;IAClF,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAA;IAC7D,mFAAmF;IACnF,KAAK,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI,CAAA;CACpD;AAED,wBAAgB,KAAK,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,IAAI,cAGrD;AAID,wBAAgB,SAAS,IAAI,MAAM,CAElC;AAED,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,QAEjD"}
|
package/dist/driver/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/driver/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAa,MAAM,oBAAoB,CAAA;AAGzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAA;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/driver/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAa,MAAM,oBAAoB,CAAA;AAGzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAA;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAgB1C,MAAM,UAAU,KAAK,CAAC,EAAU,EAAE,QAAoB;IACpD,MAAM,KAAK,GAAG,UAAU,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAA;IACtC,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAA;AAClC,CAAC;AAED,IAAI,MAA0B,CAAA;AAE9B,MAAM,UAAU,SAAS;IACvB,OAAO,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,mBAAmB,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC,CAAA;AAC3E,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,IAAwB;IAChD,MAAM,GAAG,IAAI,CAAA;AACf,CAAC"}
|
package/dist/driver/ios.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ios.d.ts","sourceRoot":"","sources":["../../src/driver/ios.ts"],"names":[],"mappings":"AAEA,OAAO,EAAS,KAAK,MAAM,EAAE,MAAM,YAAY,CAAA;AA4C/C,wBAAgB,eAAe,IAAI,MAAM,
|
|
1
|
+
{"version":3,"file":"ios.d.ts","sourceRoot":"","sources":["../../src/driver/ios.ts"],"names":[],"mappings":"AAEA,OAAO,EAAS,KAAK,MAAM,EAAE,MAAM,YAAY,CAAA;AA4C/C,wBAAgB,eAAe,IAAI,MAAM,CA6DxC"}
|
package/dist/driver/ios.js
CHANGED
|
@@ -41,6 +41,13 @@ export function createIOSDriver() {
|
|
|
41
41
|
ensurePerspective(view, layers);
|
|
42
42
|
}
|
|
43
43
|
const animation = CAKeyframeAnimation.animationWithKeyPath(keyPaths[track.property]);
|
|
44
|
+
// iOS 15+. The app must opt in through CADisableMinimumFrameDurationOnPhone.
|
|
45
|
+
if (animation.respondsToSelector('setPreferredFrameRateRange:')) {
|
|
46
|
+
const nativeView = view.nativeViewProtected;
|
|
47
|
+
const screen = nativeView.window?.screen ?? UIScreen.mainScreen;
|
|
48
|
+
const maximum = Math.min(120, screen.maximumFramesPerSecond);
|
|
49
|
+
animation.preferredFrameRateRange = CAFrameRateRangeMake(Math.min(80, maximum), maximum, maximum);
|
|
50
|
+
}
|
|
44
51
|
animation.values = NSArray.arrayWithArray(track.values.map((value) => (rotation ? radians(value) : value)));
|
|
45
52
|
animation.keyTimes = NSArray.arrayWithArray(track.times);
|
|
46
53
|
animation.duration = Math.max(track.duration, 1) / 1000;
|
package/dist/driver/ios.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ios.js","sourceRoot":"","sources":["../../src/driver/ios.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ios.js","sourceRoot":"","sources":["../../src/driver/ios.ts"],"names":[],"mappings":"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"}
|
package/dist/engine.d.ts
CHANGED
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
import type { View } from '@nativescript/core';
|
|
2
|
+
import { type HapticOptions } from './haptics.js';
|
|
2
3
|
import { type Property } from './properties.js';
|
|
3
4
|
import type { ResolvedTransition } from './transition.js';
|
|
4
5
|
export interface Animation extends PromiseLike<boolean> {
|
|
5
6
|
/**
|
|
6
7
|
* Resolves with `true` once the animation played to the end, or with `false`
|
|
7
|
-
* if it was stopped or
|
|
8
|
+
* if it was stopped, superseded or skipped.
|
|
8
9
|
* Never rejects.
|
|
9
10
|
*/
|
|
10
11
|
readonly finished: Promise<boolean>;
|
|
11
|
-
/** Stops
|
|
12
|
+
/** Stops playback. Each effect documents whether it preserves or restores its visual state. */
|
|
12
13
|
stop(): void;
|
|
13
14
|
}
|
|
14
15
|
export interface Plan {
|
|
@@ -26,6 +27,7 @@ export declare function arrivalOf(animation: Animation): Promise<unknown>;
|
|
|
26
27
|
export declare function setArrival(animation: Animation, arrival: Promise<unknown>): void;
|
|
27
28
|
export declare class ViewAnimation implements Animation {
|
|
28
29
|
readonly view: View;
|
|
30
|
+
private readonly haptic?;
|
|
29
31
|
readonly finished: Promise<boolean>;
|
|
30
32
|
private resolve;
|
|
31
33
|
private readonly entries;
|
|
@@ -35,7 +37,8 @@ export declare class ViewAnimation implements Animation {
|
|
|
35
37
|
private cancelWait;
|
|
36
38
|
private arrive;
|
|
37
39
|
private cancelArrival;
|
|
38
|
-
|
|
40
|
+
private haptics;
|
|
41
|
+
constructor(view: View, plans: readonly Plan[], haptic?: HapticOptions | undefined);
|
|
39
42
|
then<A = boolean, B = never>(onfulfilled?: ((finished: boolean) => A | PromiseLike<A>) | null, onrejected?: ((reason: unknown) => B | PromiseLike<B>) | null): Promise<A | B>;
|
|
40
43
|
stop(): void;
|
|
41
44
|
ended(finished: boolean): void;
|
package/dist/engine.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"engine.d.ts","sourceRoot":"","sources":["../src/engine.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AAE9C,OAAO,EAAyB,KAAK,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAEtE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAEzD,MAAM,WAAW,SAAU,SAAQ,WAAW,CAAC,OAAO,CAAC;IACrD;;;;OAIG;IACH,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC,OAAO,CAAC,CAAA;IACnC
|
|
1
|
+
{"version":3,"file":"engine.d.ts","sourceRoot":"","sources":["../src/engine.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AAE9C,OAAO,EAAe,KAAK,aAAa,EAAE,MAAM,cAAc,CAAA;AAC9D,OAAO,EAAyB,KAAK,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAEtE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAEzD,MAAM,WAAW,SAAU,SAAQ,WAAW,CAAC,OAAO,CAAC;IACrD;;;;OAIG;IACH,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC,OAAO,CAAC,CAAA;IACnC,+FAA+F;IAC/F,IAAI,IAAI,IAAI,CAAA;CACb;AAED,MAAM,WAAW,IAAI;IACnB,QAAQ,EAAE,QAAQ,CAAA;IAClB,8EAA8E;IAC9E,SAAS,EAAE,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,CAAA;IACrC,UAAU,EAAE,kBAAkB,CAAA;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAaD;;;GAGG;AACH,wBAAgB,SAAS,CAAC,SAAS,EAAE,SAAS,GAAG,OAAO,CAAC,OAAO,CAAC,CAEhE;AAED,wBAAgB,UAAU,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC,QAEzE;AAED,qBAAa,aAAc,YAAW,SAAS;IAa3C,QAAQ,CAAC,IAAI,EAAE,IAAI;IAEnB,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC;IAd1B,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC,OAAO,CAAC,CAAA;IACnC,OAAO,CAAC,OAAO,CAA8B;IAC7C,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAc;IACtC,OAAO,CAAC,OAAO,CAAI;IACnB,OAAO,CAAC,QAAQ,CAAO;IACvB,OAAO,CAAC,OAAO,CAAQ;IACvB,OAAO,CAAC,UAAU,CAA0B;IAC5C,OAAO,CAAC,MAAM,CAAa;IAC3B,OAAO,CAAC,aAAa,CAA0B;IAC/C,OAAO,CAAC,OAAO,CAAgC;IAE/C,YACW,IAAI,EAAE,IAAI,EACnB,KAAK,EAAE,SAAS,IAAI,EAAE,EACL,MAAM,CAAC,EAAE,aAAa,YAAA,EAMxC;IAED,IAAI,CAAC,CAAC,GAAG,OAAO,EAAE,CAAC,GAAG,KAAK,EACzB,WAAW,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,OAAO,KAAK,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,EAChE,UAAU,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,OAAO,KAAK,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,GAC5D,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAEhB;IAED,IAAI,SAUH;IAED,KAAK,CAAC,QAAQ,EAAE,OAAO,QAMtB;IAED,OAAO,CAAC,KAAK;IAiEb,OAAO,CAAC,WAAW;IAiBnB,OAAO,CAAC,MAAM;CAUf;AAED,gFAAgF;AAChF,wBAAgB,QAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,UAAU,CAAC,EAAE,SAAS,QAAQ,EAAE,QAOpE"}
|
package/dist/engine.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { getDriver } from './driver/index.js';
|
|
2
|
+
import { playHaptics } from './haptics.js';
|
|
2
3
|
import { readValue, writeValue } from './properties.js';
|
|
3
4
|
import { createTrack } from './track.js';
|
|
4
5
|
const running = new WeakMap();
|
|
@@ -15,6 +16,7 @@ export function setArrival(animation, arrival) {
|
|
|
15
16
|
}
|
|
16
17
|
export class ViewAnimation {
|
|
17
18
|
view;
|
|
19
|
+
haptic;
|
|
18
20
|
finished;
|
|
19
21
|
resolve;
|
|
20
22
|
entries = [];
|
|
@@ -24,8 +26,10 @@ export class ViewAnimation {
|
|
|
24
26
|
cancelWait;
|
|
25
27
|
arrive;
|
|
26
28
|
cancelArrival;
|
|
27
|
-
|
|
29
|
+
haptics;
|
|
30
|
+
constructor(view, plans, haptic) {
|
|
28
31
|
this.view = view;
|
|
32
|
+
this.haptic = haptic;
|
|
29
33
|
this.finished = new Promise((resolve) => (this.resolve = resolve));
|
|
30
34
|
setArrival(this, new Promise((resolve) => (this.arrive = resolve)));
|
|
31
35
|
if (view.isLoaded && view.nativeViewProtected)
|
|
@@ -40,6 +44,7 @@ export class ViewAnimation {
|
|
|
40
44
|
if (this.settled)
|
|
41
45
|
return;
|
|
42
46
|
this.cancelWait?.();
|
|
47
|
+
this.haptics?.cancel();
|
|
43
48
|
const now = getDriver().now();
|
|
44
49
|
for (const entry of this.entries) {
|
|
45
50
|
if (!entry.done)
|
|
@@ -49,8 +54,10 @@ export class ViewAnimation {
|
|
|
49
54
|
this.settle();
|
|
50
55
|
}
|
|
51
56
|
ended(finished) {
|
|
52
|
-
if (!finished)
|
|
57
|
+
if (!finished) {
|
|
53
58
|
this.complete = false;
|
|
59
|
+
this.haptics?.cancel();
|
|
60
|
+
}
|
|
54
61
|
if (--this.pending === 0)
|
|
55
62
|
this.settle();
|
|
56
63
|
}
|
|
@@ -63,7 +70,7 @@ export class ViewAnimation {
|
|
|
63
70
|
let current;
|
|
64
71
|
let velocity = 0;
|
|
65
72
|
if (previous) {
|
|
66
|
-
const elapsed = now
|
|
73
|
+
const elapsed = elapsedOf(previous, now);
|
|
67
74
|
current = driver.presented(this.view, property) ?? previous.track.valueAt(elapsed);
|
|
68
75
|
velocity = previous.track.velocityAt(elapsed);
|
|
69
76
|
release(previous, now, false);
|
|
@@ -97,6 +104,7 @@ export class ViewAnimation {
|
|
|
97
104
|
this.entries.push(entry);
|
|
98
105
|
this.pending++;
|
|
99
106
|
}
|
|
107
|
+
this.haptics = playHaptics(this.view, tracks, this.haptic, driver, now);
|
|
100
108
|
for (const entry of this.entries) {
|
|
101
109
|
entry.handle = driver.play(this.view, entry.track, now, () => {
|
|
102
110
|
if (entry.done)
|
|
@@ -109,7 +117,7 @@ export class ViewAnimation {
|
|
|
109
117
|
const arrival = Math.max(...this.entries.map((entry) => entry.track.arrival));
|
|
110
118
|
if (this.pending === 0)
|
|
111
119
|
this.settle();
|
|
112
|
-
else if (Number.isFinite(arrival)) {
|
|
120
|
+
else if (Number.isFinite(arrival) && tracks.some((track) => track.end > arrival)) {
|
|
113
121
|
this.cancelArrival = driver.after(arrival, this.arrive);
|
|
114
122
|
}
|
|
115
123
|
}
|
|
@@ -136,6 +144,11 @@ export class ViewAnimation {
|
|
|
136
144
|
return;
|
|
137
145
|
this.settled = true;
|
|
138
146
|
this.cancelArrival?.();
|
|
147
|
+
if (this.complete)
|
|
148
|
+
this.haptics?.finish();
|
|
149
|
+
else
|
|
150
|
+
this.haptics?.cancel();
|
|
151
|
+
this.haptics = undefined;
|
|
139
152
|
this.arrive();
|
|
140
153
|
this.resolve(this.complete);
|
|
141
154
|
}
|
|
@@ -169,10 +182,13 @@ function release(entry, now, commit) {
|
|
|
169
182
|
entry.done = true;
|
|
170
183
|
forget(entry);
|
|
171
184
|
if (commit) {
|
|
172
|
-
const value = driver.presented(view, property) ?? entry.track.valueAt(now
|
|
185
|
+
const value = driver.presented(view, property) ?? entry.track.valueAt(elapsedOf(entry, now));
|
|
173
186
|
writeValue(view, property, value);
|
|
174
187
|
}
|
|
175
188
|
driver.stop(view, entry.handle);
|
|
176
189
|
entry.owner.ended(false);
|
|
177
190
|
}
|
|
191
|
+
function elapsedOf(entry, now) {
|
|
192
|
+
return getDriver().elapsed?.(entry.handle) ?? now - entry.startedAt;
|
|
193
|
+
}
|
|
178
194
|
//# sourceMappingURL=engine.js.map
|
package/dist/engine.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"engine.js","sourceRoot":"","sources":["../src/engine.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,UAAU,EAAiB,MAAM,iBAAiB,CAAA;AACtE,OAAO,EAAE,WAAW,EAAc,MAAM,YAAY,CAAA;AA8BpD,MAAM,OAAO,GAAG,IAAI,OAAO,EAA8B,CAAA;AACzD,MAAM,QAAQ,GAAG,IAAI,OAAO,EAA+B,CAAA;AAE3D;;;GAGG;AACH,MAAM,UAAU,SAAS,CAAC,SAAoB;IAC5C,OAAO,QAAQ,CAAC,GAAG,CAAC,SAAS,CAAC,IAAI,SAAS,CAAC,QAAQ,CAAA;AACtD,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,SAAoB,EAAE,OAAyB;IACxE,QAAQ,CAAC,GAAG,CAAC,SAAS,EAAE,OAAO,CAAC,CAAA;AAClC,CAAC;AAED,MAAM,OAAO,aAAa;
|
|
1
|
+
{"version":3,"file":"engine.js","sourceRoot":"","sources":["../src/engine.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,18 @@
|
|
|
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): {
|
|
15
|
+
cancel: () => void;
|
|
16
|
+
finish(): void;
|
|
17
|
+
} | undefined;
|
|
18
|
+
//# 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;;;cA2ElB"}
|
package/dist/haptics.js
ADDED
|
@@ -0,0 +1,96 @@
|
|
|
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) {
|
|
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 next = 0;
|
|
45
|
+
let cancelPrepare;
|
|
46
|
+
let cancelImpact;
|
|
47
|
+
const active = () => view.isLoaded &&
|
|
48
|
+
view.nativeViewProtected === native &&
|
|
49
|
+
!!native.window &&
|
|
50
|
+
UIApplication.sharedApplication.applicationState === 0; // UIApplicationState.Active
|
|
51
|
+
const cancel = () => {
|
|
52
|
+
cancelPrepare?.();
|
|
53
|
+
cancelImpact?.();
|
|
54
|
+
cancelPrepare = cancelImpact = undefined;
|
|
55
|
+
generator = undefined;
|
|
56
|
+
view.off('unloaded', cancel);
|
|
57
|
+
};
|
|
58
|
+
const fire = (tolerance = 0) => {
|
|
59
|
+
const elapsed = driver.now() - startedAt;
|
|
60
|
+
// A busy UI thread can delay timers. Drop stale impacts instead of replaying
|
|
61
|
+
// several old taps at once when it becomes responsive again.
|
|
62
|
+
while (next < offsets.length && offsets[next] <= elapsed + tolerance) {
|
|
63
|
+
const offset = offsets[next++];
|
|
64
|
+
if (active() && elapsed - offset <= MAX_LATENESS)
|
|
65
|
+
generator?.impactOccurred();
|
|
66
|
+
}
|
|
67
|
+
};
|
|
68
|
+
const schedule = () => {
|
|
69
|
+
if (!generator || next === offsets.length)
|
|
70
|
+
return cancel();
|
|
71
|
+
const remaining = startedAt + offsets[next] - driver.now();
|
|
72
|
+
if (active())
|
|
73
|
+
generator.prepare();
|
|
74
|
+
if (remaining > PREPARE_AHEAD) {
|
|
75
|
+
cancelPrepare = driver.after(remaining - PREPARE_AHEAD, () => {
|
|
76
|
+
if (active())
|
|
77
|
+
generator?.prepare();
|
|
78
|
+
});
|
|
79
|
+
}
|
|
80
|
+
cancelImpact = driver.after(Math.max(0, remaining), () => {
|
|
81
|
+
fire();
|
|
82
|
+
schedule();
|
|
83
|
+
});
|
|
84
|
+
};
|
|
85
|
+
view.on('unloaded', cancel);
|
|
86
|
+
schedule();
|
|
87
|
+
return {
|
|
88
|
+
cancel,
|
|
89
|
+
finish() {
|
|
90
|
+
// Native completion may beat the timer at the final keyframe by a frame.
|
|
91
|
+
fire(COMPLETION_TOLERANCE);
|
|
92
|
+
cancel();
|
|
93
|
+
},
|
|
94
|
+
};
|
|
95
|
+
}
|
|
96
|
+
//# sourceMappingURL=haptics.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"haptics.js","sourceRoot":"","sources":["../src/haptics.ts"],"names":[],"mappings":"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"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,7 +1,20 @@
|
|
|
1
|
-
export { animate, stop } from './animate.js';
|
|
1
|
+
export { animate, decay, stop } from './animate.js';
|
|
2
2
|
export { sequence } from './sequence.js';
|
|
3
3
|
export type { Step } from './sequence.js';
|
|
4
4
|
export { press } from './press.js';
|
|
5
|
+
export type { Haptic, HapticOptions, HapticStyle } from './haptics.js';
|
|
6
|
+
export { confetti, particles } from './particles.js';
|
|
7
|
+
export type { ConfettiOptions, ParticleOptions } from './particles.js';
|
|
8
|
+
export { shimmer } from './shimmer.js';
|
|
9
|
+
export type { ShimmerOptions } from './shimmer.js';
|
|
10
|
+
export { loader } from './loader.js';
|
|
11
|
+
export type { LoaderOptions, LoaderStyle } from './loader.js';
|
|
12
|
+
export { reveal, conceal } from './reveal.js';
|
|
13
|
+
export type { RevealOptions, ConcealOptions } from './reveal.js';
|
|
14
|
+
export { animateText } from './text.js';
|
|
15
|
+
export type { TextOptions } from './text.js';
|
|
16
|
+
export { symbolEffect } from './symbol-effect.js';
|
|
17
|
+
export type { SymbolEffect, SymbolEffectName, SymbolEffectOptions, } from './symbol-effect.js';
|
|
5
18
|
export { definePreset, presets } from './presets.js';
|
|
6
19
|
export type { Preset, PresetName, Presets } from './presets.js';
|
|
7
20
|
export { springs } from './transition.js';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,YAAY,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,YAAY,EAAE,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AACtE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AACpD,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AACtE,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AACpC,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAC7D,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AAC7C,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,YAAY,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACjD,YAAY,EACV,YAAY,EACZ,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACpD,YAAY,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AACzC,YAAY,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AACpF,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AACzC,YAAY,EAAE,WAAW,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAClF,YAAY,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAC5C,mBAAmB,YAAY,CAAA"}
|
package/dist/index.js
CHANGED
|
@@ -1,6 +1,12 @@
|
|
|
1
|
-
export { animate, stop } from './animate.js';
|
|
1
|
+
export { animate, decay, stop } from './animate.js';
|
|
2
2
|
export { sequence } from './sequence.js';
|
|
3
3
|
export { press } from './press.js';
|
|
4
|
+
export { confetti, particles } from './particles.js';
|
|
5
|
+
export { shimmer } from './shimmer.js';
|
|
6
|
+
export { loader } from './loader.js';
|
|
7
|
+
export { reveal, conceal } from './reveal.js';
|
|
8
|
+
export { animateText } from './text.js';
|
|
9
|
+
export { symbolEffect } from './symbol-effect.js';
|
|
4
10
|
export { definePreset, presets } from './presets.js';
|
|
5
11
|
export { springs } from './transition.js';
|
|
6
12
|
export { cubicBezier } from './easing.js';
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAExC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAElC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAEpD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAEtC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAEpC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAEvC,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAMjD,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAEpD,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAEzC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA"}
|
package/dist/loader.d.ts
ADDED
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { Target } from './types.js';
|
|
2
|
+
export type LoaderStyle = 'dots' | 'bars' | 'ring';
|
|
3
|
+
export interface LoaderOptions {
|
|
4
|
+
/** Defaults to 'dots'. */
|
|
5
|
+
style?: LoaderStyle;
|
|
6
|
+
/** A NativeScript color string. Defaults to '#71717a'. */
|
|
7
|
+
color?: string;
|
|
8
|
+
/** Maximum width and height in DIPs, fitted inside the target. Defaults to 48. */
|
|
9
|
+
size?: number;
|
|
10
|
+
/** Milliseconds per cycle. Defaults to 1200. */
|
|
11
|
+
duration?: number;
|
|
12
|
+
}
|
|
13
|
+
/**
|
|
14
|
+
* Adds a centered native iOS loading indicator. Returns an idempotent cleanup.
|
|
15
|
+
* Unloading releases native resources; loading resumes until explicitly stopped.
|
|
16
|
+
* Reduce Motion keeps the indicator static. Android is a no-op.
|
|
17
|
+
*/
|
|
18
|
+
export declare function loader(target: Target, options?: LoaderOptions): () => void;
|
|
19
|
+
//# sourceMappingURL=loader.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"loader.d.ts","sourceRoot":"","sources":["../src/loader.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAExC,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAA;AAElD,MAAM,WAAW,aAAa;IAC5B,0BAA0B;IAC1B,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kFAAkF;IAClF,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,gDAAgD;IAChD,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAKD;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,GAAE,aAAkB,GAAG,MAAM,IAAI,CAkB9E"}
|
package/dist/loader.js
ADDED
|
@@ -0,0 +1,172 @@
|
|
|
1
|
+
import { Application, Color, isIOS } from '@nativescript/core';
|
|
2
|
+
import { toView } from './animate.js';
|
|
3
|
+
const running = new WeakMap();
|
|
4
|
+
const key = 'jolt:loader';
|
|
5
|
+
/**
|
|
6
|
+
* Adds a centered native iOS loading indicator. Returns an idempotent cleanup.
|
|
7
|
+
* Unloading releases native resources; loading resumes until explicitly stopped.
|
|
8
|
+
* Reduce Motion keeps the indicator static. Android is a no-op.
|
|
9
|
+
*/
|
|
10
|
+
export function loader(target, options = {}) {
|
|
11
|
+
const settings = {
|
|
12
|
+
style: options.style ?? 'dots',
|
|
13
|
+
color: options.color ?? '#71717a',
|
|
14
|
+
size: options.size ?? 48,
|
|
15
|
+
duration: options.duration ?? 1200,
|
|
16
|
+
};
|
|
17
|
+
if (!['dots', 'bars', 'ring'].includes(settings.style))
|
|
18
|
+
throw new TypeError('Unknown loader style.');
|
|
19
|
+
if (typeof settings.color !== 'string' || !Color.isValid(settings.color))
|
|
20
|
+
throw new TypeError('Loader color must be a valid color string.');
|
|
21
|
+
for (const name of ['size', 'duration'])
|
|
22
|
+
if (!Number.isFinite(settings[name]) || settings[name] <= 0)
|
|
23
|
+
throw new RangeError(`Loader ${name} must be a positive finite number.`);
|
|
24
|
+
const view = toView(target);
|
|
25
|
+
running.get(view)?.();
|
|
26
|
+
if (!isIOS)
|
|
27
|
+
return () => { };
|
|
28
|
+
return new Loader(view, settings).stop;
|
|
29
|
+
}
|
|
30
|
+
class Loader {
|
|
31
|
+
view;
|
|
32
|
+
settings;
|
|
33
|
+
stopped = false;
|
|
34
|
+
queued = false;
|
|
35
|
+
waitingForLoad;
|
|
36
|
+
native;
|
|
37
|
+
layer;
|
|
38
|
+
item;
|
|
39
|
+
animating = false;
|
|
40
|
+
observer;
|
|
41
|
+
constructor(view, settings) {
|
|
42
|
+
this.view = view;
|
|
43
|
+
this.settings = settings;
|
|
44
|
+
this.waitingForLoad = !view.isLoaded;
|
|
45
|
+
running.set(view, this.stop);
|
|
46
|
+
view.on('loaded', this.loaded);
|
|
47
|
+
view.on('layoutChanged', this.schedule);
|
|
48
|
+
view.on('unloaded', this.unloaded);
|
|
49
|
+
this.schedule();
|
|
50
|
+
}
|
|
51
|
+
stop = () => {
|
|
52
|
+
if (this.stopped)
|
|
53
|
+
return;
|
|
54
|
+
this.stopped = true;
|
|
55
|
+
this.view.off('loaded', this.loaded);
|
|
56
|
+
this.view.off('layoutChanged', this.schedule);
|
|
57
|
+
this.view.off('unloaded', this.unloaded);
|
|
58
|
+
if (running.get(this.view) === this.stop)
|
|
59
|
+
running.delete(this.view);
|
|
60
|
+
this.unloaded();
|
|
61
|
+
};
|
|
62
|
+
loaded = () => {
|
|
63
|
+
this.waitingForLoad = false;
|
|
64
|
+
this.schedule();
|
|
65
|
+
};
|
|
66
|
+
unloaded = () => {
|
|
67
|
+
this.waitingForLoad = true;
|
|
68
|
+
if (this.observer) {
|
|
69
|
+
Application.ios.removeNotificationObserver(this.observer, UIAccessibilityReduceMotionStatusDidChangeNotification);
|
|
70
|
+
this.observer = undefined;
|
|
71
|
+
}
|
|
72
|
+
this.remove();
|
|
73
|
+
};
|
|
74
|
+
schedule = () => {
|
|
75
|
+
if (this.stopped || this.queued)
|
|
76
|
+
return;
|
|
77
|
+
this.queued = true;
|
|
78
|
+
void Promise.resolve().then(() => {
|
|
79
|
+
this.queued = false;
|
|
80
|
+
if (this.stopped)
|
|
81
|
+
return;
|
|
82
|
+
try {
|
|
83
|
+
this.update();
|
|
84
|
+
}
|
|
85
|
+
catch (error) {
|
|
86
|
+
this.stop();
|
|
87
|
+
throw error;
|
|
88
|
+
}
|
|
89
|
+
});
|
|
90
|
+
};
|
|
91
|
+
update() {
|
|
92
|
+
if (this.waitingForLoad || !this.view.isLoaded)
|
|
93
|
+
return;
|
|
94
|
+
const native = this.view.nativeViewProtected;
|
|
95
|
+
if (!native?.window)
|
|
96
|
+
return this.remove();
|
|
97
|
+
const bounds = native.layer.bounds;
|
|
98
|
+
const size = Math.min(this.settings.size, bounds.size.width, bounds.size.height);
|
|
99
|
+
if (size <= 0)
|
|
100
|
+
return this.remove();
|
|
101
|
+
if (this.native && this.native !== native)
|
|
102
|
+
this.remove();
|
|
103
|
+
this.observer ??= Application.ios.addNotificationObserver(UIAccessibilityReduceMotionStatusDidChangeNotification, this.schedule);
|
|
104
|
+
CATransaction.begin();
|
|
105
|
+
CATransaction.setDisableActions(true);
|
|
106
|
+
try {
|
|
107
|
+
if (!this.layer) {
|
|
108
|
+
this.native = native;
|
|
109
|
+
this.layer = CAReplicatorLayer.new();
|
|
110
|
+
this.layer.name = key;
|
|
111
|
+
this.item = CALayer.new();
|
|
112
|
+
this.item.backgroundColor = new Color(this.settings.color).ios.CGColor;
|
|
113
|
+
this.layer.addSublayer(this.item);
|
|
114
|
+
native.layer.addSublayer(this.layer);
|
|
115
|
+
}
|
|
116
|
+
const layer = this.layer;
|
|
117
|
+
const item = this.item;
|
|
118
|
+
const { style, duration } = this.settings;
|
|
119
|
+
layer.bounds = CGRectMake(0, 0, size, size);
|
|
120
|
+
layer.position = CGPointMake(bounds.origin.x + bounds.size.width / 2, bounds.origin.y + bounds.size.height / 2);
|
|
121
|
+
layer.instanceCount = style === 'dots' ? 3 : style === 'bars' ? 5 : 12;
|
|
122
|
+
layer.instanceDelay = duration / 1000 / (style === 'ring' ? 12 : 5);
|
|
123
|
+
if (style === 'ring') {
|
|
124
|
+
const diameter = size * 0.16;
|
|
125
|
+
item.bounds = CGRectMake(0, 0, diameter, diameter);
|
|
126
|
+
item.position = CGPointMake(size / 2, diameter / 2);
|
|
127
|
+
item.cornerRadius = diameter / 2;
|
|
128
|
+
layer.instanceTransform = CATransform3DMakeRotation((2 * Math.PI) / 12, 0, 0, 1);
|
|
129
|
+
}
|
|
130
|
+
else {
|
|
131
|
+
const width = size * (style === 'dots' ? 0.2 : 0.12);
|
|
132
|
+
const height = style === 'dots' ? width : size * 0.75;
|
|
133
|
+
item.bounds = CGRectMake(0, 0, width, height);
|
|
134
|
+
item.position = CGPointMake(width / 2, size / 2);
|
|
135
|
+
item.cornerRadius = width / 2;
|
|
136
|
+
layer.instanceTransform = CATransform3DMakeTranslation((size - width) / (layer.instanceCount - 1), 0, 0);
|
|
137
|
+
}
|
|
138
|
+
const reduced = UIAccessibilityIsReduceMotionEnabled();
|
|
139
|
+
item.opacity = style === 'ring' ? 0.35 : 1;
|
|
140
|
+
if (reduced && this.animating) {
|
|
141
|
+
item.removeAnimationForKey(key);
|
|
142
|
+
this.animating = false;
|
|
143
|
+
}
|
|
144
|
+
else if (!reduced && !this.animating) {
|
|
145
|
+
const animation = CAKeyframeAnimation.animationWithKeyPath(style === 'ring'
|
|
146
|
+
? 'opacity'
|
|
147
|
+
: style === 'bars'
|
|
148
|
+
? 'transform.scale.y'
|
|
149
|
+
: 'transform.scale');
|
|
150
|
+
animation.values = NSArray.arrayWithArray(style === 'ring' ? [1, 0.2] : [0.35, 1, 0.35, 0.35]);
|
|
151
|
+
animation.keyTimes = NSArray.arrayWithArray(style === 'ring' ? [0, 1] : [0, 0.3, 0.6, 1]);
|
|
152
|
+
animation.duration = duration / 1000;
|
|
153
|
+
animation.repeatCount = Infinity;
|
|
154
|
+
// Start one cycle in so every delayed copy is already participating.
|
|
155
|
+
animation.beginTime =
|
|
156
|
+
item.convertTimeFromLayer(CACurrentMediaTime(), null) - animation.duration;
|
|
157
|
+
item.addAnimationForKey(animation, key);
|
|
158
|
+
this.animating = true;
|
|
159
|
+
}
|
|
160
|
+
}
|
|
161
|
+
finally {
|
|
162
|
+
CATransaction.commit();
|
|
163
|
+
}
|
|
164
|
+
}
|
|
165
|
+
remove() {
|
|
166
|
+
this.item?.removeAnimationForKey(key);
|
|
167
|
+
this.layer?.removeFromSuperlayer();
|
|
168
|
+
this.item = this.layer = this.native = undefined;
|
|
169
|
+
this.animating = false;
|
|
170
|
+
}
|
|
171
|
+
}
|
|
172
|
+
//# sourceMappingURL=loader.js.map
|