@rafaelaugusto/jolt 0.1.0-beta.1 → 0.1.0-beta.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (318) hide show
  1. package/README.md +385 -18
  2. package/dist/animate.d.ts +19 -3
  3. package/dist/animate.d.ts.map +1 -1
  4. package/dist/animate.js +186 -14
  5. package/dist/animate.js.map +1 -1
  6. package/dist/color.d.ts +11 -0
  7. package/dist/color.d.ts.map +1 -0
  8. package/dist/color.js +73 -0
  9. package/dist/color.js.map +1 -0
  10. package/dist/config.d.ts +31 -0
  11. package/dist/config.d.ts.map +1 -0
  12. package/dist/config.js +73 -0
  13. package/dist/config.js.map +1 -0
  14. package/dist/decay.d.ts +11 -0
  15. package/dist/decay.d.ts.map +1 -0
  16. package/dist/decay.js +22 -0
  17. package/dist/decay.js.map +1 -0
  18. package/dist/decoration.d.ts +18 -0
  19. package/dist/decoration.d.ts.map +1 -0
  20. package/dist/decoration.js +155 -0
  21. package/dist/decoration.js.map +1 -0
  22. package/dist/drag-input.d.ts +15 -0
  23. package/dist/drag-input.d.ts.map +1 -0
  24. package/dist/drag-input.js +66 -0
  25. package/dist/drag-input.js.map +1 -0
  26. package/dist/drag-physics.d.ts +20 -0
  27. package/dist/drag-physics.d.ts.map +1 -0
  28. package/dist/drag-physics.js +75 -0
  29. package/dist/drag-physics.js.map +1 -0
  30. package/dist/drag.d.ts +58 -0
  31. package/dist/drag.d.ts.map +1 -0
  32. package/dist/drag.js +324 -0
  33. package/dist/drag.js.map +1 -0
  34. package/dist/driver/android-color.d.ts +20 -0
  35. package/dist/driver/android-color.d.ts.map +1 -0
  36. package/dist/driver/android-color.js +136 -0
  37. package/dist/driver/android-color.js.map +1 -0
  38. package/dist/driver/android-decoration.d.ts +22 -0
  39. package/dist/driver/android-decoration.d.ts.map +1 -0
  40. package/dist/driver/android-decoration.js +139 -0
  41. package/dist/driver/android-decoration.js.map +1 -0
  42. package/dist/driver/android-gradient.d.ts +5 -0
  43. package/dist/driver/android-gradient.d.ts.map +1 -0
  44. package/dist/driver/android-gradient.js +89 -0
  45. package/dist/driver/android-gradient.js.map +1 -0
  46. package/dist/driver/android-playback.d.ts +13 -0
  47. package/dist/driver/android-playback.d.ts.map +1 -0
  48. package/dist/driver/android-playback.js +141 -0
  49. package/dist/driver/android-playback.js.map +1 -0
  50. package/dist/driver/android.d.ts +1 -1
  51. package/dist/driver/android.d.ts.map +1 -1
  52. package/dist/driver/android.js +165 -13
  53. package/dist/driver/android.js.map +1 -1
  54. package/dist/driver/index.d.ts +25 -2
  55. package/dist/driver/index.d.ts.map +1 -1
  56. package/dist/driver/index.js.map +1 -1
  57. package/dist/driver/ios-color.d.ts +16 -0
  58. package/dist/driver/ios-color.d.ts.map +1 -0
  59. package/dist/driver/ios-color.js +392 -0
  60. package/dist/driver/ios-color.js.map +1 -0
  61. package/dist/driver/ios-decoration.d.ts +17 -0
  62. package/dist/driver/ios-decoration.d.ts.map +1 -0
  63. package/dist/driver/ios-decoration.js +271 -0
  64. package/dist/driver/ios-decoration.js.map +1 -0
  65. package/dist/driver/ios-gradient.d.ts +5 -0
  66. package/dist/driver/ios-gradient.d.ts.map +1 -0
  67. package/dist/driver/ios-gradient.js +109 -0
  68. package/dist/driver/ios-gradient.js.map +1 -0
  69. package/dist/driver/ios-layout.d.ts +9 -0
  70. package/dist/driver/ios-layout.d.ts.map +1 -0
  71. package/dist/driver/ios-layout.js +52 -0
  72. package/dist/driver/ios-layout.js.map +1 -0
  73. package/dist/driver/ios-playback.d.ts +10 -0
  74. package/dist/driver/ios-playback.d.ts.map +1 -0
  75. package/dist/driver/ios-playback.js +47 -0
  76. package/dist/driver/ios-playback.js.map +1 -0
  77. package/dist/driver/ios-shadow.d.ts +6 -0
  78. package/dist/driver/ios-shadow.d.ts.map +1 -0
  79. package/dist/driver/ios-shadow.js +52 -0
  80. package/dist/driver/ios-shadow.js.map +1 -0
  81. package/dist/driver/ios.d.ts.map +1 -1
  82. package/dist/driver/ios.js +163 -28
  83. package/dist/driver/ios.js.map +1 -1
  84. package/dist/engine.d.ts +75 -5
  85. package/dist/engine.d.ts.map +1 -1
  86. package/dist/engine.js +293 -23
  87. package/dist/engine.js.map +1 -1
  88. package/dist/gradient.d.ts +90 -0
  89. package/dist/gradient.d.ts.map +1 -0
  90. package/dist/gradient.js +247 -0
  91. package/dist/gradient.js.map +1 -0
  92. package/dist/haptics.d.ts +21 -0
  93. package/dist/haptics.d.ts.map +1 -0
  94. package/dist/haptics.js +120 -0
  95. package/dist/haptics.js.map +1 -0
  96. package/dist/image-effect-native.d.ts +26 -0
  97. package/dist/image-effect-native.d.ts.map +1 -0
  98. package/dist/image-effect-native.js +73 -0
  99. package/dist/image-effect-native.js.map +1 -0
  100. package/dist/image-effect.d.ts +50 -0
  101. package/dist/image-effect.d.ts.map +1 -0
  102. package/dist/image-effect.js +290 -0
  103. package/dist/image-effect.js.map +1 -0
  104. package/dist/image-owner.d.ts +3 -0
  105. package/dist/image-owner.d.ts.map +1 -0
  106. package/dist/image-owner.js +11 -0
  107. package/dist/image-owner.js.map +1 -0
  108. package/dist/index.d.ts +47 -4
  109. package/dist/index.d.ts.map +1 -1
  110. package/dist/index.js +22 -2
  111. package/dist/index.js.map +1 -1
  112. package/dist/interaction-surface.d.ts +12 -0
  113. package/dist/interaction-surface.d.ts.map +1 -0
  114. package/dist/interaction-surface.js +36 -0
  115. package/dist/interaction-surface.js.map +1 -0
  116. package/dist/items.d.ts +20 -0
  117. package/dist/items.d.ts.map +1 -0
  118. package/dist/items.js +109 -0
  119. package/dist/items.js.map +1 -0
  120. package/dist/keyboard.d.ts +41 -0
  121. package/dist/keyboard.d.ts.map +1 -0
  122. package/dist/keyboard.js +256 -0
  123. package/dist/keyboard.js.map +1 -0
  124. package/dist/label.d.ts +7 -0
  125. package/dist/label.d.ts.map +1 -0
  126. package/dist/label.js +60 -0
  127. package/dist/label.js.map +1 -0
  128. package/dist/layout.d.ts +13 -0
  129. package/dist/layout.d.ts.map +1 -0
  130. package/dist/layout.js +348 -0
  131. package/dist/layout.js.map +1 -0
  132. package/dist/liquid-grid.d.ts +3 -0
  133. package/dist/liquid-grid.d.ts.map +1 -0
  134. package/dist/liquid-grid.js +24 -0
  135. package/dist/liquid-grid.js.map +1 -0
  136. package/dist/liquid.d.ts +18 -0
  137. package/dist/liquid.d.ts.map +1 -0
  138. package/dist/liquid.js +234 -0
  139. package/dist/liquid.js.map +1 -0
  140. package/dist/loader.d.ts +19 -0
  141. package/dist/loader.d.ts.map +1 -0
  142. package/dist/loader.js +173 -0
  143. package/dist/loader.js.map +1 -0
  144. package/dist/motion-scope.d.ts +39 -0
  145. package/dist/motion-scope.d.ts.map +1 -0
  146. package/dist/motion-scope.js +238 -0
  147. package/dist/motion-scope.js.map +1 -0
  148. package/dist/motion-states.d.ts +43 -0
  149. package/dist/motion-states.d.ts.map +1 -0
  150. package/dist/motion-states.js +220 -0
  151. package/dist/motion-states.js.map +1 -0
  152. package/dist/particles.d.ts +39 -0
  153. package/dist/particles.d.ts.map +1 -0
  154. package/dist/particles.js +265 -0
  155. package/dist/particles.js.map +1 -0
  156. package/dist/path.d.ts +12 -0
  157. package/dist/path.d.ts.map +1 -0
  158. package/dist/path.js +90 -0
  159. package/dist/path.js.map +1 -0
  160. package/dist/playback-group.d.ts +6 -0
  161. package/dist/playback-group.d.ts.map +1 -0
  162. package/dist/playback-group.js +141 -0
  163. package/dist/playback-group.js.map +1 -0
  164. package/dist/playback.d.ts +25 -0
  165. package/dist/playback.d.ts.map +1 -0
  166. package/dist/playback.js +35 -0
  167. package/dist/playback.js.map +1 -0
  168. package/dist/press.d.ts.map +1 -1
  169. package/dist/press.js +23 -7
  170. package/dist/press.js.map +1 -1
  171. package/dist/properties.d.ts +6 -3
  172. package/dist/properties.d.ts.map +1 -1
  173. package/dist/properties.js +26 -2
  174. package/dist/properties.js.map +1 -1
  175. package/dist/reveal.d.ts +25 -0
  176. package/dist/reveal.d.ts.map +1 -0
  177. package/dist/reveal.js +294 -0
  178. package/dist/reveal.js.map +1 -0
  179. package/dist/roll-diff.d.ts +22 -0
  180. package/dist/roll-diff.d.ts.map +1 -0
  181. package/dist/roll-diff.js +36 -0
  182. package/dist/roll-diff.js.map +1 -0
  183. package/dist/roll.d.ts +29 -0
  184. package/dist/roll.d.ts.map +1 -0
  185. package/dist/roll.js +442 -0
  186. package/dist/roll.js.map +1 -0
  187. package/dist/scroll-linked.d.ts +10 -0
  188. package/dist/scroll-linked.d.ts.map +1 -0
  189. package/dist/scroll-linked.js +58 -0
  190. package/dist/scroll-linked.js.map +1 -0
  191. package/dist/sequence.d.ts +10 -5
  192. package/dist/sequence.d.ts.map +1 -1
  193. package/dist/sequence.js +208 -14
  194. package/dist/sequence.js.map +1 -1
  195. package/dist/shimmer.d.ts +12 -0
  196. package/dist/shimmer.d.ts.map +1 -0
  197. package/dist/shimmer.js +161 -0
  198. package/dist/shimmer.js.map +1 -0
  199. package/dist/svg-path.d.ts +14 -0
  200. package/dist/svg-path.d.ts.map +1 -0
  201. package/dist/svg-path.js +281 -0
  202. package/dist/svg-path.js.map +1 -0
  203. package/dist/symbol-effect.d.ts +23 -0
  204. package/dist/symbol-effect.d.ts.map +1 -0
  205. package/dist/symbol-effect.js +187 -0
  206. package/dist/symbol-effect.js.map +1 -0
  207. package/dist/text-layout.d.ts +30 -0
  208. package/dist/text-layout.d.ts.map +1 -0
  209. package/dist/text-layout.js +185 -0
  210. package/dist/text-layout.js.map +1 -0
  211. package/dist/text.d.ts +17 -0
  212. package/dist/text.d.ts.map +1 -0
  213. package/dist/text.js +263 -0
  214. package/dist/text.js.map +1 -0
  215. package/dist/track.d.ts +3 -1
  216. package/dist/track.d.ts.map +1 -1
  217. package/dist/track.js +266 -13
  218. package/dist/track.js.map +1 -1
  219. package/dist/transition.d.ts +32 -1
  220. package/dist/transition.d.ts.map +1 -1
  221. package/dist/transition.js +58 -6
  222. package/dist/transition.js.map +1 -1
  223. package/dist/types.d.ts +48 -1
  224. package/dist/types.d.ts.map +1 -1
  225. package/dist/vue/index.d.ts +95 -0
  226. package/dist/vue/index.d.ts.map +1 -0
  227. package/dist/vue/index.js +163 -0
  228. package/dist/vue/index.js.map +1 -0
  229. package/dist/zoom-native.d.ts +30 -0
  230. package/dist/zoom-native.d.ts.map +1 -0
  231. package/dist/zoom-native.js +56 -0
  232. package/dist/zoom-native.js.map +1 -0
  233. package/dist/zoomable.d.ts +48 -0
  234. package/dist/zoomable.d.ts.map +1 -0
  235. package/dist/zoomable.js +249 -0
  236. package/dist/zoomable.js.map +1 -0
  237. package/package.json +29 -5
  238. package/platforms/android/include.gradle +7 -0
  239. package/platforms/android/java/org/rafaelaugusto/jolt/ColorTarget.java +102 -0
  240. package/platforms/android/java/org/rafaelaugusto/jolt/DecorationTarget.java +154 -0
  241. package/platforms/android/java/org/rafaelaugusto/jolt/GradientLayer.java +195 -0
  242. package/platforms/android/java/org/rafaelaugusto/jolt/ImageEffect.java +288 -0
  243. package/platforms/android/java/org/rafaelaugusto/jolt/KeyboardFollower.java +91 -0
  244. package/platforms/android/java/org/rafaelaugusto/jolt/KeyboardObserver.java +97 -0
  245. package/platforms/android/java/org/rafaelaugusto/jolt/NumberRoll.java +190 -0
  246. package/platforms/android/java/org/rafaelaugusto/jolt/PhotoZoom.java +250 -0
  247. package/platforms/android/java/org/rafaelaugusto/jolt/TextReveal.java +180 -0
  248. package/platforms/android/proguard-rules.pro +21 -0
  249. package/platforms/ios/build.xcconfig +1 -0
  250. package/platforms/ios/src/JoltImageEffect.h +25 -0
  251. package/platforms/ios/src/JoltImageEffect.mm +242 -0
  252. package/platforms/ios/src/JoltInteractiveAnimation.h +18 -0
  253. package/platforms/ios/src/JoltInteractiveAnimation.m +123 -0
  254. package/platforms/ios/src/JoltPhotoZoom.h +23 -0
  255. package/platforms/ios/src/JoltPhotoZoom.m +229 -0
  256. package/platforms/ios/src/module.modulemap +6 -0
  257. package/src/android-plugin.d.ts +184 -0
  258. package/src/animate.ts +249 -36
  259. package/src/color.ts +101 -0
  260. package/src/config.ts +84 -0
  261. package/src/decay.ts +45 -0
  262. package/src/decoration.ts +180 -0
  263. package/src/drag-input.ts +74 -0
  264. package/src/drag-physics.ts +110 -0
  265. package/src/drag.ts +395 -0
  266. package/src/driver/android-color.ts +170 -0
  267. package/src/driver/android-decoration.ts +182 -0
  268. package/src/driver/android-gradient.ts +109 -0
  269. package/src/driver/android-playback.ts +157 -0
  270. package/src/driver/android.ts +208 -20
  271. package/src/driver/index.ts +37 -2
  272. package/src/driver/ios-color.ts +441 -0
  273. package/src/driver/ios-decoration.ts +332 -0
  274. package/src/driver/ios-gradient.ts +114 -0
  275. package/src/driver/ios-layout.ts +63 -0
  276. package/src/driver/ios-playback.ts +51 -0
  277. package/src/driver/ios-shadow.ts +50 -0
  278. package/src/driver/ios.ts +193 -33
  279. package/src/engine.ts +321 -27
  280. package/src/gradient.ts +372 -0
  281. package/src/haptics.ts +148 -0
  282. package/src/image-effect-native.ts +129 -0
  283. package/src/image-effect.ts +336 -0
  284. package/src/image-owner.ts +12 -0
  285. package/src/index.ts +75 -4
  286. package/src/interaction-surface.ts +41 -0
  287. package/src/ios-plugin.d.ts +81 -0
  288. package/src/items.ts +140 -0
  289. package/src/keyboard.ts +291 -0
  290. package/src/label.ts +76 -0
  291. package/src/layout.ts +408 -0
  292. package/src/liquid-grid.ts +28 -0
  293. package/src/liquid.ts +287 -0
  294. package/src/loader.ts +202 -0
  295. package/src/motion-scope.ts +279 -0
  296. package/src/motion-states.ts +269 -0
  297. package/src/particles.ts +323 -0
  298. package/src/path.ts +124 -0
  299. package/src/playback-group.ts +143 -0
  300. package/src/playback.ts +62 -0
  301. package/src/press.ts +26 -10
  302. package/src/properties.ts +32 -6
  303. package/src/reveal.ts +374 -0
  304. package/src/roll-diff.ts +57 -0
  305. package/src/roll.ts +515 -0
  306. package/src/scroll-linked.ts +73 -0
  307. package/src/sequence.ts +204 -14
  308. package/src/shimmer.ts +180 -0
  309. package/src/svg-path.ts +355 -0
  310. package/src/symbol-effect.ts +226 -0
  311. package/src/text-layout.ts +228 -0
  312. package/src/text.ts +279 -0
  313. package/src/track.ts +347 -12
  314. package/src/transition.ts +93 -6
  315. package/src/types.ts +49 -1
  316. package/src/vue/index.ts +231 -0
  317. package/src/zoom-native.ts +124 -0
  318. package/src/zoomable.ts +330 -0
