@epa-wg/custom-element-dist 0.0.26 → 0.0.27

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 (137) hide show
  1. package/.idea/custom-element-dist.iml +1 -5
  2. package/.storybook/preview.ts +1 -1
  3. package/README.md +4 -4
  4. package/bin/vitest/vitest-browser-importmaps.mjs +20 -20
  5. package/coverage/coverage-final.json +9 -9
  6. package/coverage/index.html +25 -25
  7. package/coverage/src/custom-element/coverage.svg +1 -1
  8. package/coverage/src/custom-element/custom-element.js/coverage.svg +1 -1
  9. package/coverage/src/custom-element/custom-element.js.html +467 -308
  10. package/coverage/src/custom-element/demo/index.html +1 -1
  11. package/coverage/src/custom-element/demo/z.js.html +1 -1
  12. package/coverage/src/custom-element/http-request.js.html +12 -12
  13. package/coverage/src/custom-element/index.html +20 -20
  14. package/coverage/src/custom-element/local-storage.js.html +56 -41
  15. package/coverage/src/custom-element/location-element.js.html +4 -4
  16. package/coverage/src/custom-element/module-url.js/coverage.svg +1 -1
  17. package/coverage/src/custom-element/module-url.js.html +16 -10
  18. package/coverage/src/index.html +1 -1
  19. package/coverage/src/mocks/handlers.ts.html +1 -1
  20. package/coverage/src/mocks/index.html +1 -1
  21. package/coverage/src/stories/attributes.test.stories.ts.html +9 -12
  22. package/coverage/src/stories/coverage.svg +1 -1
  23. package/coverage/src/stories/css.test.stories.ts.html +1 -1
  24. package/coverage/src/stories/dom-merge.test.stories.ts.html +15 -9
  25. package/coverage/src/stories/external-template.test.stories.ts.html +8 -11
  26. package/coverage/src/stories/form.test.stories.ts.html +1 -1
  27. package/coverage/src/stories/http-request.stories.ts.html +1 -1
  28. package/coverage/src/stories/index.html +26 -26
  29. package/coverage/src/stories/local-storage.test.stories.ts/coverage.svg +1 -1
  30. package/coverage/src/stories/local-storage.test.stories.ts.html +87 -63
  31. package/coverage/src/stories/location-element.test.stories.ts.html +1 -1
  32. package/coverage/src/stories/module-url.test.stories.ts.html +1 -1
  33. package/coverage/src/stories/set-url.test.stories.ts.html +1 -1
  34. package/coverage/src/stories/slice-events.test.stories.ts.html +1 -1
  35. package/coverage/src/stories/slots.test.stories.ts.html +1 -1
  36. package/coverage/src/stories/testStoryBook.ts.html +1 -1
  37. package/coverage/src/stories/version-select.test.stories.ts.html +1 -1
  38. package/coverage/src/sum.ts.html +1 -1
  39. package/dist/{custom-element-b7c_7Kz4.js → custom-element-BMMsP1Dy.js} +204 -156
  40. package/dist/custom-element-CPSk7s0j.cjs +87 -0
  41. package/dist/custom-element-bundle.cjs +1 -1
  42. package/dist/custom-element-bundle.js +28 -25
  43. package/dist/demo/a.svg +27 -0
  44. package/dist/demo/demo.css +6 -7
  45. package/dist/demo/external-template.html +3 -3
  46. package/dist/demo/npm-versions-demo.html +21 -8
  47. package/dist/demo/npm-versions.html +54 -25
  48. package/dist/demo/s.xml +3 -28
  49. package/dist/demo/s.xslt +51 -92
  50. package/dist/demo/z.html +32 -61
  51. package/dist/demo/z1.html +34 -0
  52. package/dist/local-storage-78EivJ_B.cjs +1 -0
  53. package/dist/local-storage-DzmNKzgN.js +66 -0
  54. package/dist/mockServiceWorker.js +1 -1
  55. package/package.json +27 -25
  56. package/public/demo/a.svg +27 -0
  57. package/public/demo/demo.css +6 -7
  58. package/public/demo/external-template.html +3 -3
  59. package/public/demo/npm-versions-demo.html +21 -8
  60. package/public/demo/npm-versions.html +54 -25
  61. package/public/demo/s.xml +3 -28
  62. package/public/demo/s.xslt +51 -92
  63. package/public/demo/z.html +32 -61
  64. package/public/demo/z1.html +34 -0
  65. package/public/mockServiceWorker.js +1 -1
  66. package/src/custom-element/custom-element.js +67 -14
  67. package/src/custom-element/demo/a.svg +27 -0
  68. package/src/custom-element/demo/demo.css +6 -7
  69. package/src/custom-element/demo/external-template.html +3 -3
  70. package/src/custom-element/demo/npm-versions-demo.html +21 -8
  71. package/src/custom-element/demo/npm-versions.html +54 -25
  72. package/src/custom-element/demo/s.xml +3 -28
  73. package/src/custom-element/demo/s.xslt +51 -92
  74. package/src/custom-element/demo/z.html +32 -61
  75. package/src/custom-element/demo/z1.html +34 -0
  76. package/src/custom-element/ide/web-types-dce.json +1 -1
  77. package/src/custom-element/ide/web-types-xsl.json +1 -1
  78. package/src/custom-element/index.html +19 -2
  79. package/src/custom-element/local-storage.js +19 -14
  80. package/src/custom-element/module-url.js +3 -2
  81. package/src/mocks/versions.mock.ts +8 -8
  82. package/src/stories/__screenshots__/http-request.test.ts/http-request-url-change-1.png +0 -0
  83. package/src/stories/attributes.test.stories.ts +3 -4
  84. package/src/stories/dom-merge.test.stories.ts +9 -7
  85. package/src/stories/external-template.test.stories.ts +2 -3
  86. package/src/stories/local-storage.test.stories.ts +61 -53
  87. package/src/sum.test.ts +5 -5
  88. package/src/sum.ts +3 -3
  89. package/storybook-static/assets/{Color-KGDBMAHA-CH-YyWYq.js → Color-KGDBMAHA-CJo5gHY3.js} +1 -1
  90. package/storybook-static/assets/{Configure-DFL_bm2M.js → Configure-DdXbGKhY.js} +1 -1
  91. package/storybook-static/assets/{DocsRenderer-PKQXORMH-Bz-_1hmS.js → DocsRenderer-PKQXORMH-DLnpL5hE.js} +2 -2
  92. package/storybook-static/assets/{attributes.test.stories-DIQXccHc.js → attributes.test.stories-Bt5V18qO.js} +10 -11
  93. package/storybook-static/assets/{css.test.stories-BV2hi4CY.js → css.test.stories-CGYy2daE.js} +1 -1
  94. package/storybook-static/assets/{custom-element-wn23PUwN.js → custom-element-D8hcDZHh.js} +116 -82
  95. package/storybook-static/assets/{dom-merge.test.stories-Dws0C2-g.js → dom-merge.test.stories-XlsZ0UvX.js} +22 -20
  96. package/storybook-static/assets/{external-template.test.stories-BHO48b0j.js → external-template.test.stories-Bt_Pflu8.js} +7 -8
  97. package/storybook-static/assets/{form.test.stories-dv9mwp24.js → form.test.stories-B0NoI8wm.js} +1 -1
  98. package/storybook-static/assets/{handlers-CaCq2ZPF.js → handlers-B5969HUu.js} +13 -13
  99. package/storybook-static/assets/{http-request.stories-B2ke7LtS.js → http-request.stories-B2skuTFV.js} +1 -1
  100. package/storybook-static/assets/iframe-Dfrt81rk.js +2 -0
  101. package/storybook-static/assets/{index-BnXBQqj9.js → index-Ay195x2L.js} +4 -4
  102. package/storybook-static/assets/{index-sm7QlJZE.js → index-C3ChPTMh.js} +1 -1
  103. package/storybook-static/assets/{index-Dz4OaB2k.js → index-C7lvoJNv.js} +1 -1
  104. package/storybook-static/assets/{index-Cpxqn5iQ.js → index-Gpdhz4ab.js} +1 -1
  105. package/storybook-static/assets/local-storage.test.stories-DfY6feqG.js +420 -0
  106. package/storybook-static/assets/{location-element.test.stories-BiFvBop7.js → location-element.test.stories-944AotIJ.js} +1 -1
  107. package/storybook-static/assets/{module-url.test.stories-BXoM34tX.js → module-url.test.stories-DSKcwApl.js} +1 -1
  108. package/storybook-static/assets/preview-AJR7rVPD.js +52 -0
  109. package/storybook-static/assets/{preview-Cg7hXPRq.js → preview-CadgX-4y.js} +2 -2
  110. package/storybook-static/assets/{set-url.test.stories-Cg5Z0r7x.js → set-url.test.stories-DjLHKkEh.js} +1 -1
  111. package/storybook-static/assets/{slice-events.test.stories-D_ttGp3g.js → slice-events.test.stories-8I_BrHd6.js} +1 -1
  112. package/storybook-static/assets/{slots.test.stories-DBNXOm0T.js → slots.test.stories-CvZz4jyP.js} +1 -1
  113. package/storybook-static/assets/{version-select.test.stories-CgV3UCim.js → version-select.test.stories-DSxmJylI.js} +1 -1
  114. package/storybook-static/demo/a.svg +27 -0
  115. package/storybook-static/demo/demo.css +6 -7
  116. package/storybook-static/demo/external-template.html +3 -3
  117. package/storybook-static/demo/npm-versions-demo.html +21 -8
  118. package/storybook-static/demo/npm-versions.html +54 -25
  119. package/storybook-static/demo/s.xml +3 -28
  120. package/storybook-static/demo/s.xslt +51 -92
  121. package/storybook-static/demo/z.html +32 -61
  122. package/storybook-static/demo/z1.html +34 -0
  123. package/storybook-static/iframe.html +1 -1
  124. package/storybook-static/mockServiceWorker.js +1 -1
  125. package/storybook-static/project.json +1 -1
  126. package/storybook-static/sb-addons/chromatic-com-storybook-9/manager-bundle.js +39 -36
  127. package/storybook-static/sb-addons/chromatic-com-storybook-9/manager-bundle.js.LEGAL.txt +38 -1
  128. package/.idea/codeStyles/codeStyleConfig.xml +0 -5
  129. package/.idea/compiler.xml +0 -6
  130. package/.idea/inspectionProfiles/Project_Default.xml +0 -6
  131. package/.vscode/settings.json +0 -24
  132. package/dist/custom-element-CckoVsvO.cjs +0 -53
  133. package/dist/local-storage-Boafngui.cjs +0 -1
  134. package/dist/local-storage-BqDEu2kF.js +0 -59
  135. package/storybook-static/assets/iframe-D4Sos1HO.js +0 -2
  136. package/storybook-static/assets/local-storage.test.stories-BpogLNq-.js +0 -419
  137. package/storybook-static/assets/preview-oHxXRSIu.js +0 -48
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at 2024-09-01T19:14:49.300Z
104
+ at 2024-09-11T14:44:32.203Z
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -97,7 +97,7 @@
97
97
  <div class='footer quiet pad2 space-top1 center small'>
