react-voodoo 2.7.0 → 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.
- package/package.json +1 -1
- package/.claude/scheduled_tasks.lock +0 -1
- package/coverage/clover.xml +0 -2221
- package/coverage/coverage-final.json +0 -35
- package/coverage/lcov-report/base.css +0 -224
- package/coverage/lcov-report/block-navigation.js +0 -87
- package/coverage/lcov-report/comps/Axis.js.html +0 -391
- package/coverage/lcov-report/comps/Draggable.js.html +0 -1180
- package/coverage/lcov-report/comps/Node.js.html +0 -691
- package/coverage/lcov-report/comps/Tweener.js.html +0 -3637
- package/coverage/lcov-report/comps/TweenerContext.js.html +0 -127
- package/coverage/lcov-report/comps/index.html +0 -176
- package/coverage/lcov-report/favicon.png +0 -0
- package/coverage/lcov-report/hooks/index.html +0 -146
- package/coverage/lcov-report/hooks/useReducedMotion.js.html +0 -172
- package/coverage/lcov-report/hooks/useTweener.js.html +0 -130
- package/coverage/lcov-report/hooks/useVoodoo.js.html +0 -553
- package/coverage/lcov-report/index.html +0 -206
- package/coverage/lcov-report/prettify.css +0 -1
- package/coverage/lcov-report/prettify.js +0 -2
- package/coverage/lcov-report/sort-arrow-sprite.png +0 -0
- package/coverage/lcov-report/sorter.js +0 -210
- package/coverage/lcov-report/spells/asTweener.js.html +0 -361
- package/coverage/lcov-report/spells/index.html +0 -131
- package/coverage/lcov-report/spells/withTweener.js.html +0 -262
- package/coverage/lcov-report/utils/CssTweenAxis.js.html +0 -721
- package/coverage/lcov-report/utils/css/cssUtils.js.html +0 -916
- package/coverage/lcov-report/utils/css/demux/backgroundColor.js.html +0 -115
- package/coverage/lcov-report/utils/css/demux/boxShadow.js.html +0 -115
- package/coverage/lcov-report/utils/css/demux/filter.js.html +0 -724
- package/coverage/lcov-report/utils/css/demux/index.html +0 -176
- package/coverage/lcov-report/utils/css/demux/textShadow.js.html +0 -115
- package/coverage/lcov-report/utils/css/demux/transform.js.html +0 -1006
- package/coverage/lcov-report/utils/css/demux/typed/any.js.html +0 -640
- package/coverage/lcov-report/utils/css/demux/typed/bool.js.html +0 -196
- package/coverage/lcov-report/utils/css/demux/typed/color.js.html +0 -322
- package/coverage/lcov-report/utils/css/demux/typed/index.html +0 -236
- package/coverage/lcov-report/utils/css/demux/typed/length.js.html +0 -562
- package/coverage/lcov-report/utils/css/demux/typed/multi.js.html +0 -298
- package/coverage/lcov-report/utils/css/demux/typed/number.js.html +0 -199
- package/coverage/lcov-report/utils/css/demux/typed/ratio.js.html +0 -199
- package/coverage/lcov-report/utils/css/demux/typed/shadow.js.html +0 -1060
- package/coverage/lcov-report/utils/css/demux/typed/svgAttr.js.html +0 -214
- package/coverage/lcov-report/utils/css/index.html +0 -146
- package/coverage/lcov-report/utils/css/index.js.html +0 -829
- package/coverage/lcov-report/utils/css/prop.js.html +0 -199
- package/coverage/lcov-report/utils/dom.js.html +0 -1309
- package/coverage/lcov-report/utils/index.html +0 -206
- package/coverage/lcov-report/utils/inertia.js.html +0 -2140
- package/coverage/lcov-report/utils/motionPrefs.js.html +0 -262
- package/coverage/lcov-report/utils/react.js.html +0 -199
- package/coverage/lcov-report/utils/spring.js.html +0 -397
- package/coverage/lcov-report/utils/tweenTools.js.html +0 -1003
- package/coverage/lcov.info +0 -4931
|
@@ -1,721 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
<!doctype html>
|
|
3
|
-
<html lang="en">
|
|
4
|
-
|
|
5
|
-
<head>
|
|
6
|
-
<title>Code coverage report for utils/CssTweenAxis.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">utils</a> CssTweenAxis.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/79</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/52</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/6</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/68</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>
|
|
169
|
-
<a name='L104'></a><a href='#L104'>104</a>
|
|
170
|
-
<a name='L105'></a><a href='#L105'>105</a>
|
|
171
|
-
<a name='L106'></a><a href='#L106'>106</a>
|
|
172
|
-
<a name='L107'></a><a href='#L107'>107</a>
|
|
173
|
-
<a name='L108'></a><a href='#L108'>108</a>
|
|
174
|
-
<a name='L109'></a><a href='#L109'>109</a>
|
|
175
|
-
<a name='L110'></a><a href='#L110'>110</a>
|
|
176
|
-
<a name='L111'></a><a href='#L111'>111</a>
|
|
177
|
-
<a name='L112'></a><a href='#L112'>112</a>
|
|
178
|
-
<a name='L113'></a><a href='#L113'>113</a>
|
|
179
|
-
<a name='L114'></a><a href='#L114'>114</a>
|
|
180
|
-
<a name='L115'></a><a href='#L115'>115</a>
|
|
181
|
-
<a name='L116'></a><a href='#L116'>116</a>
|
|
182
|
-
<a name='L117'></a><a href='#L117'>117</a>
|
|
183
|
-
<a name='L118'></a><a href='#L118'>118</a>
|
|
184
|
-
<a name='L119'></a><a href='#L119'>119</a>
|
|
185
|
-
<a name='L120'></a><a href='#L120'>120</a>
|
|
186
|
-
<a name='L121'></a><a href='#L121'>121</a>
|
|
187
|
-
<a name='L122'></a><a href='#L122'>122</a>
|
|
188
|
-
<a name='L123'></a><a href='#L123'>123</a>
|
|
189
|
-
<a name='L124'></a><a href='#L124'>124</a>
|
|
190
|
-
<a name='L125'></a><a href='#L125'>125</a>
|
|
191
|
-
<a name='L126'></a><a href='#L126'>126</a>
|
|
192
|
-
<a name='L127'></a><a href='#L127'>127</a>
|
|
193
|
-
<a name='L128'></a><a href='#L128'>128</a>
|
|
194
|
-
<a name='L129'></a><a href='#L129'>129</a>
|
|
195
|
-
<a name='L130'></a><a href='#L130'>130</a>
|
|
196
|
-
<a name='L131'></a><a href='#L131'>131</a>
|
|
197
|
-
<a name='L132'></a><a href='#L132'>132</a>
|
|
198
|
-
<a name='L133'></a><a href='#L133'>133</a>
|
|
199
|
-
<a name='L134'></a><a href='#L134'>134</a>
|
|
200
|
-
<a name='L135'></a><a href='#L135'>135</a>
|
|
201
|
-
<a name='L136'></a><a href='#L136'>136</a>
|
|
202
|
-
<a name='L137'></a><a href='#L137'>137</a>
|
|
203
|
-
<a name='L138'></a><a href='#L138'>138</a>
|
|
204
|
-
<a name='L139'></a><a href='#L139'>139</a>
|
|
205
|
-
<a name='L140'></a><a href='#L140'>140</a>
|
|
206
|
-
<a name='L141'></a><a href='#L141'>141</a>
|
|
207
|
-
<a name='L142'></a><a href='#L142'>142</a>
|
|
208
|
-
<a name='L143'></a><a href='#L143'>143</a>
|
|
209
|
-
<a name='L144'></a><a href='#L144'>144</a>
|
|
210
|
-
<a name='L145'></a><a href='#L145'>145</a>
|
|
211
|
-
<a name='L146'></a><a href='#L146'>146</a>
|
|
212
|
-
<a name='L147'></a><a href='#L147'>147</a>
|
|
213
|
-
<a name='L148'></a><a href='#L148'>148</a>
|
|
214
|
-
<a name='L149'></a><a href='#L149'>149</a>
|
|
215
|
-
<a name='L150'></a><a href='#L150'>150</a>
|
|
216
|
-
<a name='L151'></a><a href='#L151'>151</a>
|
|
217
|
-
<a name='L152'></a><a href='#L152'>152</a>
|
|
218
|
-
<a name='L153'></a><a href='#L153'>153</a>
|
|
219
|
-
<a name='L154'></a><a href='#L154'>154</a>
|
|
220
|
-
<a name='L155'></a><a href='#L155'>155</a>
|
|
221
|
-
<a name='L156'></a><a href='#L156'>156</a>
|
|
222
|
-
<a name='L157'></a><a href='#L157'>157</a>
|
|
223
|
-
<a name='L158'></a><a href='#L158'>158</a>
|
|
224
|
-
<a name='L159'></a><a href='#L159'>159</a>
|
|
225
|
-
<a name='L160'></a><a href='#L160'>160</a>
|
|
226
|
-
<a name='L161'></a><a href='#L161'>161</a>
|
|
227
|
-
<a name='L162'></a><a href='#L162'>162</a>
|
|
228
|
-
<a name='L163'></a><a href='#L163'>163</a>
|
|
229
|
-
<a name='L164'></a><a href='#L164'>164</a>
|
|
230
|
-
<a name='L165'></a><a href='#L165'>165</a>
|
|
231
|
-
<a name='L166'></a><a href='#L166'>166</a>
|
|
232
|
-
<a name='L167'></a><a href='#L167'>167</a>
|
|
233
|
-
<a name='L168'></a><a href='#L168'>168</a>
|
|
234
|
-
<a name='L169'></a><a href='#L169'>169</a>
|
|
235
|
-
<a name='L170'></a><a href='#L170'>170</a>
|
|
236
|
-
<a name='L171'></a><a href='#L171'>171</a>
|
|
237
|
-
<a name='L172'></a><a href='#L172'>172</a>
|
|
238
|
-
<a name='L173'></a><a href='#L173'>173</a>
|
|
239
|
-
<a name='L174'></a><a href='#L174'>174</a>
|
|
240
|
-
<a name='L175'></a><a href='#L175'>175</a>
|
|
241
|
-
<a name='L176'></a><a href='#L176'>176</a>
|
|
242
|
-
<a name='L177'></a><a href='#L177'>177</a>
|
|
243
|
-
<a name='L178'></a><a href='#L178'>178</a>
|
|
244
|
-
<a name='L179'></a><a href='#L179'>179</a>
|
|
245
|
-
<a name='L180'></a><a href='#L180'>180</a>
|
|
246
|
-
<a name='L181'></a><a href='#L181'>181</a>
|
|
247
|
-
<a name='L182'></a><a href='#L182'>182</a>
|
|
248
|
-
<a name='L183'></a><a href='#L183'>183</a>
|
|
249
|
-
<a name='L184'></a><a href='#L184'>184</a>
|
|
250
|
-
<a name='L185'></a><a href='#L185'>185</a>
|
|
251
|
-
<a name='L186'></a><a href='#L186'>186</a>
|
|
252
|
-
<a name='L187'></a><a href='#L187'>187</a>
|
|
253
|
-
<a name='L188'></a><a href='#L188'>188</a>
|
|
254
|
-
<a name='L189'></a><a href='#L189'>189</a>
|
|
255
|
-
<a name='L190'></a><a href='#L190'>190</a>
|
|
256
|
-
<a name='L191'></a><a href='#L191'>191</a>
|
|
257
|
-
<a name='L192'></a><a href='#L192'>192</a>
|
|
258
|
-
<a name='L193'></a><a href='#L193'>193</a>
|
|
259
|
-
<a name='L194'></a><a href='#L194'>194</a>
|
|
260
|
-
<a name='L195'></a><a href='#L195'>195</a>
|
|
261
|
-
<a name='L196'></a><a href='#L196'>196</a>
|
|
262
|
-
<a name='L197'></a><a href='#L197'>197</a>
|
|
263
|
-
<a name='L198'></a><a href='#L198'>198</a>
|
|
264
|
-
<a name='L199'></a><a href='#L199'>199</a>
|
|
265
|
-
<a name='L200'></a><a href='#L200'>200</a>
|
|
266
|
-
<a name='L201'></a><a href='#L201'>201</a>
|
|
267
|
-
<a name='L202'></a><a href='#L202'>202</a>
|
|
268
|
-
<a name='L203'></a><a href='#L203'>203</a>
|
|
269
|
-
<a name='L204'></a><a href='#L204'>204</a>
|
|
270
|
-
<a name='L205'></a><a href='#L205'>205</a>
|
|
271
|
-
<a name='L206'></a><a href='#L206'>206</a>
|
|
272
|
-
<a name='L207'></a><a href='#L207'>207</a>
|
|
273
|
-
<a name='L208'></a><a href='#L208'>208</a>
|
|
274
|
-
<a name='L209'></a><a href='#L209'>209</a>
|
|
275
|
-
<a name='L210'></a><a href='#L210'>210</a>
|
|
276
|
-
<a name='L211'></a><a href='#L211'>211</a>
|
|
277
|
-
<a name='L212'></a><a href='#L212'>212</a>
|
|
278
|
-
<a name='L213'></a><a href='#L213'>213</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral"> </span>
|
|
279
|
-
<span class="cline-any cline-neutral"> </span>
|
|
280
|
-
<span class="cline-any cline-neutral"> </span>
|
|
281
|
-
<span class="cline-any cline-neutral"> </span>
|
|
282
|
-
<span class="cline-any cline-neutral"> </span>
|
|
283
|
-
<span class="cline-any cline-neutral"> </span>
|
|
284
|
-
<span class="cline-any cline-neutral"> </span>
|
|
285
|
-
<span class="cline-any cline-neutral"> </span>
|
|
286
|
-
<span class="cline-any cline-neutral"> </span>
|
|
287
|
-
<span class="cline-any cline-neutral"> </span>
|
|
288
|
-
<span class="cline-any cline-neutral"> </span>
|
|
289
|
-
<span class="cline-any cline-neutral"> </span>
|
|
290
|
-
<span class="cline-any cline-neutral"> </span>
|
|
291
|
-
<span class="cline-any cline-neutral"> </span>
|
|
292
|
-
<span class="cline-any cline-neutral"> </span>
|
|
293
|
-
<span class="cline-any cline-neutral"> </span>
|
|
294
|
-
<span class="cline-any cline-neutral"> </span>
|
|
295
|
-
<span class="cline-any cline-neutral"> </span>
|
|
296
|
-
<span class="cline-any cline-neutral"> </span>
|
|
297
|
-
<span class="cline-any cline-neutral"> </span>
|
|
298
|
-
<span class="cline-any cline-neutral"> </span>
|
|
299
|
-
<span class="cline-any cline-neutral"> </span>
|
|
300
|
-
<span class="cline-any cline-neutral"> </span>
|
|
301
|
-
<span class="cline-any cline-neutral"> </span>
|
|
302
|
-
<span class="cline-any cline-neutral"> </span>
|
|
303
|
-
<span class="cline-any cline-neutral"> </span>
|
|
304
|
-
<span class="cline-any cline-neutral"> </span>
|
|
305
|
-
<span class="cline-any cline-neutral"> </span>
|
|
306
|
-
<span class="cline-any cline-neutral"> </span>
|
|
307
|
-
<span class="cline-any cline-neutral"> </span>
|
|
308
|
-
<span class="cline-any cline-neutral"> </span>
|
|
309
|
-
<span class="cline-any cline-neutral"> </span>
|
|
310
|
-
<span class="cline-any cline-neutral"> </span>
|
|
311
|
-
<span class="cline-any cline-neutral"> </span>
|
|
312
|
-
<span class="cline-any cline-neutral"> </span>
|
|
313
|
-
<span class="cline-any cline-neutral"> </span>
|
|
314
|
-
<span class="cline-any cline-neutral"> </span>
|
|
315
|
-
<span class="cline-any cline-neutral"> </span>
|
|
316
|
-
<span class="cline-any cline-neutral"> </span>
|
|
317
|
-
<span class="cline-any cline-neutral"> </span>
|
|
318
|
-
<span class="cline-any cline-neutral"> </span>
|
|
319
|
-
<span class="cline-any cline-neutral"> </span>
|
|
320
|
-
<span class="cline-any cline-neutral"> </span>
|
|
321
|
-
<span class="cline-any cline-neutral"> </span>
|
|
322
|
-
<span class="cline-any cline-neutral"> </span>
|
|
323
|
-
<span class="cline-any cline-neutral"> </span>
|
|
324
|
-
<span class="cline-any cline-neutral"> </span>
|
|
325
|
-
<span class="cline-any cline-neutral"> </span>
|
|
326
|
-
<span class="cline-any cline-no"> </span>
|
|
327
|
-
<span class="cline-any cline-neutral"> </span>
|
|
328
|
-
<span class="cline-any cline-neutral"> </span>
|
|
329
|
-
<span class="cline-any cline-neutral"> </span>
|
|
330
|
-
<span class="cline-any cline-neutral"> </span>
|
|
331
|
-
<span class="cline-any cline-neutral"> </span>
|
|
332
|
-
<span class="cline-any cline-neutral"> </span>
|
|
333
|
-
<span class="cline-any cline-neutral"> </span>
|
|
334
|
-
<span class="cline-any cline-neutral"> </span>
|
|
335
|
-
<span class="cline-any cline-no"> </span>
|
|
336
|
-
<span class="cline-any cline-neutral"> </span>
|
|
337
|
-
<span class="cline-any cline-neutral"> </span>
|
|
338
|
-
<span class="cline-any cline-no"> </span>
|
|
339
|
-
<span class="cline-any cline-neutral"> </span>
|
|
340
|
-
<span class="cline-any cline-no"> </span>
|
|
341
|
-
<span class="cline-any cline-no"> </span>
|
|
342
|
-
<span class="cline-any cline-no"> </span>
|
|
343
|
-
<span class="cline-any cline-no"> </span>
|
|
344
|
-
<span class="cline-any cline-no"> </span>
|
|
345
|
-
<span class="cline-any cline-neutral"> </span>
|
|
346
|
-
<span class="cline-any cline-neutral"> </span>
|
|
347
|
-
<span class="cline-any cline-neutral"> </span>
|
|
348
|
-
<span class="cline-any cline-neutral"> </span>
|
|
349
|
-
<span class="cline-any cline-no"> </span>
|
|
350
|
-
<span class="cline-any cline-neutral"> </span>
|
|
351
|
-
<span class="cline-any cline-neutral"> </span>
|
|
352
|
-
<span class="cline-any cline-neutral"> </span>
|
|
353
|
-
<span class="cline-any cline-neutral"> </span>
|
|
354
|
-
<span class="cline-any cline-no"> </span>
|
|
355
|
-
<span class="cline-any cline-neutral"> </span>
|
|
356
|
-
<span class="cline-any cline-neutral"> </span>
|
|
357
|
-
<span class="cline-any cline-neutral"> </span>
|
|
358
|
-
<span class="cline-any cline-neutral"> </span>
|
|
359
|
-
<span class="cline-any cline-neutral"> </span>
|
|
360
|
-
<span class="cline-any cline-neutral"> </span>
|
|
361
|
-
<span class="cline-any cline-neutral"> </span>
|
|
362
|
-
<span class="cline-any cline-neutral"> </span>
|
|
363
|
-
<span class="cline-any cline-neutral"> </span>
|
|
364
|
-
<span class="cline-any cline-neutral"> </span>
|
|
365
|
-
<span class="cline-any cline-neutral"> </span>
|
|
366
|
-
<span class="cline-any cline-neutral"> </span>
|
|
367
|
-
<span class="cline-any cline-no"> </span>
|
|
368
|
-
<span class="cline-any cline-no"> </span>
|
|
369
|
-
<span class="cline-any cline-no"> </span>
|
|
370
|
-
<span class="cline-any cline-no"> </span>
|
|
371
|
-
<span class="cline-any cline-no"> </span>
|
|
372
|
-
<span class="cline-any cline-no"> </span>
|
|
373
|
-
<span class="cline-any cline-neutral"> </span>
|
|
374
|
-
<span class="cline-any cline-neutral"> </span>
|
|
375
|
-
<span class="cline-any cline-no"> </span>
|
|
376
|
-
<span class="cline-any cline-no"> </span>
|
|
377
|
-
<span class="cline-any cline-neutral"> </span>
|
|
378
|
-
<span class="cline-any cline-no"> </span>
|
|
379
|
-
<span class="cline-any cline-neutral"> </span>
|
|
380
|
-
<span class="cline-any cline-neutral"> </span>
|
|
381
|
-
<span class="cline-any cline-no"> </span>
|
|
382
|
-
<span class="cline-any cline-neutral"> </span>
|
|
383
|
-
<span class="cline-any cline-neutral"> </span>
|
|
384
|
-
<span class="cline-any cline-neutral"> </span>
|
|
385
|
-
<span class="cline-any cline-neutral"> </span>
|
|
386
|
-
<span class="cline-any cline-neutral"> </span>
|
|
387
|
-
<span class="cline-any cline-neutral"> </span>
|
|
388
|
-
<span class="cline-any cline-no"> </span>
|
|
389
|
-
<span class="cline-any cline-no"> </span>
|
|
390
|
-
<span class="cline-any cline-no"> </span>
|
|
391
|
-
<span class="cline-any cline-no"> </span>
|
|
392
|
-
<span class="cline-any cline-neutral"> </span>
|
|
393
|
-
<span class="cline-any cline-no"> </span>
|
|
394
|
-
<span class="cline-any cline-no"> </span>
|
|
395
|
-
<span class="cline-any cline-no"> </span>
|
|
396
|
-
<span class="cline-any cline-no"> </span>
|
|
397
|
-
<span class="cline-any cline-no"> </span>
|
|
398
|
-
<span class="cline-any cline-neutral"> </span>
|
|
399
|
-
<span class="cline-any cline-no"> </span>
|
|
400
|
-
<span class="cline-any cline-neutral"> </span>
|
|
401
|
-
<span class="cline-any cline-neutral"> </span>
|
|
402
|
-
<span class="cline-any cline-neutral"> </span>
|
|
403
|
-
<span class="cline-any cline-neutral"> </span>
|
|
404
|
-
<span class="cline-any cline-neutral"> </span>
|
|
405
|
-
<span class="cline-any cline-neutral"> </span>
|
|
406
|
-
<span class="cline-any cline-neutral"> </span>
|
|
407
|
-
<span class="cline-any cline-neutral"> </span>
|
|
408
|
-
<span class="cline-any cline-neutral"> </span>
|
|
409
|
-
<span class="cline-any cline-neutral"> </span>
|
|
410
|
-
<span class="cline-any cline-neutral"> </span>
|
|
411
|
-
<span class="cline-any cline-neutral"> </span>
|
|
412
|
-
<span class="cline-any cline-neutral"> </span>
|
|
413
|
-
<span class="cline-any cline-neutral"> </span>
|
|
414
|
-
<span class="cline-any cline-neutral"> </span>
|
|
415
|
-
<span class="cline-any cline-no"> </span>
|
|
416
|
-
<span class="cline-any cline-neutral"> </span>
|
|
417
|
-
<span class="cline-any cline-no"> </span>
|
|
418
|
-
<span class="cline-any cline-no"> </span>
|
|
419
|
-
<span class="cline-any cline-no"> </span>
|
|
420
|
-
<span class="cline-any cline-no"> </span>
|
|
421
|
-
<span class="cline-any cline-no"> </span>
|
|
422
|
-
<span class="cline-any cline-no"> </span>
|
|
423
|
-
<span class="cline-any cline-no"> </span>
|
|
424
|
-
<span class="cline-any cline-no"> </span>
|
|
425
|
-
<span class="cline-any cline-no"> </span>
|
|
426
|
-
<span class="cline-any cline-neutral"> </span>
|
|
427
|
-
<span class="cline-any cline-neutral"> </span>
|
|
428
|
-
<span class="cline-any cline-neutral"> </span>
|
|
429
|
-
<span class="cline-any cline-neutral"> </span>
|
|
430
|
-
<span class="cline-any cline-neutral"> </span>
|
|
431
|
-
<span class="cline-any cline-neutral"> </span>
|
|
432
|
-
<span class="cline-any cline-neutral"> </span>
|
|
433
|
-
<span class="cline-any cline-neutral"> </span>
|
|
434
|
-
<span class="cline-any cline-neutral"> </span>
|
|
435
|
-
<span class="cline-any cline-neutral"> </span>
|
|
436
|
-
<span class="cline-any cline-neutral"> </span>
|
|
437
|
-
<span class="cline-any cline-neutral"> </span>
|
|
438
|
-
<span class="cline-any cline-neutral"> </span>
|
|
439
|
-
<span class="cline-any cline-neutral"> </span>
|
|
440
|
-
<span class="cline-any cline-neutral"> </span>
|
|
441
|
-
<span class="cline-any cline-no"> </span>
|
|
442
|
-
<span class="cline-any cline-no"> </span>
|
|
443
|
-
<span class="cline-any cline-neutral"> </span>
|
|
444
|
-
<span class="cline-any cline-neutral"> </span>
|
|
445
|
-
<span class="cline-any cline-no"> </span>
|
|
446
|
-
<span class="cline-any cline-neutral"> </span>
|
|
447
|
-
<span class="cline-any cline-no"> </span>
|
|
448
|
-
<span class="cline-any cline-no"> </span>
|
|
449
|
-
<span class="cline-any cline-no"> </span>
|
|
450
|
-
<span class="cline-any cline-no"> </span>
|
|
451
|
-
<span class="cline-any cline-no"> </span>
|
|
452
|
-
<span class="cline-any cline-no"> </span>
|
|
453
|
-
<span class="cline-any cline-neutral"> </span>
|
|
454
|
-
<span class="cline-any cline-neutral"> </span>
|
|
455
|
-
<span class="cline-any cline-neutral"> </span>
|
|
456
|
-
<span class="cline-any cline-neutral"> </span>
|
|
457
|
-
<span class="cline-any cline-no"> </span>
|
|
458
|
-
<span class="cline-any cline-neutral"> </span>
|
|
459
|
-
<span class="cline-any cline-neutral"> </span>
|
|
460
|
-
<span class="cline-any cline-neutral"> </span>
|
|
461
|
-
<span class="cline-any cline-no"> </span>
|
|
462
|
-
<span class="cline-any cline-no"> </span>
|
|
463
|
-
<span class="cline-any cline-no"> </span>
|
|
464
|
-
<span class="cline-any cline-no"> </span>
|
|
465
|
-
<span class="cline-any cline-no"> </span>
|
|
466
|
-
<span class="cline-any cline-neutral"> </span>
|
|
467
|
-
<span class="cline-any cline-neutral"> </span>
|
|
468
|
-
<span class="cline-any cline-no"> </span>
|
|
469
|
-
<span class="cline-any cline-no"> </span>
|
|
470
|
-
<span class="cline-any cline-no"> </span>
|
|
471
|
-
<span class="cline-any cline-neutral"> </span>
|
|
472
|
-
<span class="cline-any cline-neutral"> </span>
|
|
473
|
-
<span class="cline-any cline-neutral"> </span>
|
|
474
|
-
<span class="cline-any cline-no"> </span>
|
|
475
|
-
<span class="cline-any cline-no"> </span>
|
|
476
|
-
<span class="cline-any cline-no"> </span>
|
|
477
|
-
<span class="cline-any cline-no"> </span>
|
|
478
|
-
<span class="cline-any cline-no"> </span>
|
|
479
|
-
<span class="cline-any cline-no"> </span>
|
|
480
|
-
<span class="cline-any cline-no"> </span>
|
|
481
|
-
<span class="cline-any cline-no"> </span>
|
|
482
|
-
<span class="cline-any cline-neutral"> </span>
|
|
483
|
-
<span class="cline-any cline-neutral"> </span>
|
|
484
|
-
<span class="cline-any cline-neutral"> </span>
|
|
485
|
-
<span class="cline-any cline-no"> </span>
|
|
486
|
-
<span class="cline-any cline-neutral"> </span>
|
|
487
|
-
<span class="cline-any cline-no"> </span>
|
|
488
|
-
<span class="cline-any cline-neutral"> </span>
|
|
489
|
-
<span class="cline-any cline-neutral"> </span>
|
|
490
|
-
<span class="cline-any cline-neutral"> </span></td><td class="text"><pre class="prettyprint lang-js">/*
|
|
491
|
-
* Copyright (c) 2022-2023 Braun Nathanael
|
|
492
|
-
*
|
|
493
|
-
* This project is dual licensed under one of the following licenses:
|
|
494
|
-
* - Creative Commons Attribution-NoDerivatives 4.0 International License.
|
|
495
|
-
* - GNU AFFERO GENERAL PUBLIC LICENSE Version 3
|
|
496
|
-
*
|
|
497
|
-
* You should have received a copy of theses licenses along with this work.
|
|
498
|
-
* If not, see <http://creativecommons.org/licenses/by-nd/4.0/> or <http://www.gnu.org/licenses/agpl-3.0.txt>.
|
|
499
|
-
*/
|
|
500
|
-
|
|
501
|
-
import is from "is";
|
|
502
|
-
import tweenAxis from "tween-axis/dist/TweenAxisWasm";
|
|
503
|
-
|
|
504
|
-
/**
|
|
505
|
-
* CssTweenAxis — extends TweenAxis with an object pool and PROC_WASM acceleration.
|
|
506
|
-
*
|
|
507
|
-
* In animated UIs (especially sliders), axes are frequently created and destroyed
|
|
508
|
-
* as slides enter and leave the viewport. Allocating a new TweenAxis for each would
|
|
509
|
-
* trigger garbage collection at the worst possible moment (mid-animation).
|
|
510
|
-
*
|
|
511
|
-
* When `destroy()` is called, the instance is reset to a blank state and pushed
|
|
512
|
-
* into `recyclableTweenAxis[]`. The next `new CssTweenAxis(...)` call pops from
|
|
513
|
-
* the pool and calls `mount()` to re-initialize it — avoiding the allocation
|
|
514
|
-
* entirely. The pool is unbounded and module-level (shared across all Tweeners).
|
|
515
|
-
*
|
|
516
|
-
* PROC_WASM acceleration
|
|
517
|
-
* ──────────────────────
|
|
518
|
-
* For tween descriptors without event callbacks (entering/moving/leaving) and
|
|
519
|
-
* with a mappable easing function, addProcess() registers WASM-side accumulation
|
|
520
|
-
* via addWasmApply(). The WASM accumulates deltas directly into its scope buffer
|
|
521
|
-
* on every goTo() call — zero JS boundary crossings for those properties during
|
|
522
|
-
* the hot animation loop.
|
|
523
|
-
*
|
|
524
|
-
* goTo() is overridden to:
|
|
525
|
-
* 1. clearScope() — zero the WASM accumulation buffer.
|
|
526
|
-
* 2. super.goTo() — PROC_WASM processes accumulate in WASM; PROC_RESULT
|
|
527
|
-
* processes call their JS processors as before.
|
|
528
|
-
* 3. Read each WASM scope slot and add it into tweenRefMaps[target][propKey].
|
|
529
|
-
*
|
|
530
|
-
* The d3-ease functions used by react-voodoo are mapped to WASM built-in easing
|
|
531
|
-
* IDs via a lazy reverse-lookup Map (_fnToWasmId). Descriptors with custom easing
|
|
532
|
-
* functions that have no WASM equivalent fall back to PROC_RESULT automatically.
|
|
533
|
-
*/
|
|
534
|
-
|
|
535
|
-
// ─── d3-ease name → WASM easing ID ──────────────────────────────────────────
|
|
536
|
-
// Mirror of the TweenAxisCore EASE_* constants and the d3-ease export names.
|
|
537
|
-
|
|
538
|
-
const D3_TO_WASM_EASE = <span class="cstat-no" title="statement not covered" >{</span>
|
|
539
|
-
easeLinear : 0,
|
|
540
|
-
easeQuadIn : 1, easeQuadOut: 2, easeQuadInOut: 3,
|
|
541
|
-
easeCubicIn : 4, easeCubicOut: 5, easeCubicInOut: 6,
|
|
542
|
-
easeExpIn : 7, easeExpOut: 8, easeExpInOut: 9,
|
|
543
|
-
};
|
|
544
|
-
|
|
545
|
-
// Lazily built reverse map: function reference → WASM easing ID.
|
|
546
|
-
// Populated on first call to _getWasmEasingId() from tweenAxis.EasingFunctions.
|
|
547
|
-
let _fnToWasmId = <span class="cstat-no" title="statement not covered" >null;</span>
|
|
548
|
-
|
|
549
|
-
function <span class="fstat-no" title="function not covered" >_getWasmEasingId(</span> easeFn ) {
|
|
550
|
-
<span class="cstat-no" title="statement not covered" > if ( !easeFn ) <span class="cstat-no" title="statement not covered" >return 0; </span></span>// no easing → linear (EASE_LINEAR = 0)
|
|
551
|
-
|
|
552
|
-
<span class="cstat-no" title="statement not covered" > if ( _fnToWasmId === null ) {</span>
|
|
553
|
-
<span class="cstat-no" title="statement not covered" > _fnToWasmId = new Map();</span>
|
|
554
|
-
const efs = <span class="cstat-no" title="statement not covered" >tweenAxis.EasingFunctions;</span>
|
|
555
|
-
<span class="cstat-no" title="statement not covered" > for ( const name in D3_TO_WASM_EASE ) {</span>
|
|
556
|
-
<span class="cstat-no" title="statement not covered" > if ( efs[name] ) <span class="cstat-no" title="statement not covered" >_fnToWasmId.set(efs[name], D3_TO_WASM_EASE[name]);</span></span>
|
|
557
|
-
}
|
|
558
|
-
}
|
|
559
|
-
|
|
560
|
-
// Returns undefined for unknown functions → caller falls back to PROC_RESULT.
|
|
561
|
-
<span class="cstat-no" title="statement not covered" > return _fnToWasmId.get(easeFn);</span>
|
|
562
|
-
}
|
|
563
|
-
|
|
564
|
-
// ─── Object pool ──────────────────────────────────────────────────────────────
|
|
565
|
-
|
|
566
|
-
const recyclableTweenAxis = <span class="cstat-no" title="statement not covered" >[];</span>
|
|
567
|
-
|
|
568
|
-
export default class CssTweenAxis extends tweenAxis {
|
|
569
|
-
|
|
570
|
-
// Note: __wasmSlotByKey / __wasmSlotList / __wasmSlotCount are NOT declared as
|
|
571
|
-
// class fields here. Class field initializers run after super() returns, which
|
|
572
|
-
// would overwrite values written by _getOrCreateWasmSlot() when called during
|
|
573
|
-
// super() → mount() → addProcess(). Lazy init in _getOrCreateWasmSlot() handles
|
|
574
|
-
// fresh instances; destroy() resets them for recycled instances.
|
|
575
|
-
|
|
576
|
-
<span class="fstat-no" title="function not covered" > co</span>nstructor( cfg, scope ) {
|
|
577
|
-
// Pool path: if a recycled instance is available, reuse it by calling mount()
|
|
578
|
-
// to load the new tween descriptors into the pre-existing internal arrays.
|
|
579
|
-
<span class="cstat-no" title="statement not covered" > if ( recyclableTweenAxis.length ) {</span>
|
|
580
|
-
let recyled = <span class="cstat-no" title="statement not covered" >recyclableTweenAxis.pop();</span>
|
|
581
|
-
<span class="cstat-no" title="statement not covered" > recyled.scope = scope;</span>
|
|
582
|
-
<span class="cstat-no" title="statement not covered" > if ( is.array(cfg) ) {</span>
|
|
583
|
-
<span class="cstat-no" title="statement not covered" > recyled.localLength = 1;</span>
|
|
584
|
-
<span class="cstat-no" title="statement not covered" > recyled.mount(cfg, scope);</span>
|
|
585
|
-
}
|
|
586
|
-
else {
|
|
587
|
-
<span class="cstat-no" title="statement not covered" > if ( cfg.Axis )</span>
|
|
588
|
-
<span class="cstat-no" title="statement not covered" > recyled.mount(cfg.Axis, scope);</span>
|
|
589
|
-
}
|
|
590
|
-
<span class="cstat-no" title="statement not covered" > return recyled;</span>
|
|
591
|
-
}
|
|
592
|
-
// No pooled instance available — fall through to the normal TweenAxis constructor.
|
|
593
|
-
<span class="cstat-no" title="statement not covered" > super(...arguments)</span>
|
|
594
|
-
}
|
|
595
|
-
|
|
596
|
-
/** @private Assign (or look up) the WASM scope slot for a target+propKey pair. */
|
|
597
|
-
<span class="fstat-no" title="function not covered" > _g</span>etOrCreateWasmSlot( target, propKey ) {
|
|
598
|
-
// Lazy init: class fields run after super(), but super() calls mount() → addProcess()
|
|
599
|
-
// → here, so __wasmSlotByKey may not exist yet on the first fresh construction.
|
|
600
|
-
<span class="cstat-no" title="statement not covered" > if ( !this.__wasmSlotByKey ) {</span>
|
|
601
|
-
<span class="cstat-no" title="statement not covered" > this.__wasmSlotByKey = {};</span>
|
|
602
|
-
<span class="cstat-no" title="statement not covered" > this.__wasmSlotList = [];</span>
|
|
603
|
-
<span class="cstat-no" title="statement not covered" > this.__wasmSlotCount = 0;</span>
|
|
604
|
-
}
|
|
605
|
-
const k = <span class="cstat-no" title="statement not covered" >target + "\0" + propKey;</span>
|
|
606
|
-
<span class="cstat-no" title="statement not covered" > if ( this.__wasmSlotByKey[k] === undefined ) {</span>
|
|
607
|
-
const slot = <span class="cstat-no" title="statement not covered" >this.__wasmSlotCount++;</span>
|
|
608
|
-
<span class="cstat-no" title="statement not covered" > this.__wasmSlotByKey[k] = slot;</span>
|
|
609
|
-
<span class="cstat-no" title="statement not covered" > this.__wasmSlotList[slot] = { target, propKey };</span>
|
|
610
|
-
}
|
|
611
|
-
<span class="cstat-no" title="statement not covered" > return this.__wasmSlotByKey[k];</span>
|
|
612
|
-
}
|
|
613
|
-
|
|
614
|
-
/**
|
|
615
|
-
* Register a process and, when eligible, switch it to PROC_WASM mode.
|
|
616
|
-
*
|
|
617
|
-
* A process is eligible for PROC_WASM when:
|
|
618
|
-
* - It has no event callbacks (entering / moving / leaving).
|
|
619
|
-
* - Its easing function maps to one of the 10 WASM built-in IDs.
|
|
620
|
-
*
|
|
621
|
-
* For eligible processes, addWasmApply() is called for every demuxed property,
|
|
622
|
-
* which implicitly sets the process mode to PROC_WASM inside the WASM context.
|
|
623
|
-
* The JS processor stored by super.addProcess() is then never invoked for that
|
|
624
|
-
* process; the WASM scope buffer accumulates the deltas instead.
|
|
625
|
-
*/
|
|
626
|
-
<span class="fstat-no" title="function not covered" > ad</span>dProcess( from, to, factory, cfg ) {
|
|
627
|
-
<span class="cstat-no" title="statement not covered" > super.addProcess(from, to, factory, cfg);</span>
|
|
628
|
-
|
|
629
|
-
<span class="cstat-no" title="statement not covered" > if ( !cfg.entering && !cfg.moving && !cfg.leaving && cfg.apply ) {</span>
|
|
630
|
-
const wasmEasingId = <span class="cstat-no" title="statement not covered" >_getWasmEasingId(cfg.easeFn);</span>
|
|
631
|
-
<span class="cstat-no" title="statement not covered" > if ( wasmEasingId !== undefined ) {</span>
|
|
632
|
-
const key = <span class="cstat-no" title="statement not covered" >this.__cMaxKey - 1;</span> // key assigned by super.addProcess
|
|
633
|
-
const target = <span class="cstat-no" title="statement not covered" >cfg.target;</span>
|
|
634
|
-
<span class="cstat-no" title="statement not covered" > for ( const propKey in cfg.apply ) {</span>
|
|
635
|
-
<span class="cstat-no" title="statement not covered" > if ( !Object.prototype.hasOwnProperty.call(cfg.apply, propKey) ) <span class="cstat-no" title="statement not covered" >continue;</span></span>
|
|
636
|
-
const slot = <span class="cstat-no" title="statement not covered" >this._getOrCreateWasmSlot(target, propKey);</span>
|
|
637
|
-
<span class="cstat-no" title="statement not covered" > this.addWasmApply(key, slot, cfg.apply[propKey], wasmEasingId);</span>
|
|
638
|
-
}
|
|
639
|
-
}
|
|
640
|
-
}
|
|
641
|
-
}
|
|
642
|
-
|
|
643
|
-
/**
|
|
644
|
-
* Advance the timeline, using the WASM scope for eligible processes.
|
|
645
|
-
*
|
|
646
|
-
* Steps:
|
|
647
|
-
* 1. clearScope() — zero the accumulation buffer so this frame starts fresh.
|
|
648
|
-
* 2. super.goTo() — PROC_WASM processes accumulate in WASM; PROC_RESULT
|
|
649
|
-
* processes call JS processors as before.
|
|
650
|
-
* 3. For each registered WASM slot, add the accumulated value into scope.
|
|
651
|
-
*/
|
|
652
|
-
<span class="fstat-no" title="function not covered" > go</span>To( pos, scope, reset, noEvents ) {
|
|
653
|
-
<span class="cstat-no" title="statement not covered" > if ( this.__wasmSlotCount > 0 ) {</span>
|
|
654
|
-
<span class="cstat-no" title="statement not covered" > this.clearScope();</span>
|
|
655
|
-
}
|
|
656
|
-
|
|
657
|
-
const result = <span class="cstat-no" title="statement not covered" >super.goTo(pos, scope, reset, noEvents);</span>
|
|
658
|
-
|
|
659
|
-
<span class="cstat-no" title="statement not covered" > if ( this.__wasmSlotCount > 0 && scope ) {</span>
|
|
660
|
-
<span class="cstat-no" title="statement not covered" > for ( let slot = <span class="cstat-no" title="statement not covered" >0;</span> slot < this.__wasmSlotCount; slot++ ) {</span>
|
|
661
|
-
const { target, propKey } = <span class="cstat-no" title="statement not covered" >this.__wasmSlotList[slot];</span>
|
|
662
|
-
const targetScope = <span class="cstat-no" title="statement not covered" >target ? scope[target] : scope;</span>
|
|
663
|
-
<span class="cstat-no" title="statement not covered" > if ( targetScope !== undefined ) {</span>
|
|
664
|
-
<span class="cstat-no" title="statement not covered" > targetScope[propKey] = (targetScope[propKey] || 0) + this.getScopeValue(slot);</span>
|
|
665
|
-
}
|
|
666
|
-
}
|
|
667
|
-
}
|
|
668
|
-
|
|
669
|
-
<span class="cstat-no" title="statement not covered" > return result;</span>
|
|
670
|
-
}
|
|
671
|
-
|
|
672
|
-
<span class="fstat-no" title="function not covered" > de</span>stroy() {
|
|
673
|
-
<span class="cstat-no" title="statement not covered" > this.scope = undefined;</span>
|
|
674
|
-
<span class="cstat-no" title="statement not covered" > this.duration = 0;</span>
|
|
675
|
-
<span class="cstat-no" title="statement not covered" > this.__cPos = 0;</span>
|
|
676
|
-
<span class="cstat-no" title="statement not covered" > this.__cIndex = 0;</span>
|
|
677
|
-
<span class="cstat-no" title="statement not covered" > this.__cMaxKey = 1;</span>
|
|
678
|
-
|
|
679
|
-
// Clear WASM-slot tracking for this instance.
|
|
680
|
-
<span class="cstat-no" title="statement not covered" > this.__wasmSlotByKey = {};</span>
|
|
681
|
-
<span class="cstat-no" title="statement not covered" > this.__wasmSlotList = [];</span>
|
|
682
|
-
<span class="cstat-no" title="statement not covered" > this.__wasmSlotCount = 0;</span>
|
|
683
|
-
|
|
684
|
-
// Clear JS-side arrays (present on the plain TweenAxis implementation).
|
|
685
|
-
// Truncating rather than reassigning preserves the existing array references.
|
|
686
|
-
<span class="cstat-no" title="statement not covered" > if ( this.__marks ) <span class="cstat-no" title="statement not covered" >this.__marks.length = 0;</span></span>
|
|
687
|
-
<span class="cstat-no" title="statement not covered" > if ( this.__marksLength ) <span class="cstat-no" title="statement not covered" >this.__marksLength.length = 0;</span></span>
|
|
688
|
-
<span class="cstat-no" title="statement not covered" > if ( this.__marksKeys ) <span class="cstat-no" title="statement not covered" >this.__marksKeys.length = 0;</span></span>
|
|
689
|
-
<span class="cstat-no" title="statement not covered" > if ( this.__activeProcess ) <span class="cstat-no" title="statement not covered" >this.__activeProcess.length = 0;</span></span>
|
|
690
|
-
<span class="cstat-no" title="statement not covered" > if ( this.__outgoing ) <span class="cstat-no" title="statement not covered" >this.__outgoing.length = 0;</span></span>
|
|
691
|
-
<span class="cstat-no" title="statement not covered" > if ( this.__incoming ) <span class="cstat-no" title="statement not covered" >this.__incoming.length = 0;</span></span>
|
|
692
|
-
<span class="cstat-no" title="statement not covered" > this.__processors.length = 0;</span>
|
|
693
|
-
<span class="cstat-no" title="statement not covered" > this.__config.length = 0;</span>
|
|
694
|
-
|
|
695
|
-
// WASM branch: reset the WASM context slot so the index can be reused by
|
|
696
|
-
// the next mount() call. Without this the WASM context pool would leak.
|
|
697
|
-
<span class="cstat-no" title="statement not covered" > if ( typeof this.resetWasm === "function" ) <span class="cstat-no" title="statement not covered" >this.resetWasm();</span></span>
|
|
698
|
-
|
|
699
|
-
<span class="cstat-no" title="statement not covered" > recyclableTweenAxis.push(this);</span>
|
|
700
|
-
}
|
|
701
|
-
}
|
|
702
|
-
</pre></td></tr></table></pre>
|
|
703
|
-
|
|
704
|
-
<div class='push'></div><!-- for sticky footer -->
|
|
705
|
-
</div><!-- /wrapper -->
|
|
706
|
-
<div class='footer quiet pad2 space-top1 center small'>
|
|
707
|
-
Code coverage generated by
|
|
708
|
-
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
|
|
709
|
-
at 2026-06-06T09:33:16.802Z
|
|
710
|
-
</div>
|
|
711
|
-
<script src="../prettify.js"></script>
|
|
712
|
-
<script>
|
|
713
|
-
window.onload = function () {
|
|
714
|
-
prettyPrint();
|
|
715
|
-
};
|
|
716
|
-
</script>
|
|
717
|
-
<script src="../sorter.js"></script>
|
|
718
|
-
<script src="../block-navigation.js"></script>
|
|
719
|
-
</body>
|
|
720
|
-
</html>
|
|
721
|
-
|