@epa-wg/custom-element-dist 0.0.22 → 0.0.24

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 (94) hide show
  1. package/README.md +4 -4
  2. package/coverage/coverage-final.json +13 -15
  3. package/coverage/index.html +30 -30
  4. package/coverage/src/custom-element/coverage.svg +1 -1
  5. package/coverage/src/custom-element/custom-element.js/coverage.svg +1 -1
  6. package/coverage/src/custom-element/custom-element.js.html +336 -312
  7. package/coverage/src/custom-element/http-request.js.html +10 -10
  8. package/coverage/src/custom-element/index.html +19 -49
  9. package/coverage/src/custom-element/local-storage.js.html +5 -5
  10. package/coverage/src/custom-element/location-element.js.html +1 -1
  11. package/coverage/src/index.html +1 -1
  12. package/coverage/src/mocks/handlers.ts.html +1 -1
  13. package/coverage/src/mocks/index.html +1 -1
  14. package/coverage/src/stories/attributes.test.stories.ts/coverage.svg +1 -1
  15. package/coverage/src/stories/attributes.test.stories.ts.html +85 -91
  16. package/coverage/src/stories/coverage.svg +1 -1
  17. package/coverage/src/stories/css.test.stories.ts/coverage.svg +1 -1
  18. package/coverage/src/stories/css.test.stories.ts.html +75 -78
  19. package/coverage/src/stories/dom-merge.test.stories.ts/coverage.svg +1 -1
  20. package/coverage/src/stories/dom-merge.test.stories.ts.html +302 -74
  21. package/coverage/src/stories/external-template.test.stories.ts/coverage.svg +1 -1
  22. package/coverage/src/stories/external-template.test.stories.ts.html +154 -154
  23. package/coverage/src/stories/form.test.stories.ts/coverage.svg +1 -1
  24. package/coverage/src/stories/form.test.stories.ts.html +83 -86
  25. package/coverage/src/stories/http-request.stories.ts.html +1 -1
  26. package/coverage/src/stories/index.html +104 -104
  27. package/coverage/src/stories/local-storage.test.stories.ts/coverage.svg +1 -1
  28. package/coverage/src/stories/local-storage.test.stories.ts.html +444 -444
  29. package/coverage/src/stories/location-element.test.stories.ts/coverage.svg +1 -1
  30. package/coverage/src/stories/location-element.test.stories.ts.html +96 -96
  31. package/coverage/src/stories/slice-events.test.stories.ts/coverage.svg +1 -1
  32. package/coverage/src/stories/slice-events.test.stories.ts.html +141 -141
  33. package/coverage/src/stories/slots.test.stories.ts/coverage.svg +1 -1
  34. package/coverage/src/stories/slots.test.stories.ts.html +120 -123
  35. package/coverage/src/stories/{renderPlay.ts.html → testStoryBook.ts.html} +45 -24
  36. package/coverage/src/sum.ts.html +1 -1
  37. package/dist/{custom-element-N-sWiqGK.cjs → custom-element-BDK7dcJN.cjs} +8 -8
  38. package/dist/{custom-element-BISbI4SU.js → custom-element-DqtzLkTG.js} +74 -66
  39. package/dist/custom-element-bundle.cjs +1 -1
  40. package/dist/custom-element-bundle.js +23 -22
  41. package/package.json +3 -3
  42. package/src/custom-element/custom-element.js +9 -1
  43. package/src/custom-element/demo/form.html +92 -46
  44. package/src/custom-element/demo/s.xml +9 -17
  45. package/src/custom-element/ide/web-types-dce.json +1 -1
  46. package/src/custom-element/ide/web-types-xsl.json +1 -1
  47. package/src/stories/attributes.test.stories.ts +9 -11
  48. package/src/stories/css.test.stories.ts +6 -7
  49. package/src/stories/dom-merge.test.stories.ts +81 -5
  50. package/src/stories/external-template.test.stories.ts +6 -6
  51. package/src/stories/form.test.stories.ts +6 -7
  52. package/src/stories/local-storage.test.stories.ts +7 -7
  53. package/src/stories/location-element.test.stories.ts +6 -6
  54. package/src/stories/slice-events.test.stories.ts +6 -6
  55. package/src/stories/slots.test.stories.ts +6 -7
  56. package/src/stories/testStoryBook.ts +28 -0
  57. package/storybook-static/assets/{Color-PRSJMWNM-e4s261EJ.js → Color-PRSJMWNM-y4ZsI1hY.js} +1 -1
  58. package/storybook-static/assets/{Configure-DWut7txe.js → Configure-CyLVkwlf.js} +1 -1
  59. package/storybook-static/assets/{DocsRenderer-K4EAMTCU-CaXVGjCl.js → DocsRenderer-K4EAMTCU-VRGUwRrq.js} +2 -2
  60. package/storybook-static/assets/{WithTooltip-KJL26V4Q--B8vdnMi.js → WithTooltip-KJL26V4Q-xdXH9Ztt.js} +1 -1
  61. package/storybook-static/assets/{attributes.test.stories-IuwazrdL.js → attributes.test.stories-BckCcyrF.js} +3 -2
  62. package/storybook-static/assets/{css.test.stories-D9WaxrEv.js → css.test.stories-B-QcObCF.js} +1 -1
  63. package/storybook-static/assets/{custom-element-BV8-hRQS.js → custom-element-BIxkVg7K.js} +5 -5
  64. package/storybook-static/assets/dom-merge.test.stories-CjXhjTQY.js +258 -0
  65. package/storybook-static/assets/{external-template.test.stories-Bpr_wxBo.js → external-template.test.stories-BBqyi0az.js} +1 -1
  66. package/storybook-static/assets/{form.test.stories-3tURbEdv.js → form.test.stories-DsIo1B4n.js} +1 -1
  67. package/storybook-static/assets/{formatter-2WMMO6ZP-SJtgH3vM.js → formatter-2WMMO6ZP-CThVcQxM.js} +1 -1
  68. package/storybook-static/assets/{http-request.stories-8K_qSs8C.js → http-request.stories-sXA_Y-VM.js} +1 -1
  69. package/storybook-static/assets/{iframe-CM82WlGY.js → iframe-DcDTQOmA.js} +2 -2
  70. package/storybook-static/assets/{index-DNL-IEpS.js → index-CUFHd5VD.js} +1 -1
  71. package/storybook-static/assets/{index-CEZitmnt.js → index-DPPi9iZu.js} +5 -5
  72. package/storybook-static/assets/{index-D1MP-Zis.js → index-VWixWKZ7.js} +1 -1
  73. package/storybook-static/assets/{local-storage.test.stories-CtisAQBB.js → local-storage.test.stories-Cs2v3QTS.js} +1 -1
  74. package/storybook-static/assets/{location-element.test.stories-5O_t_m4Y.js → location-element.test.stories-WkrQDzJJ.js} +1 -1
  75. package/storybook-static/assets/{preview-5Y0XiZgz.js → preview-p-Bwze-K.js} +2 -2
  76. package/storybook-static/assets/{slice-events.test.stories-BSXCLIA5.js → slice-events.test.stories-BRBBc0JT.js} +1 -1
  77. package/storybook-static/assets/{slots.test.stories-B1vqfHmN.js → slots.test.stories-r-i91k3y.js} +1 -1
  78. package/storybook-static/assets/{syntaxhighlighter-BP7B2CQK-BWFH_0wQ.js → syntaxhighlighter-BP7B2CQK-OnioRcs9.js} +1 -1
  79. package/storybook-static/iframe.html +1 -1
  80. package/storybook-static/index.json +1 -1
  81. package/storybook-static/project.json +1 -1
  82. package/tsconfig.json +31 -21
  83. package/coverage/src/custom-element/custom-element1-1.js/coverage.svg +0 -10
  84. package/coverage/src/custom-element/custom-element1-1.js.html +0 -2374
  85. package/coverage/src/custom-element/custom-element1.js/coverage.svg +0 -10
  86. package/coverage/src/custom-element/custom-element1.js.html +0 -2374
  87. package/src/custom-element/custom-element1-1.js +0 -763
  88. package/src/custom-element/custom-element1.js +0 -763
  89. package/src/custom-element/custom-element1.js0 +0 -750
  90. package/src/custom-element/custom-element2.js0 +0 -759
  91. package/src/custom-element/custom-element3.js0 +0 -763
  92. package/src/stories/renderPlay.ts +0 -21
  93. package/storybook-static/assets/dom-merge.test.stories-BhbNeum_.js +0 -137
  94. /package/coverage/src/stories/{renderPlay.ts → testStoryBook.ts}/coverage.svg +0 -0