98
98
  Code coverage generated by
99
99
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
100
- at 2024-09-01T19:14:49.300Z
100
+ at 2024-09-11T14:44:32.203Z
101
101
  </div>
102
102
  <script src="../../../prettify.js"></script>
103
103
  <script>
@@ -157,7 +157,7 @@
157
157
  <span class="cline-any cline-neutral">&nbsp;</span>
158
158
  <span class="cline-any cline-neutral">&nbsp;</span>
159
159
  <span class="cline-any cline-neutral">&nbsp;</span>
160
- <span class="cline-any cline-yes">2x</span>
160
+ <span class="cline-any cline-yes">3x</span>
161
161
  <span class="cline-any cline-neutral">&nbsp;</span>
162
162
  <span class="cline-any cline-neutral">&nbsp;</span>
163
163
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -182,13 +182,13 @@
182
182
  <span class="cline-any cline-neutral">&nbsp;</span>
183
183
  <span class="cline-any cline-yes">5x</span>
184
184
  <span class="cline-any cline-neutral">&nbsp;</span>
185
- <span class="cline-any cline-yes">37x</span>
186
- <span class="cline-any cline-yes">37x</span>
185
+ <span class="cline-any cline-yes">35x</span>
186
+ <span class="cline-any cline-yes">35x</span>
187
187
  <span class="cline-any cline-neutral">&nbsp;</span>
