@epa-wg/custom-element-dist 0.0.29 → 0.0.31

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 (134) hide show
  1. package/.idea/custom-element-dist.iml +11 -0
  2. package/.idea/inspectionProfiles/Project_Default.xml +24 -0
  3. package/.idea/misc.xml +6 -0
  4. package/.idea/modules.xml +8 -0
  5. package/.idea/vcs.xml +6 -0
  6. package/.storybook/main.ts +21 -19
  7. package/.storybook/preview.ts +25 -25
  8. package/README.md +4 -4
  9. package/coverage/coverage-final.json +21 -21
  10. package/coverage/index.html +24 -24
  11. package/coverage/src/custom-element/coverage.svg +1 -1
  12. package/coverage/src/custom-element/custom-element.js/coverage.svg +1 -1
  13. package/coverage/src/custom-element/custom-element.js.html +247 -241
  14. package/coverage/src/custom-element/http-request.js.html +3 -3
  15. package/coverage/src/custom-element/index.html +14 -14
  16. package/coverage/src/custom-element/local-storage.js.html +52 -52
  17. package/coverage/src/custom-element/location-element.js.html +4 -4
  18. package/coverage/src/custom-element/module-url.js.html +1 -1
  19. package/coverage/src/index.html +1 -1
  20. package/coverage/src/mocks/handlers.ts.html +1 -1
  21. package/coverage/src/mocks/index.html +1 -1
  22. package/coverage/src/stories/attributes.test.stories.ts.html +28 -28
  23. package/coverage/src/stories/coverage.svg +1 -1
  24. package/coverage/src/stories/css.test.stories.ts.html +1 -1
  25. package/coverage/src/stories/dom-merge.test.stories.ts.html +1 -1
  26. package/coverage/src/stories/external-template.test.stories.ts.html +1 -1
  27. package/coverage/src/stories/form.test.stories.ts.html +1 -1
  28. package/coverage/src/stories/http-request.stories.ts.html +1 -1
  29. package/coverage/src/stories/index.html +19 -19
  30. package/coverage/src/stories/local-storage.test.stories.ts.html +17 -17
  31. package/coverage/src/stories/location-element.test.stories.ts.html +3 -6
  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/coverage.svg +1 -1
  35. package/coverage/src/stories/slice-events.test.stories.ts.html +284 -23
  36. package/coverage/src/stories/slots.test.stories.ts.html +1 -1
  37. package/coverage/src/stories/testStoryBook.ts.html +7 -7
  38. package/coverage/src/stories/version-select.test.stories.ts.html +1 -1
  39. package/coverage/src/sum.ts.html +1 -1
  40. package/dist/custom-element-BbJMY20-.cjs +97 -0
  41. package/dist/{custom-element-BOIPgtxz.js → custom-element-CoRNKeEP.js} +122 -120
  42. package/dist/custom-element-bundle.cjs +1 -1
  43. package/dist/custom-element-bundle.js +2 -2
  44. package/dist/demo/a.svg +26 -26
  45. package/dist/demo/data-slices.html +37 -0
  46. package/package.json +13 -13
  47. package/public/demo/a.svg +26 -26
  48. package/public/demo/data-slices.html +37 -0
  49. package/src/custom-element/custom-element.js +4 -2
  50. package/src/custom-element/demo/a.svg +26 -26
  51. package/src/custom-element/demo/data-slices.html +37 -0
  52. package/src/custom-element/ide/web-types-dce.json +1 -1
  53. package/src/custom-element/ide/web-types-xsl.json +1 -1
  54. package/src/material/angular.css +987 -987
  55. package/src/material/components/autocomplete.html +239 -240
  56. package/src/material/components/dropdown.html +92 -45
  57. package/src/material/components/icon-link.html +160 -160
  58. package/src/material/components/menu.html +234 -234
  59. package/src/material/components.html +121 -120
  60. package/src/material/demo.css +36 -31
  61. package/src/material/index.html +110 -110
  62. package/src/material/material.css +356 -356
  63. package/src/material/theme/README.md +17 -17
  64. package/src/material/theme/semantic.css +113 -112
  65. package/src/mocks/versions.mock.ts +8 -8
  66. package/src/stories/attributes.test.stories.ts +20 -20
  67. package/src/stories/location-element.test.stories.ts +1 -2
  68. package/src/stories/slice-events.test.stories.ts +87 -0
  69. package/storybook-static/assets/Color-F6OSRLHC-CFyd3TND.js +1 -0
  70. package/storybook-static/assets/{Configure-DOhzHFEs.js → Configure-UGTbPRKK.js} +1 -1
  71. package/storybook-static/assets/{DocsRenderer-CFRXHY34-BSJkbsd6.js → DocsRenderer-CFRXHY34-Dpr5iB0o.js} +2 -2
  72. package/storybook-static/assets/{attributes.test.stories-BJBuuXgZ.js → attributes.test.stories-DSOLHHOW.js} +38 -36
  73. package/storybook-static/assets/{css.test.stories-pgbBc17d.js → css.test.stories-Cgn6ICr0.js} +1 -1
  74. package/storybook-static/assets/custom-element-D59Fok1f.js +97 -0
  75. package/storybook-static/assets/{dom-merge.test.stories-CXcYP_-J.js → dom-merge.test.stories-CBObfPWg.js} +1 -1
  76. package/storybook-static/assets/entry-preview-DHVXbf3x.js +26 -0
  77. package/storybook-static/assets/entry-preview-docs-BbcIMweR.js +2 -0
  78. package/storybook-static/assets/{external-template.test.stories-CpJ68Ghy.js → external-template.test.stories-VfKUQ8eu.js} +1 -1
  79. package/storybook-static/assets/{form.test.stories-D35lyqd8.js → form.test.stories-CnuGN7Zw.js} +1 -1
  80. package/storybook-static/assets/{handlers-CW9pDZnt.js → handlers-V_T7WjNK.js} +21 -21
  81. package/storybook-static/assets/{http-request.stories-CBbknCOO.js → http-request.stories-8NN1Coqm.js} +1 -1
  82. package/storybook-static/assets/iframe-DnhkgdtG.js +2 -0
  83. package/storybook-static/assets/index-3Sfy-t3H.js +769 -0
  84. package/storybook-static/assets/index-BcZLpTeD.js +8 -0
  85. package/storybook-static/assets/index-CIBI7sCB.js +1 -0
  86. package/storybook-static/assets/{index-BSz1w4Gl.js → index-CxRwF5Or.js} +130 -130
  87. package/storybook-static/assets/{index-YxUFxnQR.js → index-DN1RoK17.js} +1 -1
  88. package/storybook-static/assets/{index-B3QjF0Ed.js → index-DjJD7gkO.js} +1 -1
  89. package/storybook-static/assets/{local-storage.test.stories-BY-PWhuk.js → local-storage.test.stories-Dk5Yqc7m.js} +1 -1
  90. package/storybook-static/assets/{location-element.test.stories-3auBYEaU.js → location-element.test.stories-56um6s5L.js} +1 -1
  91. package/storybook-static/assets/{module-url.test.stories-B7L9cL60.js → module-url.test.stories-DEponQ7l.js} +1 -1
  92. package/storybook-static/assets/{preview-BRPR-UXC.js → preview-CNKoaWES.js} +1 -1
  93. package/storybook-static/assets/preview-Czc-sw5H.js +2 -0
  94. package/storybook-static/assets/preview-DAeyCMnM.js +1 -0
  95. package/storybook-static/assets/{preview-CfWMRsRq.js → preview-vbpHsp94.js} +2 -2
  96. package/storybook-static/assets/{set-url.test.stories-CuSuDLIx.js → set-url.test.stories-B4E6hIe-.js} +1 -1
  97. package/storybook-static/assets/{slice-events.test.stories-BkRKsKem.js → slice-events.test.stories-BR0F-B6I.js} +138 -13
  98. package/storybook-static/assets/{slots.test.stories-BJCUWFkE.js → slots.test.stories-CgfJIyCr.js} +1 -1
  99. package/storybook-static/assets/tiny-invariant-CopsF_GD.js +1 -0
  100. package/storybook-static/assets/{version-select.test.stories-B3ybJn_Z.js → version-select.test.stories-nmxATIwv.js} +1 -1
  101. package/storybook-static/demo/a.svg +26 -26
  102. package/storybook-static/demo/data-slices.html +37 -0
  103. package/storybook-static/iframe.html +2 -2
  104. package/storybook-static/index.html +4 -0
  105. package/storybook-static/index.json +1 -1
  106. package/storybook-static/project.json +1 -1
  107. package/storybook-static/sb-addons/chromatic-com-storybook-10/manager-bundle.js +333 -0
  108. package/storybook-static/sb-addons/chromatic-com-storybook-10/manager-bundle.js.LEGAL.txt +40 -0
  109. package/storybook-static/sb-addons/essentials-actions-3/manager-bundle.js +1 -1
  110. package/storybook-static/sb-addons/essentials-backgrounds-4/manager-bundle.js +8 -8
  111. package/storybook-static/sb-addons/essentials-controls-2/manager-bundle.js +82 -85
  112. package/storybook-static/sb-addons/essentials-measure-7/manager-bundle.js +1 -1
  113. package/storybook-static/sb-addons/essentials-outline-8/manager-bundle.js +1 -1
  114. package/storybook-static/sb-addons/essentials-viewport-5/manager-bundle.js +1 -1
  115. package/storybook-static/sb-addons/interactions-9/manager-bundle.js +66 -67
  116. package/storybook-static/sb-addons/storybook-core-core-server-presets-0/common-manager-bundle.js +1 -1
  117. package/storybook-static/sb-manager/globals-module-info.js +25 -3
  118. package/storybook-static/sb-manager/globals-runtime.js +29585 -43124
  119. package/storybook-static/sb-manager/runtime.js +10647 -9399
  120. package/storybook-static/sb-preview/runtime.js +3536 -5860
  121. package/test-runner-jest.config.js +15 -0
  122. package/dist/custom-element-CUsSENWc.cjs +0 -97
  123. package/src/stories/__screenshots__/http-request.test.ts/http-request-url-change-1.png +0 -0
  124. package/storybook-static/assets/Color-ERTF36HU-CQkSD2nd.js +0 -1
  125. package/storybook-static/assets/custom-element-BDGsYgbP.js +0 -97
  126. package/storybook-static/assets/entry-preview-C313OLrj.js +0 -26
  127. package/storybook-static/assets/entry-preview-docs-B7ORr9w5.js +0 -2
  128. package/storybook-static/assets/iframe-DOi4N7qI.js +0 -2
  129. package/storybook-static/assets/index-BdcJ-iJ7.js +0 -8
  130. package/storybook-static/assets/index-CaL3Qp7t.js +0 -634
  131. package/storybook-static/assets/index-DgFM0Ce3.js +0 -1
  132. package/storybook-static/assets/preview-C992A1Y-.js +0 -2
  133. package/storybook-static/assets/preview-CcS4DQh8.js +0 -1
  134. package/storybook-static/assets/tiny-invariant-BxWVcicq.js +0 -1