package/coverage/src/custom-element/http-request.js.html CHANGED
@@ -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">35x</span>
186
- <span class="cline-any cline-yes">35x</span>
185
+ <span class="cline-any cline-yes">32x</span>
186
+ <span class="cline-any cline-yes">32x</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">39x</span>
191
- <span class="cline-any cline-yes">27x</span>
190
+ <span class="cline-any cline-yes">36x</span>
191
+ <span class="cline-any cline-yes">24x</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">130x</span>
227
- <span class="cline-any cline-yes">65x</span>
226
+ <span class="cline-any cline-yes">118x</span>
227
+ <span class="cline-any cline-yes">59x</span>
228
228
  <span class="cline-any cline-neutral">&nbsp;</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>
229
+ <span class="cline-any cline-yes">39x</span>
230
+ <span class="cline-any cline-yes">39x</span>
231
+ <span class="cline-any cline-yes">31x</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>
@@ -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-06-25T03:55:40.964Z
340
+ at 2024-07-22T03:09:38.362Z
341
341
  </div>
342
342
  <script src="../../prettify.js"></script>
343
343
  <script>
package/coverage/src/custom-element/index.html CHANGED
@@ -23,30 +23,30 @@
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">38.61% </span>
26
+ <span class="strong">97.88% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>690/1787</span>
28
+ <span class='fraction'>695/710</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">33.54% </span>
33
+ <span class="strong">91.45% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>317/945</span>
35
+ <span class='fraction'>321/351</span>
36
36
  </div>