188
188
  <span class="cline-any cline-neutral">&nbsp;</span>
189
189
  <span class="cline-any cline-neutral">&nbsp;</span>
190
- <span class="cline-any cline-yes">41x</span>
191
- <span class="cline-any cline-yes">29x</span>
190
+ <span class="cline-any cline-yes">39x</span>
191
+ <span class="cline-any cline-yes">27x</span>
192
192
  <span class="cline-any cline-yes">12x</span>
193
193
  <span class="cline-any cline-yes">12x</span>
194
194
  <span class="cline-any cline-yes">1x</span>
@@ -223,12 +223,12 @@
223
223
  <span class="cline-any cline-neutral">&nbsp;</span>
224
224
  <span class="cline-any cline-neutral">&nbsp;</span>
225
225
  <span class="cline-any cline-neutral">&nbsp;</span>
226
- <span class="cline-any cline-yes">138x</span>
227
- <span class="cline-any cline-yes">69x</span>
226
+ <span class="cline-any cline-yes">130x</span>
227
+ <span class="cline-any cline-yes">65x</span>
228
228
  <span class="cline-any cline-neutral">&nbsp;</span>
229
- <span class="cline-any cline-yes">44x</span>
230
- <span class="cline-any cline-yes">44x</span>
231
- <span class="cline-any cline-yes">36x</span>
229
+ <span class="cline-any cline-yes">42x</span>
230
+ <span class="cline-any cline-yes">42x</span>
231
+ <span class="cline-any cline-yes">34x</span>
232
232
  <span class="cline-any cline-neutral">&nbsp;</span>
233
233
  <span class="cline-any cline-yes">8x</span>
234
234
  <span class="cline-any cline-yes">8x</span>
@@ -239,7 +239,7 @@
239
239
  <span class="cline-any cline-neutral">&nbsp;</span>
240
240
  <span class="cline-any cline-neutral">&nbsp;</span>
241
241
  <span class="cline-any cline-neutral">&nbsp;</span>
242
- <span class="cline-any cline-yes">2x</span>
242
+ <span class="cline-any cline-yes">3x</span>
243
243
  <span class="cline-any cline-neutral">&nbsp;</span>
