@modernman00/shared-js-lib 1.2.38 → 1.2.41

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 (34) hide show
  1. package/AcctMgt/processAll.js +4 -4
  2. package/FormHelper.js +8 -2
  3. package/config/version.php +1 -1
  4. package/coverage/clover.xml +578 -0
  5. package/coverage/coverage-final.json +16 -0
  6. package/coverage/lcov-report/base.css +224 -0
  7. package/coverage/lcov-report/block-navigation.js +87 -0
  8. package/coverage/lcov-report/favicon.png +0 -0
  9. package/coverage/lcov-report/index.html +131 -0
  10. package/coverage/lcov-report/prettify.css +1 -0
  11. package/coverage/lcov-report/prettify.js +2 -0
  12. package/coverage/lcov-report/shared-js-lib/AcctMgt/changePassword.js.html +352 -0
  13. package/coverage/lcov-report/shared-js-lib/AcctMgt/code.js.html +235 -0
  14. package/coverage/lcov-report/shared-js-lib/AcctMgt/forgot.js.html +256 -0
  15. package/coverage/lcov-report/shared-js-lib/AcctMgt/index.html +176 -0
  16. package/coverage/lcov-report/shared-js-lib/AcctMgt/login.js.html +304 -0
  17. package/coverage/lcov-report/shared-js-lib/AcctMgt/loginUtility.js.html +115 -0
  18. package/coverage/lcov-report/shared-js-lib/AcctMgt/processAll.js.html +280 -0
  19. package/coverage/lcov-report/shared-js-lib/Cookie.js.html +250 -0
  20. package/coverage/lcov-report/shared-js-lib/FormHelper.js.html +1057 -0
  21. package/coverage/lcov-report/shared-js-lib/Http.js.html +721 -0
  22. package/coverage/lcov-report/shared-js-lib/Loader.js.html +196 -0
  23. package/coverage/lcov-report/shared-js-lib/ShowResponse.js.html +238 -0
  24. package/coverage/lcov-report/shared-js-lib/Utility.js.html +538 -0
  25. package/coverage/lcov-report/shared-js-lib/UtilityHtml.js.html +685 -0
  26. package/coverage/lcov-report/shared-js-lib/axiosWrapper.js.html +145 -0
  27. package/coverage/lcov-report/shared-js-lib/general.js.html +301 -0
  28. package/coverage/lcov-report/shared-js-lib/index.html +251 -0
  29. package/coverage/lcov-report/shared-js-lib/theAutoComplete.js.html +364 -0
  30. package/coverage/lcov-report/sort-arrow-sprite.png +0 -0
  31. package/coverage/lcov-report/sorter.js +210 -0
  32. package/coverage/lcov.info +1207 -0
  33. package/package.json +1 -1
  34. package/release-history.md +21 -0