37
37
 
38
38
 
39
39
  <div class='fl pad1y space-right2'>
40
- <span class="strong">40.5% </span>
40
+ <span class="strong">98.17% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>160/395</span>
42
+ <span class='fraction'>161/164</span>
43
43
  </div>
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">38.88% </span>
47
+ <span class="strong">98.24% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>609/1566</span>
49
+ <span class='fraction'>614/625</span>
50
50
  </div>
51
51
 
52
52
 
@@ -61,7 +61,7 @@
61
61
  </div>
62
62
  </template>
63
63
  </div>
64
- <div class='status-line low'></div>
64
+ <div class='status-line high'></div>
65
65
  <div class="pad1">
66
66
  <table class="coverage-summary">
67
67
  <thead>
@@ -80,47 +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="97.21" class="pic high">
83
+ <td data-value="97.24" class="pic high">
84
84
  <div class="chart"><div class="cover-fill" style="width: 97%"></div><div class="cover-empty" style="width: 3%"></div></div>
85
85
  </td>
86
- <td data-value="97.21" class="pct high">97.21%</td>
87
- <td data-value="539" class="abs high">524/539</td>
88
- <td data-value="89.65" class="pct high">89.65%</td>
89
- <td data-value="290" class="abs high">260/290</td>
90
- <td data-value="97.43" class="pct high">97.43%</td>
91
- <td data-value="117" class="abs high">114/117</td>
92
- <td data-value="97.67" class="pct high">97.67%</td>
93
- <td data-value="474" class="abs high">463/474</td>
94
- </tr>
95
-
96
- <tr>
97
- <td class="file low" data-value="custom-element1-1.js"><a href="custom-element1-1.js.html">custom-element1-1.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="541" class="abs low">0/541</td>
103
- <td data-value="0" class="pct low">0%</td>
104
- <td data-value="299" class="abs low">0/299</td>
105
- <td data-value="0" class="pct low">0%</td>
106
- <td data-value="116" class="abs low">0/116</td>
107
- <td data-value="0" class="pct low">0%</td>
108
- <td data-value="473" class="abs low">0/473</td>
109
- </tr>
110
-
111
- <tr>
112
- <td class="file low" data-value="custom-element1.js"><a href="custom-element1.js.html">custom-element1.js</a></td>
113
- <td data-value="0" class="pic low">
114
- <div class="chart"><div class="cover-fill" style="width: 0%"></div><div class="cover-empty" style="width: 100%"></div></div>
115
- </td>
116
- <td data-value="0" class="pct low">0%</td>
117
- <td data-value="541" class="abs low">0/541</td>
118
- <td data-value="0" class="pct low">0%</td>
119
- <td data-value="299" class="abs low">0/299</td>
120
- <td data-value="0" class="pct low">0%</td>
121
- <td data-value="116" class="abs low">0/116</td>
122
- <td data-value="0" class="pct low">0%</td>
123
- <td data-value="473" class="abs low">0/473</td>
86
+ <td data-value="97.24" class="pct high">97.24%</td>
87
+ <td data-value="544" class="abs high">529/544</td>
88
+ <td data-value="89.79" class="pct high">89.79%</td>
89
+ <td data-value="294" class="abs high">264/294</td>
90
+ <td data-value="97.45" class="pct high">97.45%</td>
91
+ <td data-value="118" class="abs high">115/118</td>
92
+ <td data-value="97.7" class="pct high">97.7%</td>
93
+ <td data-value="479" class="abs high">468/479</td>
124
94
  </tr>