244
244
  <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">const attr = (el, attr)=&gt; el.getAttribute(attr);
245
245
  &nbsp;
@@ -337,7 +337,7 @@ export default HttpRequestElement;
337
337
  <div class='footer quiet pad2 space-top1 center small'>
338
338
  Code coverage generated by
339
339
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
340
- at 2024-09-01T19:14:49.300Z
340
+ at 2024-09-11T14:44:32.203Z
341
341
  </div>
342
342
  <script src="../../prettify.js"></script>
343
343
  <script>
@@ -23,30 +23,30 @@
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">97.63% </span>
26
+ <span class="strong">97.15% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>742/760</span>
28
+ <span class='fraction'>751/773</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">91.81% </span>
33
+ <span class="strong">91.68% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>359/391</span>
35
+ <span class='fraction'>364/397</span>
36
36
  </div>
37
37
 
38
38
 
39
39
  <div class='fl pad1y space-right2'>
40
- <span class="strong">98.28% </span>
40
+ <span class="strong">97.2% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>172/175</span>
42
+ <span class='fraction'>174/179</span>
43
43
  </div>
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">97.77% </span>
47
+ <span class="strong">97.37% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>658/673</span>
49
+ <span class='fraction'>668/686</span>
50
50
  </div>
51
51
 
52
52
 
@@ -80,17 +80,17 @@
80
80
  </thead>
81
81
  <tbody><tr>
82
82
  <td class="file high" data-value="custom-element.js"><a href="custom-element.js.html">custom-element.js</a></td>
83
- <td data-value="96.8" class="pic high">
83
+ <td data-value="96.18" class="pic high">
84
84
  <div class="chart"><div class="cover-fill" style="width: 96%"></div><div class="cover-empty" style="width: 4%"></div></div>
85
85
  </td>
86
- <td data-value="96.8" class="pct high">96.8%</td>
87
- <td data-value="563" class="abs high">545/563</td>
88
- <td data-value="90.35" class="pct high">90.35%</td>
89
- <td data-value="311" class="abs high">281/311</td>
90
- <td data-value="97.5" class="pct high">97.5%</td>
91
- <td data-value="120" class="abs high">117/120</td>
92
- <td data-value="96.98" class="pct high">96.98%</td>
93
- <td data-value="498" class="abs high">483/498</td>
86
+ <td data-value="96.18" class="pct high">96.18%</td>
87
+ <td data-value="576" class="abs high">554/576</td>
88
+ <td data-value="90.15" class="pct high">90.15%</td>
89
+ <td data-value="315" class="abs high">284/315</td>
90
+ <td data-value="95.96" class="pct high">95.96%</td>
91
+ <td data-value="124" class="abs high">119/124</td>
92
+ <td data-value="96.47" class="pct high">96.47%</td>
93
+ <td data-value="511" class="abs high">493/511</td>
94
94
  </tr>
95
95
 
96
96
  <tr>
@@ -145,8 +145,8 @@
145
145
  </td>
146
146
  <td data-value="100" class="pct high">100%</td>
147
147
  <td data-value="14" class="abs high">14/14</td>
148
- <td data-value="83.33" class="pct high">83.33%</td>
149
- <td data-value="6" class="abs high">5/6</td>
148
+ <td data-value="87.5" class="pct high">87.5%</td>
149
+ <td data-value="8" class="abs high">7/8</td>
150
150
  <td data-value="100" class="pct high">100%</td>
151
151
  <td data-value="3" class="abs high">3/3</td>
152
152
  <td data-value="100" class="pct high">100%</td>
@@ -161,7 +161,7 @@
161
161
  <div class='footer quiet pad2 space-top1 center small'>
162
162
  Code coverage generated by
163
163
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
164
- at 2024-09-01T19:14:49.300Z
164
+ at 2024-09-11T14:44:32.203Z
165
165
  </div>
166
166
  <script src="../../prettify.js"></script>
167
167
  <script>
@@ -150,52 +150,62 @@
150
150
  <a name='L85'></a><a href='#L85'>85</a>
151
151
  <a name='L86'></a><a href='#L86'>86</a>
152
152
  <a name='L87'></a><a href='#L87'>87</a>
153
- <a name='L88'></a><a href='#L88'>88</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
154
- <span class="cline-any cline-yes">127x</span>
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></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
159
+ <span class="cline-any cline-yes">128x</span>
155
160
  <span class="cline-any cline-yes">26x</span>
156
- <span class="cline-any cline-yes">101x</span>
161
+ <span class="cline-any cline-yes">102x</span>
157
162
  <span class="cline-any cline-yes">18x</span>
158
163
  <span class="cline-any cline-yes">8x</span>
159
- <span class="cline-any cline-yes">83x</span>
160
- <span class="cline-any cline-yes">83x</span>
161
- <span class="cline-any cline-yes">83x</span>
164
+ <span class="cline-any cline-yes">84x</span>
165
+ <span class="cline-any cline-yes">84x</span>
166
+ <span class="cline-any cline-yes">84x</span>
162
167
  <span class="cline-any cline-yes">18x</span>