package/coverage/src/custom-element/http-request.js.html CHANGED
@@ -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">4x</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>
@@ -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">4x</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-11-07T07:50:22.395Z
340
+ at 2024-11-12T04:15:02.299Z
341
341
  </div>
342
342
  <script src="../../prettify.js"></script>
343
343
  <script>
package/coverage/src/custom-element/index.html CHANGED
@@ -23,16 +23,16 @@
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">95.99% </span>
26
+ <span class="strong">96% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>767/799</span>
28
+ <span class='fraction'>768/800</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">90.07% </span>
33
+ <span class="strong">90.23% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>372/413</span>
35
+ <span class='fraction'>379/420</span>
36
36
  </div>
37
37
 
38
38
 
@@ -44,9 +44,9 @@
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">96.18% </span>
47
+ <span class="strong">96.19% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>681/708</span>
49
+ <span class='fraction'>682/709</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="94.68" class="pic high">
83
+ <td data-value="94.69" class="pic high">
84
84
  <div class="chart"><div class="cover-fill" style="width: 94%"></div><div class="cover-empty" style="width: 6%"></div></div>
85
85
  </td>
86
- <td data-value="94.68" class="pct high">94.68%</td>
87
- <td data-value="602" class="abs high">570/602</td>
88
- <td data-value="88.21" class="pct high">88.21%</td>
89
- <td data-value="331" class="abs high">292/331</td>
86
+ <td data-value="94.69" class="pct high">94.69%</td>
87
+ <td data-value="603" class="abs high">571/603</td>
88
+ <td data-value="88.46" class="pct high">88.46%</td>
89
+ <td data-value="338" class="abs high">299/338</td>
90
90
  <td data-value="96.12" class="pct high">96.12%</td>