125
95
 
126
96
  <tr>
@@ -176,7 +146,7 @@
176
146
  <div class='footer quiet pad2 space-top1 center small'>
177
147
  Code coverage generated by
178
148
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
179
- at 2024-06-25T03:55:40.964Z
149
+ at 2024-07-22T03:09:38.362Z
180
150
  </div>
181
151
  <script src="../../prettify.js"></script>
182
152
  <script>
package/coverage/src/custom-element/local-storage.js.html CHANGED
@@ -178,13 +178,13 @@
178
178
  <span class="cline-any cline-yes">8x</span>
179
179
  <span class="cline-any cline-yes">1x</span>
180
180
  <span class="cline-any cline-yes">1x</span>
181
- <span class="cline-any cline-yes">98x</span>
182
- <span class="cline-any cline-yes">98x</span>
181
+ <span class="cline-any cline-yes">96x</span>
182
+ <span class="cline-any cline-yes">96x</span>
183
183
  <span class="cline-any cline-neutral">&nbsp;</span>
184
184
  <span class="cline-any cline-yes">1x</span>
185
185
  <span class="cline-any cline-yes">1x</span>
186
- <span class="cline-any cline-yes">4x</span>
187
- <span class="cline-any cline-yes">4x</span>
186
+ <span class="cline-any cline-yes">2x</span>
187
+ <span class="cline-any cline-yes">2x</span>
188
188
  <span class="cline-any cline-neutral">&nbsp;</span>
189
189
  <span class="cline-any cline-yes">1x</span>
190
190
  <span class="cline-any cline-yes">1x</span>
@@ -331,7 +331,7 @@ export default LocalStorageElement;
331
331
  <div class='footer quiet pad2 space-top1 center small'>
332
332
  Code coverage generated by
333
333
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
334
- at 2024-06-25T03:55:40.964Z
334
+ at 2024-07-22T03:09:38.362Z
335
335
  </div>
336
336
  <script src="../../prettify.js"></script>
337
337
  <script>
package/coverage/src/custom-element/location-element.js.html CHANGED
@@ -328,7 +328,7 @@ export default LocationElement;</pre></td></tr></table></pre>
328
328
  <div class='footer quiet pad2 space-top1 center small'>
329
329
  Code coverage generated by
330
330
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
331
- at 2024-06-25T03:55:40.964Z
331
+ at 2024-07-22T03:09:38.362Z
332
332
  </div>
333
333
  <script src="../../prettify.js"></script>
334
334
  <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-06-25T03:55:40.964Z
104
+ at 2024-07-22T03:09:38.362Z
105
105
  </div>
106
106
  <script src="../prettify.js"></script>
107
107
  <script>
package/coverage/src/mocks/handlers.ts.html CHANGED
@@ -157,7 +157,7 @@ export const handlers =
157
157
  <div class='footer quiet pad2 space-top1 center small'>
158
158
  Code coverage generated by
159
159
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
160
- at 2024-06-25T03:55:40.964Z
160
+ at 2024-07-22T03:09:38.362Z
161
161
  </div>
162
162
  <script src="../../prettify.js"></script>
163
163
  <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-06-25T03:55:40.964Z
104
+ at 2024-07-22T03:09:38.362Z
105
105
  </div>
106
106
  <script src="../../prettify.js"></script>
107
107
  <script>
package/coverage/src/stories/attributes.test.stories.ts/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">100%</text>
9
+ <text x="94" y="22" class="percent">20%</text>
10
10
  </svg>
package/coverage/src/stories/attributes.test.stories.ts.html CHANGED
@@ -23,30 +23,30 @@
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">100% </span>
26
+ <span class="strong">25% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>47/47</span>
28
+ <span class='fraction'>12/48</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
33
  <span class="strong">100% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>1/1</span>
35
+ <span class='fraction'>3/3</span>
36
36
  </div>