163
168
  <span class="cline-any cline-yes">18x</span>
164
169
  <span class="cline-any cline-neutral">&nbsp;</span>
165
- <span class="cline-any cline-yes">65x</span>
170
+ <span class="cline-any cline-yes">66x</span>
166
171
  <span class="cline-any cline-yes">18x</span>
167
172
  <span class="cline-any cline-yes">15x</span>
168
173
  <span class="cline-any cline-yes">15x</span>
169
174
  <span class="cline-any cline-neutral">&nbsp;</span>
170
- <span class="cline-any cline-yes">47x</span>
171
- <span class="cline-any cline-yes">47x</span>
175
+ <span class="cline-any cline-yes">48x</span>
176
+ <span class="cline-any cline-yes">48x</span>
172
177
  <span class="cline-any cline-neutral">&nbsp;</span>
173
178
  <span class="cline-any cline-neutral">&nbsp;</span>
174
179
  <span class="cline-any cline-neutral">&nbsp;</span>
175
180
  <span class="cline-any cline-neutral">&nbsp;</span>
176
181
  <span class="cline-any cline-neutral">&nbsp;</span>
182
+ <span class="cline-any cline-yes">98x</span>
183
+ <span class="cline-any cline-yes">98x</span>
184
+ <span class="cline-any cline-neutral">&nbsp;</span>
185
+ <span class="cline-any cline-neutral">&nbsp;</span>
186
+ <span class="cline-any cline-yes">4x</span>
187
+ <span class="cline-any cline-yes">4x</span>
188
+ <span class="cline-any cline-neutral">&nbsp;</span>
189
+ <span class="cline-any cline-neutral">&nbsp;</span>
190
+ <span class="cline-any cline-neutral">&nbsp;</span>
191
+ <span class="cline-any cline-yes">3x</span>
192
+ <span class="cline-any cline-yes">3x</span>
193
+ <span class="cline-any cline-neutral">&nbsp;</span>
194
+ <span class="cline-any cline-neutral">&nbsp;</span>
195
+ <span class="cline-any cline-neutral">&nbsp;</span>
196
+ <span class="cline-any cline-yes">10x</span>
177
197
  <span class="cline-any cline-yes">9x</span>
178
- <span class="cline-any cline-yes">8x</span>
179
198
  <span class="cline-any cline-yes">1x</span>
180
199
  <span class="cline-any cline-yes">1x</span>
181
- <span class="cline-any cline-yes">96x</span>
182
- <span class="cline-any cline-yes">96x</span>
183
- <span class="cline-any cline-neutral">&nbsp;</span>
184
200
  <span class="cline-any cline-yes">1x</span>
185
201
  <span class="cline-any cline-yes">1x</span>
186
- <span class="cline-any cline-yes">2x</span>
187
- <span class="cline-any cline-yes">2x</span>
188
- <span class="cline-any cline-neutral">&nbsp;</span>
189
202
  <span class="cline-any cline-yes">1x</span>
190
203
  <span class="cline-any cline-yes">1x</span>
191
- <span class="cline-any cline-yes">2x</span>
192
- <span class="cline-any cline-yes">2x</span>
193
204
  <span class="cline-any cline-neutral">&nbsp;</span>
205
+ <span class="cline-any cline-yes">1x</span>
194
206
  <span class="cline-any cline-neutral">&nbsp;</span>
195
207
  <span class="cline-any cline-neutral">&nbsp;</span>
196
- <span class="cline-any cline-neutral">&nbsp;</span>
197
- <span class="cline-any cline-yes">2x</span>
198
- <span class="cline-any cline-yes">2x</span>
208
+ <span class="cline-any cline-yes">98x</span>
199
209
  <span class="cline-any cline-neutral">&nbsp;</span>
200
210
  <span class="cline-any cline-neutral">&nbsp;</span>
201
211
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -208,15 +218,15 @@
208
218
  <span class="cline-any cline-neutral">&nbsp;</span>
209
219
  <span class="cline-any cline-neutral">&nbsp;</span>
210
220
  <span class="cline-any cline-neutral">&nbsp;</span>
211
- <span class="cline-any cline-yes">119x</span>
221
+ <span class="cline-any cline-yes">120x</span>
212
222
  <span class="cline-any cline-yes">12x</span>
213
223
  <span class="cline-any cline-neutral">&nbsp;</span>
214
224
  <span class="cline-any cline-neutral">&nbsp;</span>
215
225
  <span class="cline-any cline-neutral">&nbsp;</span>
216
- <span class="cline-any cline-yes">815x</span>
226
+ <span class="cline-any cline-yes">818x</span>
217
227
  <span class="cline-any cline-yes">12x</span>
218
- <span class="cline-any cline-yes">115x</span>
219
- <span class="cline-any cline-yes">115x</span>
228
+ <span class="cline-any cline-yes">116x</span>
229
+ <span class="cline-any cline-yes">116x</span>
220
230
  <span class="cline-any cline-neutral">&nbsp;</span>
