@openreplay/tracker 9.0.0 → 9.0.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 (74) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/cjs/app/index.js +1 -1
  3. package/cjs/index.js +1 -1
  4. package/cjs/modules/Network/fetchProxy.d.ts +1 -1
  5. package/cjs/modules/Network/fetchProxy.js +7 -1
  6. package/cjs/modules/Network/index.js +14 -2
  7. package/cjs/modules/Network/xhrProxy.js +3 -0
  8. package/lib/app/index.js +1 -1
  9. package/lib/index.js +1 -1
  10. package/lib/modules/Network/fetchProxy.d.ts +1 -1
  11. package/lib/modules/Network/fetchProxy.js +7 -1
  12. package/lib/modules/Network/index.js +14 -2
  13. package/lib/modules/Network/xhrProxy.js +3 -0
  14. package/package.json +1 -1
  15. package/coverage/clover.xml +0 -2973
  16. package/coverage/coverage-final.json +0 -44
  17. package/coverage/lcov-report/base.css +0 -224
  18. package/coverage/lcov-report/block-navigation.js +0 -87
  19. package/coverage/lcov-report/favicon.png +0 -0
  20. package/coverage/lcov-report/index.html +0 -191
  21. package/coverage/lcov-report/main/app/guards.ts.html +0 -229
  22. package/coverage/lcov-report/main/app/index.html +0 -206
  23. package/coverage/lcov-report/main/app/index.ts.html +0 -2149
  24. package/coverage/lcov-report/main/app/logger.ts.html +0 -277
  25. package/coverage/lcov-report/main/app/messages.gen.ts.html +0 -2752
  26. package/coverage/lcov-report/main/app/observer/iframe_observer.ts.html +0 -148
  27. package/coverage/lcov-report/main/app/observer/iframe_offsets.ts.html +0 -289
  28. package/coverage/lcov-report/main/app/observer/index.html +0 -161
  29. package/coverage/lcov-report/main/app/observer/shadow_root_observer.ts.html +0 -142
  30. package/coverage/lcov-report/main/app/observer/top_observer.ts.html +0 -535
  31. package/coverage/lcov-report/main/app/sanitizer.ts.html +0 -394
  32. package/coverage/lcov-report/main/app/session.ts.html +0 -601
  33. package/coverage/lcov-report/main/app/ticker.ts.html +0 -250
  34. package/coverage/lcov-report/main/index.html +0 -131
  35. package/coverage/lcov-report/main/index.ts.html +0 -1144
  36. package/coverage/lcov-report/main/modules/Network/fetchProxy.ts.html +0 -949
  37. package/coverage/lcov-report/main/modules/Network/index.html +0 -176
  38. package/coverage/lcov-report/main/modules/Network/index.ts.html +0 -169
  39. package/coverage/lcov-report/main/modules/Network/networkMessage.ts.html +0 -382
  40. package/coverage/lcov-report/main/modules/Network/utils.ts.html +0 -700
  41. package/coverage/lcov-report/main/modules/Network/xhrProxy.ts.html +0 -823
  42. package/coverage/lcov-report/main/modules/attributeSender.ts.html +0 -217
  43. package/coverage/lcov-report/main/modules/axiosSpy.ts.html +0 -700
  44. package/coverage/lcov-report/main/modules/connection.ts.html +0 -160
  45. package/coverage/lcov-report/main/modules/console.ts.html +0 -535
  46. package/coverage/lcov-report/main/modules/constructedStyleSheets.ts.html +0 -559
  47. package/coverage/lcov-report/main/modules/cssrules.ts.html +0 -418
  48. package/coverage/lcov-report/main/modules/exception.ts.html +0 -385
  49. package/coverage/lcov-report/main/modules/featureFlags.ts.html +0 -415
  50. package/coverage/lcov-report/main/modules/focus.ts.html +0 -220
  51. package/coverage/lcov-report/main/modules/fonts.ts.html +0 -289
  52. package/coverage/lcov-report/main/modules/img.ts.html +0 -433
  53. package/coverage/lcov-report/main/modules/index.html +0 -401
  54. package/coverage/lcov-report/main/modules/input.ts.html +0 -811
  55. package/coverage/lcov-report/main/modules/mouse.ts.html +0 -826
  56. package/coverage/lcov-report/main/modules/network.ts.html +0 -1129
  57. package/coverage/lcov-report/main/modules/performance.ts.html +0 -367
  58. package/coverage/lcov-report/main/modules/scroll.ts.html +0 -364
  59. package/coverage/lcov-report/main/modules/selection.ts.html +0 -202
  60. package/coverage/lcov-report/main/modules/tabs.ts.html +0 -124
  61. package/coverage/lcov-report/main/modules/timing.ts.html +0 -841
  62. package/coverage/lcov-report/main/modules/viewport.ts.html +0 -250
  63. package/coverage/lcov-report/main/utils.ts.html +0 -406
  64. package/coverage/lcov-report/prettify.css +0 -1
  65. package/coverage/lcov-report/prettify.js +0 -2
  66. package/coverage/lcov-report/sort-arrow-sprite.png +0 -0
  67. package/coverage/lcov-report/sorter.js +0 -196
  68. package/coverage/lcov-report/webworker/BatchWriter.ts.html +0 -481
  69. package/coverage/lcov-report/webworker/MessageEncoder.gen.ts.html +0 -949
  70. package/coverage/lcov-report/webworker/PrimitiveEncoder.ts.html +0 -436
  71. package/coverage/lcov-report/webworker/QueueSender.ts.html +0 -505
  72. package/coverage/lcov-report/webworker/index.html +0 -176
  73. package/coverage/lcov-report/webworker/index.ts.html +0 -616
  74. package/coverage/lcov.info +0 -5854