package/coverage/lcov-report/shared-js-lib/index.html ADDED
@@ -0,0 +1,251 @@
1
+
2
+ <!doctype html>
3
+ <html lang="en">
4
+
5
+ <head>
6
+ <title>Code coverage report for shared-js-lib</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> shared-js-lib</h1>
23
+ <div class='clearfix'>
24
+
25
+ <div class='fl pad1y space-right2'>
26
+ <span class="strong">12.72% </span>
27
+ <span class="quiet">Statements</span>
28
+ <span class='fraction'>65/511</span>
29
+ </div>
30
+
31
+
32
+ <div class='fl pad1y space-right2'>
33
+ <span class="strong">1.45% </span>
34
+ <span class="quiet">Branches</span>
35
+ <span class='fraction'>4/275</span>
36
+ </div>
37
+
38
+
39
+ <div class='fl pad1y space-right2'>
40
+ <span class="strong">3.63% </span>
41
+ <span class="quiet">Functions</span>
42
+ <span class='fraction'>4/110</span>
43
+ </div>
44
+
45
+
46
+ <div class='fl pad1y space-right2'>
47
+ <span class="strong">13.76% </span>
48
+ <span class="quiet">Lines</span>
49
+ <span class='fraction'>64/465</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
+ <div class="pad1">
66
+ <table class="coverage-summary">
67
+ <thead>
68
+ <tr>
69
+ <th data-col="file" data-fmt="html" data-html="true" class="file">File</th>
70
+ <th data-col="pic" data-type="number" data-fmt="html" data-html="true" class="pic"></th>
71
+ <th data-col="statements" data-type="number" data-fmt="pct" class="pct">Statements</th>
72
+ <th data-col="statements_raw" data-type="number" data-fmt="html" class="abs"></th>
73
+ <th data-col="branches" data-type="number" data-fmt="pct" class="pct">Branches</th>
74
+ <th data-col="branches_raw" data-type="number" data-fmt="html" class="abs"></th>
75
+ <th data-col="functions" data-type="number" data-fmt="pct" class="pct">Functions</th>
76
+ <th data-col="functions_raw" data-type="number" data-fmt="html" class="abs"></th>
77
+ <th data-col="lines" data-type="number" data-fmt="pct" class="pct">Lines</th>
78
+ <th data-col="lines_raw" data-type="number" data-fmt="html" class="abs"></th>
79
+ </tr>
80
+ </thead>
81
+ <tbody><tr>
82
+ <td class="file low" data-value="Cookie.js"><a href="Cookie.js.html">Cookie.js</a></td>
83
+ <td data-value="29.16" class="pic low">
84
+ <div class="chart"><div class="cover-fill" style="width: 29%"></div><div class="cover-empty" style="width: 71%"></div></div>
85
+ </td>
86
+ <td data-value="29.16" class="pct low">29.16%</td>
87
+ <td data-value="24" class="abs low">7/24</td>
88
+ <td data-value="9.09" class="pct low">9.09%</td>
89
+ <td data-value="11" class="abs low">1/11</td>
90
+ <td data-value="33.33" class="pct low">33.33%</td>
91
+ <td data-value="6" class="abs low">2/6</td>
92
+ <td data-value="27.27" class="pct low">27.27%</td>
93
+ <td data-value="22" class="abs low">6/22</td>
94
+ </tr>
95
+
96
+ <tr>
97
+ <td class="file low" data-value="FormHelper.js"><a href="FormHelper.js.html">FormHelper.js</a></td>
98
+ <td data-value="0" class="pic low">
99
+ <div class="chart"><div class="cover-fill" style="width: 0%"></div><div class="cover-empty" style="width: 100%"></div></div>
100
+ </td>
101
+ <td data-value="0" class="pct low">0%</td>
102
+ <td data-value="133" class="abs low">0/133</td>
103
+ <td data-value="0" class="pct low">0%</td>
104
+ <td data-value="85" class="abs low">0/85</td>
105
+ <td data-value="0" class="pct low">0%</td>
106
+ <td data-value="26" class="abs low">0/26</td>
107
+ <td data-value="0" class="pct low">0%</td>
108
+ <td data-value="122" class="abs low">0/122</td>
109
+ </tr>
110
+
111
+ <tr>
112
+ <td class="file low" data-value="Http.js"><a href="Http.js.html">Http.js</a></td>
113
+ <td data-value="9.52" class="pic low">
114
+ <div class="chart"><div class="cover-fill" style="width: 9%"></div><div class="cover-empty" style="width: 91%"></div></div>
115
+ </td>
116
+ <td data-value="9.52" class="pct low">9.52%</td>
117
+ <td data-value="63" class="abs low">6/63</td>
118
+ <td data-value="0" class="pct low">0%</td>
119
+ <td data-value="37" class="abs low">0/37</td>
120
+ <td data-value="0" class="pct low">0%</td>
121
+ <td data-value="7" class="abs low">0/7</td>
122
+ <td data-value="9.83" class="pct low">9.83%</td>
123
+ <td data-value="61" class="abs low">6/61</td>
124
+ </tr>
125
+
126
+ <tr>
127
+ <td class="file low" data-value="Loader.js"><a href="Loader.js.html">Loader.js</a></td>
128
+ <td data-value="27.77" class="pic low">
129
+ <div class="chart"><div class="cover-fill" style="width: 27%"></div><div class="cover-empty" style="width: 73%"></div></div>
130
+ </td>
131
+ <td data-value="27.77" class="pct low">27.77%</td>
132
+ <td data-value="18" class="abs low">5/18</td>
133
+ <td data-value="0" class="pct low">0%</td>
134
+ <td data-value="8" class="abs low">0/8</td>
135
+ <td data-value="0" class="pct low">0%</td>
136
+ <td data-value="5" class="abs low">0/5</td>
137
+ <td data-value="27.77" class="pct low">27.77%</td>
138
+ <td data-value="18" class="abs low">5/18</td>
139
+ </tr>
140
+
141
+ <tr>
142
+ <td class="file low" data-value="ShowResponse.js"><a href="ShowResponse.js.html">ShowResponse.js</a></td>
143
+ <td data-value="18.18" class="pic low">
144
+ <div class="chart"><div class="cover-fill" style="width: 18%"></div><div class="cover-empty" style="width: 82%"></div></div>
145
+ </td>
146
+ <td data-value="18.18" class="pct low">18.18%</td>
147
+ <td data-value="22" class="abs low">4/22</td>
148
+ <td data-value="0" class="pct low">0%</td>
149
+ <td data-value="3" class="abs low">0/3</td>
150
+ <td data-value="0" class="pct low">0%</td>
151
+ <td data-value="6" class="abs low">0/6</td>
152
+ <td data-value="18.18" class="pct low">18.18%</td>
153
+ <td data-value="22" class="abs low">4/22</td>
154
+ </tr>
155
+
156
+ <tr>
157
+ <td class="file low" data-value="Utility.js"><a href="Utility.js.html">Utility.js</a></td>
158
+ <td data-value="14.89" class="pic low">
159
+ <div class="chart"><div class="cover-fill" style="width: 14%"></div><div class="cover-empty" style="width: 86%"></div></div>
160
+ </td>
161
+ <td data-value="14.89" class="pct low">14.89%</td>
162
+ <td data-value="47" class="abs low">7/47</td>
163
+ <td data-value="0" class="pct low">0%</td>
164
+ <td data-value="20" class="abs low">0/20</td>
165
+ <td data-value="0" class="pct low">0%</td>
166
+ <td data-value="19" class="abs low">0/19</td>
167
+ <td data-value="17.07" class="pct low">17.07%</td>
168
+ <td data-value="41" class="abs low">7/41</td>
169
+ </tr>
170
+
171
+ <tr>
172
+ <td class="file low" data-value="UtilityHtml.js"><a href="UtilityHtml.js.html">UtilityHtml.js</a></td>
173
+ <td data-value="20.51" class="pic low">
174
+ <div class="chart"><div class="cover-fill" style="width: 20%"></div><div class="cover-empty" style="width: 80%"></div></div>
175
+ </td>
176
+ <td data-value="20.51" class="pct low">20.51%</td>
177
+ <td data-value="117" class="abs low">24/117</td>
178
+ <td data-value="3.7" class="pct low">3.7%</td>
179
+ <td data-value="81" class="abs low">3/81</td>
180
+ <td data-value="4.76" class="pct low">4.76%</td>
181
+ <td data-value="21" class="abs low">1/21</td>
182
+ <td data-value="24.74" class="pct low">24.74%</td>
183
+ <td data-value="97" class="abs low">24/97</td>
184
+ </tr>
185
+
186
+ <tr>
187
+ <td class="file low" data-value="axiosWrapper.js"><a href="axiosWrapper.js.html">axiosWrapper.js</a></td>
188
+ <td data-value="42.85" class="pic low">
189
+ <div class="chart"><div class="cover-fill" style="width: 42%"></div><div class="cover-empty" style="width: 58%"></div></div>
190
+ </td>
191
+ <td data-value="42.85" class="pct low">42.85%</td>
192
+ <td data-value="7" class="abs low">3/7</td>
193
+ <td data-value="0" class="pct low">0%</td>
194
+ <td data-value="2" class="abs low">0/2</td>
195
+ <td data-value="0" class="pct low">0%</td>
196
+ <td data-value="1" class="abs low">0/1</td>
197
+ <td data-value="42.85" class="pct low">42.85%</td>
198
+ <td data-value="7" class="abs low">3/7</td>
199
+ </tr>
200
+
201
+ <tr>
202
+ <td class="file low" data-value="general.js"><a href="general.js.html">general.js</a></td>
203
+ <td data-value="27.58" class="pic low">
204
+ <div class="chart"><div class="cover-fill" style="width: 27%"></div><div class="cover-empty" style="width: 73%"></div></div>
205
+ </td>
206
+ <td data-value="27.58" class="pct low">27.58%</td>
207
+ <td data-value="29" class="abs low">8/29</td>
208
+ <td data-value="0" class="pct low">0%</td>
209
+ <td data-value="10" class="abs low">0/10</td>
210
+ <td data-value="12.5" class="pct low">12.5%</td>
211
+ <td data-value="8" class="abs low">1/8</td>
212
+ <td data-value="28.57" class="pct low">28.57%</td>
213
+ <td data-value="28" class="abs low">8/28</td>
214
+ </tr>
215
+
216
+ <tr>
217
+ <td class="file low" data-value="theAutoComplete.js"><a href="theAutoComplete.js.html">theAutoComplete.js</a></td>
218
+ <td data-value="1.96" class="pic low">
219
+ <div class="chart"><div class="cover-fill" style="width: 1%"></div><div class="cover-empty" style="width: 99%"></div></div>
220
+ </td>
221
+ <td data-value="1.96" class="pct low">1.96%</td>
222
+ <td data-value="51" class="abs low">1/51</td>
223
+ <td data-value="0" class="pct low">0%</td>
224
+ <td data-value="18" class="abs low">0/18</td>
225
+ <td data-value="0" class="pct low">0%</td>
226
+ <td data-value="11" class="abs low">0/11</td>
227
+ <td data-value="2.12" class="pct low">2.12%</td>
228
+ <td data-value="47" class="abs low">1/47</td>
229
+ </tr>
230
+
231
+ </tbody>
232
+ </table>
233
+ </div>
234
+ <div class='push'></div><!-- for sticky footer -->
235
+ </div><!-- /wrapper -->
236
+ <div class='footer quiet pad2 space-top1 center small'>
237
+ Code coverage generated by
238
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
239
+ at 2025-09-06T16:59:45.135Z
240
+ </div>
241
+ <script src="../prettify.js"></script>
242
+ <script>
243
+ window.onload = function () {
244
+ prettyPrint();
245
+ };
246
+ </script>
247
+ <script src="../sorter.js"></script>
248
+ <script src="../block-navigation.js"></script>
249
+ </body>
250
+ </html>
251
+
package/coverage/lcov-report/shared-js-lib/theAutoComplete.js.html ADDED
@@ -0,0 +1,364 @@
1
+
2
+ <!doctype html>
3
+ <html lang="en">
4
+
5
+ <head>
6
+ <title>Code coverage report for shared-js-lib/theAutoComplete.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">shared-js-lib</a> theAutoComplete.js</h1>
23
+ <div class='clearfix'>
24
+
25
+ <div class='fl pad1y space-right2'>
26
+ <span class="strong">1.96% </span>
27
+ <span class="quiet">Statements</span>
28
+ <span class='fraction'>1/51</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/18</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/11</span>
43
+ </div>
44
+
45
+
46
+ <div class='fl pad1y space-right2'>
47
+ <span class="strong">2.12% </span>
48
+ <span class="quiet">Lines</span>
49
+ <span class='fraction'>1/47</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></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
160
+ <span class="cline-any cline-neutral">&nbsp;</span>
161
+ <span class="cline-any cline-neutral">&nbsp;</span>
162
+ <span class="cline-any cline-neutral">&nbsp;</span>
163
+ <span class="cline-any cline-neutral">&nbsp;</span>
164
+ <span class="cline-any cline-neutral">&nbsp;</span>
165
+ <span class="cline-any cline-neutral">&nbsp;</span>
166
+ <span class="cline-any cline-neutral">&nbsp;</span>
167
+ <span class="cline-any cline-neutral">&nbsp;</span>
168
+ <span class="cline-any cline-neutral">&nbsp;</span>
169
+ <span class="cline-any cline-neutral">&nbsp;</span>
170
+ <span class="cline-any cline-neutral">&nbsp;</span>
171
+ <span class="cline-any cline-neutral">&nbsp;</span>
172
+ <span class="cline-any cline-neutral">&nbsp;</span>
173
+ <span class="cline-any cline-neutral">&nbsp;</span>
174
+ <span class="cline-any cline-neutral">&nbsp;</span>
175
+ <span class="cline-any cline-neutral">&nbsp;</span>
176
+ <span class="cline-any cline-neutral">&nbsp;</span>
177
+ <span class="cline-any cline-neutral">&nbsp;</span>
178
+ <span class="cline-any cline-yes">1x</span>
179
+ <span class="cline-any cline-no">&nbsp;</span>
180
+ <span class="cline-any cline-no">&nbsp;</span>
181
+ <span class="cline-any cline-neutral">&nbsp;</span>
182
+ <span class="cline-any cline-no">&nbsp;</span>
183
+ <span class="cline-any cline-no">&nbsp;</span>
184
+ <span class="cline-any cline-no">&nbsp;</span>
185
+ <span class="cline-any cline-no">&nbsp;</span>
186
+ <span class="cline-any cline-neutral">&nbsp;</span>
187
+ <span class="cline-any cline-neutral">&nbsp;</span>
188
+ <span class="cline-any cline-no">&nbsp;</span>
189
+ <span class="cline-any cline-no">&nbsp;</span>
190
+ <span class="cline-any cline-no">&nbsp;</span>
191
+ <span class="cline-any cline-neutral">&nbsp;</span>
192
+ <span class="cline-any cline-neutral">&nbsp;</span>
193
+ <span class="cline-any cline-no">&nbsp;</span>
194
+ <span class="cline-any cline-no">&nbsp;</span>
195
+ <span class="cline-any cline-neutral">&nbsp;</span>
196
+ <span class="cline-any cline-neutral">&nbsp;</span>
197
+ <span class="cline-any cline-neutral">&nbsp;</span>
198
+ <span class="cline-any cline-no">&nbsp;</span>
199
+ <span class="cline-any cline-no">&nbsp;</span>
200
+ <span class="cline-any cline-no">&nbsp;</span>
201
+ <span class="cline-any cline-no">&nbsp;</span>
202
+ <span class="cline-any cline-no">&nbsp;</span>
203
+ <span class="cline-any cline-no">&nbsp;</span>
204
+ <span class="cline-any cline-no">&nbsp;</span>
205
+ <span class="cline-any cline-no">&nbsp;</span>
206
+ <span class="cline-any cline-neutral">&nbsp;</span>
207
+ <span class="cline-any cline-no">&nbsp;</span>
208
+ <span class="cline-any cline-no">&nbsp;</span>
209
+ <span class="cline-any cline-no">&nbsp;</span>
210
+ <span class="cline-any cline-no">&nbsp;</span>
211
+ <span class="cline-any cline-neutral">&nbsp;</span>
212
+ <span class="cline-any cline-neutral">&nbsp;</span>
213
+ <span class="cline-any cline-no">&nbsp;</span>
214
+ <span class="cline-any cline-neutral">&nbsp;</span>
215
+ <span class="cline-any cline-neutral">&nbsp;</span>
216
+ <span class="cline-any cline-neutral">&nbsp;</span>
217
+ <span class="cline-any cline-neutral">&nbsp;</span>
218
+ <span class="cline-any cline-no">&nbsp;</span>
219
+ <span class="cline-any cline-no">&nbsp;</span>
220
+ <span class="cline-any cline-neutral">&nbsp;</span>
221
+ <span class="cline-any cline-neutral">&nbsp;</span>
222
+ <span class="cline-any cline-neutral">&nbsp;</span>
223
+ <span class="cline-any cline-no">&nbsp;</span>
224
+ <span class="cline-any cline-no">&nbsp;</span>
225
+ <span class="cline-any cline-neutral">&nbsp;</span>
226
+ <span class="cline-any cline-neutral">&nbsp;</span>
227
+ <span class="cline-any cline-neutral">&nbsp;</span>
228
+ <span class="cline-any cline-no">&nbsp;</span>
229
+ <span class="cline-any cline-no">&nbsp;</span>
230
+ <span class="cline-any cline-no">&nbsp;</span>
231
+ <span class="cline-any cline-neutral">&nbsp;</span>
232
+ <span class="cline-any cline-no">&nbsp;</span>
233
+ <span class="cline-any cline-no">&nbsp;</span>
234
+ <span class="cline-any cline-no">&nbsp;</span>
235
+ <span class="cline-any cline-no">&nbsp;</span>
236
+ <span class="cline-any cline-no">&nbsp;</span>
237
+ <span class="cline-any cline-no">&nbsp;</span>
238
+ <span class="cline-any cline-no">&nbsp;</span>
239
+ <span class="cline-any cline-no">&nbsp;</span>
240
+ <span class="cline-any cline-no">&nbsp;</span>
241
+ <span class="cline-any cline-no">&nbsp;</span>
242
+ <span class="cline-any cline-no">&nbsp;</span>
243
+ <span class="cline-any cline-no">&nbsp;</span>
244
+ <span class="cline-any cline-no">&nbsp;</span>
245
+ <span class="cline-any cline-no">&nbsp;</span>
246
+ <span class="cline-any cline-no">&nbsp;</span>
247
+ <span class="cline-any cline-neutral">&nbsp;</span>
248
+ <span class="cline-any cline-neutral">&nbsp;</span>
249
+ <span class="cline-any cline-neutral">&nbsp;</span>
250
+ <span class="cline-any cline-neutral">&nbsp;</span>
251
+ <span class="cline-any cline-neutral">&nbsp;</span>
252
+ <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import { id } from './UtilityHtml.js'
253
+ &nbsp;
254
+ /**
255
+ *
256
+ * @param {string} inputId
257
+ * @param {Array} arr
258
+ */
259
+ &nbsp;
260
+ /**
261
+ * Sets up an autocomplete functionality for an input element.
262
+ *
263
+ * @param {string} inputId - The ID of the input element to attach the autocomplete to.
264
+ * @param {Array&lt;string&gt;} arr - An array of strings containing the autocomplete suggestions.
265
+ *
266
+ * The function converts all strings in the array to lowercase for case-insensitive matching.
267
+ * It initializes the autocomplete with the given input element and array of suggestions,
268
+ * providing real-time suggestions based on user input. On selecting a suggestion,
269
+ * it populates the input element with the selected suggestion.
270
+ */
271
+ export const autocomplete = <span class="fstat-no" title="function not covered" >(i</span>nputId, arr) =&gt; {
272
+ const whatToBuyInput = <span class="cstat-no" title="statement not covered" >id(inputId);</span> // Get the text input
273
+ <span class="cstat-no" title="statement not covered" > if (whatToBuyInput) {</span>
274
+ // Create a &lt;ul&gt; for autocomplete suggestions
275
+ const suggestionList = <span class="cstat-no" title="statement not covered" >document.createElement("ul");</span>
276
+ <span class="cstat-no" title="statement not covered" > suggestionList.classList.add("autocomplete-suggestions");</span>
277
+ <span class="cstat-no" title="statement not covered" > suggestionList.id = "suggestions"; </span>// For accessibility
278
+ <span class="cstat-no" title="statement not covered" > whatToBuyInput.parentElement.appendChild(suggestionList); </span>// Append to input's parent
279
+ &nbsp;
280
+ // Function to show matching suggestions based on user input
281
+ const showSuggestions = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >(i</span>nputValue) =&gt; {</span>
282
+ <span class="cstat-no" title="statement not covered" > suggestionList.innerHTML = ""; </span>// Clear previous suggestions
283
+ <span class="cstat-no" title="statement not covered" > if (!inputValue) <span class="cstat-no" title="statement not covered" >return; </span></span>// Exit if input is empty
284
+ &nbsp;
285
+ // Filter items that match the input (case-insensitive), limit to 8
286
+ const matches = <span class="cstat-no" title="statement not covered" >arr</span>
287
+ .filter(<span class="fstat-no" title="function not covered" >it</span>em =&gt; <span class="cstat-no" title="statement not covered" >item.toLowerCase().includes(inputValue.toLowerCase()))</span>
288
+ .slice(0, 8);
289
+ &nbsp;
290
+ // Create &lt;li&gt; for each match
291
+ <span class="cstat-no" title="statement not covered" > matches.forEach(<span class="fstat-no" title="function not covered" >(i</span>tem, index) =&gt; {</span>
292
+ const li = <span class="cstat-no" title="statement not covered" >document.createElement("li");</span>
293
+ <span class="cstat-no" title="statement not covered" > li.textContent = item;</span>
294
+ <span class="cstat-no" title="statement not covered" > li.setAttribute("tabindex", "0"); </span>// Make focusable for keyboard
295
+ <span class="cstat-no" title="statement not covered" > li.setAttribute("data-index", index); </span>// Store index for navigation
296
+ <span class="cstat-no" title="statement not covered" > li.addEventListener("click", <span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
297
+ <span class="cstat-no" title="statement not covered" > whatToBuyInput.value = item; </span>// Set input value on click
298
+ <span class="cstat-no" title="statement not covered" > suggestionList.innerHTML = ""; </span>// Clear suggestions
299
+ });
300
+ <span class="cstat-no" title="statement not covered" > li.addEventListener("keypress", <span class="fstat-no" title="function not covered" >(e</span>) =&gt; {</span>
301
+ <span class="cstat-no" title="statement not covered" > if (e.key === "Enter") {</span>
302
+ <span class="cstat-no" title="statement not covered" > whatToBuyInput.value = item; </span>// Set input value on Enter
303
+ <span class="cstat-no" title="statement not covered" > suggestionList.innerHTML = ""; </span>// Clear suggestions
304
+ }
305
+ });
306
+ <span class="cstat-no" title="statement not covered" > suggestionList.appendChild(li);</span>
307
+ });
308
+ };
309
+ &nbsp;
310
+ // Show suggestions as user types
311
+ <span class="cstat-no" title="statement not covered" > whatToBuyInput.addEventListener("input", <span class="fstat-no" title="function not covered" >(e</span>) =&gt; {</span>
312
+ <span class="cstat-no" title="statement not covered" > showSuggestions(e.target.value);</span>
313
+ });
314
+ &nbsp;
315
+ // Clear suggestions on blur (with delay for click to register)
316
+ <span class="cstat-no" title="statement not covered" > whatToBuyInput.addEventListener("blur", <span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
317
+ <span class="cstat-no" title="statement not covered" > setTimeout(<span class="fstat-no" title="function not covered" >()</span> =&gt; <span class="cstat-no" title="statement not covered" >suggestionList.innerHTML = "",</span> 200);</span>
318
+ });
319
+ &nbsp;
320
+ // Handle keyboard navigation for suggestions
321
+ <span class="cstat-no" title="statement not covered" > whatToBuyInput.addEventListener("keydown", <span class="fstat-no" title="function not covered" >(e</span>) =&gt; {</span>
322
+ const suggestions = <span class="cstat-no" title="statement not covered" >suggestionList.querySelectorAll("li");</span>
323
+ <span class="cstat-no" title="statement not covered" > if (!suggestions.length) <span class="cstat-no" title="statement not covered" >return; </span></span>// Exit if no suggestions
324
+ &nbsp;
325
+ let focusedIndex = <span class="cstat-no" title="statement not covered" >Array.from(suggestions).findIndex(<span class="fstat-no" title="function not covered" >li</span> =&gt; <span class="cstat-no" title="statement not covered" >li === document.activeElement)</span>;</span>
326
+ <span class="cstat-no" title="statement not covered" > if (e.key === "ArrowDown") {</span>
327
+ <span class="cstat-no" title="statement not covered" > e.preventDefault(); </span>// Prevent cursor movement
328
+ <span class="cstat-no" title="statement not covered" > focusedIndex = (focusedIndex + 1) % suggestions.length; </span>// Loop to start
329
+ <span class="cstat-no" title="statement not covered" > suggestions[focusedIndex].focus();</span>
330
+ } else <span class="cstat-no" title="statement not covered" >if (e.key === "ArrowUp") {</span>
331
+ <span class="cstat-no" title="statement not covered" > e.preventDefault();</span>
332
+ <span class="cstat-no" title="statement not covered" > focusedIndex = (focusedIndex - 1 + suggestions.length) % suggestions.length; </span>// Loop to end
333
+ <span class="cstat-no" title="statement not covered" > suggestions[focusedIndex].focus();</span>
334
+ } else <span class="cstat-no" title="statement not covered" >if (e.key === "Enter" &amp;&amp; focusedIndex &gt;= 0) {</span>
335
+ <span class="cstat-no" title="statement not covered" > e.preventDefault();</span>
336
+ <span class="cstat-no" title="statement not covered" > whatToBuyInput.value = suggestions[focusedIndex].textContent; </span>// Select item
337
+ <span class="cstat-no" title="statement not covered" > suggestionList.innerHTML = ""; </span>// Clear suggestions
338
+ } else <span class="cstat-no" title="statement not covered" >if (e.key === "Escape") {</span>
339
+ <span class="cstat-no" title="statement not covered" > suggestionList.innerHTML = ""; </span>// Clear suggestions
340
+ }
341
+ });
342
+ }
343
+ }
344
+ &nbsp;
345
+ &nbsp;</pre></td></tr></table></pre>
346
+
347
+ <div class='push'></div><!-- for sticky footer -->
348
+ </div><!-- /wrapper -->
349
+ <div class='footer quiet pad2 space-top1 center small'>
350
+ Code coverage generated by
351
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
352
+ at 2025-09-06T16:59:45.135Z
353
+ </div>
354
+ <script src="../prettify.js"></script>
355
+ <script>
356
+ window.onload = function () {
357
+ prettyPrint();
358
+ };
359
+ </script>
360
+ <script src="../sorter.js"></script>
361
+ <script src="../block-navigation.js"></script>
362
+ </body>
363
+ </html>
364
+