91
91
  <td data-value="129" class="abs high">124/129</td>
92
- <td data-value="94.93" class="pct high">94.93%</td>
93
- <td data-value="533" class="abs high">506/533</td>
92
+ <td data-value="94.94" class="pct high">94.94%</td>
93
+ <td data-value="534" class="abs high">507/534</td>
94
94
  </tr>
95
95
 
96
96
  <tr>
@@ -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-11-07T07:50:22.395Z
164
+ at 2024-11-12T04:15:02.299Z
165
165
  </div>
166
166
  <script src="../../prettify.js"></script>
167
167
  <script>
package/coverage/src/custom-element/local-storage.js.html CHANGED
@@ -155,62 +155,62 @@
155
155
  <a name='L90'></a><a href='#L90'>90</a>
156
156
  <a name='L91'></a><a href='#L91'>91</a>
157
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">2x</span>
159
- <span class="cline-any cline-yes">256x</span>
160
- <span class="cline-any cline-yes">52x</span>
161
- <span class="cline-any cline-yes">204x</span>
162
- <span class="cline-any cline-yes">36x</span>
163
- <span class="cline-any cline-yes">16x</span>
164
- <span class="cline-any cline-yes">168x</span>
165
- <span class="cline-any cline-yes">168x</span>
166
- <span class="cline-any cline-yes">168x</span>
167
- <span class="cline-any cline-yes">36x</span>
168
- <span class="cline-any cline-yes">36x</span>
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>
160
+ <span class="cline-any cline-yes">26x</span>
161
+ <span class="cline-any cline-yes">102x</span>
162
+ <span class="cline-any cline-yes">18x</span>
163
+ <span class="cline-any cline-yes">8x</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>
167
+ <span class="cline-any cline-yes">18x</span>
168
+ <span class="cline-any cline-yes">18x</span>
169
169
  <span class="cline-any cline-neutral">&nbsp;</span>
