react-voodoo 2.7.1 → 2.7.2

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 (54) hide show
  1. package/package.json +1 -1
  2. package/.claude/scheduled_tasks.lock +0 -1
  3. package/coverage/clover.xml +0 -2221
  4. package/coverage/coverage-final.json +0 -35
  5. package/coverage/lcov-report/base.css +0 -224
  6. package/coverage/lcov-report/block-navigation.js +0 -87
  7. package/coverage/lcov-report/comps/Axis.js.html +0 -391
  8. package/coverage/lcov-report/comps/Draggable.js.html +0 -1180
  9. package/coverage/lcov-report/comps/Node.js.html +0 -691
  10. package/coverage/lcov-report/comps/Tweener.js.html +0 -3637
  11. package/coverage/lcov-report/comps/TweenerContext.js.html +0 -127
  12. package/coverage/lcov-report/comps/index.html +0 -176
  13. package/coverage/lcov-report/favicon.png +0 -0
  14. package/coverage/lcov-report/hooks/index.html +0 -146
  15. package/coverage/lcov-report/hooks/useReducedMotion.js.html +0 -172
  16. package/coverage/lcov-report/hooks/useTweener.js.html +0 -130
  17. package/coverage/lcov-report/hooks/useVoodoo.js.html +0 -553
  18. package/coverage/lcov-report/index.html +0 -206
  19. package/coverage/lcov-report/prettify.css +0 -1
  20. package/coverage/lcov-report/prettify.js +0 -2
  21. package/coverage/lcov-report/sort-arrow-sprite.png +0 -0
  22. package/coverage/lcov-report/sorter.js +0 -210
  23. package/coverage/lcov-report/spells/asTweener.js.html +0 -361
  24. package/coverage/lcov-report/spells/index.html +0 -131
  25. package/coverage/lcov-report/spells/withTweener.js.html +0 -262
  26. package/coverage/lcov-report/utils/CssTweenAxis.js.html +0 -721
  27. package/coverage/lcov-report/utils/css/cssUtils.js.html +0 -916
  28. package/coverage/lcov-report/utils/css/demux/backgroundColor.js.html +0 -115
  29. package/coverage/lcov-report/utils/css/demux/boxShadow.js.html +0 -115
  30. package/coverage/lcov-report/utils/css/demux/filter.js.html +0 -724
  31. package/coverage/lcov-report/utils/css/demux/index.html +0 -176
  32. package/coverage/lcov-report/utils/css/demux/textShadow.js.html +0 -115
  33. package/coverage/lcov-report/utils/css/demux/transform.js.html +0 -1006
  34. package/coverage/lcov-report/utils/css/demux/typed/any.js.html +0 -640
  35. package/coverage/lcov-report/utils/css/demux/typed/bool.js.html +0 -196
  36. package/coverage/lcov-report/utils/css/demux/typed/color.js.html +0 -322
  37. package/coverage/lcov-report/utils/css/demux/typed/index.html +0 -236
  38. package/coverage/lcov-report/utils/css/demux/typed/length.js.html +0 -562
  39. package/coverage/lcov-report/utils/css/demux/typed/multi.js.html +0 -298
  40. package/coverage/lcov-report/utils/css/demux/typed/number.js.html +0 -199
  41. package/coverage/lcov-report/utils/css/demux/typed/ratio.js.html +0 -199
  42. package/coverage/lcov-report/utils/css/demux/typed/shadow.js.html +0 -1060
  43. package/coverage/lcov-report/utils/css/demux/typed/svgAttr.js.html +0 -214
  44. package/coverage/lcov-report/utils/css/index.html +0 -146
  45. package/coverage/lcov-report/utils/css/index.js.html +0 -829
  46. package/coverage/lcov-report/utils/css/prop.js.html +0 -199
  47. package/coverage/lcov-report/utils/dom.js.html +0 -1309
  48. package/coverage/lcov-report/utils/index.html +0 -206
  49. package/coverage/lcov-report/utils/inertia.js.html +0 -2140
  50. package/coverage/lcov-report/utils/motionPrefs.js.html +0 -262
  51. package/coverage/lcov-report/utils/react.js.html +0 -199
  52. package/coverage/lcov-report/utils/spring.js.html +0 -397
  53. package/coverage/lcov-report/utils/tweenTools.js.html +0 -1003
  54. package/coverage/lcov.info +0 -4931