37
37
 
38
38
 
39
39
  <div class='fl pad1y space-right2'>
40
- <span class="strong">100% </span>
40
+ <span class="strong">20% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>10/10</span>
42
+ <span class='fraction'>2/10</span>
43
43
  </div>
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">100% </span>
47
+ <span class="strong">25.58% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>42/42</span>
49
+ <span class='fraction'>11/43</span>
50
50
  </div>
51
51
 
52
52
 
@@ -61,7 +61,7 @@
61
61
  </div>
62
62
  </template>
63
63
  </div>
64
- <div class='status-line high'></div>
64
+ <div class='status-line low'></div>
65
65
  <pre><table class="coverage">
66
66
  <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
67
67
  <a name='L2'></a><a href='#L2'>2</a>
@@ -205,9 +205,7 @@
205
205
  <a name='L140'></a><a href='#L140'>140</a>
206
206
  <a name='L141'></a><a href='#L141'>141</a>
207
207
  <a name='L142'></a><a href='#L142'>142</a>
208
- <a name='L143'></a><a href='#L143'>143</a>
209
- <a name='L144'></a><a href='#L144'>144</a>
210
- <a name='L145'></a><a href='#L145'>145</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
208
+ <a name='L143'></a><a href='#L143'>143</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
211
209
  <span class="cline-any cline-neutral">&nbsp;</span>
212
210
  <span class="cline-any cline-neutral">&nbsp;</span>
213
211
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -218,7 +216,7 @@
218
216
  <span class="cline-any cline-neutral">&nbsp;</span>
219
217
  <span class="cline-any cline-neutral">&nbsp;</span>
220
218
  <span class="cline-any cline-neutral">&nbsp;</span>
221
- <span class="cline-any cline-yes">6x</span>
219
+ <span class="cline-any cline-no">&nbsp;</span>
222
220
  <span class="cline-any cline-neutral">&nbsp;</span>
223
221
  <span class="cline-any cline-neutral">&nbsp;</span>
224
222
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -255,14 +253,14 @@
255
253
  <span class="cline-any cline-neutral">&nbsp;</span>
256
254
  <span class="cline-any cline-neutral">&nbsp;</span>
257
255
  <span class="cline-any cline-neutral">&nbsp;</span>
258
- <span class="cline-any cline-yes">1x</span>
259
- <span class="cline-any cline-yes">1x</span>
260
- <span class="cline-any cline-yes">3x</span>
256
+ <span class="cline-any cline-no">&nbsp;</span>
257
+ <span class="cline-any cline-no">&nbsp;</span>
258
+ <span class="cline-any cline-no">&nbsp;</span>
261
259
  <span class="cline-any cline-neutral">&nbsp;</span>
262
- <span class="cline-any cline-yes">1x</span>
263
- <span class="cline-any cline-yes">1x</span>
264
- <span class="cline-any cline-yes">1x</span>
265
- <span class="cline-any cline-yes">1x</span>
260
+ <span class="cline-any cline-no">&nbsp;</span>
261
+ <span class="cline-any cline-no">&nbsp;</span>
262
+ <span class="cline-any cline-no">&nbsp;</span>
263
+ <span class="cline-any cline-no">&nbsp;</span>
266
264
  <span class="cline-any cline-neutral">&nbsp;</span>
267
265
  <span class="cline-any cline-neutral">&nbsp;</span>
268
266
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -288,26 +286,26 @@
288
286
  <span class="cline-any cline-neutral">&nbsp;</span>
289
287
  <span class="cline-any cline-neutral">&nbsp;</span>
290
288
  <span class="cline-any cline-neutral">&nbsp;</span>
291
- <span class="cline-any cline-yes">1x</span>
292
- <span class="cline-any cline-yes">1x</span>
293
- <span class="cline-any cline-yes">6x</span>
289
+ <span class="cline-any cline-no">&nbsp;</span>
290
+ <span class="cline-any cline-no">&nbsp;</span>
291
+ <span class="cline-any cline-no">&nbsp;</span>
294
292
  <span class="cline-any cline-neutral">&nbsp;</span>