170
- <span class="cline-any cline-yes">132x</span>
171
- <span class="cline-any cline-yes">36x</span>
172
- <span class="cline-any cline-yes">30x</span>
173
- <span class="cline-any cline-yes">30x</span>
170
+ <span class="cline-any cline-yes">66x</span>
171
+ <span class="cline-any cline-yes">18x</span>
172
+ <span class="cline-any cline-yes">15x</span>
173
+ <span class="cline-any cline-yes">15x</span>
174
174
  <span class="cline-any cline-neutral">&nbsp;</span>
175
- <span class="cline-any cline-yes">96x</span>
176
- <span class="cline-any cline-yes">96x</span>
175
+ <span class="cline-any cline-yes">48x</span>
176
+ <span class="cline-any cline-yes">48x</span>
177
177
  <span class="cline-any cline-neutral">&nbsp;</span>
178
178
  <span class="cline-any cline-neutral">&nbsp;</span>
179
179
  <span class="cline-any cline-neutral">&nbsp;</span>
180
180
  <span class="cline-any cline-neutral">&nbsp;</span>
181
181
  <span class="cline-any cline-neutral">&nbsp;</span>
182
- <span class="cline-any cline-yes">196x</span>
183
- <span class="cline-any cline-yes">196x</span>
182
+ <span class="cline-any cline-yes">98x</span>
183
+ <span class="cline-any cline-yes">98x</span>
184
184
  <span class="cline-any cline-neutral">&nbsp;</span>
185
185
  <span class="cline-any cline-neutral">&nbsp;</span>
186
- <span class="cline-any cline-yes">8x</span>
187
- <span class="cline-any cline-yes">8x</span>
186
+ <span class="cline-any cline-yes">4x</span>
187
+ <span class="cline-any cline-yes">4x</span>
188
188
  <span class="cline-any cline-neutral">&nbsp;</span>
189
189
  <span class="cline-any cline-neutral">&nbsp;</span>
190
190
  <span class="cline-any cline-neutral">&nbsp;</span>
191
- <span class="cline-any cline-yes">6x</span>
192
- <span class="cline-any cline-yes">6x</span>
191
+ <span class="cline-any cline-yes">3x</span>
192
+ <span class="cline-any cline-yes">3x</span>
193
193
  <span class="cline-any cline-neutral">&nbsp;</span>
194
194
  <span class="cline-any cline-neutral">&nbsp;</span>
195
195
  <span class="cline-any cline-neutral">&nbsp;</span>
196
- <span class="cline-any cline-yes">20x</span>
197
- <span class="cline-any cline-yes">18x</span>
198
- <span class="cline-any cline-yes">2x</span>
199
- <span class="cline-any cline-yes">2x</span>
200
- <span class="cline-any cline-yes">2x</span>
201
- <span class="cline-any cline-yes">2x</span>
202
- <span class="cline-any cline-yes">2x</span>
203
- <span class="cline-any cline-yes">2x</span>
196
+ <span class="cline-any cline-yes">10x</span>
197
+ <span class="cline-any cline-yes">9x</span>
198
+ <span class="cline-any cline-yes">1x</span>
199
+ <span class="cline-any cline-yes">1x</span>
200
+ <span class="cline-any cline-yes">1x</span>
201
+ <span class="cline-any cline-yes">1x</span>
202
+ <span class="cline-any cline-yes">1x</span>
203
+ <span class="cline-any cline-yes">1x</span>
204
204
  <span class="cline-any cline-neutral">&nbsp;</span>
205
- <span class="cline-any cline-yes">2x</span>
205
+ <span class="cline-any cline-yes">1x</span>
206
206
  <span class="cline-any cline-neutral">&nbsp;</span>
207
207
  <span class="cline-any cline-neutral">&nbsp;</span>
208
- <span class="cline-any cline-yes">196x</span>
208
+ <span class="cline-any cline-yes">98x</span>
209
209
  <span class="cline-any cline-neutral">&nbsp;</span>
210
210
  <span class="cline-any cline-neutral">&nbsp;</span>
211
211
  <span class="cline-any cline-neutral">&nbsp;</span>
212
212
  <span class="cline-any cline-neutral">&nbsp;</span>
213
- <span class="cline-any cline-yes">2x</span>
213
+ <span class="cline-any cline-yes">1x</span>
214
214
  <span class="cline-any cline-neutral">&nbsp;</span>
215
215
  <span class="cline-any cline-neutral">&nbsp;</span>
216
216
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -218,34 +218,34 @@
218
218
  <span class="cline-any cline-neutral">&nbsp;</span>
219
219
  <span class="cline-any cline-neutral">&nbsp;</span>
220
220
  <span class="cline-any cline-neutral">&nbsp;</span>
221
- <span class="cline-any cline-yes">478x</span>
222
- <span class="cline-any cline-yes">24x</span>
221
+ <span class="cline-any cline-yes">239x</span>
222
+ <span class="cline-any cline-yes">12x</span>
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">1636x</span>
227
- <span class="cline-any cline-yes">24x</span>
228
- <span class="cline-any cline-yes">232x</span>
229
- <span class="cline-any cline-yes">232x</span>
226
+ <span class="cline-any cline-yes">818x</span>
227
+ <span class="cline-any cline-yes">12x</span>
228
+ <span class="cline-any cline-yes">116x</span>
229
+ <span class="cline-any cline-yes">116x</span>
230
230
  <span class="cline-any cline-neutral">&nbsp;</span>