221
231
  <span class="cline-any cline-yes">12x</span>
222
232
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -226,7 +236,7 @@
226
236
  <span class="cline-any cline-yes">10x</span>
227
237
  <span class="cline-any cline-neutral">&nbsp;</span>
228
238
  <span class="cline-any cline-yes">12x</span>
229
- <span class="cline-any cline-yes">557x</span>
239
+ <span class="cline-any cline-yes">558x</span>
230
240
  <span class="cline-any cline-yes">9x</span>
231
241
  <span class="cline-any cline-yes">9x</span>
232
242
  <span class="cline-any cline-yes">9x</span>
@@ -260,29 +270,34 @@
260
270
  &nbsp;
261
271
  let originalSetItem,originalRemoveItem,originalClear;
262
272
  &nbsp;
273
+ export function localStorage_setItem( key, value )
274
+ { originalSetItem.call(localStorage, key, value);
275
+ window.dispatchEvent( new CustomEvent('local-storage',{detail:{key,value}}) );
276
+ }
277
+ export function localStorage_removeItem( key )
278
+ { originalRemoveItem.call(localStorage, key);
279
+ window.dispatchEvent( new CustomEvent('local-storage',{detail:{key}}) );
280
+ }
281
+ &nbsp;
282
+ export function localStorage_clear()
283
+ { originalClear.call(localStorage);
284
+ window.dispatchEvent( new CustomEvent('local-storage',{detail:{}}) );
285
+ }
286
+ &nbsp;
263
287
  function ensureTrackLocalStorage()
264
288
  { if( originalSetItem )
265
289
  return;
266
290
  originalSetItem = localStorage.setItem;
267
- localStorage.setItem = function( key, value, ...rest )
268
- { originalSetItem.apply(this, [ key, value, ...rest ]);
269
- window.dispatchEvent( new CustomEvent('local-storage',{detail:{key,value}}) );
270
- };
291
+ localStorage.setItem = localStorage_setItem;
271
292
  originalRemoveItem = localStorage.removeItem;
272
- localStorage.removeItem = function( key, ...rest )
273
- { originalRemoveItem.apply(this, [ key, ...rest ]);
274
- window.dispatchEvent( new CustomEvent('local-storage',{detail:{key}}) );
275
- };
293
+ localStorage.removeItem = localStorage_removeItem;
276
294
  originalClear = localStorage.clear;
277
- localStorage.clear = function( ...rest )
278
- { originalClear.apply(this, [ ...rest ]);
279
- window.dispatchEvent( new CustomEvent('local-storage',{detail:{}}) );
280
- };
295
+ localStorage.clear = localStorage_clear;
281
296
  }
297
+ ensureTrackLocalStorage();
282
298
  &nbsp;
283
299
  export function localStorageSetItem(key, value)