295
- <span class="cline-any cline-yes">1x</span>
296
- <span class="cline-any cline-yes">1x</span>
297
- <span class="cline-any cline-yes">1x</span>
298
- <span class="cline-any cline-yes">1x</span>
293
+ <span class="cline-any cline-no">&nbsp;</span>
294
+ <span class="cline-any cline-no">&nbsp;</span>
295
+ <span class="cline-any cline-no">&nbsp;</span>
296
+ <span class="cline-any cline-no">&nbsp;</span>
299
297
  <span class="cline-any cline-neutral">&nbsp;</span>
300
- <span class="cline-any cline-yes">1x</span>
301
- <span class="cline-any cline-yes">1x</span>
302
- <span class="cline-any cline-yes">1x</span>
298
+ <span class="cline-any cline-no">&nbsp;</span>
299
+ <span class="cline-any cline-no">&nbsp;</span>
300
+ <span class="cline-any cline-no">&nbsp;</span>
303
301
  <span class="cline-any cline-neutral">&nbsp;</span>
304
- <span class="cline-any cline-yes">1x</span>
305
- <span class="cline-any cline-yes">1x</span>
306
- <span class="cline-any cline-yes">1x</span>
302
+ <span class="cline-any cline-no">&nbsp;</span>
303
+ <span class="cline-any cline-no">&nbsp;</span>
304
+ <span class="cline-any cline-no">&nbsp;</span>
307
305
  <span class="cline-any cline-neutral">&nbsp;</span>
308
- <span class="cline-any cline-yes">1x</span>
309
- <span class="cline-any cline-yes">1x</span>
310
- <span class="cline-any cline-yes">1x</span>
306
+ <span class="cline-any cline-no">&nbsp;</span>
307
+ <span class="cline-any cline-no">&nbsp;</span>
308
+ <span class="cline-any cline-no">&nbsp;</span>
311
309
  <span class="cline-any cline-neutral">&nbsp;</span>
312
310
  <span class="cline-any cline-neutral">&nbsp;</span>
313
311
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -329,15 +327,14 @@
329
327
  <span class="cline-any cline-neutral">&nbsp;</span>
330
328
  <span class="cline-any cline-neutral">&nbsp;</span>
331
329
  <span class="cline-any cline-neutral">&nbsp;</span>
332
- <span class="cline-any cline-yes">1x</span>
333
- <span class="cline-any cline-yes">1x</span>
334
- <span class="cline-any cline-yes">3x</span>
335
- <span class="cline-any cline-neutral">&nbsp;</span>
336
- <span class="cline-any cline-yes">1x</span>
337
- <span class="cline-any cline-yes">1x</span>
338
- <span class="cline-any cline-yes">1x</span>
339
- <span class="cline-any cline-yes">1x</span>
340
- <span class="cline-any cline-neutral">&nbsp;</span>
330
+ <span class="cline-any cline-no">&nbsp;</span>
331
+ <span class="cline-any cline-no">&nbsp;</span>
332
+ <span class="cline-any cline-no">&nbsp;</span>
333
+ <span class="cline-any cline-no">&nbsp;</span>
334
+ <span class="cline-any cline-no">&nbsp;</span>
335
+ <span class="cline-any cline-no">&nbsp;</span>
336
+ <span class="cline-any cline-no">&nbsp;</span>
337
+ <span class="cline-any cline-no">&nbsp;</span>
341
338
  <span class="cline-any cline-neutral">&nbsp;</span>
342
339
  <span class="cline-any cline-neutral">&nbsp;</span>
343
340
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -346,7 +343,6 @@
346
343
  <span class="cline-any cline-neutral">&nbsp;</span>
347
344
  <span class="cline-any cline-neutral">&nbsp;</span>
348
345
  <span class="cline-any cline-yes">1x</span>
349
- <span class="cline-any cline-neutral">&nbsp;</span>
350
346
  <span class="cline-any cline-yes">1x</span>
351
347
  <span class="cline-any cline-yes">1x</span>
352
348
  <span class="cline-any cline-yes">1x</span>
@@ -354,15 +350,15 @@
354
350
  <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">// noinspection DuplicatedCode
355
351
  &nbsp;
356
352
  import type { StoryObj } from '@storybook/web-components';
357
- import {expect, getByTestId, within, userEvent} from '@storybook/test';
353
+ import {expect, within} from '@storybook/test';
358
354
  &nbsp;
359
355
  import '../custom-element/custom-element.js';
360
- import {OverrideInPayload, StyleDoesNotLeak, StyleIn2Instances} from './css.test.stories';
361
356
  &nbsp;
362
357
  type TProps = { title: string; body:string};
363
358
  &nbsp;