231
- <span class="cline-any cline-yes">24x</span>
231
+ <span class="cline-any cline-yes">12x</span>
232
232
  <span class="cline-any cline-neutral">&nbsp;</span>
233
- <span class="cline-any cline-yes">24x</span>
234
- <span class="cline-any cline-yes">4x</span>
233
+ <span class="cline-any cline-yes">12x</span>
234
+ <span class="cline-any cline-yes">2x</span>
235
235
  <span class="cline-any cline-neutral">&nbsp;</span>
236
- <span class="cline-any cline-yes">20x</span>
236
+ <span class="cline-any cline-yes">10x</span>
237
237
  <span class="cline-any cline-neutral">&nbsp;</span>
238
- <span class="cline-any cline-yes">24x</span>
239
- <span class="cline-any cline-yes">1116x</span>
240
- <span class="cline-any cline-yes">18x</span>
241
- <span class="cline-any cline-yes">18x</span>
242
- <span class="cline-any cline-yes">18x</span>
238
+ <span class="cline-any cline-yes">12x</span>
239
+ <span class="cline-any cline-yes">558x</span>
240
+ <span class="cline-any cline-yes">9x</span>
241
+ <span class="cline-any cline-yes">9x</span>
242
+ <span class="cline-any cline-yes">9x</span>
243
243
  <span class="cline-any cline-neutral">&nbsp;</span>
244
244
  <span class="cline-any cline-neutral">&nbsp;</span>
245
- <span class="cline-any cline-yes">10x</span>
245
+ <span class="cline-any cline-yes">5x</span>
246
246
  <span class="cline-any cline-neutral">&nbsp;</span>
247
247
  <span class="cline-any cline-neutral">&nbsp;</span>
248
- <span class="cline-any cline-yes">2x</span>
248
+ <span class="cline-any cline-yes">1x</span>
249
249
  <span class="cline-any cline-neutral">&nbsp;</span>
250
250
  <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">const string2value = (type, v) =&gt;
