@rafaelaugusto/jolt 0.1.0-beta.0 → 0.1.0-beta.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +441 -25
- package/dist/animate.d.ts +21 -5
- package/dist/animate.d.ts.map +1 -1
- package/dist/animate.js +205 -25
- package/dist/animate.js.map +1 -1
- package/dist/color.d.ts +11 -0
- package/dist/color.d.ts.map +1 -0
- package/dist/color.js +73 -0
- package/dist/color.js.map +1 -0
- package/dist/config.d.ts +31 -0
- package/dist/config.d.ts.map +1 -0
- package/dist/config.js +73 -0
- package/dist/config.js.map +1 -0
- package/dist/decay.d.ts +11 -0
- package/dist/decay.d.ts.map +1 -0
- package/dist/decay.js +22 -0
- package/dist/decay.js.map +1 -0
- package/dist/decoration.d.ts +18 -0
- package/dist/decoration.d.ts.map +1 -0
- package/dist/decoration.js +155 -0
- package/dist/decoration.js.map +1 -0
- package/dist/drag-input.d.ts +15 -0
- package/dist/drag-input.d.ts.map +1 -0
- package/dist/drag-input.js +66 -0
- package/dist/drag-input.js.map +1 -0
- package/dist/drag-physics.d.ts +20 -0
- package/dist/drag-physics.d.ts.map +1 -0
- package/dist/drag-physics.js +75 -0
- package/dist/drag-physics.js.map +1 -0
- package/dist/drag.d.ts +58 -0
- package/dist/drag.d.ts.map +1 -0
- package/dist/drag.js +324 -0
- package/dist/drag.js.map +1 -0
- package/dist/driver/android-color.d.ts +20 -0
- package/dist/driver/android-color.d.ts.map +1 -0
- package/dist/driver/android-color.js +136 -0
- package/dist/driver/android-color.js.map +1 -0
- package/dist/driver/android-decoration.d.ts +22 -0
- package/dist/driver/android-decoration.d.ts.map +1 -0
- package/dist/driver/android-decoration.js +139 -0
- package/dist/driver/android-decoration.js.map +1 -0
- package/dist/driver/android-playback.d.ts +13 -0
- package/dist/driver/android-playback.d.ts.map +1 -0
- package/dist/driver/android-playback.js +141 -0
- package/dist/driver/android-playback.js.map +1 -0
- package/dist/driver/android.d.ts +1 -1
- package/dist/driver/android.d.ts.map +1 -1
- package/dist/driver/android.js +165 -13
- package/dist/driver/android.js.map +1 -1
- package/dist/driver/index.d.ts +25 -2
- package/dist/driver/index.d.ts.map +1 -1
- package/dist/driver/index.js.map +1 -1
- package/dist/driver/ios-color.d.ts +16 -0
- package/dist/driver/ios-color.d.ts.map +1 -0
- package/dist/driver/ios-color.js +392 -0
- package/dist/driver/ios-color.js.map +1 -0
- package/dist/driver/ios-decoration.d.ts +17 -0
- package/dist/driver/ios-decoration.d.ts.map +1 -0
- package/dist/driver/ios-decoration.js +271 -0
- package/dist/driver/ios-decoration.js.map +1 -0
- package/dist/driver/ios-layout.d.ts +9 -0
- package/dist/driver/ios-layout.d.ts.map +1 -0
- package/dist/driver/ios-layout.js +52 -0
- package/dist/driver/ios-layout.js.map +1 -0
- package/dist/driver/ios-playback.d.ts +10 -0
- package/dist/driver/ios-playback.d.ts.map +1 -0
- package/dist/driver/ios-playback.js +47 -0
- package/dist/driver/ios-playback.js.map +1 -0
- package/dist/driver/ios-shadow.d.ts +6 -0
- package/dist/driver/ios-shadow.d.ts.map +1 -0
- package/dist/driver/ios-shadow.js +52 -0
- package/dist/driver/ios-shadow.js.map +1 -0
- package/dist/driver/ios.d.ts.map +1 -1
- package/dist/driver/ios.js +164 -20
- package/dist/driver/ios.js.map +1 -1
- package/dist/engine.d.ts +76 -5
- package/dist/engine.d.ts.map +1 -1
- package/dist/engine.js +303 -23
- package/dist/engine.js.map +1 -1
- package/dist/haptics.d.ts +21 -0
- package/dist/haptics.d.ts.map +1 -0
- package/dist/haptics.js +120 -0
- package/dist/haptics.js.map +1 -0
- package/dist/image-effect-native.d.ts +26 -0
- package/dist/image-effect-native.d.ts.map +1 -0
- package/dist/image-effect-native.js +73 -0
- package/dist/image-effect-native.js.map +1 -0
- package/dist/image-effect.d.ts +50 -0
- package/dist/image-effect.d.ts.map +1 -0
- package/dist/image-effect.js +290 -0
- package/dist/image-effect.js.map +1 -0
- package/dist/image-owner.d.ts +3 -0
- package/dist/image-owner.d.ts.map +1 -0
- package/dist/image-owner.js +11 -0
- package/dist/image-owner.js.map +1 -0
- package/dist/index.d.ts +45 -4
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +21 -2
- package/dist/index.js.map +1 -1
- package/dist/interaction-surface.d.ts +12 -0
- package/dist/interaction-surface.d.ts.map +1 -0
- package/dist/interaction-surface.js +36 -0
- package/dist/interaction-surface.js.map +1 -0
- package/dist/items.d.ts +20 -0
- package/dist/items.d.ts.map +1 -0
- package/dist/items.js +109 -0
- package/dist/items.js.map +1 -0
- package/dist/keyboard.d.ts +41 -0
- package/dist/keyboard.d.ts.map +1 -0
- package/dist/keyboard.js +256 -0
- package/dist/keyboard.js.map +1 -0
- package/dist/label.d.ts +7 -0
- package/dist/label.d.ts.map +1 -0
- package/dist/label.js +60 -0
- package/dist/label.js.map +1 -0
- package/dist/layout.d.ts +13 -0
- package/dist/layout.d.ts.map +1 -0
- package/dist/layout.js +348 -0
- package/dist/layout.js.map +1 -0
- package/dist/liquid-grid.d.ts +3 -0
- package/dist/liquid-grid.d.ts.map +1 -0
- package/dist/liquid-grid.js +24 -0
- package/dist/liquid-grid.js.map +1 -0
- package/dist/liquid.d.ts +18 -0
- package/dist/liquid.d.ts.map +1 -0
- package/dist/liquid.js +234 -0
- package/dist/liquid.js.map +1 -0
- package/dist/loader.d.ts +19 -0
- package/dist/loader.d.ts.map +1 -0
- package/dist/loader.js +173 -0
- package/dist/loader.js.map +1 -0
- package/dist/motion-scope.d.ts +39 -0
- package/dist/motion-scope.d.ts.map +1 -0
- package/dist/motion-scope.js +238 -0
- package/dist/motion-scope.js.map +1 -0
- package/dist/motion-states.d.ts +36 -0
- package/dist/motion-states.d.ts.map +1 -0
- package/dist/motion-states.js +165 -0
- package/dist/motion-states.js.map +1 -0
- package/dist/particles.d.ts +39 -0
- package/dist/particles.d.ts.map +1 -0
- package/dist/particles.js +265 -0
- package/dist/particles.js.map +1 -0
- package/dist/path.d.ts +12 -0
- package/dist/path.d.ts.map +1 -0
- package/dist/path.js +90 -0
- package/dist/path.js.map +1 -0
- package/dist/playback-group.d.ts +6 -0
- package/dist/playback-group.d.ts.map +1 -0
- package/dist/playback-group.js +141 -0
- package/dist/playback-group.js.map +1 -0
- package/dist/playback.d.ts +25 -0
- package/dist/playback.d.ts.map +1 -0
- package/dist/playback.js +35 -0
- package/dist/playback.js.map +1 -0
- package/dist/presets.d.ts +16 -1
- package/dist/presets.d.ts.map +1 -1
- package/dist/presets.js +24 -6
- package/dist/presets.js.map +1 -1
- package/dist/press.d.ts.map +1 -1
- package/dist/press.js +25 -7
- package/dist/press.js.map +1 -1
- package/dist/properties.d.ts +6 -3
- package/dist/properties.d.ts.map +1 -1
- package/dist/properties.js +26 -2
- package/dist/properties.js.map +1 -1
- package/dist/reveal.d.ts +25 -0
- package/dist/reveal.d.ts.map +1 -0
- package/dist/reveal.js +294 -0
- package/dist/reveal.js.map +1 -0
- package/dist/roll-diff.d.ts +22 -0
- package/dist/roll-diff.d.ts.map +1 -0
- package/dist/roll-diff.js +36 -0
- package/dist/roll-diff.js.map +1 -0
- package/dist/roll.d.ts +29 -0
- package/dist/roll.d.ts.map +1 -0
- package/dist/roll.js +442 -0
- package/dist/roll.js.map +1 -0
- package/dist/scroll-linked.d.ts +10 -0
- package/dist/scroll-linked.d.ts.map +1 -0
- package/dist/scroll-linked.js +58 -0
- package/dist/scroll-linked.js.map +1 -0
- package/dist/sequence.d.ts +13 -7
- package/dist/sequence.d.ts.map +1 -1
- package/dist/sequence.js +214 -19
- package/dist/sequence.js.map +1 -1
- package/dist/shimmer.d.ts +12 -0
- package/dist/shimmer.d.ts.map +1 -0
- package/dist/shimmer.js +161 -0
- package/dist/shimmer.js.map +1 -0
- package/dist/svg-path.d.ts +14 -0
- package/dist/svg-path.d.ts.map +1 -0
- package/dist/svg-path.js +281 -0
- package/dist/svg-path.js.map +1 -0
- package/dist/symbol-effect.d.ts +23 -0
- package/dist/symbol-effect.d.ts.map +1 -0
- package/dist/symbol-effect.js +187 -0
- package/dist/symbol-effect.js.map +1 -0
- package/dist/text-layout.d.ts +30 -0
- package/dist/text-layout.d.ts.map +1 -0
- package/dist/text-layout.js +185 -0
- package/dist/text-layout.js.map +1 -0
- package/dist/text.d.ts +17 -0
- package/dist/text.d.ts.map +1 -0
- package/dist/text.js +263 -0
- package/dist/text.js.map +1 -0
- package/dist/track.d.ts +3 -1
- package/dist/track.d.ts.map +1 -1
- package/dist/track.js +266 -13
- package/dist/track.js.map +1 -1
- package/dist/transition.d.ts +17 -1
- package/dist/transition.d.ts.map +1 -1
- package/dist/transition.js +41 -6
- package/dist/transition.js.map +1 -1
- package/dist/types.d.ts +50 -1
- package/dist/types.d.ts.map +1 -1
- package/dist/vue/index.d.ts +95 -0
- package/dist/vue/index.d.ts.map +1 -0
- package/dist/vue/index.js +163 -0
- package/dist/vue/index.js.map +1 -0
- package/dist/zoom-native.d.ts +30 -0
- package/dist/zoom-native.d.ts.map +1 -0
- package/dist/zoom-native.js +56 -0
- package/dist/zoom-native.js.map +1 -0
- package/dist/zoomable.d.ts +48 -0
- package/dist/zoomable.d.ts.map +1 -0
- package/dist/zoomable.js +249 -0
- package/dist/zoomable.js.map +1 -0
- package/package.json +33 -5
- package/platforms/android/include.gradle +7 -0
- package/platforms/android/java/org/rafaelaugusto/jolt/ColorTarget.java +102 -0
- package/platforms/android/java/org/rafaelaugusto/jolt/DecorationTarget.java +154 -0
- package/platforms/android/java/org/rafaelaugusto/jolt/ImageEffect.java +288 -0
- package/platforms/android/java/org/rafaelaugusto/jolt/KeyboardFollower.java +91 -0
- package/platforms/android/java/org/rafaelaugusto/jolt/KeyboardObserver.java +97 -0
- package/platforms/android/java/org/rafaelaugusto/jolt/NumberRoll.java +190 -0
- package/platforms/android/java/org/rafaelaugusto/jolt/PhotoZoom.java +250 -0
- package/platforms/android/java/org/rafaelaugusto/jolt/TextReveal.java +180 -0
- package/platforms/android/proguard-rules.pro +19 -0
- package/platforms/ios/build.xcconfig +1 -0
- package/platforms/ios/src/JoltImageEffect.h +25 -0
- package/platforms/ios/src/JoltImageEffect.mm +242 -0
- package/platforms/ios/src/JoltInteractiveAnimation.h +18 -0
- package/platforms/ios/src/JoltInteractiveAnimation.m +123 -0
- package/platforms/ios/src/JoltPhotoZoom.h +23 -0
- package/platforms/ios/src/JoltPhotoZoom.m +229 -0
- package/platforms/ios/src/module.modulemap +6 -0
- package/src/android-plugin.d.ts +155 -0
- package/src/animate.ts +278 -38
- package/src/color.ts +101 -0
- package/src/config.ts +84 -0
- package/src/decay.ts +45 -0
- package/src/decoration.ts +180 -0
- package/src/drag-input.ts +74 -0
- package/src/drag-physics.ts +110 -0
- package/src/drag.ts +395 -0
- package/src/driver/android-color.ts +170 -0
- package/src/driver/android-decoration.ts +182 -0
- package/src/driver/android-playback.ts +157 -0
- package/src/driver/android.ts +208 -20
- package/src/driver/index.ts +37 -2
- package/src/driver/ios-color.ts +441 -0
- package/src/driver/ios-decoration.ts +332 -0
- package/src/driver/ios-layout.ts +63 -0
- package/src/driver/ios-playback.ts +51 -0
- package/src/driver/ios-shadow.ts +50 -0
- package/src/driver/ios.ts +194 -25
- package/src/engine.ts +329 -27
- package/src/haptics.ts +148 -0
- package/src/image-effect-native.ts +129 -0
- package/src/image-effect.ts +336 -0
- package/src/image-owner.ts +12 -0
- package/src/index.ts +61 -4
- package/src/interaction-surface.ts +41 -0
- package/src/ios-plugin.d.ts +81 -0
- package/src/items.ts +140 -0
- package/src/keyboard.ts +291 -0
- package/src/label.ts +76 -0
- package/src/layout.ts +408 -0
- package/src/liquid-grid.ts +28 -0
- package/src/liquid.ts +287 -0
- package/src/loader.ts +202 -0
- package/src/motion-scope.ts +279 -0
- package/src/motion-states.ts +215 -0
- package/src/particles.ts +323 -0
- package/src/path.ts +124 -0
- package/src/playback-group.ts +143 -0
- package/src/playback.ts +62 -0
- package/src/presets.ts +31 -7
- package/src/press.ts +32 -10
- package/src/properties.ts +32 -6
- package/src/reveal.ts +374 -0
- package/src/roll-diff.ts +57 -0
- package/src/roll.ts +515 -0
- package/src/scroll-linked.ts +73 -0
- package/src/sequence.ts +212 -19
- package/src/shimmer.ts +180 -0
- package/src/svg-path.ts +355 -0
- package/src/symbol-effect.ts +226 -0
- package/src/text-layout.ts +228 -0
- package/src/text.ts +279 -0
- package/src/track.ts +347 -12
- package/src/transition.ts +63 -6
- package/src/types.ts +51 -1
- package/src/vue/index.ts +231 -0
- package/src/zoom-native.ts +124 -0
- package/src/zoomable.ts +330 -0
|
@@ -0,0 +1,271 @@
|
|
|
1
|
+
import { dip, isWritingDecoration, radiusKeys, widthKeys, validateDecorationTarget, } from '../decoration.js';
|
|
2
|
+
import { iosPlayback } from './ios-playback.js';
|
|
3
|
+
const playing = new WeakMap();
|
|
4
|
+
const paths = {
|
|
5
|
+
borderRadius: 'cornerRadius',
|
|
6
|
+
borderWidth: 'borderWidth',
|
|
7
|
+
shadowOpacity: 'shadowOpacity',
|
|
8
|
+
shadowRadius: 'shadowRadius',
|
|
9
|
+
shadowOffsetX: 'shadowOffset.width',
|
|
10
|
+
shadowOffsetY: 'shadowOffset.height',
|
|
11
|
+
};
|
|
12
|
+
export function syncIOSDecoration(view, excluding) {
|
|
13
|
+
for (const [property, handle] of playing.get(view) ?? [])
|
|
14
|
+
if (property !== excluding)
|
|
15
|
+
handle.attach();
|
|
16
|
+
}
|
|
17
|
+
export const presentedIOSDecoration = (view, property) => playing.get(view)?.get(property)?.presented();
|
|
18
|
+
/** Animate Core's uniform border and its separate outer-shadow layers. */
|
|
19
|
+
export function playIOSDecoration(view, track, startedAt, onEnd) {
|
|
20
|
+
const timing = iosPlayback(track, startedAt);
|
|
21
|
+
const property = track.property;
|
|
22
|
+
const native = view.nativeViewProtected;
|
|
23
|
+
const key = `jolt:${property}`;
|
|
24
|
+
let bindings = [];
|
|
25
|
+
let stopped = false;
|
|
26
|
+
let queued = false;
|
|
27
|
+
let generation = 0;
|
|
28
|
+
const entries = playing.get(view) ?? new Map();
|
|
29
|
+
playing.set(view, entries);
|
|
30
|
+
const cleanup = () => {
|
|
31
|
+
if (stopped)
|
|
32
|
+
return;
|
|
33
|
+
stopped = true;
|
|
34
|
+
generation++;
|
|
35
|
+
view.off('unloaded', cancel);
|
|
36
|
+
view.off('layoutChanged', refresh);
|
|
37
|
+
view.style.off('backgroundInternalChange', refresh);
|
|
38
|
+
for (const event of changes)
|
|
39
|
+
view.style.off(event, external);
|
|
40
|
+
for (const binding of bindings)
|
|
41
|
+
binding.layer.removeAnimationForKey(key);
|
|
42
|
+
if (entries.get(property) === handle)
|
|
43
|
+
entries.delete(property);
|
|
44
|
+
};
|
|
45
|
+
const cancel = () => {
|
|
46
|
+
if (!stopped) {
|
|
47
|
+
cleanup();
|
|
48
|
+
onEnd(false);
|
|
49
|
+
}
|
|
50
|
+
};
|
|
51
|
+
const refresh = () => {
|
|
52
|
+
if (stopped || queued)
|
|
53
|
+
return;
|
|
54
|
+
queued = true;
|
|
55
|
+
void Promise.resolve().then(() => {
|
|
56
|
+
queued = false;
|
|
57
|
+
if (!stopped && view.nativeViewProtected === native)
|
|
58
|
+
handle.attach();
|
|
59
|
+
});
|
|
60
|
+
};
|
|
61
|
+
const external = (event) => {
|
|
62
|
+
if (isWritingDecoration(view))
|
|
63
|
+
return;
|
|
64
|
+
const own = property === 'borderRadius'
|
|
65
|
+
? radiusKeys
|
|
66
|
+
: property === 'borderWidth'
|
|
67
|
+
? widthKeys
|
|
68
|
+
: ['boxShadow'];
|
|
69
|
+
void Promise.resolve().then(() => {
|
|
70
|
+
if (stopped)
|
|
71
|
+
return;
|
|
72
|
+
if (own.some((name) => event.eventName === `${name}Change`))
|
|
73
|
+
return cancel();
|
|
74
|
+
try {
|
|
75
|
+
validateDecorationTarget(view, property);
|
|
76
|
+
}
|
|
77
|
+
catch {
|
|
78
|
+
cancel();
|
|
79
|
+
}
|
|
80
|
+
});
|
|
81
|
+
};
|
|
82
|
+
const changes = [
|
|
83
|
+
...radiusKeys,
|
|
84
|
+
...widthKeys,
|
|
85
|
+
'borderTopColor',
|
|
86
|
+
'borderRightColor',
|
|
87
|
+
'borderBottomColor',
|
|
88
|
+
'borderLeftColor',
|
|
89
|
+
'clipPath',
|
|
90
|
+
'cornerShape',
|
|
91
|
+
'boxShadow',
|
|
92
|
+
].map((name) => `${name}Change`);
|
|
93
|
+
const handle = {
|
|
94
|
+
track,
|
|
95
|
+
stop: cancel,
|
|
96
|
+
elapsed: timing.elapsed,
|
|
97
|
+
control(time, paused) {
|
|
98
|
+
if (!stopped) {
|
|
99
|
+
timing.control(time, paused);
|
|
100
|
+
handle.attach();
|
|
101
|
+
}
|
|
102
|
+
},
|
|
103
|
+
presented() {
|
|
104
|
+
if (timing.controlled)
|
|
105
|
+
return undefined;
|
|
106
|
+
const binding = bindings[0];
|
|
107
|
+
const layer = binding?.layer.presentationLayer();
|
|
108
|
+
if (!layer)
|
|
109
|
+
return track.valueAt(timing.elapsed());
|
|
110
|
+
if (property === 'shadowOffsetX')
|
|
111
|
+
return layer.shadowOffset.width;
|
|
112
|
+
if (property === 'shadowOffsetY')
|
|
113
|
+
return layer.shadowOffset.height;
|
|
114
|
+
return layer[paths[property]];
|
|
115
|
+
},
|
|
116
|
+
attach() {
|
|
117
|
+
if (stopped)
|
|
118
|
+
return;
|
|
119
|
+
const instance = ++generation;
|
|
120
|
+
for (const binding of bindings)
|
|
121
|
+
binding.layer.removeAnimationForKey(key);
|
|
122
|
+
bindings = [];
|
|
123
|
+
// Path clipping and spread are nonlinear. Sample even a linear radius
|
|
124
|
+
// tween so its shadow and inner cutout follow the capped native corner.
|
|
125
|
+
const steps = Math.max(1, Math.min(6000, Math.ceil((track.duration * 60) / 1000)));
|
|
126
|
+
const times = property === 'borderRadius'
|
|
127
|
+
? [
|
|
128
|
+
...new Set([
|
|
129
|
+
...track.times,
|
|
130
|
+
...Array.from({ length: steps + 1 }, (_, i) => i / steps),
|
|
131
|
+
]),
|
|
132
|
+
].sort((a, b) => a - b)
|
|
133
|
+
: [...track.times];
|
|
134
|
+
const values = property === 'borderRadius'
|
|
135
|
+
? times.map((time) => time === 1
|
|
136
|
+
? track.values.at(-1)
|
|
137
|
+
: track.valueAt(track.delay + time * track.duration))
|
|
138
|
+
: [...track.values];
|
|
139
|
+
if (property === 'borderRadius' || property === 'borderWidth') {
|
|
140
|
+
bindings.push({
|
|
141
|
+
layer: native.layer,
|
|
142
|
+
path: paths[property],
|
|
143
|
+
values: property === 'borderRadius' && native.bounds?.size
|
|
144
|
+
? values.map((value) => Math.min(value, native.bounds.size.width / 2, native.bounds.size.height / 2))
|
|
145
|
+
: values,
|
|
146
|
+
});
|
|
147
|
+
if (property === 'borderRadius') {
|
|
148
|
+
const shadows = view.boxShadow;
|
|
149
|
+
const layers = native.outerShadowContainerLayer?.sublayers;
|
|
150
|
+
if (Array.isArray(shadows) && layers) {
|
|
151
|
+
for (let i = 0; i < Math.min(shadows.length, layers.count); i++) {
|
|
152
|
+
const layer = layers.objectAtIndex(i);
|
|
153
|
+
const spread = dip(shadows[i].spreadRadius);
|
|
154
|
+
bindings.push({
|
|
155
|
+
layer,
|
|
156
|
+
path: 'shadowPath',
|
|
157
|
+
values: values.map((radius) => roundedPath(native.bounds, radius, spread)),
|
|
158
|
+
});
|
|
159
|
+
if (layer.mask)
|
|
160
|
+
bindings.push({
|
|
161
|
+
layer: layer.mask,
|
|
162
|
+
path: 'path',
|
|
163
|
+
values: values.map((radius) => shadowMask(native.bounds, radius, maskExtent(view, entries))),
|
|
164
|
+
});
|
|
165
|
+
}
|
|
166
|
+
}
|
|
167
|
+
}
|
|
168
|
+
}
|
|
169
|
+
else {
|
|
170
|
+
const layer = native.outerShadowContainerLayer?.sublayers?.firstObject;
|
|
171
|
+
if (!layer)
|
|
172
|
+
return cancel();
|
|
173
|
+
bindings.push({ layer, path: paths[property], values: [...track.values] });
|
|
174
|
+
// Core's mask bounds are sized for the final blur/offset. Give intermediate
|
|
175
|
+
// samples room too. Radius owns the animated inner edge when it is active.
|
|
176
|
+
if (layer.mask && !entries.has('borderRadius')) {
|
|
177
|
+
CATransaction.begin();
|
|
178
|
+
CATransaction.setDisableActions(true);
|
|
179
|
+
layer.mask.path = shadowMask(native.bounds, native.layer.cornerRadius, maskExtent(view, entries));
|
|
180
|
+
CATransaction.commit();
|
|
181
|
+
}
|
|
182
|
+
}
|
|
183
|
+
CATransaction.begin();
|
|
184
|
+
CATransaction.setDisableActions(true);
|
|
185
|
+
if (!timing.paused && track.repeat !== Infinity)
|
|
186
|
+
CATransaction.setCompletionBlock(() => {
|
|
187
|
+
if (stopped || generation !== instance)
|
|
188
|
+
return;
|
|
189
|
+
cleanup();
|
|
190
|
+
onEnd();
|
|
191
|
+
});
|
|
192
|
+
// Core treats a zero-alpha shadow as opaque. Commit the native endpoint
|
|
193
|
+
// explicitly too; otherwise a fade to zero would flash back on completion.
|
|
194
|
+
const paint = bindings[0].layer;
|
|
195
|
+
if (property === 'shadowOpacity')
|
|
196
|
+
paint.shadowOpacity = track.to;
|
|
197
|
+
else if (property === 'shadowRadius')
|
|
198
|
+
paint.shadowRadius = track.to;
|
|
199
|
+
else if (property === 'shadowOffsetX')
|
|
200
|
+
paint.shadowOffset = CGSizeMake(track.to, paint.shadowOffset.height);
|
|
201
|
+
else if (property === 'shadowOffsetY')
|
|
202
|
+
paint.shadowOffset = CGSizeMake(paint.shadowOffset.width, track.to);
|
|
203
|
+
for (const { layer, path, values } of bindings) {
|
|
204
|
+
const animation = CAKeyframeAnimation.animationWithKeyPath(path);
|
|
205
|
+
animation.values = NSArray.arrayWithArray(values);
|
|
206
|
+
animation.keyTimes = NSArray.arrayWithArray(times);
|
|
207
|
+
animation.duration = Math.max(1, track.duration) / 1000;
|
|
208
|
+
if (track.repeat > 0) {
|
|
209
|
+
animation.autoreverses = track.reverse;
|
|
210
|
+
animation.repeatCount = track.reverse
|
|
211
|
+
? (track.repeat + 1) / 2
|
|
212
|
+
: track.repeat + 1;
|
|
213
|
+
}
|
|
214
|
+
timing.configure(animation, layer);
|
|
215
|
+
if (animation.respondsToSelector('setPreferredFrameRateRange:')) {
|
|
216
|
+
const max = Math.min(120, native.window?.screen.maximumFramesPerSecond ??
|
|
217
|
+
UIScreen.mainScreen.maximumFramesPerSecond);
|
|
218
|
+
animation.preferredFrameRateRange = CAFrameRateRangeMake(Math.min(80, max), max, max);
|
|
219
|
+
}
|
|
220
|
+
layer.addAnimationForKey(animation, key);
|
|
221
|
+
}
|
|
222
|
+
CATransaction.commit();
|
|
223
|
+
},
|
|
224
|
+
};
|
|
225
|
+
entries.set(property, handle);
|
|
226
|
+
view.on('unloaded', cancel);
|
|
227
|
+
view.on('layoutChanged', refresh);
|
|
228
|
+
view.style.on('backgroundInternalChange', refresh);
|
|
229
|
+
for (const event of changes)
|
|
230
|
+
view.style.on(event, external);
|
|
231
|
+
// All model endpoints have been committed before driver.play(). Each handle
|
|
232
|
+
// follows the same timeline even if Core redraws its layers during layout.
|
|
233
|
+
for (const active of entries.values())
|
|
234
|
+
active.attach();
|
|
235
|
+
return handle;
|
|
236
|
+
}
|
|
237
|
+
function maskExtent(view, entries) {
|
|
238
|
+
const shadows = Array.isArray(view.boxShadow) ? view.boxShadow : [];
|
|
239
|
+
const maximum = (property, fallback) => Math.max(Math.abs(fallback), ...(entries.get(property)?.track.values.map(Math.abs) ?? []));
|
|
240
|
+
return Math.max(1, ...shadows.map((shadow) => maximum('shadowRadius', dip(shadow.blurRadius) / 2) * 6 +
|
|
241
|
+
Math.abs(dip(shadow.spreadRadius)) +
|
|
242
|
+
maximum('shadowOffsetX', dip(shadow.offsetX)) +
|
|
243
|
+
maximum('shadowOffsetY', dip(shadow.offsetY)) +
|
|
244
|
+
1));
|
|
245
|
+
}
|
|
246
|
+
/** Keep identical path topology at radius zero so CA can interpolate it. */
|
|
247
|
+
function roundedPath(bounds, radius, spread = 0) {
|
|
248
|
+
const rect = CGRectInset(bounds, -spread, -spread);
|
|
249
|
+
const r = Math.min(Math.max(0, Math.min(radius, bounds.size.width / 2, bounds.size.height / 2) + spread), Math.max(0, rect.size.width / 2), Math.max(0, rect.size.height / 2));
|
|
250
|
+
const x = rect.origin.x, y = rect.origin.y, right = x + rect.size.width, bottom = y + rect.size.height;
|
|
251
|
+
const k = r * 0.5522847498307936;
|
|
252
|
+
const path = CGPathCreateMutable();
|
|
253
|
+
CGPathMoveToPoint(path, null, x + r, y);
|
|
254
|
+
CGPathAddLineToPoint(path, null, right - r, y);
|
|
255
|
+
CGPathAddCurveToPoint(path, null, right - r + k, y, right, y + r - k, right, y + r);
|
|
256
|
+
CGPathAddLineToPoint(path, null, right, bottom - r);
|
|
257
|
+
CGPathAddCurveToPoint(path, null, right, bottom - r + k, right - r + k, bottom, right - r, bottom);
|
|
258
|
+
CGPathAddLineToPoint(path, null, x + r, bottom);
|
|
259
|
+
CGPathAddCurveToPoint(path, null, x + r - k, bottom, x, bottom - r + k, x, bottom - r);
|
|
260
|
+
CGPathAddLineToPoint(path, null, x, y + r);
|
|
261
|
+
CGPathAddCurveToPoint(path, null, x, y + r - k, x + r - k, y, x + r, y);
|
|
262
|
+
CGPathCloseSubpath(path);
|
|
263
|
+
return path;
|
|
264
|
+
}
|
|
265
|
+
function shadowMask(bounds, radius, extent) {
|
|
266
|
+
const path = CGPathCreateMutable();
|
|
267
|
+
CGPathAddPath(path, null, roundedPath(bounds, radius));
|
|
268
|
+
CGPathAddRect(path, null, CGRectInset(bounds, -extent, -extent));
|
|
269
|
+
return path;
|
|
270
|
+
}
|
|
271
|
+
//# sourceMappingURL=ios-decoration.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ios-decoration.js","sourceRoot":"","sources":["../../src/driver/ios-decoration.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { View } from '@nativescript/core';
|
|
2
|
+
/**
|
|
3
|
+
* NativeScript caches whether its JS transform is nonidentity. Interactive native
|
|
4
|
+
* playback can move the actual model while that cached destination is identity.
|
|
5
|
+
* Let Core reset/restore the real transform when it next assigns a layout frame.
|
|
6
|
+
* This hook belongs only to the opted-in instance and only while tracks own it.
|
|
7
|
+
*/
|
|
8
|
+
export declare function retainInteractiveLayout(view: View): () => void;
|
|
9
|
+
//# sourceMappingURL=ios-layout.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ios-layout.d.ts","sourceRoot":"","sources":["../../src/driver/ios-layout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AAQ9C;;;;;GAKG;AACH,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,IAAI,CAgD9D"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
const retained = new WeakMap();
|
|
2
|
+
/**
|
|
3
|
+
* NativeScript caches whether its JS transform is nonidentity. Interactive native
|
|
4
|
+
* playback can move the actual model while that cached destination is identity.
|
|
5
|
+
* Let Core reset/restore the real transform when it next assigns a layout frame.
|
|
6
|
+
* This hook belongs only to the opted-in instance and only while tracks own it.
|
|
7
|
+
*/
|
|
8
|
+
export function retainInteractiveLayout(view) {
|
|
9
|
+
const host = view;
|
|
10
|
+
let entry = retained.get(view);
|
|
11
|
+
if (!entry) {
|
|
12
|
+
const original = host._modifyNativeViewFrame;
|
|
13
|
+
if (typeof original !== 'function')
|
|
14
|
+
return () => { };
|
|
15
|
+
const descriptor = Object.getOwnPropertyDescriptor(host, '_modifyNativeViewFrame');
|
|
16
|
+
let active = true;
|
|
17
|
+
const wrapper = function (native, frame) {
|
|
18
|
+
if (active)
|
|
19
|
+
this._isTransformed = !CATransform3DEqualToTransform(native.layer.transform, CATransform3DIdentity);
|
|
20
|
+
original.call(this, native, frame);
|
|
21
|
+
};
|
|
22
|
+
host._modifyNativeViewFrame = wrapper;
|
|
23
|
+
entry = {
|
|
24
|
+
count: 0,
|
|
25
|
+
restore() {
|
|
26
|
+
active = false;
|
|
27
|
+
const native = host.nativeViewProtected;
|
|
28
|
+
if (native)
|
|
29
|
+
host._isTransformed = !CATransform3DEqualToTransform(native.layer.transform, CATransform3DIdentity);
|
|
30
|
+
if (host._modifyNativeViewFrame !== wrapper)
|
|
31
|
+
return;
|
|
32
|
+
if (descriptor)
|
|
33
|
+
Object.defineProperty(host, '_modifyNativeViewFrame', descriptor);
|
|
34
|
+
else
|
|
35
|
+
delete host._modifyNativeViewFrame;
|
|
36
|
+
},
|
|
37
|
+
};
|
|
38
|
+
retained.set(view, entry);
|
|
39
|
+
}
|
|
40
|
+
entry.count++;
|
|
41
|
+
let released = false;
|
|
42
|
+
return () => {
|
|
43
|
+
if (released)
|
|
44
|
+
return;
|
|
45
|
+
released = true;
|
|
46
|
+
if (--entry.count === 0) {
|
|
47
|
+
entry.restore();
|
|
48
|
+
retained.delete(view);
|
|
49
|
+
}
|
|
50
|
+
};
|
|
51
|
+
}
|
|
52
|
+
//# sourceMappingURL=ios-layout.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ios-layout.js","sourceRoot":"","sources":["../../src/driver/ios-layout.ts"],"names":[],"mappings":"AAMA,MAAM,QAAQ,GAAG,IAAI,OAAO,EAA4C,CAAA;AAExE;;;;;GAKG;AACH,MAAM,UAAU,uBAAuB,CAAC,IAAU;IAChD,MAAM,IAAI,GAAG,IAAkB,CAAA;IAC/B,IAAI,KAAK,GAAG,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;IAC9B,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,MAAM,QAAQ,GAAG,IAAI,CAAC,sBAAsB,CAAA;QAC5C,IAAI,OAAO,QAAQ,KAAK,UAAU;YAAE,OAAO,GAAG,EAAE,GAAE,CAAC,CAAA;QACnD,MAAM,UAAU,GAAG,MAAM,CAAC,wBAAwB,CAAC,IAAI,EAAE,wBAAwB,CAAC,CAAA;QAClF,IAAI,MAAM,GAAG,IAAI,CAAA;QACjB,MAAM,OAAO,GAAyC,UAEpD,MAAM,EACN,KAAK;YAEL,IAAI,MAAM;gBACR,IAAI,CAAC,cAAc,GAAG,CAAC,6BAA6B,CAClD,MAAM,CAAC,KAAK,CAAC,SAAS,EACtB,qBAAqB,CACtB,CAAA;YACH,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,CAAA;QACpC,CAAC,CAAA;QACD,IAAI,CAAC,sBAAsB,GAAG,OAAO,CAAA;QACrC,KAAK,GAAG;YACN,KAAK,EAAE,CAAC;YACR,OAAO;gBACL,MAAM,GAAG,KAAK,CAAA;gBACd,MAAM,MAAM,GAAG,IAAI,CAAC,mBAAyC,CAAA;gBAC7D,IAAI,MAAM;oBACR,IAAI,CAAC,cAAc,GAAG,CAAC,6BAA6B,CAClD,MAAM,CAAC,KAAK,CAAC,SAAS,EACtB,qBAAqB,CACtB,CAAA;gBACH,IAAI,IAAI,CAAC,sBAAsB,KAAK,OAAO;oBAAE,OAAM;gBACnD,IAAI,UAAU;oBAAE,MAAM,CAAC,cAAc,CAAC,IAAI,EAAE,wBAAwB,EAAE,UAAU,CAAC,CAAA;;oBAC5E,OAAQ,IAA4B,CAAC,sBAAsB,CAAA;YAClE,CAAC;SACF,CAAA;QACD,QAAQ,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;IAC3B,CAAC;IACD,KAAK,CAAC,KAAK,EAAE,CAAA;IACb,IAAI,QAAQ,GAAG,KAAK,CAAA;IACpB,OAAO,GAAG,EAAE;QACV,IAAI,QAAQ;YAAE,OAAM;QACpB,QAAQ,GAAG,IAAI,CAAA;QACf,IAAI,EAAE,KAAK,CAAC,KAAK,KAAK,CAAC,EAAE,CAAC;YACxB,KAAK,CAAC,OAAO,EAAE,CAAA;YACf,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;QACvB,CAAC;IACH,CAAC,CAAA;AACH,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { Track } from '../track.js';
|
|
2
|
+
/** Each CAAnimation owns its clock; the view and its children keep their speed. */
|
|
3
|
+
export declare function iosPlayback(track: Track, startedAt: number): {
|
|
4
|
+
elapsed: () => number;
|
|
5
|
+
readonly controlled: boolean;
|
|
6
|
+
readonly paused: boolean;
|
|
7
|
+
control(time: number, hold: boolean): void;
|
|
8
|
+
configure(animation: CAKeyframeAnimation, layer: CALayer): void;
|
|
9
|
+
};
|
|
10
|
+
//# sourceMappingURL=ios-playback.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ios-playback.d.ts","sourceRoot":"","sources":["../../src/driver/ios-playback.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAExC,mFAAmF;AACnF,wBAAgB,WAAW,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM;;;;kBAczC,MAAM,QAAQ,OAAO;yBAMd,mBAAmB,SAAS,OAAO;EA2B3D"}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
/** Each CAAnimation owns its clock; the view and its children keep their speed. */
|
|
2
|
+
export function iosPlayback(track, startedAt) {
|
|
3
|
+
let anchor = startedAt;
|
|
4
|
+
let offset = 0;
|
|
5
|
+
let paused = false;
|
|
6
|
+
let controlled = false;
|
|
7
|
+
const elapsed = () => offset + (paused ? 0 : CACurrentMediaTime() * 1000 - anchor);
|
|
8
|
+
return {
|
|
9
|
+
elapsed,
|
|
10
|
+
get controlled() {
|
|
11
|
+
return controlled;
|
|
12
|
+
},
|
|
13
|
+
get paused() {
|
|
14
|
+
return paused;
|
|
15
|
+
},
|
|
16
|
+
control(time, hold) {
|
|
17
|
+
controlled = true;
|
|
18
|
+
offset = time;
|
|
19
|
+
anchor = CACurrentMediaTime() * 1000;
|
|
20
|
+
paused = hold;
|
|
21
|
+
},
|
|
22
|
+
configure(animation, layer) {
|
|
23
|
+
const now = CACurrentMediaTime();
|
|
24
|
+
const position = elapsed();
|
|
25
|
+
animation.speed = paused ? 0 : 1;
|
|
26
|
+
animation.timeOffset = paused ? Math.max(0, position - track.delay) / 1000 : 0;
|
|
27
|
+
animation.beginTime = layer.convertTimeFromLayer(paused ? now : now - position / 1000 + track.delay / 1000, null);
|
|
28
|
+
animation.fillMode = paused ? 'both' : kCAFillModeBackwards;
|
|
29
|
+
animation.removedOnCompletion = !paused && track.repeat !== Infinity;
|
|
30
|
+
// With speed 0, CA folds an exact duration boundary back to the first
|
|
31
|
+
// frame. Hold the actual endpoint with a constant copy, also when a
|
|
32
|
+
// shorter property waits at its end while another one is being scrubbed.
|
|
33
|
+
if (paused && Number.isFinite(track.end) && position >= track.end) {
|
|
34
|
+
const values = animation.values;
|
|
35
|
+
const index = track.reverse && track.repeat % 2 === 1 ? 0 : values.count - 1;
|
|
36
|
+
const value = values.objectAtIndex(index);
|
|
37
|
+
animation.values = NSArray.arrayWithArray([value, value]);
|
|
38
|
+
animation.keyTimes = NSArray.arrayWithArray([0, 1]);
|
|
39
|
+
animation.duration = 1;
|
|
40
|
+
animation.repeatCount = 0;
|
|
41
|
+
animation.autoreverses = false;
|
|
42
|
+
animation.timeOffset = 0;
|
|
43
|
+
}
|
|
44
|
+
},
|
|
45
|
+
};
|
|
46
|
+
}
|
|
47
|
+
//# sourceMappingURL=ios-playback.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ios-playback.js","sourceRoot":"","sources":["../../src/driver/ios-playback.ts"],"names":[],"mappings":"AAEA,mFAAmF;AACnF,MAAM,UAAU,WAAW,CAAC,KAAY,EAAE,SAAiB;IACzD,IAAI,MAAM,GAAG,SAAS,CAAA;IACtB,IAAI,MAAM,GAAG,CAAC,CAAA;IACd,IAAI,MAAM,GAAG,KAAK,CAAA;IAClB,IAAI,UAAU,GAAG,KAAK,CAAA;IACtB,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,MAAM,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,kBAAkB,EAAE,GAAG,IAAI,GAAG,MAAM,CAAC,CAAA;IAClF,OAAO;QACL,OAAO;QACP,IAAI,UAAU;YACZ,OAAO,UAAU,CAAA;QACnB,CAAC;QACD,IAAI,MAAM;YACR,OAAO,MAAM,CAAA;QACf,CAAC;QACD,OAAO,CAAC,IAAY,EAAE,IAAa;YACjC,UAAU,GAAG,IAAI,CAAA;YACjB,MAAM,GAAG,IAAI,CAAA;YACb,MAAM,GAAG,kBAAkB,EAAE,GAAG,IAAI,CAAA;YACpC,MAAM,GAAG,IAAI,CAAA;QACf,CAAC;QACD,SAAS,CAAC,SAA8B,EAAE,KAAc;YACtD,MAAM,GAAG,GAAG,kBAAkB,EAAE,CAAA;YAChC,MAAM,QAAQ,GAAG,OAAO,EAAE,CAAA;YAC1B,SAAS,CAAC,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;YAChC,SAAS,CAAC,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAA;YAC9E,SAAS,CAAC,SAAS,GAAG,KAAK,CAAC,oBAAoB,CAC9C,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,QAAQ,GAAG,IAAI,GAAG,KAAK,CAAC,KAAK,GAAG,IAAI,EACzD,IAAI,CACL,CAAA;YACD,SAAS,CAAC,QAAQ,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,oBAAoB,CAAA;YAC3D,SAAS,CAAC,mBAAmB,GAAG,CAAC,MAAM,IAAI,KAAK,CAAC,MAAM,KAAK,QAAQ,CAAA;YACpE,sEAAsE;YACtE,oEAAoE;YACpE,yEAAyE;YACzE,IAAI,MAAM,IAAI,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,QAAQ,IAAI,KAAK,CAAC,GAAG,EAAE,CAAC;gBAClE,MAAM,MAAM,GAAG,SAAS,CAAC,MAAO,CAAA;gBAChC,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,CAAA;gBAC5E,MAAM,KAAK,GAAG,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;gBACzC,SAAS,CAAC,MAAM,GAAG,OAAO,CAAC,cAAc,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAA;gBACzD,SAAS,CAAC,QAAQ,GAAG,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;gBACnD,SAAS,CAAC,QAAQ,GAAG,CAAC,CAAA;gBACtB,SAAS,CAAC,WAAW,GAAG,CAAC,CAAA;gBACzB,SAAS,CAAC,YAAY,GAAG,KAAK,CAAA;gBAC9B,SAAS,CAAC,UAAU,GAAG,CAAC,CAAA;YAC1B,CAAC;QACH,CAAC;KACF,CAAA;AACH,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { View } from '@nativescript/core';
|
|
2
|
+
/** Core treats alpha 0 as 1. Repair its model layer after background redraws,
|
|
3
|
+
* not on animation frames. The wrapper belongs only to this view and is
|
|
4
|
+
* removed when the shadow color changes. */
|
|
5
|
+
export declare function preserveZeroShadow(view: View): void;
|
|
6
|
+
//# sourceMappingURL=ios-shadow.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ios-shadow.d.ts","sourceRoot":"","sources":["../../src/driver/ios-shadow.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AAK9C;;4CAE4C;AAC5C,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,IAAI,QAyC5C"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
const repairs = new WeakSet();
|
|
2
|
+
/** Core treats alpha 0 as 1. Repair its model layer after background redraws,
|
|
3
|
+
* not on animation frames. The wrapper belongs only to this view and is
|
|
4
|
+
* removed when the shadow color changes. */
|
|
5
|
+
export function preserveZeroShadow(view) {
|
|
6
|
+
const target = view;
|
|
7
|
+
const hasZero = () => Array.isArray(view.boxShadow) &&
|
|
8
|
+
view.boxShadow.some((shadow) => shadow.color.argb >>> 24 === 0);
|
|
9
|
+
if (!hasZero() || repairs.has(view))
|
|
10
|
+
return;
|
|
11
|
+
const descriptor = Object.getOwnPropertyDescriptor(view, '_redrawNativeBackground');
|
|
12
|
+
const original = target._redrawNativeBackground;
|
|
13
|
+
const apply = () => {
|
|
14
|
+
if (!hasZero())
|
|
15
|
+
return dispose();
|
|
16
|
+
if (!view.isLoaded)
|
|
17
|
+
return;
|
|
18
|
+
const layers = view.nativeViewProtected?.outerShadowContainerLayer?.sublayers;
|
|
19
|
+
if (!layers || !Array.isArray(view.boxShadow))
|
|
20
|
+
return;
|
|
21
|
+
CATransaction.begin();
|
|
22
|
+
CATransaction.setDisableActions(true);
|
|
23
|
+
for (let i = 0; i < Math.min(layers.count, view.boxShadow.length); i++)
|
|
24
|
+
if (view.boxShadow[i].color.argb >>> 24 === 0)
|
|
25
|
+
layers.objectAtIndex(i).shadowOpacity = 0;
|
|
26
|
+
CATransaction.commit();
|
|
27
|
+
};
|
|
28
|
+
const redraw = function (...args) {
|
|
29
|
+
original.apply(this, args);
|
|
30
|
+
apply();
|
|
31
|
+
};
|
|
32
|
+
const dispose = () => {
|
|
33
|
+
view.style.off('boxShadowChange', apply);
|
|
34
|
+
view.off('loaded', apply);
|
|
35
|
+
view.off('layoutChanged', apply);
|
|
36
|
+
if (original && target._redrawNativeBackground === redraw) {
|
|
37
|
+
if (descriptor)
|
|
38
|
+
Object.defineProperty(view, '_redrawNativeBackground', descriptor);
|
|
39
|
+
else
|
|
40
|
+
delete target._redrawNativeBackground;
|
|
41
|
+
}
|
|
42
|
+
repairs.delete(view);
|
|
43
|
+
};
|
|
44
|
+
repairs.add(view);
|
|
45
|
+
if (original)
|
|
46
|
+
target._redrawNativeBackground = redraw;
|
|
47
|
+
view.style.on('boxShadowChange', apply);
|
|
48
|
+
view.on('loaded', apply);
|
|
49
|
+
view.on('layoutChanged', apply);
|
|
50
|
+
apply();
|
|
51
|
+
}
|
|
52
|
+
//# sourceMappingURL=ios-shadow.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ios-shadow.js","sourceRoot":"","sources":["../../src/driver/ios-shadow.ts"],"names":[],"mappings":"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"}
|
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":"
|
|
1
|
+
{"version":3,"file":"ios.d.ts","sourceRoot":"","sources":["../../src/driver/ios.ts"],"names":[],"mappings":"AAYA,OAAO,EAAS,KAAK,MAAM,EAAE,MAAM,YAAY,CAAA;AA8C/C,wBAAgB,eAAe,IAAI,MAAM,CAsMxC"}
|