364
359
  type Story = StoryObj&lt;TProps&gt;;
365
- function sleep(ms: number) { return new Promise((resolve) =&gt; setTimeout(resolve, ms)); }
360
+ &nbsp;
361
+ function <span class="fstat-no" title="function not covered" >sleep(m</span>s: number) { <span class="cstat-no" title="statement not covered" >return new Promise(<span class="fstat-no" title="function not covered" >(r</span>esolve) =&gt; <span class="cstat-no" title="statement not covered" >setTimeout(resolve, ms))</span>; }</span>
366
362
  &nbsp;
367
363
  function render(args: TProps)
368
364
  {
@@ -397,16 +393,16 @@ export const AttributeDefaults:Story =
397
393
  &lt;/custom-element&gt;
398
394
  &lt;dce-link id="dce1"&gt;&lt;/dce-link&gt;
399
395
  `}
400
- , play: async ({canvasElement}) =&gt;
396
+ , play: <span class="fstat-no" title="function not covered" >async ({</span>canvasElement}) =&gt;
401
397
  {
402
- const titleText = AttributeDefaults.args!.title as string;
403
- const canvas = within(canvasElement)
404
- , code = async (id) =&gt; (await canvas.findByTestId(id)).textContent.trim();
398
+ const titleText = <span class="cstat-no" title="statement not covered" >AttributeDefaults.args!.title as string;</span>
399
+ const canvas = <span class="cstat-no" title="statement not covered" >within(canvasElement)</span>
400
+ , 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>
405
401
  &nbsp;
406
- await sleep(20)
407
- expect( await code('p1') ).toEqual('default_P1' );
408
- expect( await code('p2') ).toEqual('always_p2' );
409
- expect( await code('p3') ).toEqual('def_P3' );
402
+ <span class="cstat-no" title="statement not covered" > await sleep(20)</span>
403
+ <span class="cstat-no" title="statement not covered" > expect( await code('p1') ).toEqual('default_P1' );</span>
404
+ <span class="cstat-no" title="statement not covered" > expect( await code('p2') ).toEqual('always_p2' );</span>
405
+ <span class="cstat-no" title="statement not covered" > expect( await code('p3') ).toEqual('def_P3' );</span>
410
406
  },
411
407
  };
412
408
  &nbsp;
@@ -430,28 +426,28 @@ export const AttributesRuntimeChange:Story =
430
426
  &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;
431
427
  &lt;/section&gt;
432
428
  `}
433
- , play: async ({canvasElement}) =&gt;
429
+ , play: <span class="fstat-no" title="function not covered" >async ({</span>canvasElement}) =&gt;
434
430
  {
435
- const titleText = AttributeDefaults.args!.title as string;
436
- const canvas = within(canvasElement)
437
- , code = async (id) =&gt; (await canvas.findByTestId(id)).textContent.trim();
431
+ const titleText = <span class="cstat-no" title="statement not covered" >AttributeDefaults.args!.title as string;</span>
432
+ const canvas = <span class="cstat-no" title="statement not covered" >within(canvasElement)</span>
433
+ , 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>
438
434
  &nbsp;
439
- await sleep(20)
440
- expect( await code('p1') ).toEqual('123' );
441
- expect( await code('p2') ).toEqual('always_p2', 'no overrides due to value is hardcoded' );
442
- expect( await code('p3') ).toEqual('def_P3' );
435
+ <span class="cstat-no" title="statement not covered" > await sleep(20)</span>
436
+ <span class="cstat-no" title="statement not covered" > expect( await code('p1') ).toEqual('123' );</span>
437
+ <span class="cstat-no" title="statement not covered" > expect( await code('p2') ).toEqual('always_p2', 'no overrides due to value is hardcoded' );</span>
438
+ <span class="cstat-no" title="statement not covered" > expect( await code('p3') ).toEqual('def_P3' );</span>
443
439
  &nbsp;
444
- dce2.setAttribute('p1',i1.value);
445
- await sleep(10)
446
- expect( await code('p1') ).toEqual('p1','set p1 in runtime' );
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 sleep(10)</span>
442
+ <span class="cstat-no" title="statement not covered" > expect( await code('p1') ).toEqual('p1','set p1 in runtime' );</span>
447
443
  &nbsp;
448
- dce2.setAttribute('p2',i2.value);
449
- await sleep(10)
450
- expect( await code('p2') ).toEqual('always_p2','can not set p2 in runtime' );
444
+ <span class="cstat-no" title="statement not covered" > dce2.setAttribute('p2',i2.value);</span>
445
+ <span class="cstat-no" title="statement not covered" > await sleep(10)</span>
446
+ <span class="cstat-no" title="statement not covered" > expect( await code('p2') ).toEqual('always_p2','can not set p2 in runtime' );</span>
451
447
  &nbsp;
452
- dce2.setAttribute('p3',i3.value);
453
- await sleep(10)
454
- expect( await code('p3') ).toEqual('p3','set p3 in runtime' );
448
+ <span class="cstat-no" title="statement not covered" > dce2.setAttribute('p3',i3.value);</span>
449
+ <span class="cstat-no" title="statement not covered" > await sleep(10)</span>
450
+ <span class="cstat-no" title="statement not covered" > expect( await code('p3') ).toEqual('p3','set p3 in runtime' );</span>
455
451
  },