package/coverage/lcov-report/comps/Axis.js.html DELETED
@@ -1,391 +0,0 @@
1
-
2
- <!doctype html>
3
- <html lang="en">
4
-
5
- <head>
6
- <title>Code coverage report for comps/Axis.js</title>
7
- <meta charset="utf-8" />
8
- <link rel="stylesheet" href="../prettify.css" />
9
- <link rel="stylesheet" href="../base.css" />
10
- <link rel="shortcut icon" type="image/x-icon" href="../favicon.png" />
11
- <meta name="viewport" content="width=device-width, initial-scale=1" />
12
- <style type='text/css'>
13
- .coverage-summary .sorter {
14
- background-image: url(../sort-arrow-sprite.png);
15
- }
16
- </style>
17
- </head>
18
-
19
- <body>
20
- <div class='wrapper'>
21
- <div class='pad1'>
22
- <h1><a href="../index.html">All files</a> / <a href="index.html">comps</a> Axis.js</h1>
23
- <div class='clearfix'>
24
-
25
- <div class='fl pad1y space-right2'>
26
- <span class="strong">0% </span>
27
- <span class="quiet">Statements</span>
28
- <span class='fraction'>0/30</span>
29
- </div>
30
-
31
-
32
- <div class='fl pad1y space-right2'>
33
- <span class="strong">0% </span>
34
- <span class="quiet">Branches</span>
35
- <span class='fraction'>0/35</span>
36
- </div>
37
-
38
-
39
- <div class='fl pad1y space-right2'>
40
- <span class="strong">0% </span>
41
- <span class="quiet">Functions</span>
42
- <span class='fraction'>0/3</span>
43
- </div>
44
-
45
-
46
- <div class='fl pad1y space-right2'>
47
- <span class="strong">0% </span>
48
- <span class="quiet">Lines</span>
49
- <span class='fraction'>0/30</span>
50
- </div>
51
-
52
-
53
- </div>
54
- <p class="quiet">
55
- Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
56
- </p>
57
- <template id="filterTemplate">
58
- <div class="quiet">
59
- Filter:
60
- <input type="search" id="fileSearch">
61
- </div>
62
- </template>
63
- </div>
64
- <div class='status-line low'></div>
65
- <pre><table class="coverage">
66
- <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
67
- <a name='L2'></a><a href='#L2'>2</a>
68
- <a name='L3'></a><a href='#L3'>3</a>
69
- <a name='L4'></a><a href='#L4'>4</a>
70
- <a name='L5'></a><a href='#L5'>5</a>
71
- <a name='L6'></a><a href='#L6'>6</a>
72
- <a name='L7'></a><a href='#L7'>7</a>
73
- <a name='L8'></a><a href='#L8'>8</a>
74
- <a name='L9'></a><a href='#L9'>9</a>
75
- <a name='L10'></a><a href='#L10'>10</a>
76
- <a name='L11'></a><a href='#L11'>11</a>
77
- <a name='L12'></a><a href='#L12'>12</a>
78
- <a name='L13'></a><a href='#L13'>13</a>
79
- <a name='L14'></a><a href='#L14'>14</a>
80
- <a name='L15'></a><a href='#L15'>15</a>
81
- <a name='L16'></a><a href='#L16'>16</a>
82
- <a name='L17'></a><a href='#L17'>17</a>
83
- <a name='L18'></a><a href='#L18'>18</a>
84
- <a name='L19'></a><a href='#L19'>19</a>
85
- <a name='L20'></a><a href='#L20'>20</a>
86
- <a name='L21'></a><a href='#L21'>21</a>
87
- <a name='L22'></a><a href='#L22'>22</a>
88
- <a name='L23'></a><a href='#L23'>23</a>
89
- <a name='L24'></a><a href='#L24'>24</a>
90
- <a name='L25'></a><a href='#L25'>25</a>
91
- <a name='L26'></a><a href='#L26'>26</a>
92
- <a name='L27'></a><a href='#L27'>27</a>
93
- <a name='L28'></a><a href='#L28'>28</a>
94
- <a name='L29'></a><a href='#L29'>29</a>
95
- <a name='L30'></a><a href='#L30'>30</a>
96
- <a name='L31'></a><a href='#L31'>31</a>
97
- <a name='L32'></a><a href='#L32'>32</a>
98
- <a name='L33'></a><a href='#L33'>33</a>
99
- <a name='L34'></a><a href='#L34'>34</a>
100
- <a name='L35'></a><a href='#L35'>35</a>
101
- <a name='L36'></a><a href='#L36'>36</a>
102
- <a name='L37'></a><a href='#L37'>37</a>
103
- <a name='L38'></a><a href='#L38'>38</a>
104
- <a name='L39'></a><a href='#L39'>39</a>
105
- <a name='L40'></a><a href='#L40'>40</a>
106
- <a name='L41'></a><a href='#L41'>41</a>
107
- <a name='L42'></a><a href='#L42'>42</a>
108
- <a name='L43'></a><a href='#L43'>43</a>
109
- <a name='L44'></a><a href='#L44'>44</a>
110
- <a name='L45'></a><a href='#L45'>45</a>
111
- <a name='L46'></a><a href='#L46'>46</a>
112
- <a name='L47'></a><a href='#L47'>47</a>
113
- <a name='L48'></a><a href='#L48'>48</a>
114
- <a name='L49'></a><a href='#L49'>49</a>
115
- <a name='L50'></a><a href='#L50'>50</a>
116
- <a name='L51'></a><a href='#L51'>51</a>
117
- <a name='L52'></a><a href='#L52'>52</a>
118
- <a name='L53'></a><a href='#L53'>53</a>
119
- <a name='L54'></a><a href='#L54'>54</a>
120
- <a name='L55'></a><a href='#L55'>55</a>
121
- <a name='L56'></a><a href='#L56'>56</a>
122
- <a name='L57'></a><a href='#L57'>57</a>
123
- <a name='L58'></a><a href='#L58'>58</a>
124
- <a name='L59'></a><a href='#L59'>59</a>
125
- <a name='L60'></a><a href='#L60'>60</a>
126
- <a name='L61'></a><a href='#L61'>61</a>
127
- <a name='L62'></a><a href='#L62'>62</a>
128
- <a name='L63'></a><a href='#L63'>63</a>
129
- <a name='L64'></a><a href='#L64'>64</a>
130
- <a name='L65'></a><a href='#L65'>65</a>
131
- <a name='L66'></a><a href='#L66'>66</a>
132
- <a name='L67'></a><a href='#L67'>67</a>
133
- <a name='L68'></a><a href='#L68'>68</a>
134
- <a name='L69'></a><a href='#L69'>69</a>
135
- <a name='L70'></a><a href='#L70'>70</a>
136
- <a name='L71'></a><a href='#L71'>71</a>
137
- <a name='L72'></a><a href='#L72'>72</a>
138
- <a name='L73'></a><a href='#L73'>73</a>
139
- <a name='L74'></a><a href='#L74'>74</a>
140
- <a name='L75'></a><a href='#L75'>75</a>
141
- <a name='L76'></a><a href='#L76'>76</a>
142
- <a name='L77'></a><a href='#L77'>77</a>
143
- <a name='L78'></a><a href='#L78'>78</a>
144
- <a name='L79'></a><a href='#L79'>79</a>
145
- <a name='L80'></a><a href='#L80'>80</a>
146
- <a name='L81'></a><a href='#L81'>81</a>
147
- <a name='L82'></a><a href='#L82'>82</a>
148
- <a name='L83'></a><a href='#L83'>83</a>
149
- <a name='L84'></a><a href='#L84'>84</a>
150
- <a name='L85'></a><a href='#L85'>85</a>
151
- <a name='L86'></a><a href='#L86'>86</a>
152
- <a name='L87'></a><a href='#L87'>87</a>
153
- <a name='L88'></a><a href='#L88'>88</a>
154
- <a name='L89'></a><a href='#L89'>89</a>
155
- <a name='L90'></a><a href='#L90'>90</a>
156
- <a name='L91'></a><a href='#L91'>91</a>
157
- <a name='L92'></a><a href='#L92'>92</a>
158
- <a name='L93'></a><a href='#L93'>93</a>
159
- <a name='L94'></a><a href='#L94'>94</a>
160
- <a name='L95'></a><a href='#L95'>95</a>
161
- <a name='L96'></a><a href='#L96'>96</a>
162
- <a name='L97'></a><a href='#L97'>97</a>
163
- <a name='L98'></a><a href='#L98'>98</a>
164
- <a name='L99'></a><a href='#L99'>99</a>
165
- <a name='L100'></a><a href='#L100'>100</a>
166
- <a name='L101'></a><a href='#L101'>101</a>
167
- <a name='L102'></a><a href='#L102'>102</a>
168
- <a name='L103'></a><a href='#L103'>103</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
169
- <span class="cline-any cline-neutral">&nbsp;</span>
170
- <span class="cline-any cline-neutral">&nbsp;</span>
171
- <span class="cline-any cline-neutral">&nbsp;</span>
172
- <span class="cline-any cline-neutral">&nbsp;</span>
173
- <span class="cline-any cline-neutral">&nbsp;</span>
174
- <span class="cline-any cline-neutral">&nbsp;</span>
175
- <span class="cline-any cline-neutral">&nbsp;</span>
176
- <span class="cline-any cline-neutral">&nbsp;</span>
177
- <span class="cline-any cline-neutral">&nbsp;</span>
178
- <span class="cline-any cline-neutral">&nbsp;</span>
179
- <span class="cline-any cline-neutral">&nbsp;</span>
180
- <span class="cline-any cline-neutral">&nbsp;</span>
181
- <span class="cline-any cline-neutral">&nbsp;</span>
182
- <span class="cline-any cline-neutral">&nbsp;</span>
183
- <span class="cline-any cline-neutral">&nbsp;</span>
184
- <span class="cline-any cline-neutral">&nbsp;</span>
185
- <span class="cline-any cline-neutral">&nbsp;</span>
186
- <span class="cline-any cline-neutral">&nbsp;</span>
187
- <span class="cline-any cline-neutral">&nbsp;</span>
188
- <span class="cline-any cline-neutral">&nbsp;</span>
189
- <span class="cline-any cline-neutral">&nbsp;</span>
190
- <span class="cline-any cline-neutral">&nbsp;</span>
191
- <span class="cline-any cline-neutral">&nbsp;</span>
192
- <span class="cline-any cline-neutral">&nbsp;</span>
193
- <span class="cline-any cline-neutral">&nbsp;</span>
194
- <span class="cline-any cline-neutral">&nbsp;</span>
195
- <span class="cline-any cline-neutral">&nbsp;</span>
196
- <span class="cline-any cline-neutral">&nbsp;</span>
197
- <span class="cline-any cline-neutral">&nbsp;</span>
198
- <span class="cline-any cline-neutral">&nbsp;</span>
199
- <span class="cline-any cline-neutral">&nbsp;</span>
200
- <span class="cline-any cline-neutral">&nbsp;</span>
201
- <span class="cline-any cline-neutral">&nbsp;</span>
202
- <span class="cline-any cline-neutral">&nbsp;</span>
203
- <span class="cline-any cline-neutral">&nbsp;</span>
204
- <span class="cline-any cline-neutral">&nbsp;</span>
205
- <span class="cline-any cline-no">&nbsp;</span>
206
- <span class="cline-any cline-no">&nbsp;</span>
207
- <span class="cline-any cline-neutral">&nbsp;</span>
208
- <span class="cline-any cline-neutral">&nbsp;</span>
209
- <span class="cline-any cline-neutral">&nbsp;</span>
210
- <span class="cline-any cline-no">&nbsp;</span>
211
- <span class="cline-any cline-no">&nbsp;</span>
212
- <span class="cline-any cline-no">&nbsp;</span>
213
- <span class="cline-any cline-no">&nbsp;</span>
214
- <span class="cline-any cline-neutral">&nbsp;</span>
215
- <span class="cline-any cline-neutral">&nbsp;</span>
216
- <span class="cline-any cline-neutral">&nbsp;</span>
217
- <span class="cline-any cline-neutral">&nbsp;</span>
218
- <span class="cline-any cline-neutral">&nbsp;</span>
219
- <span class="cline-any cline-neutral">&nbsp;</span>
220
- <span class="cline-any cline-neutral">&nbsp;</span>
221
- <span class="cline-any cline-neutral">&nbsp;</span>
222
- <span class="cline-any cline-neutral">&nbsp;</span>
223
- <span class="cline-any cline-neutral">&nbsp;</span>
224
- <span class="cline-any cline-no">&nbsp;</span>
225
- <span class="cline-any cline-no">&nbsp;</span>
226
- <span class="cline-any cline-no">&nbsp;</span>
227
- <span class="cline-any cline-no">&nbsp;</span>
228
- <span class="cline-any cline-no">&nbsp;</span>
229
- <span class="cline-any cline-no">&nbsp;</span>
230
- <span class="cline-any cline-neutral">&nbsp;</span>
231
- <span class="cline-any cline-neutral">&nbsp;</span>
232
- <span class="cline-any cline-neutral">&nbsp;</span>
233
- <span class="cline-any cline-neutral">&nbsp;</span>
234
- <span class="cline-any cline-neutral">&nbsp;</span>
235
- <span class="cline-any cline-neutral">&nbsp;</span>
236
- <span class="cline-any cline-neutral">&nbsp;</span>
237
- <span class="cline-any cline-neutral">&nbsp;</span>
238
- <span class="cline-any cline-neutral">&nbsp;</span>
239
- <span class="cline-any cline-neutral">&nbsp;</span>
240
- <span class="cline-any cline-no">&nbsp;</span>
241
- <span class="cline-any cline-no">&nbsp;</span>
242
- <span class="cline-any cline-no">&nbsp;</span>
243
- <span class="cline-any cline-no">&nbsp;</span>
244
- <span class="cline-any cline-no">&nbsp;</span>
245
- <span class="cline-any cline-no">&nbsp;</span>
246
- <span class="cline-any cline-neutral">&nbsp;</span>
247
- <span class="cline-any cline-neutral">&nbsp;</span>
248
- <span class="cline-any cline-neutral">&nbsp;</span>
249
- <span class="cline-any cline-neutral">&nbsp;</span>
250
- <span class="cline-any cline-no">&nbsp;</span>
251
- <span class="cline-any cline-no">&nbsp;</span>
252
- <span class="cline-any cline-no">&nbsp;</span>
253
- <span class="cline-any cline-no">&nbsp;</span>
254
- <span class="cline-any cline-no">&nbsp;</span>
255
- <span class="cline-any cline-no">&nbsp;</span>
256
- <span class="cline-any cline-neutral">&nbsp;</span>
257
- <span class="cline-any cline-neutral">&nbsp;</span>
258
- <span class="cline-any cline-no">&nbsp;</span>
259
- <span class="cline-any cline-neutral">&nbsp;</span>
260
- <span class="cline-any cline-neutral">&nbsp;</span>
261
- <span class="cline-any cline-no">&nbsp;</span>
262
- <span class="cline-any cline-no">&nbsp;</span>
263
- <span class="cline-any cline-neutral">&nbsp;</span>
264
- <span class="cline-any cline-no">&nbsp;</span>
265
- <span class="cline-any cline-no">&nbsp;</span>
266
- <span class="cline-any cline-neutral">&nbsp;</span>
267
- <span class="cline-any cline-neutral">&nbsp;</span>
268
- <span class="cline-any cline-no">&nbsp;</span>
269
- <span class="cline-any cline-neutral">&nbsp;</span>
270
- <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">/*
271
- * Copyright (c) 2022-2023 Braun Nathanael
272
- *
273
- * This project is dual licensed under one of the following licenses:
274
- * - Creative Commons Attribution-NoDerivatives 4.0 International License.
275
- * - GNU AFFERO GENERAL PUBLIC LICENSE Version 3
276
- *
277
- * You should have received a copy of theses licenses along with this work.
278
- * If not, see &lt;http://creativecommons.org/licenses/by-nd/4.0/&gt; or &lt;http://www.gnu.org/licenses/agpl-3.0.txt&gt;.
279
- */
280
- &nbsp;
281
- import deepEqual from "fast-deep-equal";
282
- import React from 'react';
283
- import useVoodoo from "../hooks/useVoodoo";
284
- &nbsp;
285
- /**
286
- * Axis — a zero-render declarative component that registers a scrollable animation
287
- * timeline with the nearest parent Tweener.
288
- *
289
- * Unlike most React components, the registration calls (initAxis / addScrollableAnim)
290
- * happen during render, not inside a useEffect. This is intentional: children that
291
- * mount in the same render pass (e.g. Node components) need the axis to already exist
292
- * so their tweenRef calls can resolve initial positions correctly. The component itself
293
- * renders nothing (`&lt;React.Fragment/&gt;`).
294
- *
295
- * Cleanup on unmount is handled by a single effect with an empty dependency array —
296
- * it removes the axis timeline from the tweener so that its numeric contributions are
297
- * zeroed and the CssTweenAxis instance is returned to the object pool.
298
- */
299
- export default <span class="fstat-no" title="function not covered" >( </span>{
300
- children,
301
- id,
302
- axe = <span class="branch-0 cbranch-no" title="branch not covered" >id,</span>
303
- scrollFirst, bounds,
304
- scrollableWindow, inertia, size, defaultPosition,
305
- items = <span class="branch-0 cbranch-no" title="branch not covered" >[],</span>
306
- } ) =&gt; {
307
- const µ = <span class="cstat-no" title="statement not covered" >React.useRef({}).current,</span>
308
- [tweener] = <span class="cstat-no" title="statement not covered" >useVoodoo(true);</span>
309
-
310
- // First render for this axis id — reset axis to defaultPosition so prior
311
- // scroll state from a different axis id does not bleed through.
312
- <span class="cstat-no" title="statement not covered" > if ( !µ.previousAxis || µ.previousAxis !== axe ) {</span>
313
- <span class="cstat-no" title="statement not covered" > µ.previousAxis = axe;</span>
314
- <span class="cstat-no" title="statement not covered" > µ.previousInertia = inertia;</span>
315
- <span class="cstat-no" title="statement not covered" > tweener.initAxis(axe, {</span>
316
- inertia,
317
- scrollableArea: size,
318
- scrollableWindow,
319
- defaultPosition,
320
- scrollFirst,
321
- scrollableBounds: bounds
322
- }, true);
323
- }
324
- // Inertia config, bounds, or viewport window changed — re-init without resetting
325
- // the scroll position so the user's current scroll is preserved.
326
- else <span class="cstat-no" title="statement not covered" >if ( !µ.previousInertia || µ.previousInertia !== inertia || µ.previousBounds !== bounds || µ.previousScrollableWindow !== scrollableWindow ) {</span>
327
- <span class="cstat-no" title="statement not covered" > µ.previousInertia = inertia;</span>
328
- <span class="cstat-no" title="statement not covered" > µ.previousAxis = axe;</span>
329
- <span class="cstat-no" title="statement not covered" > µ.previousBounds = bounds;</span>
330
- <span class="cstat-no" title="statement not covered" > µ.previousScrollableWindow = scrollableWindow;</span>
331
- <span class="cstat-no" title="statement not covered" > tweener.initAxis(axe, {</span>
332
- inertia,
333
- scrollableArea: size,
334
- scrollableWindow,
335
- defaultPosition,
336
- scrollFirst,
337
- scrollableBounds: bounds
338
- });
339
- }
340
- // Parent tweener changed (component was reparented) — unregister from the old
341
- // tweener and re-register with the new one to avoid orphaned timeline entries.
342
- <span class="cstat-no" title="statement not covered" > if ( !µ.previousTweener || µ.previousTweener !== tweener ) {</span>
343
- <span class="cstat-no" title="statement not covered" > µ.previousTweener &amp;&amp; µ.lastTL &amp;&amp; µ.previousTweener.rmScrollableAnim(µ.lastTL, µ.previousAxis);</span>
344
- <span class="cstat-no" title="statement not covered" > if ( items.length )</span>
345
- <span class="cstat-no" title="statement not covered" > µ.lastTL = tweener.addScrollableAnim(items, axe, size);</span>
346
- <span class="cstat-no" title="statement not covered" > µ.previousTweener = tweener;</span>
347
- <span class="cstat-no" title="statement not covered" > µ.previousTweens = items;</span>
348
- }
349
- // Items array changed — rebuild the timeline. deepEqual guards against the common
350
- // pattern where the consumer creates a new array literal each render with identical
351
- // contents; without it every re-render would teardown and re-create the axis.
352
- else <span class="cstat-no" title="statement not covered" >if ( µ.previousTweens !== items &amp;&amp; !(µ.previousTweens &amp;&amp; deepEqual(items, µ.previousTweens)) ) {</span>
353
- <span class="cstat-no" title="statement not covered" > µ.lastTL &amp;&amp; µ.previousTweener &amp;&amp; µ.previousTweener.rmScrollableAnim(µ.lastTL, µ.previousAxis);</span>
354
- <span class="cstat-no" title="statement not covered" > µ.lastTL = null;</span>
355
- <span class="cstat-no" title="statement not covered" > if ( items.length )</span>
356
- <span class="cstat-no" title="statement not covered" > µ.lastTL = tweener.addScrollableAnim(items, axe, size);</span>
357
- <span class="cstat-no" title="statement not covered" > µ.previousTweens = items;</span>
358
- }
359
-
360
- <span class="cstat-no" title="statement not covered" > React.useEffect(</span>
361
- <span class="fstat-no" title="function not covered" > ()</span> =&gt; {
362
-
363
- <span class="cstat-no" title="statement not covered" > return <span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
364
- <span class="cstat-no" title="statement not covered" > µ.lastTL &amp;&amp; µ.previousTweener &amp;&amp; µ.previousTweener.rmScrollableAnim(µ.lastTL, µ.previousAxis);</span>
365
-
366
- <span class="cstat-no" title="statement not covered" > delete µ.previousTweener;</span>
367
- <span class="cstat-no" title="statement not covered" > delete µ.previousScrollable;</span>
368
- }
369
- }, [])
370
- <span class="cstat-no" title="statement not covered" > return &lt;React.Fragment/&gt;;</span>
371
- }
372
- &nbsp;</pre></td></tr></table></pre>
373
-
374
- <div class='push'></div><!-- for sticky footer -->
375
- </div><!-- /wrapper -->
376
- <div class='footer quiet pad2 space-top1 center small'>
377
- Code coverage generated by
378
- <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
379
- at 2026-06-06T09:33:16.802Z
380
- </div>
381
- <script src="../prettify.js"></script>
382
- <script>
383
- window.onload = function () {
384
- prettyPrint();
385
- };
386
- </script>
387
- <script src="../sorter.js"></script>
388
- <script src="../block-navigation.js"></script>
389
- </body>
390
- </html>
391
-