@rafaelaugusto/jolt 0.1.0-beta.5 → 0.1.0-beta.7
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 +122 -5
- package/dist/animate.d.ts +4 -2
- package/dist/animate.d.ts.map +1 -1
- package/dist/animate.js +48 -11
- package/dist/animate.js.map +1 -1
- package/dist/config.d.ts +22 -0
- package/dist/config.d.ts.map +1 -0
- package/dist/config.js +34 -0
- package/dist/config.js.map +1 -0
- package/dist/driver/android.d.ts.map +1 -1
- package/dist/driver/android.js +7 -0
- package/dist/driver/android.js.map +1 -1
- package/dist/driver/index.d.ts +2 -0
- package/dist/driver/index.d.ts.map +1 -1
- package/dist/driver/index.js.map +1 -1
- package/dist/driver/ios-color.js +1 -1
- package/dist/driver/ios-color.js.map +1 -1
- package/dist/driver/ios-decoration.js +1 -1
- package/dist/driver/ios-decoration.js.map +1 -1
- package/dist/driver/ios-playback.d.ts +1 -1
- package/dist/driver/ios-playback.d.ts.map +1 -1
- package/dist/driver/ios-playback.js +14 -0
- package/dist/driver/ios-playback.js.map +1 -1
- package/dist/driver/ios.d.ts.map +1 -1
- package/dist/driver/ios.js +1 -0
- package/dist/driver/ios.js.map +1 -1
- package/dist/engine.d.ts +16 -1
- package/dist/engine.d.ts.map +1 -1
- package/dist/engine.js +33 -1
- package/dist/engine.js.map +1 -1
- 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 +15 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +7 -0
- package/dist/index.js.map +1 -1
- 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 +17 -0
- package/dist/keyboard.d.ts.map +1 -0
- package/dist/keyboard.js +116 -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/liquid.d.ts.map +1 -1
- package/dist/liquid.js +6 -1
- package/dist/liquid.js.map +1 -1
- package/dist/loader.d.ts.map +1 -1
- package/dist/loader.js +2 -1
- package/dist/loader.js.map +1 -1
- package/dist/particles.d.ts.map +1 -1
- package/dist/particles.js +4 -3
- package/dist/particles.js.map +1 -1
- 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.map +1 -1
- package/dist/playback-group.js +29 -1
- package/dist/playback-group.js.map +1 -1
- package/dist/press.d.ts.map +1 -1
- package/dist/press.js +3 -3
- package/dist/press.js.map +1 -1
- package/dist/reveal.d.ts.map +1 -1
- package/dist/reveal.js +3 -2
- package/dist/reveal.js.map +1 -1
- 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 +202 -14
- package/dist/sequence.js.map +1 -1
- package/dist/shimmer.d.ts.map +1 -1
- package/dist/shimmer.js +2 -1
- package/dist/shimmer.js.map +1 -1
- 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.map +1 -1
- package/dist/symbol-effect.js +4 -3
- package/dist/symbol-effect.js.map +1 -1
- package/dist/text-layout.d.ts +8 -0
- package/dist/text-layout.d.ts.map +1 -1
- package/dist/text-layout.js +8 -2
- package/dist/text-layout.js.map +1 -1
- package/dist/text.d.ts +1 -1
- package/dist/text.d.ts.map +1 -1
- package/dist/text.js +60 -64
- package/dist/text.js.map +1 -1
- package/dist/track.d.ts +2 -0
- package/dist/track.d.ts.map +1 -1
- package/dist/track.js +62 -15
- package/dist/track.js.map +1 -1
- package/dist/types.d.ts +7 -1
- package/dist/types.d.ts.map +1 -1
- package/dist/vue/index.d.ts +89 -0
- package/dist/vue/index.d.ts.map +1 -0
- package/dist/vue/index.js +134 -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 +16 -3
- 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/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 +10 -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/JoltPhotoZoom.h +23 -0
- package/platforms/ios/src/JoltPhotoZoom.m +229 -0
- package/platforms/ios/src/module.modulemap +5 -0
- package/src/android-plugin.d.ts +142 -0
- package/src/animate.ts +80 -30
- package/src/config.ts +46 -0
- package/src/driver/android.ts +14 -0
- package/src/driver/index.ts +2 -0
- package/src/driver/ios-color.ts +1 -1
- package/src/driver/ios-decoration.ts +1 -1
- package/src/driver/ios-playback.ts +15 -1
- package/src/driver/ios.ts +2 -0
- package/src/engine.ts +47 -2
- 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 +20 -1
- package/src/ios-plugin.d.ts +59 -0
- package/src/items.ts +140 -0
- package/src/keyboard.ts +132 -0
- package/src/label.ts +76 -0
- package/src/liquid.ts +6 -1
- package/src/loader.ts +2 -1
- package/src/particles.ts +4 -4
- package/src/path.ts +124 -0
- package/src/playback-group.ts +34 -1
- package/src/press.ts +3 -5
- package/src/reveal.ts +3 -3
- package/src/roll-diff.ts +57 -0
- package/src/roll.ts +515 -0
- package/src/scroll-linked.ts +73 -0
- package/src/sequence.ts +199 -14
- package/src/shimmer.ts +2 -1
- package/src/svg-path.ts +355 -0
- package/src/symbol-effect.ts +4 -3
- package/src/text-layout.ts +14 -2
- package/src/text.ts +62 -81
- package/src/track.ts +89 -24
- package/src/types.ts +8 -1
- package/src/vue/index.ts +189 -0
- package/src/zoom-native.ts +124 -0
- package/src/zoomable.ts +330 -0
|
@@ -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"}
|
|
@@ -0,0 +1,290 @@
|
|
|
1
|
+
import { Application, Image, ImageSource, isIOS, } from '@nativescript/core';
|
|
2
|
+
import { toView } from './animate.js';
|
|
3
|
+
import { reducedMotion, timeScale } from './config.js';
|
|
4
|
+
import { ownImage } from './image-owner.js';
|
|
5
|
+
import { createImageRenderer } from './image-effect-native.js';
|
|
6
|
+
const names = ['ripple', 'distortion', 'dissolve'];
|
|
7
|
+
const surfaceChanges = [
|
|
8
|
+
'tintColorChange',
|
|
9
|
+
...['TopLeft', 'TopRight', 'BottomRight', 'BottomLeft'].map((corner) => `border${corner}RadiusChange`),
|
|
10
|
+
...['Top', 'Right', 'Bottom', 'Left'].flatMap((edge) => [
|
|
11
|
+
`padding${edge}Change`,
|
|
12
|
+
`border${edge}WidthChange`,
|
|
13
|
+
]),
|
|
14
|
+
];
|
|
15
|
+
/** Optional native image effects. Stop restores the source; dissolve completion commits its destination. */
|
|
16
|
+
export function imageEffect(target, effect, options = {}) {
|
|
17
|
+
const image = toView(target);
|
|
18
|
+
if (!(image instanceof Image))
|
|
19
|
+
throw new TypeError('imageEffect() expects a NativeScript Image.');
|
|
20
|
+
if (!names.includes(effect))
|
|
21
|
+
throw new TypeError(`Unknown image effect: ${String(effect)}.`);
|
|
22
|
+
if (!options || typeof options !== 'object')
|
|
23
|
+
throw new TypeError('Image effect options must be an object.');
|
|
24
|
+
const amplitude = options.amplitude ?? 8, radius = options.radius ?? 96;
|
|
25
|
+
const duration = options.duration ?? 650, seed = options.seed ?? 1;
|
|
26
|
+
if (!Number.isFinite(amplitude) || amplitude < 0 || amplitude > 64)
|
|
27
|
+
throw new RangeError('Image displacement must be between 0 and 64 DIPs.');
|
|
28
|
+
if (!Number.isFinite(radius) ||
|
|
29
|
+
radius <= 0 ||
|
|
30
|
+
!Number.isFinite(duration) ||
|
|
31
|
+
duration <= 0)
|
|
32
|
+
throw new RangeError('Image radius and duration must be positive finite numbers.');
|
|
33
|
+
if (!Number.isInteger(seed) || seed < 0 || seed > 65535)
|
|
34
|
+
throw new RangeError('Image seed must be an integer between 0 and 65535.');
|
|
35
|
+
if (options.origin &&
|
|
36
|
+
(!Number.isFinite(options.origin.x) || !Number.isFinite(options.origin.y)))
|
|
37
|
+
throw new RangeError('Image origin must contain finite local coordinates.');
|
|
38
|
+
if (options.paused !== undefined && typeof options.paused !== 'boolean')
|
|
39
|
+
throw new TypeError('paused must be a boolean.');
|
|
40
|
+
if (effect === 'dissolve' &&
|
|
41
|
+
(!(options.to instanceof ImageSource) ||
|
|
42
|
+
!Number.isFinite(options.to.width) ||
|
|
43
|
+
!Number.isFinite(options.to.height) ||
|
|
44
|
+
options.to.width <= 0 ||
|
|
45
|
+
options.to.height <= 0))
|
|
46
|
+
throw new TypeError('Dissolve requires a loaded destination ImageSource.');
|
|
47
|
+
return new Effect(image, effect, {
|
|
48
|
+
...options,
|
|
49
|
+
amplitude,
|
|
50
|
+
radius,
|
|
51
|
+
duration: duration / timeScale(),
|
|
52
|
+
seed,
|
|
53
|
+
});
|
|
54
|
+
}
|
|
55
|
+
class Effect {
|
|
56
|
+
image;
|
|
57
|
+
effect;
|
|
58
|
+
options;
|
|
59
|
+
finished;
|
|
60
|
+
resolve;
|
|
61
|
+
renderer;
|
|
62
|
+
releaseOwnership = () => { };
|
|
63
|
+
terminal = false;
|
|
64
|
+
queued = false;
|
|
65
|
+
committing = false;
|
|
66
|
+
userPaused;
|
|
67
|
+
suspended = false;
|
|
68
|
+
position = 0;
|
|
69
|
+
direction = 1;
|
|
70
|
+
dimensions = '';
|
|
71
|
+
stats = {
|
|
72
|
+
backend: 'waiting',
|
|
73
|
+
frames: 0,
|
|
74
|
+
textureBytes: 0,
|
|
75
|
+
peakTextureBytes: 0,
|
|
76
|
+
preparationMs: 0,
|
|
77
|
+
longestFrameMs: 0,
|
|
78
|
+
};
|
|
79
|
+
reduceObserver;
|
|
80
|
+
constructor(image, effect, options) {
|
|
81
|
+
this.image = image;
|
|
82
|
+
this.effect = effect;
|
|
83
|
+
this.options = options;
|
|
84
|
+
this.userPaused = options.paused ?? false;
|
|
85
|
+
this.finished = new Promise((resolve) => {
|
|
86
|
+
this.resolve = resolve;
|
|
87
|
+
});
|
|
88
|
+
this.releaseOwnership = ownImage(image, this.stop);
|
|
89
|
+
for (const event of ['loaded', 'layoutChanged'])
|
|
90
|
+
image.on(event, this.schedule);
|
|
91
|
+
for (const event of ['imageSourceChange', 'stretchChange'])
|
|
92
|
+
image.on(event, this.changed);
|
|
93
|
+
image.on('unloaded', this.stop);
|
|
94
|
+
image.style.on('visibilityChange', this.visible);
|
|
95
|
+
for (const event of surfaceChanges)
|
|
96
|
+
image.style.on(event, this.changed);
|
|
97
|
+
Application.on(Application.suspendEvent, this.suspend);
|
|
98
|
+
Application.on(Application.resumeEvent, this.resume);
|
|
99
|
+
if (isIOS)
|
|
100
|
+
this.reduceObserver = Application.ios.addNotificationObserver(UIAccessibilityReduceMotionStatusDidChangeNotification, this.preferences);
|
|
101
|
+
this.schedule();
|
|
102
|
+
}
|
|
103
|
+
then(fulfilled, rejected) {
|
|
104
|
+
return this.finished.then(fulfilled, rejected);
|
|
105
|
+
}
|
|
106
|
+
get paused() {
|
|
107
|
+
return this.userPaused;
|
|
108
|
+
}
|
|
109
|
+
get progress() {
|
|
110
|
+
return this.renderer?.progress ?? this.position;
|
|
111
|
+
}
|
|
112
|
+
set progress(value) {
|
|
113
|
+
if (this.effect === 'distortion')
|
|
114
|
+
throw new TypeError('Distortion follows touch input and cannot be scrubbed.');
|
|
115
|
+
if (!Number.isFinite(value) || value < 0 || value > 1)
|
|
116
|
+
throw new RangeError('Image progress must be between 0 and 1.');
|
|
117
|
+
if (this.terminal)
|
|
118
|
+
return;
|
|
119
|
+
this.position = value;
|
|
120
|
+
this.renderer?.seek(value);
|
|
121
|
+
}
|
|
122
|
+
get diagnostics() {
|
|
123
|
+
return {
|
|
124
|
+
...this.stats,
|
|
125
|
+
...(this.renderer
|
|
126
|
+
? {
|
|
127
|
+
frames: this.renderer.frames,
|
|
128
|
+
textureBytes: this.renderer.textureBytes,
|
|
129
|
+
longestFrameMs: this.renderer.longestFrameMs,
|
|
130
|
+
}
|
|
131
|
+
: {}),
|
|
132
|
+
};
|
|
133
|
+
}
|
|
134
|
+
pause = () => {
|
|
135
|
+
if (this.terminal)
|
|
136
|
+
return;
|
|
137
|
+
this.userPaused = true;
|
|
138
|
+
this.renderer?.pause();
|
|
139
|
+
};
|
|
140
|
+
play = () => {
|
|
141
|
+
if (this.terminal)
|
|
142
|
+
return;
|
|
143
|
+
this.userPaused = false;
|
|
144
|
+
if (this.suspended)
|
|
145
|
+
return;
|
|
146
|
+
if (this.renderer) {
|
|
147
|
+
if (this.effect === 'distortion')
|
|
148
|
+
this.renderer.resume();
|
|
149
|
+
else
|
|
150
|
+
this.renderer.play(this.direction);
|
|
151
|
+
}
|
|
152
|
+
else
|
|
153
|
+
this.schedule();
|
|
154
|
+
};
|
|
155
|
+
reverse = () => {
|
|
156
|
+
if (this.effect === 'distortion')
|
|
157
|
+
throw new TypeError('Distortion has no finite playback direction.');
|
|
158
|
+
if (this.terminal)
|
|
159
|
+
return;
|
|
160
|
+
this.direction = this.direction === 1 ? 0 : 1;
|
|
161
|
+
this.play();
|
|
162
|
+
};
|
|
163
|
+
finish = () => {
|
|
164
|
+
if (this.terminal)
|
|
165
|
+
return;
|
|
166
|
+
if (this.effect === 'distortion')
|
|
167
|
+
return this.stop();
|
|
168
|
+
this.complete(true, this.direction);
|
|
169
|
+
};
|
|
170
|
+
stop = () => this.complete(false, this.progress);
|
|
171
|
+
complete = (completed, position, preserveImage = false) => {
|
|
172
|
+
if (this.terminal)
|
|
173
|
+
return;
|
|
174
|
+
this.terminal = true;
|
|
175
|
+
this.position = position;
|
|
176
|
+
this.stats = { ...this.diagnostics, textureBytes: 0 };
|
|
177
|
+
this.renderer?.stop(preserveImage);
|
|
178
|
+
this.renderer = undefined;
|
|
179
|
+
this.releaseOwnership();
|
|
180
|
+
for (const event of ['loaded', 'layoutChanged'])
|
|
181
|
+
this.image.off(event, this.schedule);
|
|
182
|
+
for (const event of ['imageSourceChange', 'stretchChange'])
|
|
183
|
+
this.image.off(event, this.changed);
|
|
184
|
+
this.image.off('unloaded', this.stop);
|
|
185
|
+
this.image.style.off('visibilityChange', this.visible);
|
|
186
|
+
for (const event of surfaceChanges)
|
|
187
|
+
this.image.style.off(event, this.changed);
|
|
188
|
+
Application.off(Application.suspendEvent, this.suspend);
|
|
189
|
+
Application.off(Application.resumeEvent, this.resume);
|
|
190
|
+
if (this.reduceObserver)
|
|
191
|
+
Application.ios.removeNotificationObserver(this.reduceObserver, UIAccessibilityReduceMotionStatusDidChangeNotification);
|
|
192
|
+
this.reduceObserver = undefined;
|
|
193
|
+
if (completed && this.effect === 'dissolve' && position === 1) {
|
|
194
|
+
this.committing = true;
|
|
195
|
+
// The view may clear its ImageSource on disposal. Keep the caller's
|
|
196
|
+
// destination reusable by giving the view its own wrapper.
|
|
197
|
+
const destination = new ImageSource(this.options.to.getNativeSource());
|
|
198
|
+
destination.rotationAngle = this.options.to.rotationAngle;
|
|
199
|
+
this.image.imageSource = destination;
|
|
200
|
+
this.committing = false;
|
|
201
|
+
}
|
|
202
|
+
this.resolve(completed);
|
|
203
|
+
};
|
|
204
|
+
changed = (event) => {
|
|
205
|
+
if (this.committing)
|
|
206
|
+
return;
|
|
207
|
+
if (this.renderer)
|
|
208
|
+
this.complete(false, this.progress, event?.eventName === 'imageSourceChange');
|
|
209
|
+
else
|
|
210
|
+
this.schedule();
|
|
211
|
+
};
|
|
212
|
+
suspend = () => {
|
|
213
|
+
this.suspended = true;
|
|
214
|
+
this.renderer?.pause();
|
|
215
|
+
};
|
|
216
|
+
resume = () => {
|
|
217
|
+
this.suspended = false;
|
|
218
|
+
this.schedule();
|
|
219
|
+
if (!this.userPaused)
|
|
220
|
+
this.play();
|
|
221
|
+
};
|
|
222
|
+
visible = () => {
|
|
223
|
+
if (this.image.visibility !== 'visible')
|
|
224
|
+
this.stop();
|
|
225
|
+
};
|
|
226
|
+
preferences = () => {
|
|
227
|
+
if (reducedMotion())
|
|
228
|
+
this.fallback('reduced-motion');
|
|
229
|
+
};
|
|
230
|
+
fallback(reason) {
|
|
231
|
+
this.stats = { ...this.stats, backend: 'fallback', reason };
|
|
232
|
+
// Reduced/unsupported rendering still performs a requested content change.
|
|
233
|
+
if (this.effect === 'dissolve' && this.direction === 1) {
|
|
234
|
+
this.complete(true, 1);
|
|
235
|
+
}
|
|
236
|
+
else
|
|
237
|
+
this.complete(false, 0);
|
|
238
|
+
}
|
|
239
|
+
schedule = () => {
|
|
240
|
+
if (this.queued || this.terminal)
|
|
241
|
+
return;
|
|
242
|
+
this.queued = true;
|
|
243
|
+
void Promise.resolve().then(() => {
|
|
244
|
+
this.queued = false;
|
|
245
|
+
if (this.terminal || this.suspended || !this.image.isLoaded)
|
|
246
|
+
return;
|
|
247
|
+
if (reducedMotion())
|
|
248
|
+
return this.fallback('reduced-motion');
|
|
249
|
+
if (this.image.visibility !== 'visible')
|
|
250
|
+
return this.fallback('not-visible');
|
|
251
|
+
const { width, height } = this.image.getActualSize();
|
|
252
|
+
if (width <= 0 || height <= 0)
|
|
253
|
+
return;
|
|
254
|
+
const dimensions = `${width}:${height}`;
|
|
255
|
+
if (this.renderer) {
|
|
256
|
+
if (this.dimensions !== dimensions)
|
|
257
|
+
this.stop();
|
|
258
|
+
return;
|
|
259
|
+
}
|
|
260
|
+
if (!this.image.imageSource)
|
|
261
|
+
return;
|
|
262
|
+
this.dimensions = dimensions;
|
|
263
|
+
const started = Date.now();
|
|
264
|
+
try {
|
|
265
|
+
this.renderer = createImageRenderer(this.image, {
|
|
266
|
+
...this.options,
|
|
267
|
+
mode: names.indexOf(this.effect),
|
|
268
|
+
x: this.options.origin?.x ?? width / 2,
|
|
269
|
+
y: this.options.origin?.y ?? height / 2,
|
|
270
|
+
}, this.complete);
|
|
271
|
+
}
|
|
272
|
+
catch (error) {
|
|
273
|
+
this.stats.preparationMs = Date.now() - started;
|
|
274
|
+
this.stats.detail = String(error);
|
|
275
|
+
return this.fallback('unsupported');
|
|
276
|
+
}
|
|
277
|
+
if (!this.renderer)
|
|
278
|
+
return this.fallback('unsupported');
|
|
279
|
+
this.stats.backend = this.renderer.backend;
|
|
280
|
+
this.stats.preparationMs = Date.now() - started;
|
|
281
|
+
this.stats.peakTextureBytes = this.renderer.textureBytes;
|
|
282
|
+
this.renderer.pause();
|
|
283
|
+
if (this.position)
|
|
284
|
+
this.renderer.seek(this.position);
|
|
285
|
+
if (!this.userPaused && !this.suspended)
|
|
286
|
+
this.play();
|
|
287
|
+
});
|
|
288
|
+
};
|
|
289
|
+
}
|
|
290
|
+
//# sourceMappingURL=image-effect.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"image-effect.js","sourceRoot":"","sources":["../src/image-effect.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"image-owner.d.ts","sourceRoot":"","sources":["../src/image-owner.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAK/C,wBAAgB,QAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI,CAMnE"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/** Rendering effects share one image surface; ordinary view transforms stay independent. */
|
|
2
|
+
const owners = new WeakMap();
|
|
3
|
+
export function ownImage(image, stop) {
|
|
4
|
+
owners.get(image)?.();
|
|
5
|
+
owners.set(image, stop);
|
|
6
|
+
return () => {
|
|
7
|
+
if (owners.get(image) === stop)
|
|
8
|
+
owners.delete(image);
|
|
9
|
+
};
|
|
10
|
+
}
|
|
11
|
+
//# sourceMappingURL=image-owner.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"image-owner.js","sourceRoot":"","sources":["../src/image-owner.ts"],"names":[],"mappings":"AAEA,4FAA4F;AAC5F,MAAM,MAAM,GAAG,IAAI,OAAO,EAAqB,CAAA;AAE/C,MAAM,UAAU,QAAQ,CAAC,KAAY,EAAE,IAAgB;IACrD,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,EAAE,CAAA;IACrB,MAAM,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC,CAAA;IACvB,OAAO,GAAG,EAAE;QACV,IAAI,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,IAAI;YAAE,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;IACtD,CAAC,CAAA;AACH,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,7 +1,13 @@
|
|
|
1
1
|
export { animate, decay, stop } from './animate.js';
|
|
2
2
|
export { sequence } from './sequence.js';
|
|
3
|
-
export type { Step } from './sequence.js';
|
|
3
|
+
export type { Step, SequenceOptions, SequencePosition } from './sequence.js';
|
|
4
4
|
export { press } from './press.js';
|
|
5
|
+
export { scrollLinked } from './scroll-linked.js';
|
|
6
|
+
export type { ScrollLinkedOptions } from './scroll-linked.js';
|
|
7
|
+
export { animateItems } from './items.js';
|
|
8
|
+
export type { ItemsOptions } from './items.js';
|
|
9
|
+
export { followKeyboard } from './keyboard.js';
|
|
10
|
+
export type { KeyboardOptions } from './keyboard.js';
|
|
5
11
|
export type { Haptic, HapticOptions, HapticStyle } from './haptics.js';
|
|
6
12
|
export { confetti, particles } from './particles.js';
|
|
7
13
|
export type { ConfettiOptions, ParticleOptions } from './particles.js';
|
|
@@ -9,14 +15,22 @@ export { shimmer } from './shimmer.js';
|
|
|
9
15
|
export type { ShimmerOptions } from './shimmer.js';
|
|
10
16
|
export { liquid } from './liquid.js';
|
|
11
17
|
export type { LiquidOptions, LiquidEffect } from './liquid.js';
|
|
18
|
+
export { imageEffect } from './image-effect.js';
|
|
19
|
+
export type { ImageEffect, ImageEffectName, ImageEffectOptions, ImageEffectDiagnostics, } from './image-effect.js';
|
|
20
|
+
export { zoomable } from './zoomable.js';
|
|
21
|
+
export type { Zoomable, ZoomableOptions, ZoomState, PhotoDismissal } from './zoomable.js';
|
|
12
22
|
export { loader } from './loader.js';
|
|
13
23
|
export type { LoaderOptions, LoaderStyle } from './loader.js';
|
|
14
24
|
export { reveal, conceal } from './reveal.js';
|
|
15
25
|
export type { RevealOptions, ConcealOptions } from './reveal.js';
|
|
16
26
|
export { animateText } from './text.js';
|
|
17
27
|
export type { TextOptions } from './text.js';
|
|
28
|
+
export { rollTo } from './roll.js';
|
|
29
|
+
export type { RollOptions } from './roll.js';
|
|
18
30
|
export { symbolEffect } from './symbol-effect.js';
|
|
19
31
|
export type { SymbolEffect, SymbolEffectName, SymbolEffectOptions, } from './symbol-effect.js';
|
|
32
|
+
export { configure } from './config.js';
|
|
33
|
+
export type { JoltConfig } from './config.js';
|
|
20
34
|
export { definePreset, presets } from './presets.js';
|
|
21
35
|
export type { Preset, PresetName, Presets } from './presets.js';
|
|
22
36
|
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,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,YAAY,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -1,13 +1,20 @@
|
|
|
1
1
|
export { animate, decay, stop } from './animate.js';
|
|
2
2
|
export { sequence } from './sequence.js';
|
|
3
3
|
export { press } from './press.js';
|
|
4
|
+
export { scrollLinked } from './scroll-linked.js';
|
|
5
|
+
export { animateItems } from './items.js';
|
|
6
|
+
export { followKeyboard } from './keyboard.js';
|
|
4
7
|
export { confetti, particles } from './particles.js';
|
|
5
8
|
export { shimmer } from './shimmer.js';
|
|
6
9
|
export { liquid } from './liquid.js';
|
|
10
|
+
export { imageEffect } from './image-effect.js';
|
|
11
|
+
export { zoomable } from './zoomable.js';
|
|
7
12
|
export { loader } from './loader.js';
|
|
8
13
|
export { reveal, conceal } from './reveal.js';
|
|
9
14
|
export { animateText } from './text.js';
|
|
15
|
+
export { rollTo } from './roll.js';
|
|
10
16
|
export { symbolEffect } from './symbol-effect.js';
|
|
17
|
+
export { configure } from './config.js';
|
|
11
18
|
export { definePreset, presets } from './presets.js';
|
|
12
19
|
export { springs } from './transition.js';
|
|
13
20
|
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,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAExC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,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;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAEjD,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAEzC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAG9C,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,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAO/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAExC,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,MAAM,EAAE,MAAM,WAAW,CAAA;AAElC,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAMjD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,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/items.d.ts
ADDED
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import type { PresetName } from './presets.js';
|
|
2
|
+
import type { SpringName } from './transition.js';
|
|
3
|
+
import type { AnimateOptions, Keyframes, Target } from './types.js';
|
|
4
|
+
export type ItemsOptions = AnimateOptions & {
|
|
5
|
+
/** Animate each data item only the first time it shows up. Defaults to false. */
|
|
6
|
+
once?: boolean;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Plays an animation on each row of a list as it comes on screen. Rows are
|
|
10
|
+
* recycled, so a row that is reused for another item starts over, or settles
|
|
11
|
+
* at the end values when that item was already shown and `once` is set.
|
|
12
|
+
* Returns a function that removes the effect.
|
|
13
|
+
*
|
|
14
|
+
* ```ts
|
|
15
|
+
* animateItems(listView, 'fadeInUp')
|
|
16
|
+
* animateItems(listView, 'fadeInUp', { once: true })
|
|
17
|
+
* ```
|
|
18
|
+
*/
|
|
19
|
+
export declare function animateItems(list: Target, animation: Keyframes | PresetName, options?: ItemsOptions | SpringName): () => void;
|
|
20
|
+
//# sourceMappingURL=items.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"items.d.ts","sourceRoot":"","sources":["../src/items.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAE9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAEnE,MAAM,MAAM,YAAY,GAAG,cAAc,GAAG;IAC1C,iFAAiF;IACjF,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;AAqBD;;;;;;;;;;GAUG;AACH,wBAAgB,YAAY,CAC1B,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,SAAS,GAAG,UAAU,EACjC,OAAO,CAAC,EAAE,YAAY,GAAG,UAAU,GAClC,MAAM,IAAI,CA2FZ"}
|
package/dist/items.js
ADDED
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
import { ListView, View } from '@nativescript/core';
|
|
2
|
+
import { animate, endingValues, startingValues, toView } from './animate.js';
|
|
3
|
+
import { getDriver } from './driver/index.js';
|
|
4
|
+
import { stopView } from './engine.js';
|
|
5
|
+
import { writeValue } from './properties.js';
|
|
6
|
+
/**
|
|
7
|
+
* Plays an animation on each row of a list as it comes on screen. Rows are
|
|
8
|
+
* recycled, so a row that is reused for another item starts over, or settles
|
|
9
|
+
* at the end values when that item was already shown and `once` is set.
|
|
10
|
+
* Returns a function that removes the effect.
|
|
11
|
+
*
|
|
12
|
+
* ```ts
|
|
13
|
+
* animateItems(listView, 'fadeInUp')
|
|
14
|
+
* animateItems(listView, 'fadeInUp', { once: true })
|
|
15
|
+
* ```
|
|
16
|
+
*/
|
|
17
|
+
export function animateItems(list, animation, options) {
|
|
18
|
+
const source = toView(list);
|
|
19
|
+
const { once = false, ...rest } = typeof options === 'object' ? options : {};
|
|
20
|
+
if (rest.stagger !== undefined)
|
|
21
|
+
throw new TypeError('animateItems animates one row at a time; stagger has no effect.');
|
|
22
|
+
const transition = typeof options === 'string' ? options : rest;
|
|
23
|
+
const properties = [...startingValues(animation, transition).keys()];
|
|
24
|
+
const ends = endingValues(animation, transition);
|
|
25
|
+
const rows = new Set();
|
|
26
|
+
const seenItems = new WeakSet();
|
|
27
|
+
const seenKeys = new Set();
|
|
28
|
+
const pending = [];
|
|
29
|
+
let queued = false;
|
|
30
|
+
let disposed = false;
|
|
31
|
+
const settle = (row) => {
|
|
32
|
+
stopView(row, properties);
|
|
33
|
+
for (const [property, value] of ends)
|
|
34
|
+
if (value !== null)
|
|
35
|
+
writeValue(row, property, value);
|
|
36
|
+
getDriver().sync?.(row);
|
|
37
|
+
};
|
|
38
|
+
const show = (row, { item, key }) => {
|
|
39
|
+
rows.add(row);
|
|
40
|
+
const tracked = typeof item === 'object' && item !== null;
|
|
41
|
+
const seen = tracked ? seenItems.has(item) : seenKeys.has(key);
|
|
42
|
+
if (tracked)
|
|
43
|
+
seenItems.add(item);
|
|
44
|
+
else
|
|
45
|
+
seenKeys.add(key);
|
|
46
|
+
if (once && seen)
|
|
47
|
+
settle(row);
|
|
48
|
+
else {
|
|
49
|
+
stopView(row, properties);
|
|
50
|
+
animate(row, animation, transition);
|
|
51
|
+
}
|
|
52
|
+
};
|
|
53
|
+
const flush = () => {
|
|
54
|
+
queued = false;
|
|
55
|
+
if (disposed)
|
|
56
|
+
return;
|
|
57
|
+
const current = new Set();
|
|
58
|
+
const fresh = [];
|
|
59
|
+
source.eachChildView((child) => {
|
|
60
|
+
current.add(child);
|
|
61
|
+
if (!rows.has(child))
|
|
62
|
+
fresh.push(child);
|
|
63
|
+
return true;
|
|
64
|
+
});
|
|
65
|
+
for (const row of rows)
|
|
66
|
+
if (!current.has(row))
|
|
67
|
+
rows.delete(row);
|
|
68
|
+
for (const entry of pending.splice(0)) {
|
|
69
|
+
const row = fresh.find((candidate) => candidate._listViewItemIndex === entry.index &&
|
|
70
|
+
candidate._listViewSectionIndex === entry.section) ??
|
|
71
|
+
fresh.find((candidate) => entry.item !== undefined && candidate.bindingContext === entry.item);
|
|
72
|
+
if (!row)
|
|
73
|
+
continue;
|
|
74
|
+
fresh.splice(fresh.indexOf(row), 1);
|
|
75
|
+
show(row, entry);
|
|
76
|
+
}
|
|
77
|
+
};
|
|
78
|
+
const onItemLoading = (event) => {
|
|
79
|
+
const { index, section, view } = event;
|
|
80
|
+
const item = section === undefined
|
|
81
|
+
? source._getDataItem?.(index)
|
|
82
|
+
: source._getDataItemInSection?.(section, index);
|
|
83
|
+
const entry = { index, section, item, key: `${section ?? ''}:${index}` };
|
|
84
|
+
if (view instanceof View) {
|
|
85
|
+
show(view, entry);
|
|
86
|
+
return;
|
|
87
|
+
}
|
|
88
|
+
pending.push(entry);
|
|
89
|
+
if (queued)
|
|
90
|
+
return;
|
|
91
|
+
queued = true;
|
|
92
|
+
void Promise.resolve().then(flush);
|
|
93
|
+
};
|
|
94
|
+
const cleanup = () => {
|
|
95
|
+
if (disposed)
|
|
96
|
+
return;
|
|
97
|
+
disposed = true;
|
|
98
|
+
source.off(ListView.itemLoadingEvent, onItemLoading);
|
|
99
|
+
source.off('unloaded', cleanup);
|
|
100
|
+
pending.length = 0;
|
|
101
|
+
for (const row of rows)
|
|
102
|
+
settle(row);
|
|
103
|
+
rows.clear();
|
|
104
|
+
};
|
|
105
|
+
source.on(ListView.itemLoadingEvent, onItemLoading);
|
|
106
|
+
source.on('unloaded', cleanup);
|
|
107
|
+
return cleanup;
|
|
108
|
+
}
|
|
109
|
+
//# sourceMappingURL=items.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"items.js","sourceRoot":"","sources":["../src/items.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { Target } from './types.js';
|
|
2
|
+
export interface KeyboardOptions {
|
|
3
|
+
/** DIPs kept between the view's bottom edge and the keyboard. Defaults to zero. */
|
|
4
|
+
offset?: number;
|
|
5
|
+
}
|
|
6
|
+
/**
|
|
7
|
+
* Lifts the view by its overlap with the software keyboard, at the keyboard's
|
|
8
|
+
* own speed and curve, and lets it back down when the keyboard hides.
|
|
9
|
+
* Returns a function that removes the effect.
|
|
10
|
+
*
|
|
11
|
+
* ```ts
|
|
12
|
+
* const release = followKeyboard(composer)
|
|
13
|
+
* followKeyboard(sendButton, { offset: 12 })
|
|
14
|
+
* ```
|
|
15
|
+
*/
|
|
16
|
+
export declare function followKeyboard(target: Target, options?: KeyboardOptions): () => void;
|
|
17
|
+
//# sourceMappingURL=keyboard.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"keyboard.d.ts","sourceRoot":"","sources":["../src/keyboard.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAExC,MAAM,WAAW,eAAe;IAC9B,mFAAmF;IACnF,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAID;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAC5B,MAAM,EAAE,MAAM,EACd,OAAO,GAAE,eAAoB,GAC5B,MAAM,IAAI,CAOZ"}
|