456
452
  };
457
453
  &nbsp;
@@ -471,29 +467,27 @@ export const InstanceAttributes:Story =
471
467
  &lt;/custom-element&gt;
472
468
  &lt;dce-link3 id="dce3" p1="123" p3="qwe"&gt;&lt;/dce-link3&gt; |
473
469
  `}
474
- , play: async ({canvasElement}) =&gt;
470
+ , play: <span class="fstat-no" title="function not covered" >async ({</span>canvasElement}) =&gt;
475
471
  {
476
- const titleText = AttributeDefaults.args!.title as string;
477
- const canvas = within(canvasElement)
478
- , code = async (id) =&gt; (await canvas.findByTestId(id)).textContent.trim();
479
- &nbsp;
480
- await sleep(20)
481
- expect( await code('p1') ).toEqual('123' );
482
- expect( await code('p2') ).toEqual('always_p2' );
483
- expect( await code('p3') ).toEqual('qwe' );
472
+ const titleText = <span class="cstat-no" title="statement not covered" >AttributeDefaults.args!.title as string;</span>
473
+ const canvas = <span class="cstat-no" title="statement not covered" >within(canvasElement)</span>
474
+ , 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>
475
+ <span class="cstat-no" title="statement not covered" >debugger;</span>
476
+ <span class="cstat-no" title="statement not covered" > await sleep(20)</span>
477
+ <span class="cstat-no" title="statement not covered" > expect( await code('p1') ).toEqual('123' );</span>
478
+ <span class="cstat-no" title="statement not covered" > expect( await code('p2') ).toEqual('always_p2' );</span>
479
+ <span class="cstat-no" title="statement not covered" > expect( await code('p3') ).toEqual('qwe' );</span>
484
480
  },
485
481
  };
486
482
  &nbsp;
487
- &nbsp;
488
- &nbsp;
489
- const TestStories = { AttributeDefaults, AttributesRuntimeChange, InstanceAttributes };
490
- &nbsp;
491
483
  /* istanbul ignore else -- @preserve */
492
- if( 'test' === import.meta.env.MODE )
484
+ if( 'test' === import.meta.env.MODE &amp;&amp;
485
+ !import.meta.url.includes('skiptest') )
493
486
  {
494
- const {playStories} = await import('./renderPlay');
495
- const {describe} = await import('vitest')
496
- describe('slots', () =&gt; playStories( TestStories, meta ) );
487
+ const mod = await import('./attributes.test.stories.ts?skiptest');
488
+ const { testStoryBook } = await import('./testStoryBook')
489
+ const { describe } = await import('vitest')
490
+ describe(meta.title, () =&gt; testStoryBook( mod, meta ) );
497
491
  }
498
492
  &nbsp;</pre></td></tr></table></pre>
499
493
 
@@ -502,7 +496,7 @@ if( 'test' === import.meta.env.MODE )
502
496
  <div class='footer quiet pad2 space-top1 center small'>
503
497
  Code coverage generated by
504
498
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
505
- at 2024-06-25T03:55:40.964Z
499
+ at 2024-07-22T03:09:38.362Z
506
500
  </div>
507
501
  <script src="../../prettify.js"></script>
508
502
  <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">100%</text>
9
+ <text x="94" y="22" class="percent">26.42%</text>
10
10
  </svg>
package/coverage/src/stories/css.test.stories.ts/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">100%</text>
9
+ <text x="94" y="22" class="percent">28.57%</text>
10
10
  </svg>