251
251
  { if( type === 'text')
@@ -346,7 +346,7 @@ export default LocalStorageElement;
346
346
  <div class='footer quiet pad2 space-top1 center small'>
347
347
  Code coverage generated by
348
348
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
349
- at 2024-11-07T07:50:22.395Z
349
+ at 2024-11-12T04:15:02.299Z
350
350
  </div>
351
351
  <script src="../../prettify.js"></script>
352
352
  <script>
package/coverage/src/custom-element/location-element.js.html CHANGED
@@ -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">5x</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">5x</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">5x</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-11-07T07:50:22.395Z
400
+ at 2024-11-12T04:15:02.299Z
401
401
  </div>
402
402
  <script src="../../prettify.js"></script>
403
403
  <script>
package/coverage/src/custom-element/module-url.js.html CHANGED
@@ -172,7 +172,7 @@ export default ModuleUrl;
172
172
  <div class='footer quiet pad2 space-top1 center small'>
173
173
  Code coverage generated by
174
174
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
175
- at 2024-11-07T07:50:22.395Z
175
+ at 2024-11-12T04:15:02.299Z
176
176
  </div>
177
177
  <script src="../../prettify.js"></script>
178
178
  <script>
package/coverage/src/index.html CHANGED
@@ -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-11-07T07:50:22.395Z
104
+ at 2024-11-12T04:15:02.299Z
105
105
  </div>
106
106
  <script src="../prettify.js"></script>
107
107
  <script>
package/coverage/src/mocks/handlers.ts.html CHANGED
@@ -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-11-07T07:50:22.395Z
184
+ at 2024-11-12T04:15:02.299Z
185
185
  </div>
186
186
  <script src="../../prettify.js"></script>
187
187
  <script>
package/coverage/src/mocks/index.html CHANGED
@@ -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-11-07T07:50:22.395Z
104
+ at 2024-11-12T04:15:02.299Z
105
105
  </div>
106
106
  <script src="../../prettify.js"></script>
107
107
  <script>
package/coverage/src/stories/attributes.test.stories.ts.html CHANGED
@@ -23,9 +23,9 @@
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">26.08% </span>
26
+ <span class="strong">26.66% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>12/46</span>
28
+ <span class='fraction'>12/45</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.82% </span>
47
+ <span class="strong">27.5% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>11/41</span>
49
+ <span class='fraction'>11/40</span>
50
50
  </div>
51
51
 
52
52
 
@@ -288,23 +288,23 @@
288
288
  <span class="cline-any cline-neutral">&nbsp;</span>
289
289
  <span class="cline-any cline-no">&nbsp;</span>
290
290
  <span class="cline-any cline-no">&nbsp;</span>
291
- <span class="cline-any cline-no">&nbsp;</span>
292
291
  <span class="cline-any cline-neutral">&nbsp;</span>
293
292
  <span class="cline-any cline-no">&nbsp;</span>
294
293
  <span class="cline-any cline-no">&nbsp;</span>
295
294
  <span class="cline-any cline-no">&nbsp;</span>
296
295
  <span class="cline-any cline-no">&nbsp;</span>
297
- <span class="cline-any cline-neutral">&nbsp;</span>
298
296
  <span class="cline-any cline-no">&nbsp;</span>
299
297
  <span class="cline-any cline-no">&nbsp;</span>
300
298
  <span class="cline-any cline-no">&nbsp;</span>
301
- <span class="cline-any cline-neutral">&nbsp;</span>
302
299
  <span class="cline-any cline-no">&nbsp;</span>
300
+ <span class="cline-any cline-neutral">&nbsp;</span>
303
301
  <span class="cline-any cline-no">&nbsp;</span>
302
+ <span class="cline-any cline-neutral">&nbsp;</span>
304
303
  <span class="cline-any cline-no">&nbsp;</span>
305
304
  <span class="cline-any cline-neutral">&nbsp;</span>
306
305
  <span class="cline-any cline-no">&nbsp;</span>
307
306
  <span class="cline-any cline-no">&nbsp;</span>
307
+ <span class="cline-any cline-neutral">&nbsp;</span>
308
308
  <span class="cline-any cline-no">&nbsp;</span>
309
309
  <span class="cline-any cline-neutral">&nbsp;</span>
310
310
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -415,40 +415,40 @@ export const AttributesRuntimeChange:Story =
415
415
  &lt;attribute name="p1"&gt;default_P1 &lt;/attribute&gt;
416
416
  &lt;attribute name="p2" select="'always_p2'" &gt;&lt;/attribute&gt;
417
417
  &lt;attribute name="p3" select="//p3 ?? 'def_P3' "&gt;&lt;/attribute&gt;
418
- p1: &lt;code data-testid="p1"&gt;{$p1}&lt;/code&gt; &lt;br/&gt;
419
- p2: &lt;code data-testid="p2"&gt;{$p2}&lt;/code&gt; &lt;br/&gt;
420
- p3: &lt;code data-testid="p3"&gt;{$p3}&lt;/code&gt;
418
+ p1: &lt;code data-testid="t1"&gt;{$p1}&lt;/code&gt; &lt;br/&gt;
419
+ p2: &lt;code data-testid="t2"&gt;{$p2}&lt;/code&gt; &lt;br/&gt;
420
+ p3: &lt;code data-testid="t3"&gt;{$p3}&lt;/code&gt;
421
421
  &lt;/template&gt;
422
422
  &lt;/custom-element&gt;
423
423
  &lt;section&gt;
424
- &lt;dce-link2 id="dce2" p1="123" p2="override ignored as select is defined"&gt;&lt;/dce-link2&gt; &lt;br&gt;
425
- &lt;div&gt;&lt;input id="i1" value="p1"&gt; &lt;button onclick="dce2.setAttribute('p1',i1.value)"&gt; set p1&lt;/button&gt; &lt;/div&gt;
426
- &lt;div&gt;&lt;input id="i2" value="p2"&gt; &lt;button onclick="dce2.setAttribute('p2',i2.value)"&gt; set p2&lt;/button&gt; &lt;/div&gt;
427
- &lt;div&gt;&lt;input id="i3" value="p3"&gt; &lt;button onclick="dce2.setAttribute('p3',i3.value)"&gt; set p3&lt;/button&gt; &lt;/div&gt;
424
+ &lt;dce-link2 id="dce2" p1="123" p2="override ignored as select is defined"&gt;&lt;/dce-link2&gt; &lt;br&gt;
425
+ &lt;div&gt;&lt;input id="i1" value="P1"&gt; &lt;button onclick="dce2.setAttribute('p1',i1.value)"&gt; set p1&lt;/button&gt; &lt;/div&gt;
426
+ &lt;div&gt;&lt;input id="i2" value="P2"&gt; &lt;button onclick="dce2.setAttribute('p2',i2.value)"&gt; set p2&lt;/button&gt; &lt;/div&gt;
427
+ &lt;div&gt;&lt;input id="i3" value="P3"&gt; &lt;button onclick="dce2.setAttribute('p3',i3.value)"&gt; set p3&lt;/button&gt; &lt;/div&gt;
428
428
  &lt;/section&gt;
429
429
  `}
430
430
  , play: <span class="fstat-no" title="function not covered" >async ({</span>canvasElement}) =&gt;
431
431
  {
432
- const titleText = <span class="cstat-no" title="statement not covered" >AttributeDefaults.args!.title as string;</span>
433
432
  const canvas = <span class="cstat-no" title="statement not covered" >within(canvasElement)</span>
434
- , 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>
433
+ , code = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >async (i</span>d:string) =&gt; <span class="cstat-no" title="statement not covered" >await canvas.findByTestId(id);</span></span>
435
434
  &nbsp;
436
435
  <span class="cstat-no" title="statement not covered" > await sleep(20)</span>
437
- <span class="cstat-no" title="statement not covered" > expect( await code('p1') ).toEqual('123' );</span>
438
- <span class="cstat-no" title="statement not covered" > expect( await code('p2') ).toEqual('always_p2', 'no overrides due to value is hardcoded' );</span>
439
- <span class="cstat-no" title="statement not covered" > expect( await code('p3') ).toEqual('def_P3' );</span>
440
- &nbsp;
441
- <span class="cstat-no" title="statement not covered" > dce2.setAttribute('p1',i1.value);</span>
442
- <span class="cstat-no" title="statement not covered" > await sleep(10)</span>
443
- <span class="cstat-no" title="statement not covered" > expect( await code('p1') ).toEqual('p1','set p1 in runtime' );</span>
436
+ <span class="cstat-no" title="statement not covered" > expect( await code('t1') ).toHaveTextContent('123' );</span>
437
+ <span class="cstat-no" title="statement not covered" > expect( await code('t2') ).toHaveTextContent('always_p2'); // no overrides due to value is hardcoded</span>
438
+ <span class="cstat-no" title="statement not covered" > expect( await code('t3') ).toHaveTextContent('def_P3' );</span>
439
+ const dce2 = <span class="cstat-no" title="statement not covered" >window.dce2;</span>
440
+ <span class="cstat-no" title="statement not covered" > dce2.setAttribute('P1',i1.value);</span>
441
+ <span class="cstat-no" title="statement not covered" > await expect(await canvas.findByText('P1')).toBeInTheDocument();</span>
442
+ <span class="cstat-no" title="statement not covered" > expect( await code('t1') ).toHaveTextContent('P1'); // 4. set p1 in runtime'</span>
444
443
  &nbsp;
445
444
  <span class="cstat-no" title="statement not covered" > dce2.setAttribute('p2',i2.value);</span>
446
- <span class="cstat-no" title="statement not covered" > await sleep(10)</span>
447
- <span class="cstat-no" title="statement not covered" > expect( await code('p2') ).toEqual('always_p2','can not set p2 in runtime' );</span>
445
+ // await expect(await canvas.findByText('P2')).toBeInTheDocument();
446
+ <span class="cstat-no" title="statement not covered" > expect( canvas.getByTestId('t2') ).toHaveTextContent('always_p2'); // can not set p2 in runtime</span>
448
447
  &nbsp;
449
448
  <span class="cstat-no" title="statement not covered" > dce2.setAttribute('p3',i3.value);</span>
450
- <span class="cstat-no" title="statement not covered" > await sleep(10)</span>
451
- <span class="cstat-no" title="statement not covered" > expect( await code('p3') ).toEqual('p3','set p3 in runtime' );</span>
449
+ <span class="cstat-no" title="statement not covered" > await expect(await canvas.findByText('P3')).toBeInTheDocument();</span>
450
+ &nbsp;
451
+ <span class="cstat-no" title="statement not covered" > expect( canvas.getByTestId('t3') ).toHaveTextContent('P3'); // set p3 in runtime</span>
452
452
  },
453
453
  };
454
454
  &nbsp;
@@ -499,7 +499,7 @@ if( 'test' === import.meta.env.MODE &amp;&amp;
499
499
  <div class='footer quiet pad2 space-top1 center small'>
500
500
  Code coverage generated by
501
501
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
502
- at 2024-11-07T07:50:22.395Z
502
+ at 2024-11-12T04:15:02.299Z
503
503
  </div>
504
504
  <script src="../../prettify.js"></script>
505
505
  <script>
package/coverage/src/stories/coverage.svg CHANGED
@@ -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.87%</text>
9
+ <text x="94" y="22" class="percent">27.5%</text>
10
10
  </svg>
package/coverage/src/stories/css.test.stories.ts.html CHANGED
@@ -445,7 +445,7 @@ if( 'test' === import.meta.env.MODE &amp;&amp;
445
445
  <div class='footer quiet pad2 space-top1 center small'>
446
446
  Code coverage generated by
447
447
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
448
- at 2024-11-07T07:50:22.395Z
448
+ at 2024-11-12T04:15:02.299Z
449
449
  </div>
450
450
  <script src="../../prettify.js"></script>
451
451
  <script>
package/coverage/src/stories/dom-merge.test.stories.ts.html CHANGED
@@ -691,7 +691,7 @@ if( 'test' === import.meta.env.MODE &amp;&amp;
691
691
  <div class='footer quiet pad2 space-top1 center small'>
692
692
  Code coverage generated by
693
693
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
694
- at 2024-11-07T07:50:22.395Z
694
+ at 2024-11-12T04:15:02.299Z
695
695
  </div>
696
696
  <script src="../../prettify.js"></script>
697
697
  <script>
package/coverage/src/stories/external-template.test.stories.ts.html CHANGED
@@ -850,7 +850,7 @@ if( 'test' === import.meta.env.MODE &amp;&amp;
850
850
  <div class='footer quiet pad2 space-top1 center small'>
851
851
  Code coverage generated by
852
852
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
853
- at 2024-11-07T07:50:22.395Z
853
+ at 2024-11-12T04:15:02.299Z
854
854
  </div>
855
855
  <script src="../../prettify.js"></script>
856
856
  <script>
package/coverage/src/stories/form.test.stories.ts.html CHANGED
@@ -646,7 +646,7 @@ if( 'test' === import.meta.env.MODE &amp;&amp;
646
646
  <div class='footer quiet pad2 space-top1 center small'>
647
647
  Code coverage generated by
648
648
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
649
- at 2024-11-07T07:50:22.395Z
649
+ at 2024-11-12T04:15:02.299Z
650
650
  </div>
651
651
  <script src="../../prettify.js"></script>
652
652
  <script>
package/coverage/src/stories/http-request.stories.ts.html CHANGED
@@ -802,7 +802,7 @@ from &lt;code&gt;${url}&lt;/code&gt;
802
802
  <div class='footer quiet pad2 space-top1 center small'>
803
803
  Code coverage generated by
804
804
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
805
- at 2024-11-07T07:50:22.395Z
805
+ at 2024-11-12T04:15:02.299Z
806
806
  </div>
807
807
  <script src="../../prettify.js"></script>
808
808
  <script>
package/coverage/src/stories/index.html CHANGED
@@ -23,9 +23,9 @@
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">28.42% </span>
26
+ <span class="strong">28.06% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>255/897</span>
28
+ <span class='fraction'>259/923</span>
29
29
  </div>
30
30
 
31
31
 
@@ -37,16 +37,16 @@
37
37
 
38
38
 
39
39
  <div class='fl pad1y space-right2'>
40
- <span class="strong">32.43% </span>
40
+ <span class="strong">31.57% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>48/148</span>
42
+ <span class='fraction'>48/152</span>
43
43
  </div>
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">27.87% </span>
47
+ <span class="strong">27.5% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>235/843</span>
49
+ <span class='fraction'>239/869</span>
50
50
  </div>
51
51
 
52
52
 
@@ -80,17 +80,17 @@
80
80
  </thead>
81
81
  <tbody><tr>
82
82
  <td class="file low" data-value="attributes.test.stories.ts"><a href="attributes.test.stories.ts.html">attributes.test.stories.ts</a></td>
83
- <td data-value="26.08" class="pic low">
83
+ <td data-value="26.66" class="pic low">
84
84
  <div class="chart"><div class="cover-fill" style="width: 26%"></div><div class="cover-empty" style="width: 74%"></div></div>
85
85
  </td>
86
- <td data-value="26.08" class="pct low">26.08%</td>
87
- <td data-value="46" class="abs low">12/46</td>
86
+ <td data-value="26.66" class="pct low">26.66%</td>
87
+ <td data-value="45" class="abs low">12/45</td>
88
88
  <td data-value="100" class="pct high">100%</td>
89
89
  <td data-value="3" class="abs high">3/3</td>
90
90
  <td data-value="20" class="pct low">20%</td>
91
91
  <td data-value="10" class="abs low">2/10</td>
92
- <td data-value="26.82" class="pct low">26.82%</td>
93
- <td data-value="41" class="abs low">11/41</td>
92
+ <td data-value="27.5" class="pct low">27.5%</td>
93
+ <td data-value="40" class="abs low">11/40</td>
94
94
  </tr>
95
95
 
96
96
  <tr>
@@ -230,17 +230,17 @@
230
230
 
231
231
  <tr>
232
232
  <td class="file low" data-value="slice-events.test.stories.ts"><a href="slice-events.test.stories.ts.html">slice-events.test.stories.ts</a></td>
233
- <td data-value="17.94" class="pic low">
233
+ <td data-value="17.14" class="pic low">
234
234
  <div class="chart"><div class="cover-fill" style="width: 17%"></div><div class="cover-empty" style="width: 83%"></div></div>
235
235
  </td>
236
- <td data-value="17.94" class="pct low">17.94%</td>
237
- <td data-value="78" class="abs low">14/78</td>
236
+ <td data-value="17.14" class="pct low">17.14%</td>
237
+ <td data-value="105" class="abs low">18/105</td>
238
238
  <td data-value="100" class="pct high">100%</td>
239
239
  <td data-value="3" class="abs high">3/3</td>
240
- <td data-value="15.38" class="pct low">15.38%</td>
241
- <td data-value="13" class="abs low">2/13</td>
242
- <td data-value="17.8" class="pct low">17.8%</td>
243
- <td data-value="73" class="abs low">13/73</td>
240
+ <td data-value="11.76" class="pct low">11.76%</td>
241
+ <td data-value="17" class="abs low">2/17</td>
242
+ <td data-value="17" class="pct low">17%</td>
243
+ <td data-value="100" class="abs low">17/100</td>
244
244
  </tr>
245
245
 
246
246
  <tr>
@@ -296,7 +296,7 @@
296
296
  <div class='footer quiet pad2 space-top1 center small'>
297
297
  Code coverage generated by
298
298
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
299
- at 2024-11-07T07:50:22.395Z
299
+ at 2024-11-12T04:15:02.299Z
300
300
  </div>
301
301
  <script src="../../prettify.js"></script>
302
302
  <script>