284
- { localStorage.setItem(key, value);
285
- window.dispatchEvent( new CustomEvent('local-storage',{detail:{key,value}}) );
300
+ { localStorage_setItem(key, value);
286
301
  }
287
302
  export class LocalStorageElement extends HTMLElement
288
303
  {
@@ -331,7 +346,7 @@ export default LocalStorageElement;
331
346
  <div class='footer quiet pad2 space-top1 center small'>
332
347
  Code coverage generated by
333
348
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
334
- at 2024-09-01T19:14:49.300Z
349
+ at 2024-09-11T14:44:32.203Z
335
350
  </div>
336
351
  <script src="../../prettify.js"></script>
337
352
  <script>
@@ -191,7 +191,7 @@
191
191
  <span class="cline-any cline-neutral">&nbsp;</span>
192
192
  <span class="cline-any cline-neutral">&nbsp;</span>
193
193
  <span class="cline-any cline-neutral">&nbsp;</span>
194
- <span class="cline-any cline-yes">3x</span>
194
+ <span class="cline-any cline-yes">4x</span>
195
195
  <span class="cline-any cline-yes">1x</span>
196
196
  <span class="cline-any cline-yes">1x</span>
197
197
  <span class="cline-any cline-yes">1x</span>
@@ -203,7 +203,7 @@
203
203
  <span class="cline-any cline-neutral">&nbsp;</span>
204
204
  <span class="cline-any cline-neutral">&nbsp;</span>
205
205
  <span class="cline-any cline-neutral">&nbsp;</span>
206
- <span class="cline-any cline-yes">3x</span>
206
+ <span class="cline-any cline-yes">4x</span>
207
207
  <span class="cline-any cline-neutral">&nbsp;</span>
208
208
  <span class="cline-any cline-neutral">&nbsp;</span>
209
209
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -280,7 +280,7 @@
280
280
  <span class="cline-any cline-yes">2x</span>
281
281
  <span class="cline-any cline-neutral">&nbsp;</span>
282
282
  <span class="cline-any cline-neutral">&nbsp;</span>
283
- <span class="cline-any cline-yes">3x</span>
283
+ <span class="cline-any cline-yes">4x</span>
284
284
  <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">const attr = ( el, attr )=&gt; el.getAttribute( attr );
285
285
  &nbsp;
286
286
  let originalHistory;
@@ -397,7 +397,7 @@ export default LocationElement;</pre></td></tr></table></pre>
397
397
  <div class='footer quiet pad2 space-top1 center small'>
398
398
  Code coverage generated by
399
399
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
400
- at 2024-09-01T19:14:49.300Z
400
+ at 2024-09-11T14:44:32.203Z
401
401
  </div>
402
402
  <script src="../../prettify.js"></script>
403
403
  <script>
@@ -6,5 +6,5 @@
6
6
  <rect width="140" height="32" fill="#473" rx="4"/>
7
7
  <rect width="88" height="32" fill="#534" rx="4"/>
8
8
  <text x="8" y="21" class="heavy">coverage</text>
9
- <text x="94" y="22" class="percent">83.33%</text>
9
+ <text x="94" y="22" class="percent">87.5%</text>
10
10
  </svg>
@@ -30,9 +30,9 @@
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">83.33% </span>
33
+ <span class="strong">87.5% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>5/6</span>
35
+ <span class='fraction'>7/8</span>
36
36
  </div>
37
37
 
38
38
 
@@ -95,7 +95,9 @@
95
95
  <a name='L30'></a><a href='#L30'>30</a>
96
96
  <a name='L31'></a><a href='#L31'>31</a>
97
97
  <a name='L32'></a><a href='#L32'>32</a>
98
- <a name='L33'></a><a href='#L33'>33</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">35x</span>
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></td><td class="line-coverage quiet"><span class="cline-any cline-yes">35x</span>
99
101
  <span class="cline-any cline-neutral">&nbsp;</span>
100
102
  <span class="cline-any cline-neutral">&nbsp;</span>
101
103
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -107,15 +109,16 @@
107
109
  <span class="cline-any cline-neutral">&nbsp;</span>
108
110
  <span class="cline-any cline-neutral">&nbsp;</span>
109
111
  <span class="cline-any cline-yes">35x</span>
112
+ <span class="cline-any cline-neutral">&nbsp;</span>
110
113
  <span class="cline-any cline-yes">35x</span>
111
114
  <span class="cline-any cline-yes">35x</span>
112
115
  <span class="cline-any cline-neutral">&nbsp;</span>
113
116
  <span class="cline-any cline-neutral">&nbsp;</span>
114
- <span class="cline-any cline-yes">26x</span>
117
+ <span class="cline-any cline-yes">30x</span>
115
118
  <span class="cline-any cline-neutral">&nbsp;</span>
116
- <span class="cline-any cline-yes">9x</span>
117
- <span class="cline-any cline-yes">9x</span>
118
- <span class="cline-any cline-yes">9x</span>
119
+ <span class="cline-any cline-yes">5x</span>
120
+ <span class="cline-any cline-yes">5x</span>
121
+ <span class="cline-any cline-yes">5x</span>
119
122
  <span class="cline-any cline-neutral">&nbsp;</span>
120
123
  <span class="cline-any cline-yes">35x</span>
121
124
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -127,6 +130,7 @@
127
130
  <span class="cline-any cline-neutral">&nbsp;</span>
128
131
  <span class="cline-any cline-neutral">&nbsp;</span>
129
132
  <span class="cline-any cline-yes">1x</span>
133
+ <span class="cline-any cline-neutral">&nbsp;</span>
130
134
  <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">const attr = ( el, attr )=&gt; el.getAttribute( attr );
131
135
  &nbsp;
132
136
  &nbsp;
@@ -139,9 +143,10 @@ export class ModuleUrl extends HTMLElement
139
143
  &nbsp;
140
144
  sliceInit()
141
145
  { let path = attr(this,'src');
146
+ &nbsp;
142
147
  try
143
148
  { const url = '.' === path.charAt(0)
144
- ? new URL(path, this.closest('[base]')?.getAttribute('base') ).href
149
+ ? new URL(path, this.closest('[base]')?.getAttribute('base') || location.href).href
145
150
  : import.meta.resolve(path);
146
151
  this.setAttribute('value',this.value = url );
147
152
  }catch( er )
@@ -159,14 +164,15 @@ export class ModuleUrl extends HTMLElement
159
164
  }
160
165
  &nbsp;
161
166
  window.customElements.define( 'module-url', ModuleUrl );
162
- export default ModuleUrl;</pre></td></tr></table></pre>
167
+ export default ModuleUrl;
168
+ &nbsp;</pre></td></tr></table></pre>
163
169
 
164
170
  <div class='push'></div><!-- for sticky footer -->
165
171
  </div><!-- /wrapper -->
166
172
  <div class='footer quiet pad2 space-top1 center small'>
167
173
  Code coverage generated by
168
174
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
169
- at 2024-09-01T19:14:49.300Z
175
+ at 2024-09-11T14:44:32.203Z
170
176
  </div>
171
177
  <script src="../../prettify.js"></script>
172
178
  <script>
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at 2024-09-01T19:14:49.300Z
104
+ at 2024-09-11T14:44:32.203Z
105
105
  </div>
106
106
  <script src="../prettify.js"></script>
107
107
  <script>
@@ -181,7 +181,7 @@ export const handlers =
181
181
  <div class='footer quiet pad2 space-top1 center small'>
182
182
  Code coverage generated by
183
183
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
184
- at 2024-09-01T19:14:49.300Z
184
+ at 2024-09-11T14:44:32.203Z
185
185
  </div>
186
186
  <script src="../../prettify.js"></script>
187
187
  <script>
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at 2024-09-01T19:14:49.300Z
104
+ at 2024-09-11T14:44:32.203Z
105
105
  </div>
106
106
  <script src="../../prettify.js"></script>
107
107
  <script>
@@ -23,9 +23,9 @@
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">25.53% </span>
26
+ <span class="strong">26.08% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>12/47</span>
28
+ <span class='fraction'>12/46</span>
29
29
  </div>
30
30
 
31
31
 
@@ -44,9 +44,9 @@
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">26.19% </span>
47
+ <span class="strong">26.82% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>11/42</span>
49
+ <span class='fraction'>11/41</span>
50
50
  </div>
51
51
 
52
52
 
@@ -203,8 +203,7 @@
203
203
  <a name='L138'></a><a href='#L138'>138</a>
204
204
  <a name='L139'></a><a href='#L139'>139</a>
205
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></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
206
+ <a name='L141'></a><a href='#L141'>141</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
208
207
  <span class="cline-any cline-neutral">&nbsp;</span>
209
208
  <span class="cline-any cline-neutral">&nbsp;</span>
210
209
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -259,7 +258,6 @@
259
258
  <span class="cline-any cline-no">&nbsp;</span>
260
259
  <span class="cline-any cline-no">&nbsp;</span>
261
260
  <span class="cline-any cline-no">&nbsp;</span>
262
- <span class="cline-any cline-no">&nbsp;</span>
263
261
  <span class="cline-any cline-neutral">&nbsp;</span>
264
262
  <span class="cline-any cline-neutral">&nbsp;</span>
265
263
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -397,10 +395,9 @@ export const AttributeDefaults:Story =
397
395
  const canvas = <span class="cstat-no" title="statement not covered" >within(canvasElement)</span>
398
396
  , code = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >async (<span class="cstat-no" title="statement not covered" >i</span>d) =&gt; (await canvas.findByTestId(id)).textContent.trim();</span></span>
399
397
  &nbsp;
400
- <span class="cstat-no" title="statement not covered" > await sleep(20)</span>
401
- <span class="cstat-no" title="statement not covered" > expect( await code('p1') ).toEqual('default_P1' );</span>
402
- <span class="cstat-no" title="statement not covered" > expect( await code('p2') ).toEqual('always_p2' );</span>
403
- <span class="cstat-no" title="statement not covered" > expect( await code('p3') ).toEqual('def_P3' );</span>
398
+ <span class="cstat-no" title="statement not covered" > expect( await await canvas.findByTestId('p1') ).toHaveTextContent('default_P1' );</span>
399
+ <span class="cstat-no" title="statement not covered" > expect( await await canvas.findByTestId('p2') ).toHaveTextContent('always_p2' );</span>
400
+ <span class="cstat-no" title="statement not covered" > expect( await await canvas.findByTestId('p3') ).toHaveTextContent('def_P3' );</span>
404
401
  },
405
402
  };