package/dist/layout.js ADDED
@@ -0,0 +1,348 @@
1
+ import { Application } from '@nativescript/core';
2
+ import { prepareAnimation, toView } from './animate.js';
3
+ import { getDriver } from './driver/index.js';
4
+ import { captureValue, propertyRevision, arrivalOf, setArrival, } from './engine.js';
5
+ import { interactionSurface } from './interaction-surface.js';
6
+ import { readValue, writeValue } from './properties.js';
7
+ import { springs } from './transition.js';
8
+ const pending = new WeakMap();
9
+ const playing = new WeakMap();
10
+ const properties = ['x', 'y', 'scaleX', 'scaleY'];
11
+ export function animateLayout(container, changeOrOptions, options) {
12
+ const host = toView(container);
13
+ const change = typeof changeOrOptions === 'function' ? changeOrOptions : undefined;
14
+ const input = change ? options : changeOrOptions;
15
+ const { size = 'scale', enter = true, ...transition } = normalize(input);
16
+ // Validate the complete transition before changing children or cancelling an earlier request.
17
+ prepareAnimation(host, { x: [0, 1], y: [0, 1], scaleX: [1, 2], scaleY: [1, 2], opacity: [0, 1] }, transition);
18
+ const driver = getDriver();
19
+ const before = new Map();
20
+ const ready = laidOut(host);
21
+ if (ready)
22
+ for (const child of childrenOf(host)) {
23
+ const frame = frameOf(child);
24
+ if (frame)
25
+ before.set(child, {
26
+ frame,
27
+ originX: child.originX,
28
+ originY: child.originY,
29
+ rotate: child.rotate,
30
+ rotateX: child.rotateX,
31
+ rotateY: child.rotateY,
32
+ values: {
33
+ x: captureValue(child, 'x'),
34
+ y: captureValue(child, 'y'),
35
+ scaleX: captureValue(child, 'scaleX'),
36
+ scaleY: captureValue(child, 'scaleY'),
37
+ },
38
+ });
39
+ }
40
+ let resolve;
41
+ let reject;
42
+ const finished = new Promise((done, fail) => {
43
+ resolve = done;
44
+ reject = fail;
45
+ });
46
+ let arrive;
47
+ const arrival = new Promise((done) => (arrive = done));
48
+ const owned = [];
49
+ let settled = false;
50
+ let detach;
51
+ const cleanup = () => {
52
+ detach?.();
53
+ detach = undefined;
54
+ host.off('unloaded', stop);
55
+ Application.off(Application.suspendEvent, stop);
56
+ if (pending.get(host) === handle)
57
+ pending.delete(host);
58
+ const active = playing.get(host);
59
+ active?.delete(handle);
60
+ if (!active?.size)
61
+ playing.delete(host);
62
+ before.clear();
63
+ owned.forEach((child) => child.detach());
64
+ arrive();
65
+ };
66
+ const complete = (result, error) => {
67
+ if (settled)
68
+ return;
69
+ settled = true;
70
+ cleanup();
71
+ if (error !== undefined)
72
+ reject(error);
73
+ else
74
+ resolve(result);
75
+ };
76
+ // A cancelled FLIP settles into the real layout rather than leaving a temporary inverse offset.
77
+ // The engine marker protects any animation that took ownership after this operation.
78
+ const restoreOne = ({ view, handle: child, targets }) => {
79
+ const current = targets.filter((target) => propertyRevision(view, target.property) === target.token);
80
+ child.stop();
81
+ for (const target of current)
82
+ if (propertyRevision(view, target.property) === target.token)
83
+ writeValue(view, target.property, target.value);
84
+ if (current.length)
85
+ driver.sync?.(view);
86
+ };
87
+ const restore = () => {
88
+ owned.forEach(restoreOne);
89
+ };
90
+ function stop() {
91
+ if (settled)
92
+ return;
93
+ restore();
94
+ complete(false);
95
+ }
96
+ const handle = {
97
+ finished,
98
+ stop,
99
+ then: (onfulfilled, onrejected) => finished.then(onfulfilled, onrejected),
100
+ };
101
+ setArrival(handle, arrival);
102
+ const run = () => {
103
+ if (settled)
104
+ return;
105
+ detach?.();
106
+ detach = undefined;
107
+ if (!laidOut(host)) {
108
+ stop();
109
+ return;
110
+ }
111
+ if (pending.get(host) === handle)
112
+ pending.delete(host);
113
+ const previous = [...(playing.get(host) ?? [])];
114
+ try {
115
+ const prepared = [];
116
+ for (const child of childrenOf(host)) {
117
+ const now = frameOf(child);
118
+ if (!now)
119
+ continue;
120
+ const was = before.get(child);
121
+ const frames = was
122
+ ? inverse(child, was, now, size)
123
+ : enter
124
+ ? { opacity: [0, child.opacity] }
125
+ : undefined;
126
+ if (frames && Object.keys(frames).length)
127
+ prepared.push({
128
+ view: child,
129
+ frames,
130
+ start: prepareAnimation(child, frames, transition),
131
+ });
132
+ }
133
+ before.clear();
134
+ // Selection lasts only for starting these tracks; their native geometry driver stays until completion.
135
+ for (const { view, frames, start } of prepared) {
136
+ const surface = interactionSurface(view);
137
+ try {
138
+ const child = start();
139
+ const targets = Object.entries(frames).map(([property, frames]) => ({
140
+ property: property,
141
+ value: frames.at(-1),
142
+ token: propertyRevision(view, property),
143
+ }));
144
+ const item = {
145
+ view,
146
+ handle: child,
147
+ targets,
148
+ detach: () => view.off('unloaded', unloaded),
149
+ };
150
+ const unloaded = () => {
151
+ item.detach();
152
+ if (!settled)
153
+ restoreOne(item);
154
+ };
155
+ // Keyed reorder may unload/reinsert the same native view. Do not persist its FLIP offset.
156
+ view.on('unloaded', unloaded);
157
+ owned.push(item);
158
+ }
159
+ finally {
160
+ surface.dispose();
161
+ }
162
+ }
163
+ const active = playing.get(host) ?? new Set();
164
+ active.add(handle);
165
+ playing.set(host, active);
166
+ // Replacements start before old handles stop so the engine can transfer velocity.
167
+ for (const old of previous)
168
+ old.stop();
169
+ void Promise.all(owned.map(({ handle }) => arrivalOf(handle))).then(arrive);
170
+ void Promise.all(owned.map(({ handle }) => handle.finished)).then((results) => complete(results.every(Boolean)), (error) => {
171
+ restore();
172
+ complete(false, error);
173
+ });
174
+ }
175
+ catch (error) {
176
+ restore();
177
+ complete(false, error);
178
+ }
179
+ };
180
+ pending.get(host)?.stop();
181
+ pending.set(host, handle);
182
+ host.on('unloaded', stop);
183
+ Application.on(Application.suspendEvent, stop);
184
+ try {
185
+ const result = change?.();
186
+ if (result && typeof result.then === 'function') {
187
+ void Promise.resolve(result).catch(() => { });
188
+ throw new TypeError('Layout mutations must be synchronous. Call animateLayout after awaited work.');
189
+ }
190
+ if (!settled) {
191
+ if (!ready || !laidOut(host))
192
+ complete(true);
193
+ else {
194
+ if (!driver.afterLayout || !driver.layoutFrame)
195
+ throw new Error('The animation driver does not support layout changes.');
196
+ detach = driver.afterLayout(host, run);
197
+ // Always request a pass, including a no-op mutation: no arbitrary timer or hanging wait.
198
+ host.requestLayout();
199
+ }
200
+ }
201
+ }
202
+ catch (error) {
203
+ stop();
204
+ throw error;
205
+ }
206
+ return handle;
207
+ }
208
+ function normalize(input) {
209
+ if (typeof input === 'string') {
210
+ if (!Object.hasOwn(springs, input))
211
+ throw new TypeError(`Unknown layout spring "${input}".`);
212
+ return normalize({ ...springs[input] });
213
+ }
214
+ if (input === undefined)
215
+ return {};
216
+ if (!input || typeof input !== 'object' || Array.isArray(input))
217
+ throw new TypeError('Invalid layout options.');
218
+ const allowed = new Set([
219
+ 'type',
220
+ 'duration',
221
+ 'ease',
222
+ 'times',
223
+ 'stiffness',
224
+ 'damping',
225
+ 'mass',
226
+ 'bounce',
227
+ 'velocity',
228
+ 'delay',
229
+ 'size',
230
+ 'enter',
231
+ ]);
232
+ for (const key of Object.keys(input))
233
+ if (!allowed.has(key))
234
+ throw new TypeError(`Unsupported layout option "${key}".`);
235
+ if (input.size !== undefined && input.size !== false && input.size !== 'scale')
236
+ throw new TypeError('Layout size must be "scale" or false.');
237
+ if (input.enter !== undefined && typeof input.enter !== 'boolean')
238
+ throw new TypeError('Layout enter must be boolean.');
239
+ if (input.type !== undefined && input.type !== 'spring' && input.type !== 'tween')
240
+ throw new TypeError('Layout type must be "spring" or "tween".');
241
+ const numbers = input;
242
+ for (const key of [
243
+ 'duration',
244
+ 'delay',
245
+ 'stiffness',
246
+ 'damping',
247
+ 'mass',
248
+ 'bounce',
249
+ 'velocity',
250
+ ]) {
251
+ const value = numbers[key];
252
+ if (value !== undefined && (typeof value !== 'number' || !Number.isFinite(value)))
253
+ throw new RangeError(`Layout ${key} must be finite.`);
254
+ if (typeof value === 'number') {
255
+ if (['duration', 'delay', 'damping'].includes(key) && value < 0)
256
+ throw new RangeError(`Layout ${key} must be nonnegative.`);
257
+ if (['stiffness', 'mass'].includes(key) && value <= 0)
258
+ throw new RangeError(`Layout ${key} must be positive.`);
259
+ if (key === 'bounce' && (value < -1 || value > 1))
260
+ throw new RangeError('Layout bounce must be between -1 and 1.');
261
+ }
262
+ }
263
+ const physical = ['stiffness', 'damping', 'mass'].some((key) => numbers[key] !== undefined);
264
+ const spring = input.type === 'spring' ||
265
+ (input.type !== 'tween' &&
266
+ ['bounce', 'velocity', 'stiffness', 'damping', 'mass'].some((key) => numbers[key] !== undefined));
267
+ if (spring && !physical && input.duration === 0)
268
+ throw new RangeError('A duration-based layout spring must have positive duration; use a zero-duration tween to settle immediately.');
269
+ const result = { ...input };
270
+ if ('ease' in result && Array.isArray(result.ease))
271
+ result.ease = [...result.ease];
272
+ if ('times' in result && result.times)
273
+ result.times = [...result.times];
274
+ return result;
275
+ }
276
+ function inverse(view, was, now, size) {
277
+ // Origin/rotation changes require a different affine transform, not a translation/scale FLIP.
278
+ if (view.originX !== was.originX ||
279
+ view.originY !== was.originY ||
280
+ view.rotate !== was.rotate ||
281
+ was.rotateX ||
282
+ was.rotateY ||
283
+ view.rotateX ||
284
+ view.rotateY)
285
+ return undefined;
286
+ const frames = {};
287
+ const width = was.frame.width - now.width, height = was.frame.height - now.height;
288
+ const resized = Math.abs(width) > 0.25 || Math.abs(height) > 0.25;
289
+ for (const property of properties) {
290
+ const current = was.values[property]();
291
+ if (current === undefined)
292
+ continue; // A newer explicit animation owns this property.
293
+ let start;
294
+ if (property === 'x')
295
+ start =
296
+ was.frame.x -
297
+ now.x +
298
+ current +
299
+ (size === 'scale' && resized ? width * was.originX : 0);
300
+ else if (property === 'y')
301
+ start =
302
+ was.frame.y -
303
+ now.y +
304
+ current +
305
+ (size === 'scale' && resized ? height * was.originY : 0);
306
+ else {
307
+ if (size !== 'scale')
308
+ continue;
309
+ start =
310
+ current *
311
+ (property === 'scaleX'
312
+ ? was.frame.width / now.width
313
+ : was.frame.height / now.height);
314
+ }
315
+ const end = readValue(view, property);
316
+ if (Math.abs(start - end) > (property.startsWith('scale') ? 0.0001 : 0.25))
317
+ frames[property] = [start, end];
318
+ }
319
+ return frames;
320
+ }
321
+ function laidOut(view) {
322
+ if (!view.isLoaded || !view.nativeViewProtected)
323
+ return false;
324
+ for (let current = view; current; current = current.parent)
325
+ if (current.isCollapsed)
326
+ return false;
327
+ return true;
328
+ }
329
+ function frameOf(view) {
330
+ if (!laidOut(view))
331
+ return undefined;
332
+ const frame = getDriver().layoutFrame?.(view);
333
+ return frame &&
334
+ Object.values(frame).every(Number.isFinite) &&
335
+ frame.width > 0 &&
336
+ frame.height > 0
337
+ ? frame
338
+ : undefined;
339
+ }
340
+ function childrenOf(host) {
341
+ const children = [];
342
+ host.eachChildView((child) => {
343
+ children.push(child);
344
+ return true;
345
+ });
346
+ return children;
347
+ }
348
+ //# sourceMappingURL=layout.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"layout.js","sourceRoot":"","sources":["../src/layout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAa,MAAM,oBAAoB,CAAA;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACvD,OAAO,EAAE,SAAS,EAAoB,MAAM,mBAAmB,CAAA;AAC/D,OAAO,EACL,YAAY,EACZ,gBAAgB,EAChB,SAAS,EACT,UAAU,GAEX,MAAM,aAAa,CAAA;AACpB,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAA;AAC7D,OAAO,EAAE,SAAS,EAAE,UAAU,EAAwB,MAAM,iBAAiB,CAAA;AAC7E,OAAO,EAAE,OAAO,EAA4C,MAAM,iBAAiB,CAAA;AA4BnF,MAAM,OAAO,GAAG,IAAI,OAAO,EAAmB,CAAA;AAC9C,MAAM,OAAO,GAAG,IAAI,OAAO,EAAwB,CAAA;AACnD,MAAM,UAAU,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,CAAU,CAAA;AAY1D,MAAM,UAAU,aAAa,CAC3B,SAAiB,EACjB,eAA2D,EAC3D,OAAoC;IAEpC,MAAM,IAAI,GAAG,MAAM,CAAC,SAAS,CAAC,CAAA;IAC9B,MAAM,MAAM,GAAG,OAAO,eAAe,KAAK,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,CAAA;IAClF,MAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,eAAe,CAAA;IAChD,MAAM,EACJ,IAAI,GAAG,OAAO,EACd,KAAK,GAAG,IAAI,EACZ,GAAG,UAAU,EACd,GAAG,SAAS,CAAC,KAA+C,CAAC,CAAA;IAC9D,8FAA8F;IAC9F,gBAAgB,CACd,IAAI,EACJ,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EACzE,UAAU,CACX,CAAA;IACD,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,MAAM,GAAG,IAAI,GAAG,EAAkB,CAAA;IACxC,MAAM,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IAC3B,IAAI,KAAK;QACP,KAAK,MAAM,KAAK,IAAI,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;YACrC,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,CAAA;YAC5B,IAAI,KAAK;gBACP,MAAM,CAAC,GAAG,CAAC,KAAK,EAAE;oBAChB,KAAK;oBACL,OAAO,EAAE,KAAK,CAAC,OAAO;oBACtB,OAAO,EAAE,KAAK,CAAC,OAAO;oBACtB,MAAM,EAAE,KAAK,CAAC,MAAM;oBACpB,OAAO,EAAE,KAAK,CAAC,OAAO;oBACtB,OAAO,EAAE,KAAK,CAAC,OAAO;oBACtB,MAAM,EAAE;wBACN,CAAC,EAAE,YAAY,CAAC,KAAK,EAAE,GAAG,CAAC;wBAC3B,CAAC,EAAE,YAAY,CAAC,KAAK,EAAE,GAAG,CAAC;wBAC3B,MAAM,EAAE,YAAY,CAAC,KAAK,EAAE,QAAQ,CAAC;wBACrC,MAAM,EAAE,YAAY,CAAC,KAAK,EAAE,QAAQ,CAAC;qBACtC;iBACF,CAAC,CAAA;QACN,CAAC;IAEH,IAAI,OAAqC,CAAA;IACzC,IAAI,MAAiC,CAAA;IACrC,MAAM,QAAQ,GAAG,IAAI,OAAO,CAAU,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE;QACnD,OAAO,GAAG,IAAI,CAAA;QACd,MAAM,GAAG,IAAI,CAAA;IACf,CAAC,CAAC,CAAA;IACF,IAAI,MAAmB,CAAA;IACvB,MAAM,OAAO,GAAG,IAAI,OAAO,CAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAA;IAC5D,MAAM,KAAK,GAAY,EAAE,CAAA;IACzB,IAAI,OAAO,GAAG,KAAK,CAAA;IACnB,IAAI,MAAgC,CAAA;IACpC,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,MAAM,EAAE,EAAE,CAAA;QACV,MAAM,GAAG,SAAS,CAAA;QAClB,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC,CAAA;QAC1B,WAAW,CAAC,GAAG,CAAC,WAAW,CAAC,YAAY,EAAE,IAAI,CAAC,CAAA;QAC/C,IAAI,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,MAAM;YAAE,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;QACtD,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;QAChC,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,CAAA;QACtB,IAAI,CAAC,MAAM,EAAE,IAAI;YAAE,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;QACvC,MAAM,CAAC,KAAK,EAAE,CAAA;QACd,KAAK,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,CAAA;QACxC,MAAM,EAAE,CAAA;IACV,CAAC,CAAA;IACD,MAAM,QAAQ,GAAG,CAAC,MAAe,EAAE,KAAe,EAAE,EAAE;QACpD,IAAI,OAAO;YAAE,OAAM;QACnB,OAAO,GAAG,IAAI,CAAA;QACd,OAAO,EAAE,CAAA;QACT,IAAI,KAAK,KAAK,SAAS;YAAE,MAAM,CAAC,KAAK,CAAC,CAAA;;YACjC,OAAO,CAAC,MAAM,CAAC,CAAA;IACtB,CAAC,CAAA;IACD,gGAAgG;IAChG,qFAAqF;IACrF,MAAM,UAAU,GAAG,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAS,EAAE,EAAE;QAC7D,MAAM,OAAO,GAAG,OAAO,CAAC,MAAM,CAC5B,CAAC,MAAM,EAAE,EAAE,CAAC,gBAAgB,CAAC,IAAI,EAAE,MAAM,CAAC,QAAQ,CAAC,KAAK,MAAM,CAAC,KAAK,CACrE,CAAA;QACD,KAAK,CAAC,IAAI,EAAE,CAAA;QACZ,KAAK,MAAM,MAAM,IAAI,OAAO;YAC1B,IAAI,gBAAgB,CAAC,IAAI,EAAE,MAAM,CAAC,QAAQ,CAAC,KAAK,MAAM,CAAC,KAAK;gBAC1D,UAAU,CAAC,IAAI,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC,CAAA;QACnD,IAAI,OAAO,CAAC,MAAM;YAAE,MAAM,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC,CAAA;IACzC,CAAC,CAAA;IACD,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,CAAA;IAC3B,CAAC,CAAA;IACD,SAAS,IAAI;QACX,IAAI,OAAO;YAAE,OAAM;QACnB,OAAO,EAAE,CAAA;QACT,QAAQ,CAAC,KAAK,CAAC,CAAA;IACjB,CAAC;IACD,MAAM,MAAM,GAAc;QACxB,QAAQ;QACR,IAAI;QACJ,IAAI,EAAE,CAAC,WAAW,EAAE,UAAU,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC;KAC1E,CAAA;IACD,UAAU,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC3B,MAAM,GAAG,GAAG,GAAG,EAAE;QACf,IAAI,OAAO;YAAE,OAAM;QACnB,MAAM,EAAE,EAAE,CAAA;QACV,MAAM,GAAG,SAAS,CAAA;QAClB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;YACnB,IAAI,EAAE,CAAA;YACN,OAAM;QACR,CAAC;QACD,IAAI,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,MAAM;YAAE,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;QACtD,MAAM,QAAQ,GAAG,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAA;QAC/C,IAAI,CAAC;YACH,MAAM,QAAQ,GAAgE,EAAE,CAAA;YAChF,KAAK,MAAM,KAAK,IAAI,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;gBACrC,MAAM,GAAG,GAAG,OAAO,CAAC,KAAK,CAAC,CAAA;gBAC1B,IAAI,CAAC,GAAG;oBAAE,SAAQ;gBAClB,MAAM,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;gBAC7B,MAAM,MAAM,GAAG,GAAG;oBAChB,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC;oBAChC,CAAC,CAAC,KAAK;wBACL,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE;wBACjC,CAAC,CAAC,SAAS,CAAA;gBACf,IAAI,MAAM,IAAI,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM;oBACtC,QAAQ,CAAC,IAAI,CAAC;wBACZ,IAAI,EAAE,KAAK;wBACX,MAAM;wBACN,KAAK,EAAE,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,CAAC;qBACnD,CAAC,CAAA;YACN,CAAC;YACD,MAAM,CAAC,KAAK,EAAE,CAAA;YACd,uGAAuG;YACvG,KAAK,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,QAAQ,EAAE,CAAC;gBAC/C,MAAM,OAAO,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAA;gBACxC,IAAI,CAAC;oBACH,MAAM,KAAK,GAAG,KAAK,EAAE,CAAA;oBACrB,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE,MAAM,CAAC,EAAE,EAAE,CAAC,CAAC;wBAClE,QAAQ,EAAE,QAA2B;wBACrC,KAAK,EAAG,MAAmB,CAAC,EAAE,CAAC,CAAC,CAAC,CAAE;wBACnC,KAAK,EAAE,gBAAgB,CAAC,IAAI,EAAE,QAA2B,CAAC;qBAC3D,CAAC,CAAC,CAAA;oBACH,MAAM,IAAI,GAAU;wBAClB,IAAI;wBACJ,MAAM,EAAE,KAAK;wBACb,OAAO;wBACP,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,QAAQ,CAAC;qBAC7C,CAAA;oBACD,MAAM,QAAQ,GAAG,GAAG,EAAE;wBACpB,IAAI,CAAC,MAAM,EAAE,CAAA;wBACb,IAAI,CAAC,OAAO;4BAAE,UAAU,CAAC,IAAI,CAAC,CAAA;oBAChC,CAAC,CAAA;oBACD,0FAA0F;oBAC1F,IAAI,CAAC,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAA;oBAC7B,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;gBAClB,CAAC;wBAAS,CAAC;oBACT,OAAO,CAAC,OAAO,EAAE,CAAA;gBACnB,CAAC;YACH,CAAC;YACD,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,IAAI,GAAG,EAAa,CAAA;YACxD,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;YAClB,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;YACzB,kFAAkF;YAClF,KAAK,MAAM,GAAG,IAAI,QAAQ;gBAAE,GAAG,CAAC,IAAI,EAAE,CAAA;YACtC,KAAK,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;YAC3E,KAAK,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAC/D,CAAC,OAAO,EAAE,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,EAC7C,CAAC,KAAK,EAAE,EAAE;gBACR,OAAO,EAAE,CAAA;gBACT,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA;YACxB,CAAC,CACF,CAAA;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,EAAE,CAAA;YACT,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA;QACxB,CAAC;IACH,CAAC,CAAA;IAED,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAA;IACzB,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;IACzB,IAAI,CAAC,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC,CAAA;IACzB,WAAW,CAAC,EAAE,CAAC,WAAW,CAAC,YAAY,EAAE,IAAI,CAAC,CAAA;IAC9C,IAAI,CAAC;QACH,MAAM,MAAM,GAAG,MAAM,EAAE,EAAa,CAAA;QACpC,IAAI,MAAM,IAAI,OAAQ,MAA+B,CAAC,IAAI,KAAK,UAAU,EAAE,CAAC;YAC1E,KAAK,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAA;YAC5C,MAAM,IAAI,SAAS,CACjB,8EAA8E,CAC/E,CAAA;QACH,CAAC;QACD,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,IAAI,CAAC,KAAK,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;gBAAE,QAAQ,CAAC,IAAI,CAAC,CAAA;iBACvC,CAAC;gBACJ,IAAI,CAAC,MAAM,CAAC,WAAW,IAAI,CAAC,MAAM,CAAC,WAAW;oBAC5C,MAAM,IAAI,KAAK,CAAC,uDAAuD,CAAC,CAAA;gBAC1E,MAAM,GAAG,MAAM,CAAC,WAAW,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA;gBACtC,yFAAyF;gBACzF,IAAI,CAAC,aAAa,EAAE,CAAA;YACtB,CAAC;QACH,CAAC;IACH,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,IAAI,EAAE,CAAA;QACN,MAAM,KAAK,CAAA;IACb,CAAC;IACD,OAAO,MAAM,CAAA;AACf,CAAC;AAED,SAAS,SAAS,CAAC,KAA6C;IAC9D,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC9B,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC;YAChC,MAAM,IAAI,SAAS,CAAC,0BAA0B,KAAK,IAAI,CAAC,CAAA;QAC1D,OAAO,SAAS,CAAC,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;IACzC,CAAC;IACD,IAAI,KAAK,KAAK,SAAS;QAAE,OAAO,EAAE,CAAA;IAClC,IAAI,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;QAC7D,MAAM,IAAI,SAAS,CAAC,yBAAyB,CAAC,CAAA;IAChD,MAAM,OAAO,GAAG,IAAI,GAAG,CAAC;QACtB,MAAM;QACN,UAAU;QACV,MAAM;QACN,OAAO;QACP,WAAW;QACX,SAAS;QACT,MAAM;QACN,QAAQ;QACR,UAAU;QACV,OAAO;QACP,MAAM;QACN,OAAO;KACR,CAAC,CAAA;IACF,KAAK,MAAM,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;QAClC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC;YAAE,MAAM,IAAI,SAAS,CAAC,8BAA8B,GAAG,IAAI,CAAC,CAAA;IACnF,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,IAAI,KAAK,CAAC,IAAI,KAAK,KAAK,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO;QAC5E,MAAM,IAAI,SAAS,CAAC,uCAAuC,CAAC,CAAA;IAC9D,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,IAAI,OAAO,KAAK,CAAC,KAAK,KAAK,SAAS;QAC/D,MAAM,IAAI,SAAS,CAAC,+BAA+B,CAAC,CAAA;IACtD,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO;QAC/E,MAAM,IAAI,SAAS,CAAC,0CAA0C,CAAC,CAAA;IACjE,MAAM,OAAO,GAAG,KAAgC,CAAA;IAChD,KAAK,MAAM,GAAG,IAAI;QAChB,UAAU;QACV,OAAO;QACP,WAAW;QACX,SAAS;QACT,MAAM;QACN,QAAQ;QACR,UAAU;KACX,EAAE,CAAC;QACF,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,CAAA;QAC1B,IAAI,KAAK,KAAK,SAAS,IAAI,CAAC,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;YAC/E,MAAM,IAAI,UAAU,CAAC,UAAU,GAAG,kBAAkB,CAAC,CAAA;QACvD,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YAC9B,IAAI,CAAC,UAAU,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,KAAK,GAAG,CAAC;gBAC7D,MAAM,IAAI,UAAU,CAAC,UAAU,GAAG,uBAAuB,CAAC,CAAA;YAC5D,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,KAAK,IAAI,CAAC;gBACnD,MAAM,IAAI,UAAU,CAAC,UAAU,GAAG,oBAAoB,CAAC,CAAA;YACzD,IAAI,GAAG,KAAK,QAAQ,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC;gBAC/C,MAAM,IAAI,UAAU,CAAC,yCAAyC,CAAC,CAAA;QACnE,CAAC;IACH,CAAC;IACD,MAAM,QAAQ,GAAG,CAAC,WAAW,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC,IAAI,CACpD,CAAC,GAAG,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,SAAS,CACpC,CAAA;IACD,MAAM,MAAM,GACV,KAAK,CAAC,IAAI,KAAK,QAAQ;QACvB,CAAC,KAAK,CAAC,IAAI,KAAK,OAAO;YACrB,CAAC,QAAQ,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC,IAAI,CACzD,CAAC,GAAG,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,SAAS,CACpC,CAAC,CAAA;IACN,IAAI,MAAM,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,KAAK,CAAC;QAC7C,MAAM,IAAI,UAAU,CAClB,8GAA8G,CAC/G,CAAA;IACH,MAAM,MAAM,GAAG,EAAE,GAAG,KAAK,EAAE,CAAA;IAC3B,IAAI,MAAM,IAAI,MAAM,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC;QAAE,MAAM,CAAC,IAAI,GAAG,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;IAClF,IAAI,OAAO,IAAI,MAAM,IAAI,MAAM,CAAC,KAAK;QAAE,MAAM,CAAC,KAAK,GAAG,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IACvE,OAAO,MAAM,CAAA;AACf,CAAC;AAED,SAAS,OAAO,CACd,IAAU,EACV,GAAa,EACb,GAAgB,EAChB,IAA2B;IAE3B,8FAA8F;IAC9F,IACE,IAAI,CAAC,OAAO,KAAK,GAAG,CAAC,OAAO;QAC5B,IAAI,CAAC,OAAO,KAAK,GAAG,CAAC,OAAO;QAC5B,IAAI,CAAC,MAAM,KAAK,GAAG,CAAC,MAAM;QAC1B,GAAG,CAAC,OAAO;QACX,GAAG,CAAC,OAAO;QACX,IAAI,CAAC,OAAO;QACZ,IAAI,CAAC,OAAO;QAEZ,OAAO,SAAS,CAAA;IAClB,MAAM,MAAM,GAAc,EAAE,CAAA;IAC5B,MAAM,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC,KAAK,EACvC,MAAM,GAAG,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,CAAC,MAAM,CAAA;IACxC,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,IAAI,IAAI,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,IAAI,CAAA;IACjE,KAAK,MAAM,QAAQ,IAAI,UAAU,EAAE,CAAC;QAClC,MAAM,OAAO,GAAG,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAA;QACtC,IAAI,OAAO,KAAK,SAAS;YAAE,SAAQ,CAAC,iDAAiD;QACrF,IAAI,KAAa,CAAA;QACjB,IAAI,QAAQ,KAAK,GAAG;YAClB,KAAK;gBACH,GAAG,CAAC,KAAK,CAAC,CAAC;oBACX,GAAG,CAAC,CAAC;oBACL,OAAO;oBACP,CAAC,IAAI,KAAK,OAAO,IAAI,OAAO,CAAC,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;aACtD,IAAI,QAAQ,KAAK,GAAG;YACvB,KAAK;gBACH,GAAG,CAAC,KAAK,CAAC,CAAC;oBACX,GAAG,CAAC,CAAC;oBACL,OAAO;oBACP,CAAC,IAAI,KAAK,OAAO,IAAI,OAAO,CAAC,CAAC,CAAC,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;aACvD,CAAC;YACJ,IAAI,IAAI,KAAK,OAAO;gBAAE,SAAQ;YAC9B,KAAK;gBACH,OAAO;oBACP,CAAC,QAAQ,KAAK,QAAQ;wBACpB,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC,KAAK;wBAC7B,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC,CAAA;QACtC,CAAC;QACD,MAAM,GAAG,GAAG,SAAS,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAA;QACrC,IAAI,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,CAAC,QAAQ,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;YACxE,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,CAAA;IACnC,CAAC;IACD,OAAO,MAAM,CAAA;AACf,CAAC;AACD,SAAS,OAAO,CAAC,IAAU;IACzB,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,mBAAmB;QAAE,OAAO,KAAK,CAAA;IAC7D,KACE,IAAI,OAAO,GAAqB,IAAI,EACpC,OAAO,EACP,OAAO,GAAG,OAAO,CAAC,MAA0B;QAE5C,IAAI,OAAO,CAAC,WAAW;YAAE,OAAO,KAAK,CAAA;IACvC,OAAO,IAAI,CAAA;AACb,CAAC;AACD,SAAS,OAAO,CAAC,IAAU;IACzB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;QAAE,OAAO,SAAS,CAAA;IACpC,MAAM,KAAK,GAAG,SAAS,EAAE,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,CAAA;IAC7C,OAAO,KAAK;QACV,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC;QAC3C,KAAK,CAAC,KAAK,GAAG,CAAC;QACf,KAAK,CAAC,MAAM,GAAG,CAAC;QAChB,CAAC,CAAC,KAAK;QACP,CAAC,CAAC,SAAS,CAAA;AACf,CAAC;AACD,SAAS,UAAU,CAAC,IAAU;IAC5B,MAAM,QAAQ,GAAW,EAAE,CAAA;IAC3B,IAAI,CAAC,aAAa,CAAC,CAAC,KAAK,EAAE,EAAE;QAC3B,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QACpB,OAAO,IAAI,CAAA;IACb,CAAC,CAAC,CAAA;IACF,OAAO,QAAQ,CAAA;AACjB,CAAC"}
@@ -0,0 +1,3 @@
1
+ /** A periodic displacement field. The fixed boundary keeps transparent edges in bounds. */
2
+ export declare function liquidGrid(columns: number, rows: number, phase: number, intensity: number): Float32Array<ArrayBuffer>;
3
+ //# sourceMappingURL=liquid-grid.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"liquid-grid.d.ts","sourceRoot":"","sources":["../src/liquid-grid.ts"],"names":[],"mappings":"AAAA,2FAA2F;AAC3F,wBAAgB,UAAU,CACxB,OAAO,EAAE,MAAM,EACf,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,EACb,SAAS,EAAE,MAAM,6BAsBlB"}
@@ -0,0 +1,24 @@
1
+ /** A periodic displacement field. The fixed boundary keeps transparent edges in bounds. */
2
+ export function liquidGrid(columns, rows, phase, intensity) {
3
+ const positions = new Float32Array((columns + 1) * (rows + 1) * 2);
4
+ const t = phase * Math.PI * 2;
5
+ let index = 0;
6
+ for (let row = 0; row <= rows; row++) {
7
+ const y = row / rows;
8
+ for (let column = 0; column <= columns; column++) {
9
+ const x = column / columns;
10
+ const edge = Math.sin(Math.PI * x) ** 2 * Math.sin(Math.PI * y) ** 2;
11
+ const amount = 0.055 * intensity * edge;
12
+ positions[index++] =
13
+ x +
14
+ amount *
15
+ (Math.sin(Math.PI * 2 * y + t) + 0.4 * Math.sin(Math.PI * 2 * (x + y) - 2 * t));
16
+ positions[index++] =
17
+ y +
18
+ amount *
19
+ (Math.cos(Math.PI * 2 * x - t) + 0.4 * Math.cos(Math.PI * 2 * (x - y) + 2 * t));
20
+ }
21
+ }
22
+ return positions;
23
+ }
24
+ //# sourceMappingURL=liquid-grid.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"liquid-grid.js","sourceRoot":"","sources":["../src/liquid-grid.ts"],"names":[],"mappings":"AAAA,2FAA2F;AAC3F,MAAM,UAAU,UAAU,CACxB,OAAe,EACf,IAAY,EACZ,KAAa,EACb,SAAiB;IAEjB,MAAM,SAAS,GAAG,IAAI,YAAY,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;IAClE,MAAM,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAA;IAC7B,IAAI,KAAK,GAAG,CAAC,CAAA;IACb,KAAK,IAAI,GAAG,GAAG,CAAC,EAAE,GAAG,IAAI,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC;QACrC,MAAM,CAAC,GAAG,GAAG,GAAG,IAAI,CAAA;QACpB,KAAK,IAAI,MAAM,GAAG,CAAC,EAAE,MAAM,IAAI,OAAO,EAAE,MAAM,EAAE,EAAE,CAAC;YACjD,MAAM,CAAC,GAAG,MAAM,GAAG,OAAO,CAAA;YAC1B,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,CAAA;YACpE,MAAM,MAAM,GAAG,KAAK,GAAG,SAAS,GAAG,IAAI,CAAA;YACvC,SAAS,CAAC,KAAK,EAAE,CAAC;gBAChB,CAAC;oBACD,MAAM;wBACJ,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;YACnF,SAAS,CAAC,KAAK,EAAE,CAAC;gBAChB,CAAC;oBACD,MAAM;wBACJ,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;QACrF,CAAC;IACH,CAAC;IACD,OAAO,SAAS,CAAA;AAClB,CAAC"}
@@ -0,0 +1,18 @@
1
+ import type { Target } from './types.js';
2
+ export interface LiquidOptions {
3
+ /** Amount of internal deformation, from 0 to 1. Defaults to 0.7. */
4
+ intensity?: number;
5
+ /** Milliseconds per seamless cycle. Defaults to 8000. */
6
+ duration?: number;
7
+ }
8
+ export interface LiquidEffect {
9
+ /** Freeze the current deformation. */
10
+ pause(): void;
11
+ /** Continue from the paused deformation. */
12
+ resume(): void;
13
+ /** Remove the effect and restore the image. Idempotent. */
14
+ stop(): void;
15
+ }
16
+ /** Deforms a raster image with native iOS texture warps. Android leaves it unchanged. */
17
+ export declare function liquid(target: Target, options?: LiquidOptions): LiquidEffect;
18
+ //# sourceMappingURL=liquid.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"liquid.d.ts","sourceRoot":"","sources":["../src/liquid.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAIxC,MAAM,WAAW,aAAa;IAC5B,oEAAoE;IACpE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,WAAW,YAAY;IAC3B,sCAAsC;IACtC,KAAK,IAAI,IAAI,CAAA;IACb,4CAA4C;IAC5C,MAAM,IAAI,IAAI,CAAA;IACd,2DAA2D;IAC3D,IAAI,IAAI,IAAI,CAAA;CACb;AASD,yFAAyF;AACzF,wBAAgB,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,GAAE,aAAkB,GAAG,YAAY,CAkBhF"}
package/dist/liquid.js ADDED
@@ -0,0 +1,234 @@
1
+ import { Application, Image, isIOS } from '@nativescript/core';
2
+ import { tintColorProperty } from '@nativescript/core/ui/image';
3
+ import { toView } from './animate.js';
4
+ import { liquidGrid } from './liquid-grid.js';
5
+ import { reducedMotion } from './config.js';
6
+ import { ownImage } from './image-owner.js';
7
+ const running = new WeakMap();
8
+ const key = 'jolt:liquid';
9
+ const columns = 24;
10
+ const rows = 24;
11
+ const steps = 64;
12
+ const noop = () => { };
13
+ /** Deforms a raster image with native iOS texture warps. Android leaves it unchanged. */
14
+ export function liquid(target, options = {}) {
15
+ const settings = {
16
+ intensity: options.intensity ?? 0.7,
17
+ duration: options.duration ?? 8000,
18
+ };
19
+ if (!Number.isFinite(settings.intensity) ||
20
+ settings.intensity < 0 ||
21
+ settings.intensity > 1)
22
+ throw new RangeError('Liquid intensity must be between zero and one.');
23
+ if (!Number.isFinite(settings.duration) || settings.duration <= 0)
24
+ throw new RangeError('Liquid duration must be a positive finite number.');
25
+ const image = toView(target);
26
+ if (!(image instanceof Image))
27
+ throw new TypeError('Expected a NativeScript Image.');
28
+ running.get(image)?.stop();
29
+ if (!isIOS || settings.intensity === 0)
30
+ return { pause: noop, resume: noop, stop: noop };
31
+ return new Liquid(image, settings);
32
+ }
33
+ class Liquid {
34
+ image;
35
+ settings;
36
+ releaseOwnership;
37
+ stopped = false;
38
+ queued = false;
39
+ pausedByUser = false;
40
+ active = UIApplication.sharedApplication.applicationState === 0; // UIApplicationStateActive
41
+ native;
42
+ original;
43
+ source;
44
+ renderer;
45
+ scene;
46
+ sprite;
47
+ observers = [];
48
+ constructor(image, settings) {
49
+ this.image = image;
50
+ this.settings = settings;
51
+ this.releaseOwnership = ownImage(image, this.stop);
52
+ running.set(image, this);
53
+ for (const event of ['loaded', 'layoutChanged', 'imageSourceChange', 'stretchChange'])
54
+ image.on(event, this.schedule);
55
+ image.on('unloaded', this.unloaded);
56
+ image.style.on('visibilityChange', this.schedule);
57
+ image.style.on('tintColorChange', this.schedule);
58
+ this.observe(UIAccessibilityReduceMotionStatusDidChangeNotification, this.schedule);
59
+ this.observe(UIApplicationWillResignActiveNotification, this.suspend);
60
+ this.observe(UIApplicationDidBecomeActiveNotification, this.activate);
61
+ this.schedule();
62
+ }
63
+ pause = () => {
64
+ this.pausedByUser = true;
65
+ if (this.renderer)
66
+ this.renderer.paused = true;
67
+ };
68
+ resume = () => {
69
+ if (this.stopped)
70
+ return;
71
+ this.pausedByUser = false;
72
+ this.schedule();
73
+ };
74
+ stop = () => {
75
+ if (this.stopped)
76
+ return;
77
+ this.stopped = true;
78
+ this.releaseOwnership?.();
79
+ for (const event of ['loaded', 'layoutChanged', 'imageSourceChange', 'stretchChange'])
80
+ this.image.off(event, this.schedule);
81
+ this.image.off('unloaded', this.unloaded);
82
+ this.image.style.off('visibilityChange', this.schedule);
83
+ this.image.style.off('tintColorChange', this.schedule);
84
+ for (const [name, observer] of this.observers)
85
+ Application.ios.removeNotificationObserver(observer, name);
86
+ this.observers = [];
87
+ if (running.get(this.image) === this)
88
+ running.delete(this.image);
89
+ this.remove();
90
+ };
91
+ observe(name, callback) {
92
+ this.observers.push([name, Application.ios.addNotificationObserver(name, callback)]);
93
+ }
94
+ suspend = () => {
95
+ this.active = false;
96
+ if (this.renderer)
97
+ this.renderer.paused = true;
98
+ };
99
+ activate = () => {
100
+ this.active = true;
101
+ this.schedule();
102
+ };
103
+ unloaded = () => this.remove();
104
+ schedule = () => {
105
+ if (this.stopped || this.queued)
106
+ return;
107
+ this.queued = true;
108
+ void Promise.resolve().then(() => {
109
+ this.queued = false;
110
+ if (this.stopped)
111
+ return;
112
+ try {
113
+ this.update();
114
+ }
115
+ catch (error) {
116
+ this.stop();
117
+ throw error;
118
+ }
119
+ });
120
+ };
121
+ update() {
122
+ if (!this.image.isLoaded ||
123
+ this.image.visibility !== 'visible' ||
124
+ this.image.tintColor ||
125
+ reducedMotion())
126
+ return this.remove();
127
+ const native = this.image.nativeViewProtected;
128
+ if (!(native instanceof UIImageView) || !native.window)
129
+ return this.remove();
130
+ if (this.native &&
131
+ (this.native !== native ||
132
+ native.image !== null ||
133
+ this.image.imageSource !== this.source))
134
+ this.remove();
135
+ const source = this.original ?? native.image;
136
+ if (!source?.CGImage ||
137
+ source.images?.count ||
138
+ source.renderingMode === 2 /* AlwaysTemplate */)
139
+ return this.remove();
140
+ if (source.size.width * source.size.height * source.scale ** 2 > 16_777_216)
141
+ return this.remove();
142
+ const bounds = native.bounds;
143
+ if (bounds.size.width <= 0 ||
144
+ bounds.size.height <= 0 ||
145
+ source.size.width <= 0 ||
146
+ source.size.height <= 0)
147
+ return this.remove();
148
+ if (!this.renderer) {
149
+ // A paused SKView cannot draw its first frame. Keep the original visible
150
+ // until rendering can start, including source changes while paused.
151
+ if (this.pausedByUser || !this.active)
152
+ return;
153
+ this.create(native, source);
154
+ }
155
+ const renderer = this.renderer;
156
+ renderer.frame = CGRectMake(bounds.origin.x, bounds.origin.y, bounds.size.width, bounds.size.height);
157
+ this.scene.size = CGSizeMake(bounds.size.width, bounds.size.height);
158
+ const iw = source.size.width;
159
+ const ih = source.size.height;
160
+ const { width, height } = bounds.size;
161
+ const stretch = this.image.stretch;
162
+ const scale = stretch === 'aspectFill'
163
+ ? Math.max(width / iw, height / ih)
164
+ : Math.min(width / iw, height / ih);
165
+ this.sprite.size = CGSizeMake(stretch === 'fill' ? width : stretch === 'none' ? iw : iw * scale, stretch === 'fill' ? height : stretch === 'none' ? ih : ih * scale);
166
+ this.sprite.position = CGPointMake(width / 2, height / 2);
167
+ renderer.paused = this.pausedByUser || !this.active;
168
+ }
169
+ create(native, source) {
170
+ const renderer = SKView.alloc().initWithFrame(native.bounds);
171
+ this.renderer = renderer;
172
+ this.native = native;
173
+ this.original = source;
174
+ this.source = this.image.imageSource;
175
+ renderer.opaque = false;
176
+ renderer.backgroundColor = UIColor.clearColor;
177
+ renderer.allowsTransparency = true;
178
+ renderer.asynchronous = true;
179
+ renderer.userInteractionEnabled = false;
180
+ renderer.accessibilityElementsHidden = true;
181
+ renderer.clipsToBounds = true;
182
+ renderer.preferredFramesPerSecond = Math.min(120, native.window?.screen?.maximumFramesPerSecond ?? 60);
183
+ renderer.paused = true;
184
+ const scene = SKScene.sceneWithSize(native.bounds.size);
185
+ this.scene = scene;
186
+ scene.backgroundColor = UIColor.clearColor;
187
+ scene.scaleMode = 3; // SKSceneScaleModeResizeFill
188
+ const texture = SKTexture.textureWithImage(source);
189
+ const sprite = SKSpriteNode.spriteNodeWithTexture(texture);
190
+ this.sprite = sprite;
191
+ const warps = [];
192
+ const times = [];
193
+ for (let step = 0; step <= steps; step++) {
194
+ const positions = liquidGrid(columns, rows, step === steps ? 0 : step / steps, this.settings.intensity);
195
+ warps.push(SKWarpGeometryGrid.gridWithColumnsRowsSourcePositionsDestPositions(columns, rows, null, positions));
196
+ times.push(((step / steps) * this.settings.duration) / 1000);
197
+ }
198
+ const loop = SKAction.animateWithWarpsTimes(warps, times);
199
+ if (!loop)
200
+ throw new Error('Unable to create the liquid warp action.');
201
+ sprite.warpGeometry = SKWarpGeometryGrid.gridWithColumnsRows(columns, rows);
202
+ const entrance = SKAction.warpToDuration(warps[0], Math.min(0.35, this.settings.duration / 10000));
203
+ if (!entrance)
204
+ throw new Error('Unable to create the liquid entrance.');
205
+ sprite.runActionWithKey(SKAction.sequence([entrance, SKAction.repeatActionForever(loop)]), key);
206
+ scene.addChild(sprite);
207
+ renderer.presentScene(scene);
208
+ native.addSubview(renderer);
209
+ native.image = null;
210
+ }
211
+ remove() {
212
+ const { renderer, sprite, native, original } = this;
213
+ if (renderer) {
214
+ renderer.paused = true;
215
+ sprite?.removeAllActions();
216
+ sprite?.removeFromParent();
217
+ renderer.presentScene(null);
218
+ renderer.removeFromSuperview();
219
+ }
220
+ if (native &&
221
+ native.image === null &&
222
+ original &&
223
+ this.image.imageSource === this.source) {
224
+ native.image = original;
225
+ // Core couldn't turn the suppressed UIImage into a template while it was
226
+ // hidden. Reapply its public native setter when a tint takes over.
227
+ if (this.image.tintColor)
228
+ this.image[tintColorProperty.setNative](this.image.tintColor);
229
+ }
230
+ this.renderer = this.scene = this.sprite = this.native = this.original = undefined;
231
+ this.source = undefined;
232
+ }
233
+ }
234
+ //# sourceMappingURL=liquid.js.map