@@ -1,811 +0,0 @@
1
-
2
- <!doctype html>
3
- <html lang="en">
4
-
5
- <head>
6
- <title>Code coverage report for main/modules/input.ts</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">main/modules</a> input.ts</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/114</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/21</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/110</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 oninput="onInput()" 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>
279
- <a name='L214'></a><a href='#L214'>214</a>
280
- <a name='L215'></a><a href='#L215'>215</a>
281
- <a name='L216'></a><a href='#L216'>216</a>
282
- <a name='L217'></a><a href='#L217'>217</a>
283
- <a name='L218'></a><a href='#L218'>218</a>
284
- <a name='L219'></a><a href='#L219'>219</a>
285
- <a name='L220'></a><a href='#L220'>220</a>
286
- <a name='L221'></a><a href='#L221'>221</a>
287
- <a name='L222'></a><a href='#L222'>222</a>
288
- <a name='L223'></a><a href='#L223'>223</a>
289
- <a name='L224'></a><a href='#L224'>224</a>
290
- <a name='L225'></a><a href='#L225'>225</a>
291
- <a name='L226'></a><a href='#L226'>226</a>
292
- <a name='L227'></a><a href='#L227'>227</a>
293
- <a name='L228'></a><a href='#L228'>228</a>
294
- <a name='L229'></a><a href='#L229'>229</a>
295
- <a name='L230'></a><a href='#L230'>230</a>
296
- <a name='L231'></a><a href='#L231'>231</a>
297
- <a name='L232'></a><a href='#L232'>232</a>
298
- <a name='L233'></a><a href='#L233'>233</a>
299
- <a name='L234'></a><a href='#L234'>234</a>
300
- <a name='L235'></a><a href='#L235'>235</a>
301
- <a name='L236'></a><a href='#L236'>236</a>
302
- <a name='L237'></a><a href='#L237'>237</a>
303
- <a name='L238'></a><a href='#L238'>238</a>
304
- <a name='L239'></a><a href='#L239'>239</a>
305
- <a name='L240'></a><a href='#L240'>240</a>
306
- <a name='L241'></a><a href='#L241'>241</a>
307
- <a name='L242'></a><a href='#L242'>242</a>
308
- <a name='L243'></a><a href='#L243'>243</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
309
- <span class="cline-any cline-no">&nbsp;</span>
310
- <span class="cline-any cline-no">&nbsp;</span>
311
- <span class="cline-any cline-no">&nbsp;</span>
312
- <span class="cline-any cline-neutral">&nbsp;</span>
313
- <span class="cline-any cline-no">&nbsp;</span>
314
- <span class="cline-any cline-neutral">&nbsp;</span>
315
- <span class="cline-any cline-neutral">&nbsp;</span>
316
- <span class="cline-any cline-neutral">&nbsp;</span>
317
- <span class="cline-any cline-neutral">&nbsp;</span>
318
- <span class="cline-any cline-neutral">&nbsp;</span>
319
- <span class="cline-any cline-neutral">&nbsp;</span>
320
- <span class="cline-any cline-neutral">&nbsp;</span>
321
- <span class="cline-any cline-neutral">&nbsp;</span>
322
- <span class="cline-any cline-neutral">&nbsp;</span>
323
- <span class="cline-any cline-neutral">&nbsp;</span>
324
- <span class="cline-any cline-neutral">&nbsp;</span>
325
- <span class="cline-any cline-neutral">&nbsp;</span>
326
- <span class="cline-any cline-neutral">&nbsp;</span>
327
- <span class="cline-any cline-neutral">&nbsp;</span>
328
- <span class="cline-any cline-neutral">&nbsp;</span>
329
- <span class="cline-any cline-no">&nbsp;</span>
330
- <span class="cline-any cline-no">&nbsp;</span>
331
- <span class="cline-any cline-neutral">&nbsp;</span>
332
- <span class="cline-any cline-no">&nbsp;</span>
333
- <span class="cline-any cline-no">&nbsp;</span>
334
- <span class="cline-any cline-neutral">&nbsp;</span>
335
- <span class="cline-any cline-neutral">&nbsp;</span>
336
- <span class="cline-any cline-no">&nbsp;</span>
337
- <span class="cline-any cline-neutral">&nbsp;</span>
338
- <span class="cline-any cline-neutral">&nbsp;</span>
339
- <span class="cline-any cline-neutral">&nbsp;</span>
340
- <span class="cline-any cline-no">&nbsp;</span>
341
- <span class="cline-any cline-no">&nbsp;</span>
342
- <span class="cline-any cline-neutral">&nbsp;</span>
343
- <span class="cline-any cline-no">&nbsp;</span>
344
- <span class="cline-any cline-no">&nbsp;</span>
345
- <span class="cline-any cline-neutral">&nbsp;</span>
346
- <span class="cline-any cline-neutral">&nbsp;</span>
347
- <span class="cline-any cline-neutral">&nbsp;</span>
348
- <span class="cline-any cline-no">&nbsp;</span>
349
- <span class="cline-any cline-neutral">&nbsp;</span>
350
- <span class="cline-any cline-no">&nbsp;</span>
351
- <span class="cline-any cline-no">&nbsp;</span>
352
- <span class="cline-any cline-no">&nbsp;</span>
353
- <span class="cline-any cline-no">&nbsp;</span>
354
- <span class="cline-any cline-neutral">&nbsp;</span>
355
- <span class="cline-any cline-neutral">&nbsp;</span>
356
- <span class="cline-any cline-no">&nbsp;</span>
357
- <span class="cline-any cline-no">&nbsp;</span>
358
- <span class="cline-any cline-no">&nbsp;</span>
359
- <span class="cline-any cline-neutral">&nbsp;</span>
360
- <span class="cline-any cline-neutral">&nbsp;</span>
361
- <span class="cline-any cline-neutral">&nbsp;</span>
362
- <span class="cline-any cline-no">&nbsp;</span>
363
- <span class="cline-any cline-no">&nbsp;</span>
364
- <span class="cline-any cline-no">&nbsp;</span>
365
- <span class="cline-any cline-no">&nbsp;</span>
366
- <span class="cline-any cline-neutral">&nbsp;</span>
367
- <span class="cline-any cline-neutral">&nbsp;</span>
368
- <span class="cline-any cline-no">&nbsp;</span>
369
- <span class="cline-any cline-no">&nbsp;</span>
370
- <span class="cline-any cline-no">&nbsp;</span>
371
- <span class="cline-any cline-no">&nbsp;</span>
372
- <span class="cline-any cline-no">&nbsp;</span>
373
- <span class="cline-any cline-neutral">&nbsp;</span>
374
- <span class="cline-any cline-neutral">&nbsp;</span>
375
- <span class="cline-any cline-neutral">&nbsp;</span>
376
- <span class="cline-any cline-neutral">&nbsp;</span>
377
- <span class="cline-any cline-no">&nbsp;</span>
378
- <span class="cline-any cline-no">&nbsp;</span>
379
- <span class="cline-any cline-no">&nbsp;</span>
380
- <span class="cline-any cline-no">&nbsp;</span>
381
- <span class="cline-any cline-no">&nbsp;</span>
382
- <span class="cline-any cline-neutral">&nbsp;</span>
383
- <span class="cline-any cline-neutral">&nbsp;</span>
384
- <span class="cline-any cline-neutral">&nbsp;</span>
385
- <span class="cline-any cline-neutral">&nbsp;</span>
386
- <span class="cline-any cline-neutral">&nbsp;</span>
387
- <span class="cline-any cline-neutral">&nbsp;</span>
388
- <span class="cline-any cline-neutral">&nbsp;</span>
389
- <span class="cline-any cline-no">&nbsp;</span>
390
- <span class="cline-any cline-neutral">&nbsp;</span>
391
- <span class="cline-any cline-neutral">&nbsp;</span>
392
- <span class="cline-any cline-neutral">&nbsp;</span>
393
- <span class="cline-any cline-neutral">&nbsp;</span>
394
- <span class="cline-any cline-neutral">&nbsp;</span>
395
- <span class="cline-any cline-neutral">&nbsp;</span>
396
- <span class="cline-any cline-neutral">&nbsp;</span>
397
- <span class="cline-any cline-neutral">&nbsp;</span>
398
- <span class="cline-any cline-neutral">&nbsp;</span>
399
- <span class="cline-any cline-neutral">&nbsp;</span>
400
- <span class="cline-any cline-neutral">&nbsp;</span>
401
- <span class="cline-any cline-neutral">&nbsp;</span>
402
- <span class="cline-any cline-neutral">&nbsp;</span>
403
- <span class="cline-any cline-neutral">&nbsp;</span>
404
- <span class="cline-any cline-neutral">&nbsp;</span>
405
- <span class="cline-any cline-no">&nbsp;</span>
406
- <span class="cline-any cline-no">&nbsp;</span>
407
- <span class="cline-any cline-neutral">&nbsp;</span>
408
- <span class="cline-any cline-neutral">&nbsp;</span>
409
- <span class="cline-any cline-neutral">&nbsp;</span>
410
- <span class="cline-any cline-neutral">&nbsp;</span>
411
- <span class="cline-any cline-neutral">&nbsp;</span>
412
- <span class="cline-any cline-neutral">&nbsp;</span>
413
- <span class="cline-any cline-neutral">&nbsp;</span>
414
- <span class="cline-any cline-neutral">&nbsp;</span>
415
- <span class="cline-any cline-neutral">&nbsp;</span>
416
- <span class="cline-any cline-neutral">&nbsp;</span>
417
- <span class="cline-any cline-no">&nbsp;</span>
418
- <span class="cline-any cline-no">&nbsp;</span>
419
- <span class="cline-any cline-neutral">&nbsp;</span>
420
- <span class="cline-any cline-no">&nbsp;</span>
421
- <span class="cline-any cline-no">&nbsp;</span>
422
- <span class="cline-any cline-no">&nbsp;</span>
423
- <span class="cline-any cline-neutral">&nbsp;</span>
424
- <span class="cline-any cline-neutral">&nbsp;</span>
425
- <span class="cline-any cline-neutral">&nbsp;</span>
426
- <span class="cline-any cline-neutral">&nbsp;</span>
427
- <span class="cline-any cline-neutral">&nbsp;</span>
428
- <span class="cline-any cline-neutral">&nbsp;</span>
429
- <span class="cline-any cline-no">&nbsp;</span>
430
- <span class="cline-any cline-neutral">&nbsp;</span>
431
- <span class="cline-any cline-no">&nbsp;</span>
432
- <span class="cline-any cline-no">&nbsp;</span>
433
- <span class="cline-any cline-neutral">&nbsp;</span>
434
- <span class="cline-any cline-no">&nbsp;</span>
435
- <span class="cline-any cline-no">&nbsp;</span>
436
- <span class="cline-any cline-no">&nbsp;</span>
437
- <span class="cline-any cline-neutral">&nbsp;</span>
438
- <span class="cline-any cline-no">&nbsp;</span>
439
- <span class="cline-any cline-no">&nbsp;</span>
440
- <span class="cline-any cline-no">&nbsp;</span>
441
- <span class="cline-any cline-neutral">&nbsp;</span>
442
- <span class="cline-any cline-neutral">&nbsp;</span>
443
- <span class="cline-any cline-no">&nbsp;</span>
444
- <span class="cline-any cline-neutral">&nbsp;</span>
445
- <span class="cline-any cline-neutral">&nbsp;</span>
446
- <span class="cline-any cline-no">&nbsp;</span>
447
- <span class="cline-any cline-neutral">&nbsp;</span>
448
- <span class="cline-any cline-no">&nbsp;</span>
449
- <span class="cline-any cline-neutral">&nbsp;</span>
450
- <span class="cline-any cline-neutral">&nbsp;</span>
451
- <span class="cline-any cline-no">&nbsp;</span>
452
- <span class="cline-any cline-no">&nbsp;</span>
453
- <span class="cline-any cline-neutral">&nbsp;</span>
454
- <span class="cline-any cline-no">&nbsp;</span>
455
- <span class="cline-any cline-no">&nbsp;</span>
456
- <span class="cline-any cline-no">&nbsp;</span>
457
- <span class="cline-any cline-neutral">&nbsp;</span>
458
- <span class="cline-any cline-neutral">&nbsp;</span>
459
- <span class="cline-any cline-neutral">&nbsp;</span>
460
- <span class="cline-any cline-no">&nbsp;</span>
461
- <span class="cline-any cline-no">&nbsp;</span>
462
- <span class="cline-any cline-neutral">&nbsp;</span>
463
- <span class="cline-any cline-no">&nbsp;</span>
464
- <span class="cline-any cline-no">&nbsp;</span>
465
- <span class="cline-any cline-neutral">&nbsp;</span>
466
- <span class="cline-any cline-neutral">&nbsp;</span>
467
- <span class="cline-any cline-neutral">&nbsp;</span>
468
- <span class="cline-any cline-no">&nbsp;</span>
469
- <span class="cline-any cline-no">&nbsp;</span>
470
- <span class="cline-any cline-neutral">&nbsp;</span>
471
- <span class="cline-any cline-no">&nbsp;</span>
472
- <span class="cline-any cline-no">&nbsp;</span>
473
- <span class="cline-any cline-neutral">&nbsp;</span>
474
- <span class="cline-any cline-neutral">&nbsp;</span>
475
- <span class="cline-any cline-neutral">&nbsp;</span>
476
- <span class="cline-any cline-no">&nbsp;</span>
477
- <span class="cline-any cline-no">&nbsp;</span>
478
- <span class="cline-any cline-no">&nbsp;</span>
479
- <span class="cline-any cline-no">&nbsp;</span>
480
- <span class="cline-any cline-no">&nbsp;</span>
481
- <span class="cline-any cline-neutral">&nbsp;</span>
482
- <span class="cline-any cline-no">&nbsp;</span>
483
- <span class="cline-any cline-no">&nbsp;</span>
484
- <span class="cline-any cline-no">&nbsp;</span>
485
- <span class="cline-any cline-no">&nbsp;</span>
486
- <span class="cline-any cline-neutral">&nbsp;</span>
487
- <span class="cline-any cline-neutral">&nbsp;</span>
488
- <span class="cline-any cline-neutral">&nbsp;</span>
489
- <span class="cline-any cline-neutral">&nbsp;</span>
490
- <span class="cline-any cline-neutral">&nbsp;</span>
491
- <span class="cline-any cline-neutral">&nbsp;</span>
492
- <span class="cline-any cline-neutral">&nbsp;</span>
493
- <span class="cline-any cline-neutral">&nbsp;</span>
494
- <span class="cline-any cline-neutral">&nbsp;</span>
495
- <span class="cline-any cline-no">&nbsp;</span>
496
- <span class="cline-any cline-no">&nbsp;</span>
497
- <span class="cline-any cline-neutral">&nbsp;</span>
498
- <span class="cline-any cline-no">&nbsp;</span>
499
- <span class="cline-any cline-neutral">&nbsp;</span>
500
- <span class="cline-any cline-neutral">&nbsp;</span>
501
- <span class="cline-any cline-no">&nbsp;</span>
502
- <span class="cline-any cline-neutral">&nbsp;</span>
503
- <span class="cline-any cline-no">&nbsp;</span>
504
- <span class="cline-any cline-no">&nbsp;</span>
505
- <span class="cline-any cline-no">&nbsp;</span>
506
- <span class="cline-any cline-neutral">&nbsp;</span>
507
- <span class="cline-any cline-neutral">&nbsp;</span>
508
- <span class="cline-any cline-neutral">&nbsp;</span>
509
- <span class="cline-any cline-no">&nbsp;</span>
510
- <span class="cline-any cline-no">&nbsp;</span>
511
- <span class="cline-any cline-no">&nbsp;</span>
512
- <span class="cline-any cline-neutral">&nbsp;</span>
513
- <span class="cline-any cline-neutral">&nbsp;</span>
514
- <span class="cline-any cline-no">&nbsp;</span>
515
- <span class="cline-any cline-no">&nbsp;</span>
516
- <span class="cline-any cline-no">&nbsp;</span>
517
- <span class="cline-any cline-no">&nbsp;</span>
518
- <span class="cline-any cline-no">&nbsp;</span>
519
- <span class="cline-any cline-neutral">&nbsp;</span>
520
- <span class="cline-any cline-no">&nbsp;</span>
521
- <span class="cline-any cline-no">&nbsp;</span>
522
- <span class="cline-any cline-neutral">&nbsp;</span>
523
- <span class="cline-any cline-neutral">&nbsp;</span>
524
- <span class="cline-any cline-no">&nbsp;</span>
525
- <span class="cline-any cline-no">&nbsp;</span>
526
- <span class="cline-any cline-no">&nbsp;</span>
527
- <span class="cline-any cline-neutral">&nbsp;</span>
528
- <span class="cline-any cline-neutral">&nbsp;</span>
529
- <span class="cline-any cline-neutral">&nbsp;</span>
530
- <span class="cline-any cline-no">&nbsp;</span>
531
- <span class="cline-any cline-no">&nbsp;</span>
532
- <span class="cline-any cline-no">&nbsp;</span>
533
- <span class="cline-any cline-no">&nbsp;</span>
534
- <span class="cline-any cline-no">&nbsp;</span>
535
- <span class="cline-any cline-neutral">&nbsp;</span>
536
- <span class="cline-any cline-no">&nbsp;</span>
537
- <span class="cline-any cline-no">&nbsp;</span>
538
- <span class="cline-any cline-no">&nbsp;</span>
539
- <span class="cline-any cline-no">&nbsp;</span>
540
- <span class="cline-any cline-neutral">&nbsp;</span>
541
- <span class="cline-any cline-neutral">&nbsp;</span>
542
- <span class="cline-any cline-no">&nbsp;</span>
543
- <span class="cline-any cline-no">&nbsp;</span>
544
- <span class="cline-any cline-no">&nbsp;</span>
545
- <span class="cline-any cline-no">&nbsp;</span>
546
- <span class="cline-any cline-neutral">&nbsp;</span>
547
- <span class="cline-any cline-neutral">&nbsp;</span>
548
- <span class="cline-any cline-neutral">&nbsp;</span>
549
- <span class="cline-any cline-neutral">&nbsp;</span>
550
- <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import type App from '../app/index.js'
551
- <span class="cstat-no" title="statement not covered" >import { normSpaces, IN_BROWSER, getLabelAttribute, now } from '../utils.js'</span>
552
- <span class="cstat-no" title="statement not covered" >import { hasTag } from '../app/guards.js'</span>
553
- <span class="cstat-no" title="statement not covered" >import { InputChange, SetInputValue, SetInputChecked } from '../app/messages.gen.js'</span>
554
- &nbsp;
555
- const INPUT_TYPES = <span class="cstat-no" title="statement not covered" >[</span>
556
- 'text',
557
- 'password',
558
- 'email',
559
- 'search',
560
- 'number',
561
- 'range',
562
- 'date',
563
- 'tel',
564
- 'time',
565
- ]
566
- &nbsp;
567
- // TODO: take into consideration "contenteditable" attribute
568
- type TextFieldElement = HTMLInputElement | HTMLTextAreaElement
569
- &nbsp;
570
- function <span class="fstat-no" title="function not covered" >isTextFieldElement(</span>node: Node): node is TextFieldElement {
571
- <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (hasTag(node, 'textarea')) {</span>
572
- <span class="cstat-no" title="statement not covered" > return true</span>
573
- }
574
- <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (!hasTag(node, 'input')) {</span>
575
- <span class="cstat-no" title="statement not covered" > return false</span>
576
- }
577
- &nbsp;
578
- <span class="cstat-no" title="statement not covered" > return INPUT_TYPES.includes(node.type)</span>
579
- }
580
- &nbsp;
581
- function <span class="fstat-no" title="function not covered" >isCheckbox(</span>node: Node): node is HTMLInputElement &amp; { type: 'checkbox' | 'radio' } {
582
- <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (!hasTag(node, 'input')) {</span>
583
- <span class="cstat-no" title="statement not covered" > return false</span>
584
- }
585
- const type = <span class="cstat-no" title="statement not covered" >node.type</span>
586
- <span class="cstat-no" title="statement not covered" > return type === 'checkbox' || type === 'radio'</span>
587
- }
588
- &nbsp;
589
- const labelElementFor: (element: TextFieldElement) =&gt; HTMLLabelElement | undefined =
590
- <span class="cstat-no" title="statement not covered" > IN_BROWSER &amp;&amp; 'labels' in HTMLInputElement.prototype</span>
591
- ? <span class="fstat-no" title="function not covered" >(n</span>ode) =&gt; {
592
- let p: Node | null = <span class="cstat-no" title="statement not covered" >node</span>
593
- <span class="cstat-no" title="statement not covered" > while ((p = p.parentNode) !== null) {</span>
594
- <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (hasTag(p, 'label')) {</span>
595
- <span class="cstat-no" title="statement not covered" > return p</span>
596
- }
597
- }
598
- const labels = <span class="cstat-no" title="statement not covered" >node.labels</span>
599
- <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (labels !== null &amp;&amp; labels.length === 1) {</span>
600
- <span class="cstat-no" title="statement not covered" > return labels[0]</span>
601
- }
602
- }
603
- : <span class="fstat-no" title="function not covered" >(n</span>ode) =&gt; {
604
- let p: Node | null = <span class="cstat-no" title="statement not covered" >node</span>
605
- <span class="cstat-no" title="statement not covered" > while ((p = p.parentNode) !== null) {</span>
606
- <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (hasTag(p, 'label')) {</span>
607
- <span class="cstat-no" title="statement not covered" > return p</span>
608
- }
609
- }
610
- const id = <span class="cstat-no" title="statement not covered" >node.id</span>
611
- <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (id) {</span>
612
- const labels = <span class="cstat-no" title="statement not covered" >node.ownerDocument.querySelectorAll('label[for="' + id + '"]')</span>
613
- <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (labels !== null &amp;&amp; labels.length === 1) {</span>
614
- <span class="cstat-no" title="statement not covered" > return labels[0] as HTMLLabelElement</span>
615
- }
616
- }
617
- }
618
- &nbsp;
619
- <span class="cstat-no" title="statement not covered" >export function <span class="fstat-no" title="function not covered" >g</span>etInputLabel(</span>node: TextFieldElement): string {
620
- let label = <span class="cstat-no" title="statement not covered" >getLabelAttribute(node)</span>
621
- <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (label === null) {</span>
622
- const labelElement = <span class="cstat-no" title="statement not covered" >labelElementFor(node)</span>
623
- <span class="cstat-no" title="statement not covered" > label =</span>
624
- (labelElement &amp;&amp; labelElement.innerText) ||
625
- node.placeholder ||
626
- node.name ||
627
- node.id ||
628
- node.className ||
629
- node.type
630
- }
631
- <span class="cstat-no" title="statement not covered" > return normSpaces(label).slice(0, 100)</span>
632
- }
633
- &nbsp;
634
- export declare const enum InputMode {
635
- Plain = 0,
636
- Obscured = 1,
637
- Hidden = 2,
638
- }
639
- &nbsp;
640
- export interface Options {
641
- obscureInputNumbers: boolean
642
- obscureInputEmails: boolean
643
- defaultInputMode: InputMode
644
- obscureInputDates: boolean
645
- }
646
- &nbsp;
647
- <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >export default function (a</span></span>pp: App, opts: Partial&lt;Options&gt;): void {
648
- const options: Options = <span class="cstat-no" title="statement not covered" >Object.assign(</span>
649
- {
650
- obscureInputNumbers: true,
651
- obscureInputEmails: true,
652
- defaultInputMode: InputMode.Obscured,
653
- obscureInputDates: false,
654
- },
655
- opts,
656
- )
657
- &nbsp;
658
- function <span class="fstat-no" title="function not covered" >getInputValue(</span>id: number, node: TextFieldElement | HTMLSelectElement) {
659
- let value = <span class="cstat-no" title="statement not covered" >node.value</span>
660
- let inputMode: InputMode = <span class="cstat-no" title="statement not covered" >options.defaultInputMode</span>
661
- &nbsp;
662
- <span class="cstat-no" title="statement not covered" > if (node.type === 'password' || app.sanitizer.isHidden(id)) {</span>
663
- <span class="cstat-no" title="statement not covered" > inputMode = InputMode.Hidden</span>
664
- } else <span class="cstat-no" title="statement not covered" ><span class="missing-if-branch" title="if path not taken" >I</span>if (</span>
665
- app.sanitizer.isObscured(id) ||
666
- (inputMode === InputMode.Plain &amp;&amp;
667
- ((options.obscureInputNumbers &amp;&amp; node.type !== 'date' &amp;&amp; /\d\d\d\d/.test(value)) ||
668
- (options.obscureInputDates &amp;&amp; node.type === 'date') ||
669
- (options.obscureInputEmails &amp;&amp; (node.type === 'email' || !!~value.indexOf('@')))))
670
- ) {
671
- <span class="cstat-no" title="statement not covered" > inputMode = InputMode.Obscured</span>
672
- }
673
- let mask = <span class="cstat-no" title="statement not covered" >0</span>
674
- <span class="cstat-no" title="statement not covered" > switch (inputMode) {</span>
675
- case InputMode.Hidden:
676
- <span class="cstat-no" title="statement not covered" > mask = -1</span>
677
- <span class="cstat-no" title="statement not covered" > value = ''</span>
678
- <span class="cstat-no" title="statement not covered" > break</span>
679
- case InputMode.Obscured:
680
- <span class="cstat-no" title="statement not covered" > mask = value.length</span>
681
- <span class="cstat-no" title="statement not covered" > value = ''</span>
682
- <span class="cstat-no" title="statement not covered" > break</span>
683
- }
684
- &nbsp;
685
- <span class="cstat-no" title="statement not covered" > return { value, mask }</span>
686
- }
687
- function <span class="fstat-no" title="function not covered" >sendInputValue(</span>id: number, node: TextFieldElement | HTMLSelectElement): void {
688
- const { value, mask } = <span class="cstat-no" title="statement not covered" >getInputValue(id, node)</span>
689
- &nbsp;
690
- <span class="cstat-no" title="statement not covered" > app.send(SetInputValue(id, value, mask))</span>
691
- }
692
- &nbsp;
693
- const inputValues: Map&lt;number, string&gt; = <span class="cstat-no" title="statement not covered" >new Map()</span>
694
- const checkboxValues: Map&lt;number, boolean&gt; = <span class="cstat-no" title="statement not covered" >new Map()</span>
695
- &nbsp;
696
- <span class="cstat-no" title="statement not covered" > app.attachStopCallback(<span class="fstat-no" title="function not covered" >() =</span>&gt; {</span>
697
- <span class="cstat-no" title="statement not covered" > inputValues.clear()</span>
698
- <span class="cstat-no" title="statement not covered" > checkboxValues.clear()</span>
699
- })
700
- &nbsp;
701
- function <span class="fstat-no" title="function not covered" >trackInputValue(</span>id: number, node: TextFieldElement) {
702
- <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (inputValues.get(id) === node.value) {</span>
703
- <span class="cstat-no" title="statement not covered" > return</span>
704
- }
705
- <span class="cstat-no" title="statement not covered" > inputValues.set(id, node.value)</span>
706
- <span class="cstat-no" title="statement not covered" > sendInputValue(id, node)</span>
707
- }
708
- &nbsp;
709
- function <span class="fstat-no" title="function not covered" >trackCheckboxValue(</span>id: number, value: boolean) {
710
- <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (checkboxValues.get(id) === value) {</span>
711
- <span class="cstat-no" title="statement not covered" > return</span>
712
- }
713
- <span class="cstat-no" title="statement not covered" > checkboxValues.set(id, value)</span>
714
- <span class="cstat-no" title="statement not covered" > app.send(SetInputChecked(id, value))</span>
715
- }
716
- &nbsp;
717
- // The only way (to our knowledge) to track all kinds of input changes, including those made by JS
718
- <span class="cstat-no" title="statement not covered" > app.ticker.attach(<span class="fstat-no" title="function not covered" >() =</span>&gt; {</span>
719
- <span class="cstat-no" title="statement not covered" > inputValues.forEach(<span class="fstat-no" title="function not covered" >(v</span>alue, id) =&gt; {</span>
720
- const node = <span class="cstat-no" title="statement not covered" >app.nodes.getNode(id) as HTMLInputElement</span>
721
- <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (!node) <span class="cstat-no" title="statement not covered" >return inputValues.delete(id)</span></span>
722
- <span class="cstat-no" title="statement not covered" > trackInputValue(id, node)</span>
723
- })
724
- <span class="cstat-no" title="statement not covered" > checkboxValues.forEach(<span class="fstat-no" title="function not covered" >(c</span>hecked, id) =&gt; {</span>
725
- const node = <span class="cstat-no" title="statement not covered" >app.nodes.getNode(id) as HTMLInputElement</span>
726
- <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (!node) <span class="cstat-no" title="statement not covered" >return checkboxValues.delete(id)</span></span>
727
- <span class="cstat-no" title="statement not covered" > trackCheckboxValue(id, node.checked)</span>
728
- })
729
- }, 3)
730
- &nbsp;
731
- function <span class="fstat-no" title="function not covered" >sendInputChange(</span>
732
- id: number,
733
- node: TextFieldElement,
734
- hesitationTime: number,
735
- inputTime: number,
736
- ) {
737
- const { value, mask } = <span class="cstat-no" title="statement not covered" >getInputValue(id, node)</span>
738
- const label = <span class="cstat-no" title="statement not covered" >getInputLabel(node)</span>
739
- &nbsp;
740
- <span class="cstat-no" title="statement not covered" > app.send(InputChange(id, value, mask !== 0, label, hesitationTime, inputTime))</span>
741
- }
742
- &nbsp;
743
- <span class="cstat-no" title="statement not covered" > app.nodes.attachNodeCallback(</span>
744
- app.safe(<span class="fstat-no" title="function not covered" >(n</span>ode: Node): void =&gt; {
745
- const id = <span class="cstat-no" title="statement not covered" >app.nodes.getID(node)</span>
746
- <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (id === undefined) {</span>
747
- <span class="cstat-no" title="statement not covered" > return</span>
748
- }
749
- &nbsp;
750
- // TODO: support multiple select (?): use selectedOptions;
751
- <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (hasTag(node, 'select')) {</span>
752
- <span class="cstat-no" title="statement not covered" > sendInputValue(id, node)</span>
753
- <span class="cstat-no" title="statement not covered" > app.nodes.attachNodeListener(node, 'change', <span class="fstat-no" title="function not covered" >() =</span>&gt; <span class="cstat-no" title="statement not covered" >sendInputValue(id, node))</span></span>
754
- }
755
- &nbsp;
756
- <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (isTextFieldElement(node)) {</span>
757
- <span class="cstat-no" title="statement not covered" > trackInputValue(id, node)</span>
758
- let nodeFocusTime = <span class="cstat-no" title="statement not covered" >0</span>
759
- let nodeHesitationTime = <span class="cstat-no" title="statement not covered" >0</span>
760
- let inputTime = <span class="cstat-no" title="statement not covered" >0</span>
761
- &nbsp;
762
- const onFocus = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >() =</span>&gt; {</span>
763
- <span class="cstat-no" title="statement not covered" > nodeFocusTime = now()</span>
764
- }
765
- &nbsp;
766
- const onInput = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >() =</span>&gt; {</span>
767
- <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (nodeHesitationTime === 0) {</span>
768
- <span class="cstat-no" title="statement not covered" > nodeHesitationTime = now() - nodeFocusTime</span>
769
- }
770
- }
771
- &nbsp;
772
- const onChange = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >() =</span>&gt; {</span>
773
- <span class="cstat-no" title="statement not covered" > inputTime = now() - nodeFocusTime</span>
774
- <span class="cstat-no" title="statement not covered" > sendInputChange(id, node, nodeHesitationTime, inputTime)</span>
775
- <span class="cstat-no" title="statement not covered" > nodeHesitationTime = 0</span>
776
- <span class="cstat-no" title="statement not covered" > inputTime = 0</span>
777
- }
778
- <span class="cstat-no" title="statement not covered" > app.nodes.attachNodeListener(node, 'focus', onFocus)</span>
779
- <span class="cstat-no" title="statement not covered" > app.nodes.attachNodeListener(node, 'input', onInput)</span>
780
- <span class="cstat-no" title="statement not covered" > app.nodes.attachNodeListener(node, 'change', onChange)</span>
781
- <span class="cstat-no" title="statement not covered" > return</span>
782
- }
783
- &nbsp;
784
- <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (isCheckbox(node)) {</span>
785
- <span class="cstat-no" title="statement not covered" > trackCheckboxValue(id, node.checked)</span>
786
- <span class="cstat-no" title="statement not covered" > app.nodes.attachNodeListener(node, 'change', <span class="fstat-no" title="function not covered" >() =</span>&gt; <span class="cstat-no" title="statement not covered" >trackCheckboxValue(id, node.checked))</span></span>
787
- <span class="cstat-no" title="statement not covered" > return</span>
788
- }
789
- }),
790
- )
791
- }
792
- &nbsp;</pre></td></tr></table></pre>
793
-
794
- <div class='push'></div><!-- for sticky footer -->
795
- </div><!-- /wrapper -->
796
- <div class='footer quiet pad2 space-top1 center small'>
797
- Code coverage generated by
798
- <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
799
- at 2023-06-28T10:44:28.733Z
800
- </div>
801
- <script src="../../prettify.js"></script>
802
- <script>
803
- window.onload = function () {
804
- prettyPrint();
805
- };
806
- </script>
807
- <script src="../../sorter.js"></script>
808
- <script src="../../block-navigation.js"></script>
809
- </body>
810
- </html>
811
-