406
403
  &nbsp;
@@ -493,7 +490,7 @@ if( 'test' === import.meta.env.MODE &amp;&amp;
493
490
  <div class='footer quiet pad2 space-top1 center small'>
494
491
  Code coverage generated by
495
492
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
496
- at 2024-09-01T19:14:49.300Z
493
+ at 2024-09-11T14:44:32.203Z
497
494
  </div>
498
495
  <script src="../../prettify.js"></script>
499
496
  <script>
@@ -6,5 +6,5 @@
6
6
  <rect width="140" height="32" fill="#473" rx="4"/>
7
7
  <rect width="88" height="32" fill="#534" rx="4"/>
8
8
  <text x="8" y="21" class="heavy">coverage</text>
9
- <text x="94" y="22" class="percent">27.61%</text>
9
+ <text x="94" y="22" class="percent">27.87%</text>
10
10
  </svg>
@@ -439,7 +439,7 @@ if( 'test' === import.meta.env.MODE &amp;&amp;
439
439
  <div class='footer quiet pad2 space-top1 center small'>
440
440
  Code coverage generated by
441
441
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
442
- at 2024-09-01T19:14:49.300Z
442
+ at 2024-09-11T14:44:32.203Z
443
443
  </div>
444
444
  <script src="../../prettify.js"></script>
445
445
  <script>