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

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 (216) hide show
  1. package/.storybook/main.ts +2 -2
  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 +22 -22
  6. package/coverage/index.html +26 -26
  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 +662 -380
  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 +21 -21
  14. package/coverage/src/custom-element/local-storage.js.html +78 -63
  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 +17 -11
  22. package/coverage/src/stories/coverage.svg +1 -1
  23. package/coverage/src/stories/css.test.stories.ts.html +8 -2
  24. package/coverage/src/stories/dom-merge.test.stories.ts.html +17 -11
  25. package/coverage/src/stories/external-template.test.stories.ts.html +13 -10
  26. package/coverage/src/stories/form.test.stories.ts.html +8 -2
  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 +106 -76
  31. package/coverage/src/stories/location-element.test.stories.ts.html +8 -2
  32. package/coverage/src/stories/module-url.test.stories.ts.html +8 -2
  33. package/coverage/src/stories/set-url.test.stories.ts.html +8 -2
  34. package/coverage/src/stories/slice-events.test.stories.ts.html +8 -2
  35. package/coverage/src/stories/slots.test.stories.ts.html +8 -2
  36. package/coverage/src/stories/testStoryBook.ts.html +12 -12
  37. package/coverage/src/stories/version-select.test.stories.ts.html +8 -2
  38. package/coverage/src/sum.ts.html +1 -1
  39. package/dist/custom-element-BOIPgtxz.js +565 -0
  40. package/dist/custom-element-CUsSENWc.cjs +97 -0
  41. package/dist/custom-element-bundle.cjs +1 -1
  42. package/dist/custom-element-bundle.js +25 -21
  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 +11 -21
  49. package/dist/demo/s.xslt +16 -74
  50. package/dist/demo/s1.xslt +59 -59
  51. package/dist/demo/ss.html +24 -57
  52. package/dist/demo/z.html +33 -62
  53. package/dist/demo/z.xml +59 -59
  54. package/dist/demo/z1.html +34 -0
  55. package/dist/local-storage-78EivJ_B.cjs +1 -0
  56. package/dist/local-storage-DzmNKzgN.js +66 -0
  57. package/dist/mockServiceWorker.js +1 -1
  58. package/package.json +27 -25
  59. package/public/demo/a.svg +27 -0
  60. package/public/demo/demo.css +6 -7
  61. package/public/demo/external-template.html +3 -3
  62. package/public/demo/npm-versions-demo.html +21 -8
  63. package/public/demo/npm-versions.html +54 -25
  64. package/public/demo/s.xml +11 -21
  65. package/public/demo/s.xslt +16 -74
  66. package/public/demo/s1.xslt +59 -59
  67. package/public/demo/ss.html +24 -57
  68. package/public/demo/z.html +33 -62
  69. package/public/demo/z.xml +59 -59
  70. package/public/demo/z1.html +34 -0
  71. package/public/mockServiceWorker.js +1 -1
  72. package/src/custom-element/custom-element.js +123 -29
  73. package/src/custom-element/demo/a.svg +27 -0
  74. package/src/custom-element/demo/demo.css +6 -7
  75. package/src/custom-element/demo/external-template.html +3 -3
  76. package/src/custom-element/demo/npm-versions-demo.html +21 -8
  77. package/src/custom-element/demo/npm-versions.html +54 -25
  78. package/src/custom-element/demo/s.xml +11 -21
  79. package/src/custom-element/demo/s.xslt +16 -74
  80. package/src/custom-element/demo/s1.xslt +59 -59
  81. package/src/custom-element/demo/ss.html +24 -57
  82. package/src/custom-element/demo/z.html +33 -62
  83. package/src/custom-element/demo/z.xml +59 -59
  84. package/src/custom-element/demo/z1.html +34 -0
  85. package/src/custom-element/ide/web-types-dce.json +1 -1
  86. package/src/custom-element/ide/web-types-xsl.json +1 -1
  87. package/src/custom-element/index.html +19 -2
  88. package/src/custom-element/local-storage.js +19 -14
  89. package/src/custom-element/module-url.js +3 -2
  90. package/src/dce-social-preview.png +0 -0
  91. package/src/material/angular.css +987 -0
  92. package/src/material/components/autocomplete.html +241 -0
  93. package/src/material/components/dropdown.html +115 -0
  94. package/src/material/components/menu.html +235 -0
  95. package/src/material/components.html +109 -0
  96. package/src/material/demo.css +31 -0
  97. package/src/material/index.html +169 -0
  98. package/src/material/material.css +357 -0
  99. package/src/material/theme/README.md +18 -0
  100. package/src/material/theme/semantic.css +112 -0
  101. package/src/mocks/versions.mock.ts +8 -8
  102. package/src/stories/__screenshots__/http-request.test.ts/http-request-url-change-1.png +0 -0
  103. package/src/stories/attributes.test.stories.ts +6 -4
  104. package/src/stories/css.test.stories.ts +2 -0
  105. package/src/stories/dom-merge.test.stories.ts +11 -9
  106. package/src/stories/external-template.test.stories.ts +4 -3
  107. package/src/stories/form.test.stories.ts +2 -0
  108. package/src/stories/local-storage.test.stories.ts +63 -53
  109. package/src/stories/location-element.test.stories.ts +2 -0
  110. package/src/stories/module-url.test.stories.ts +2 -0
  111. package/src/stories/set-url.test.stories.ts +2 -0
  112. package/src/stories/slice-events.test.stories.ts +2 -0
  113. package/src/stories/slots.test.stories.ts +2 -0
  114. package/src/stories/version-select.test.stories.ts +2 -0
  115. package/src/sum.test.ts +5 -5
  116. package/src/sum.ts +3 -3
  117. package/storybook-static/assets/Color-ERTF36HU-ChyYtq0t.js +1 -0
  118. package/storybook-static/assets/Configure-CJVwFVjC.js +165 -0
  119. package/storybook-static/assets/DocsRenderer-CFRXHY34-Bz6q-OqD.js +2 -0
  120. package/storybook-static/assets/{attributes.test.stories-DIQXccHc.js → attributes.test.stories-BJBuuXgZ.js} +13 -14
  121. package/storybook-static/assets/{css.test.stories-BV2hi4CY.js → css.test.stories-pgbBc17d.js} +1 -1
  122. package/storybook-static/assets/custom-element-BDGsYgbP.js +97 -0
  123. package/storybook-static/assets/{dom-merge.test.stories-Dws0C2-g.js → dom-merge.test.stories-CXcYP_-J.js} +26 -24
  124. package/storybook-static/assets/entry-preview-C313OLrj.js +26 -0
  125. package/storybook-static/assets/{entry-preview-docs-BMKNVQXA.js → entry-preview-docs-B7ORr9w5.js} +2 -2
  126. package/storybook-static/assets/{external-template.test.stories-BHO48b0j.js → external-template.test.stories-CpJ68Ghy.js} +19 -20
  127. package/storybook-static/assets/{form.test.stories-dv9mwp24.js → form.test.stories-D35lyqd8.js} +2 -2
  128. package/storybook-static/assets/{handlers-CaCq2ZPF.js → handlers-B-OZtf2K.js} +13 -13
  129. package/storybook-static/assets/{http-request.stories-B2ke7LtS.js → http-request.stories-DccXgHyF.js} +6 -6
  130. package/storybook-static/assets/iframe-Ddc_axoC.js +2 -0
  131. package/storybook-static/assets/index-BSz1w4Gl.js +234 -0
  132. package/storybook-static/assets/index-BdcJ-iJ7.js +8 -0
  133. package/storybook-static/assets/index-CiCdFubk.js +634 -0
  134. package/storybook-static/assets/{index-Dz4OaB2k.js → index-f2MAjm2i.js} +1 -1
  135. package/storybook-static/assets/index-lY6s0fkU.js +1 -0
  136. package/storybook-static/assets/index-tfEkrhWr.js +1 -0
  137. package/storybook-static/assets/local-storage.test.stories-BY-PWhuk.js +420 -0
  138. package/storybook-static/assets/{location-element.test.stories-BiFvBop7.js → location-element.test.stories-3auBYEaU.js} +3 -3
  139. package/storybook-static/assets/{module-url.test.stories-BXoM34tX.js → module-url.test.stories-B7L9cL60.js} +6 -6
  140. package/storybook-static/assets/{preview-0Jj89qip.js → preview-BRPR-UXC.js} +1 -1
  141. package/storybook-static/assets/preview-BUQm51_C.js +52 -0
  142. package/storybook-static/assets/{preview-DB9FwMii.js → preview-BWzBA1C2.js} +1 -1
  143. package/storybook-static/assets/preview-BhhEZcNS.js +1 -0
  144. package/storybook-static/assets/preview-CcS4DQh8.js +1 -0
  145. package/storybook-static/assets/{preview-Cg7hXPRq.js → preview-CfH4_OzN.js} +2 -2
  146. package/storybook-static/assets/{preview-FpHGYA1q.js → preview-DHPc-V4N.js} +1 -1
  147. package/storybook-static/assets/preview-DYzi3Z2p.js +1 -0
  148. package/storybook-static/assets/{preview-4Up_z4Em.js → preview-caVMbCIR.js} +2 -2
  149. package/storybook-static/assets/preview-ncvtW_hb.js +34 -0
  150. package/storybook-static/assets/{set-url.test.stories-Cg5Z0r7x.js → set-url.test.stories-CuSuDLIx.js} +3 -3
  151. package/storybook-static/assets/{slice-events.test.stories-D_ttGp3g.js → slice-events.test.stories-BkRKsKem.js} +4 -4
  152. package/storybook-static/assets/{slots.test.stories-DBNXOm0T.js → slots.test.stories-BJCUWFkE.js} +8 -8
  153. package/storybook-static/assets/{version-select.test.stories-CgV3UCim.js → version-select.test.stories-B3ybJn_Z.js} +2 -2
  154. package/storybook-static/demo/a.svg +27 -0
  155. package/storybook-static/demo/demo.css +6 -7
  156. package/storybook-static/demo/external-template.html +3 -3
  157. package/storybook-static/demo/npm-versions-demo.html +21 -8
  158. package/storybook-static/demo/npm-versions.html +54 -25
  159. package/storybook-static/demo/s.xml +11 -21
  160. package/storybook-static/demo/s.xslt +16 -74
  161. package/storybook-static/demo/s1.xslt +59 -59
  162. package/storybook-static/demo/ss.html +24 -57
  163. package/storybook-static/demo/z.html +33 -62
  164. package/storybook-static/demo/z.xml +59 -59
  165. package/storybook-static/demo/z1.html +34 -0
  166. package/storybook-static/iframe.html +1 -1
  167. package/storybook-static/index.html +3 -7
  168. package/storybook-static/mockServiceWorker.js +1 -1
  169. package/storybook-static/project.json +1 -1
  170. package/storybook-static/sb-addons/essentials-actions-3/manager-bundle.js +1 -1
  171. package/storybook-static/sb-addons/essentials-backgrounds-4/manager-bundle.js +9 -9
  172. package/storybook-static/sb-addons/essentials-controls-2/manager-bundle.js +76 -94
  173. package/storybook-static/sb-addons/essentials-measure-7/manager-bundle.js +1 -1
  174. package/storybook-static/sb-addons/essentials-outline-8/manager-bundle.js +1 -1
  175. package/storybook-static/sb-addons/essentials-toolbars-6/manager-bundle.js +1 -1
  176. package/storybook-static/sb-addons/essentials-viewport-5/manager-bundle.js +1 -1
  177. package/storybook-static/sb-addons/interactions-9/manager-bundle.js +211 -0
  178. package/storybook-static/sb-addons/interactions-9/manager-bundle.js.LEGAL.txt +0 -0
  179. package/storybook-static/sb-manager/globals-module-info.js +11 -0
  180. package/storybook-static/sb-manager/globals-runtime.js +27803 -26928
  181. package/storybook-static/sb-manager/runtime.js +10341 -10136
  182. package/storybook-static/sb-preview/runtime.js +3841 -3828
  183. package/.idea/codeStyles/codeStyleConfig.xml +0 -5
  184. package/.idea/compiler.xml +0 -6
  185. package/.idea/custom-element-dist.iml +0 -13
  186. package/.idea/inspectionProfiles/Project_Default.xml +0 -6
  187. package/.idea/misc.xml +0 -6
  188. package/.idea/modules.xml +0 -8
  189. package/.idea/vcs.xml +0 -6
  190. package/.vscode/settings.json +0 -24
  191. package/dist/custom-element-CckoVsvO.cjs +0 -53
  192. package/dist/custom-element-b7c_7Kz4.js +0 -485
  193. package/dist/local-storage-Boafngui.cjs +0 -1
  194. package/dist/local-storage-BqDEu2kF.js +0 -59
  195. package/storybook-static/assets/Color-KGDBMAHA-CH-YyWYq.js +0 -1
  196. package/storybook-static/assets/Configure-DFL_bm2M.js +0 -173
  197. package/storybook-static/assets/DocsRenderer-PKQXORMH-Bz-_1hmS.js +0 -2
  198. package/storybook-static/assets/custom-element-wn23PUwN.js +0 -231
  199. package/storybook-static/assets/entry-preview-BKQ8UCxI.js +0 -8
  200. package/storybook-static/assets/iframe-D4Sos1HO.js +0 -2
  201. package/storybook-static/assets/index-BnXBQqj9.js +0 -605
  202. package/storybook-static/assets/index-C8k3Z-3Y.js +0 -28
  203. package/storybook-static/assets/index-Cpxqn5iQ.js +0 -1
  204. package/storybook-static/assets/index-DGdNYaqV.js +0 -8
  205. package/storybook-static/assets/index-sm7QlJZE.js +0 -1
  206. package/storybook-static/assets/lit-element-DzhCn-8W.js +0 -19
  207. package/storybook-static/assets/local-storage.test.stories-BpogLNq-.js +0 -419
  208. package/storybook-static/assets/preview-BJPLiuSt.js +0 -1
  209. package/storybook-static/assets/preview-BMWqy4Bi.js +0 -1
  210. package/storybook-static/assets/preview-BnWGZYux.js +0 -1
  211. package/storybook-static/assets/preview-Djh1_Tal.js +0 -20
  212. package/storybook-static/assets/preview-oHxXRSIu.js +0 -48
  213. package/storybook-static/sb-addons/chromatic-com-storybook-9/manager-bundle.js +0 -333
  214. package/storybook-static/sb-addons/chromatic-com-storybook-9/manager-bundle.js.LEGAL.txt +0 -40
  215. package/storybook-static/sb-addons/interactions-10/manager-bundle.js +0 -234
  216. /package/{storybook-static/sb-addons/interactions-10/manager-bundle.js.LEGAL.txt → src/material/guide/getting-started/index.html} +0 -0
@@ -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
 
@@ -204,7 +204,9 @@
204
204
  <a name='L139'></a><a href='#L139'>139</a>
205
205
  <a name='L140'></a><a href='#L140'>140</a>
206
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>
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></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
208
210
  <span class="cline-any cline-neutral">&nbsp;</span>
209
211
  <span class="cline-any cline-neutral">&nbsp;</span>
210
212
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -259,7 +261,6 @@
259
261
  <span class="cline-any cline-no">&nbsp;</span>
260
262
  <span class="cline-any cline-no">&nbsp;</span>
261
263
  <span class="cline-any cline-no">&nbsp;</span>
262
- <span class="cline-any cline-no">&nbsp;</span>
263
264
  <span class="cline-any cline-neutral">&nbsp;</span>
264
265
  <span class="cline-any cline-neutral">&nbsp;</span>
265
266
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -337,6 +338,8 @@
337
338
  <span class="cline-any cline-neutral">&nbsp;</span>
338
339
  <span class="cline-any cline-neutral">&nbsp;</span>
339
340
  <span class="cline-any cline-neutral">&nbsp;</span>
341
+ <span class="cline-any cline-neutral">&nbsp;</span>
342
+ <span class="cline-any cline-neutral">&nbsp;</span>
340
343
  <span class="cline-any cline-yes">1x</span>
341
344
  <span class="cline-any cline-neutral">&nbsp;</span>
342
345
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -345,6 +348,7 @@
345
348
  <span class="cline-any cline-yes">1x</span>
346
349
  <span class="cline-any cline-yes">1x</span>
347
350
  <span class="cline-any cline-neutral">&nbsp;</span>
351
+ <span class="cline-any cline-neutral">&nbsp;</span>
348
352
  <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">// noinspection DuplicatedCode
349
353
  &nbsp;
350
354
  import type { StoryObj } from '@storybook/web-components';
@@ -397,10 +401,9 @@ export const AttributeDefaults:Story =
397
401
  const canvas = <span class="cstat-no" title="statement not covered" >within(canvasElement)</span>
398
402
  , 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
403
  &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>
404
+ <span class="cstat-no" title="statement not covered" > expect( await await canvas.findByTestId('p1') ).toHaveTextContent('default_P1' );</span>
405
+ <span class="cstat-no" title="statement not covered" > expect( await await canvas.findByTestId('p2') ).toHaveTextContent('always_p2' );</span>
406
+ <span class="cstat-no" title="statement not covered" > expect( await await canvas.findByTestId('p3') ).toHaveTextContent('def_P3' );</span>
404
407
  },
405
408
  };
406
409
  &nbsp;
@@ -477,6 +480,8 @@ export const InstanceAttributes:Story =
477
480
  },
478
481
  };
479
482
  &nbsp;
483
+ &nbsp;
484
+ //#region unit tests
480
485
  /* istanbul ignore else -- @preserve */
481
486
  if( 'test' === import.meta.env.MODE &amp;&amp;
482
487
  !import.meta.url.includes('skiptest') )
@@ -486,6 +491,7 @@ if( 'test' === import.meta.env.MODE &amp;&amp;
486
491
  const { describe } = await import('vitest')
487
492
  describe(meta.title, () =&gt; testStoryBook( mod, meta ) );
488
493
  }
494
+ //#endregion
489
495
  &nbsp;</pre></td></tr></table></pre>
490
496
 
491
497
  <div class='push'></div><!-- for sticky footer -->
@@ -493,7 +499,7 @@ if( 'test' === import.meta.env.MODE &amp;&amp;
493
499
  <div class='footer quiet pad2 space-top1 center small'>
494
500
  Code coverage generated by
495
501
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
496
- at 2024-09-01T19:14:49.300Z
502
+ at 2024-11-07T03:27:34.733Z
497
503
  </div>
498
504
  <script src="../../prettify.js"></script>
499
505
  <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>
@@ -186,7 +186,9 @@
186
186
  <a name='L121'></a><a href='#L121'>121</a>
187
187
  <a name='L122'></a><a href='#L122'>122</a>
188
188
  <a name='L123'></a><a href='#L123'>123</a>
189
- <a name='L124'></a><a href='#L124'>124</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
189
+ <a name='L124'></a><a href='#L124'>124</a>
190
+ <a name='L125'></a><a href='#L125'>125</a>
191
+ <a name='L126'></a><a href='#L126'>126</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
190
192
  <span class="cline-any cline-neutral">&nbsp;</span>
191
193
  <span class="cline-any cline-neutral">&nbsp;</span>
192
194
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -301,6 +303,7 @@
301
303
  <span class="cline-any cline-neutral">&nbsp;</span>
302
304
  <span class="cline-any cline-neutral">&nbsp;</span>
303
305
  <span class="cline-any cline-neutral">&nbsp;</span>
306
+ <span class="cline-any cline-neutral">&nbsp;</span>
304
307
  <span class="cline-any cline-yes">1x</span>
305
308
  <span class="cline-any cline-neutral">&nbsp;</span>
306
309
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -309,6 +312,7 @@
309
312
  <span class="cline-any cline-yes">1x</span>
310
313
  <span class="cline-any cline-yes">1x</span>
311
314
  <span class="cline-any cline-neutral">&nbsp;</span>
315
+ <span class="cline-any cline-neutral">&nbsp;</span>
312
316
  <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import type {StoryObj} from "@storybook/web-components";
313
317
  import {within, expect} from "@storybook/test";
314
318
  &nbsp;
@@ -423,6 +427,7 @@ export const OverrideInPayload: Story =
423
427
  },
424
428
  };
425
429
  &nbsp;
430
+ //#region unit tests
426
431
  /* istanbul ignore else -- @preserve */
427
432
  if( 'test' === import.meta.env.MODE &amp;&amp;
428
433
  !import.meta.url.includes('skiptest') )
@@ -432,6 +437,7 @@ if( 'test' === import.meta.env.MODE &amp;&amp;
432
437
  const { describe } = await import('vitest')
433
438
  describe(meta.title, () =&gt; testStoryBook( mod, meta ) );
434
439
  }
440
+ //#endregion
435
441
  &nbsp;</pre></td></tr></table></pre>
436
442
 
437
443
  <div class='push'></div><!-- for sticky footer -->
@@ -439,7 +445,7 @@ if( 'test' === import.meta.env.MODE &amp;&amp;
439
445
  <div class='footer quiet pad2 space-top1 center small'>
440
446
  Code coverage generated by
441
447
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
442
- at 2024-09-01T19:14:49.300Z
448
+ at 2024-11-07T03:27:34.733Z
443
449
  </div>
444
450
  <script src="../../prettify.js"></script>
445
451
  <script>
@@ -268,7 +268,9 @@
268
268
  <a name='L203'></a><a href='#L203'>203</a>
269
269
  <a name='L204'></a><a href='#L204'>204</a>
270
270
  <a name='L205'></a><a href='#L205'>205</a>
271
- <a name='L206'></a><a href='#L206'>206</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
271
+ <a name='L206'></a><a href='#L206'>206</a>
272
+ <a name='L207'></a><a href='#L207'>207</a>
273
+ <a name='L208'></a><a href='#L208'>208</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
272
274
  <span class="cline-any cline-neutral">&nbsp;</span>
273
275
  <span class="cline-any cline-neutral">&nbsp;</span>
274
276
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -418,8 +420,10 @@
418
420
  <span class="cline-any cline-no">&nbsp;</span>
419
421
  <span class="cline-any cline-no">&nbsp;</span>
420
422
  <span class="cline-any cline-neutral">&nbsp;</span>
423
+ <span class="cline-any cline-neutral">&nbsp;</span>
421
424
  <span class="cline-any cline-no">&nbsp;</span>
422
425
  <span class="cline-any cline-no">&nbsp;</span>
426
+ <span class="cline-any cline-neutral">&nbsp;</span>
423
427
  <span class="cline-any cline-no">&nbsp;</span>
424
428
  <span class="cline-any cline-no">&nbsp;</span>
425
429
  <span class="cline-any cline-no">&nbsp;</span>
@@ -476,7 +480,7 @@
476
480
  <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">// noinspection DuplicatedCode
477
481
  &nbsp;
478
482
  import type { StoryObj } from '@storybook/web-components';
479
- import {expect, getByTestId, within, userEvent} from '@storybook/test';
483
+ import {expect, within, userEvent, fireEvent} from '@storybook/test';
480
484
  &nbsp;
481
485
  import '../custom-element/custom-element.js';
482
486
  import {
@@ -598,16 +602,16 @@ export const OrderPreservingOn2ndTransform:Story =
598
602
  &lt;p&gt;IF condition content should be displayed in place where it is defined (not shifted down on the parent children)&lt;/p&gt;
599
603
  &lt;custom-element&gt;
600
604
  &lt;form slice="f1"&gt;
601
- &lt;label&gt;
602
- &lt;input type="checkbox" name="c1" data-testid="cb1"/&gt;
605
+ &lt;label data-testid="cb1"&gt;
606
+ &lt;input type="checkbox" name="c1" /&gt;
603
607
  click to display #1 bellow
604
608
  &lt;/label&gt;
605
609
  &lt;br data-testid="beforeC1"/&gt;
606
610
  &lt;if test="//c1"&gt;
607
611
  &lt;p data-testid="isC1"&gt;#1&lt;/p&gt;
608
612
  &lt;/if&gt;
609
- &lt;label&gt;
610
- &lt;input type="checkbox" name="c2" data-testid="cb2"/&gt;
613
+ &lt;label data-testid="cb2"&gt;
614
+ &lt;input type="checkbox" name="c2" /&gt;
611
615
  click to display #2 bellow
612
616
  &lt;/label&gt;
613
617
  &lt;br data-testid="beforeC2"/&gt;
@@ -623,9 +627,11 @@ export const OrderPreservingOn2ndTransform:Story =
623
627
  const canvas = <span class="cstat-no" title="statement not covered" >within(canvasElement);</span>
624
628
  <span class="cstat-no" title="statement not covered" > await canvas.findByText(titleText);</span>
625
629
  &nbsp;
626
- <span class="cstat-no" title="statement not covered" > await userEvent.click(canvas.getByTestId('cb1'));</span>
630
+ // userEvent breaks under FF in vitest, fireEvent works
631
+ <span class="cstat-no" title="statement not covered" > await fireEvent.click(await canvas.findByTestId('cb1'));</span>
627
632
  <span class="cstat-no" title="statement not covered" > await expect(await canvas.findByText('#1')).toBeInTheDocument();</span>
628
- <span class="cstat-no" title="statement not covered" > await userEvent.click(canvas.getByTestId('cb2'));</span>
633
+ &nbsp;
634
+ <span class="cstat-no" title="statement not covered" > await fireEvent.click(canvas.getByTestId('cb2'));</span>
629
635
  <span class="cstat-no" title="statement not covered" > await expect(await canvas.findByText('#2')).toBeInTheDocument();</span>
630
636
  <span class="cstat-no" title="statement not covered" > await expect(canvas.getByTestId("beforeC1").nextElementSibling).toEqual(canvas.getByTestId("isC1"))</span>
631
637
  },
@@ -667,7 +673,7 @@ export const ReadSystemValidityMessage:Story =
667
673
  },
668
674
  };
669
675
  &nbsp;
670
- //&lt;editor-fold desc="unit test run" collapsed&gt;
676
+ //#region unit tests
671
677
  /* istanbul ignore else -- @preserve */
672
678
  if( 'test' === import.meta.env.MODE &amp;&amp;
673
679
  !import.meta.url.includes('skiptest') )
@@ -677,7 +683,7 @@ if( 'test' === import.meta.env.MODE &amp;&amp;
677
683
  const { describe } = await import('vitest')
678
684
  describe(meta.title, () =&gt; testStoryBook( mod, meta ) );
679
685
  }
680
- //&lt;/editor-fold&gt;
686
+ //#endregion
681
687
  &nbsp;</pre></td></tr></table></pre>
682
688
 
683
689
  <div class='push'></div><!-- for sticky footer -->
@@ -685,7 +691,7 @@ if( 'test' === import.meta.env.MODE &amp;&amp;
685
691
  <div class='footer quiet pad2 space-top1 center small'>
686
692
  Code coverage generated by
687
693
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
688
- at 2024-09-01T19:14:49.300Z
694
+ at 2024-11-07T03:27:34.733Z
689
695
  </div>
690
696
  <script src="../../prettify.js"></script>
691
697
  <script>
@@ -23,9 +23,9 @@
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">24.41% </span>
26
+ <span class="strong">24.7% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>21/86</span>
28
+ <span class='fraction'>21/85</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">24.09% </span>
47
+ <span class="strong">24.39% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>20/83</span>
49
+ <span class='fraction'>20/82</span>
50
50
  </div>
51
51
 
52
52
 
@@ -322,7 +322,8 @@
322
322
  <a name='L257'></a><a href='#L257'>257</a>
323
323
  <a name='L258'></a><a href='#L258'>258</a>
324
324
  <a name='L259'></a><a href='#L259'>259</a>
325
- <a name='L260'></a><a href='#L260'>260</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
325
+ <a name='L260'></a><a href='#L260'>260</a>
326
+ <a name='L261'></a><a href='#L261'>261</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
326
327
  <span class="cline-any cline-neutral">&nbsp;</span>
327
328
  <span class="cline-any cline-neutral">&nbsp;</span>
328
329
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -441,7 +442,6 @@
441
442
  <span class="cline-any cline-no">&nbsp;</span>
442
443
  <span class="cline-any cline-no">&nbsp;</span>
443
444
  <span class="cline-any cline-no">&nbsp;</span>
444
- <span class="cline-any cline-no">&nbsp;</span>
445
445
  <span class="cline-any cline-neutral">&nbsp;</span>
446
446
  <span class="cline-any cline-neutral">&nbsp;</span>
447
447
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -573,6 +573,7 @@
573
573
  <span class="cline-any cline-neutral">&nbsp;</span>
574
574
  <span class="cline-any cline-neutral">&nbsp;</span>
575
575
  <span class="cline-any cline-neutral">&nbsp;</span>
576
+ <span class="cline-any cline-neutral">&nbsp;</span>
576
577
  <span class="cline-any cline-yes">1x</span>
577
578
  <span class="cline-any cline-neutral">&nbsp;</span>
578
579
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -581,6 +582,7 @@
581
582
  <span class="cline-any cline-yes">1x</span>
582
583
  <span class="cline-any cline-yes">1x</span>
583
584
  <span class="cline-any cline-neutral">&nbsp;</span>
585
+ <span class="cline-any cline-neutral">&nbsp;</span>
584
586
  <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">// noinspection DuplicatedCode
585
587
  &nbsp;
586
588
  import type { StoryObj } from '@storybook/web-components';
@@ -698,9 +700,8 @@ export const ExternalXsltFile:Story =
698
700
  <span class="cstat-no" title="statement not covered" > await canvas.findByText(ExternalXsltFile.args!.title as string);</span>
699
701
  <span class="cstat-no" title="statement not covered" > expect(canvasElement.querySelector('dce-external-4').innerHTML).to.include('Hi');</span>
700
702
  <span class="cstat-no" title="statement not covered" > expect(canvasElement.querySelector('[data-smile="👼"]').innerHTML).to.include('loading from XSLT ...');</span>
701
- <span class="cstat-no" title="statement not covered" > await sleep(100);</span>
702
- <span class="cstat-no" title="statement not covered" > expect(canvas.getByTestId('data-fruit').innerHTML).to.include('🍌');</span>
703
- <span class="cstat-no" title="statement not covered" > expect(canvas.getByTestId('data-smile').innerHTML).to.include('👼');</span>
703
+ <span class="cstat-no" title="statement not covered" > await expect(await canvas.findByTestId('data-fruit')).toHaveTextContent('🍌');</span>
704
+ <span class="cstat-no" title="statement not covered" > await expect(await canvas.findByTestId('data-smile')).toHaveTextContent('👼');</span>
704
705
  },
705
706
  };
706
707
  &nbsp;
@@ -831,6 +832,7 @@ export const EmbeddingInAnotherFile:Story =
831
832
  },
832
833
  };
833
834
  &nbsp;
835
+ //#region unit tests
834
836
  /* istanbul ignore else -- @preserve */
835
837
  if( 'test' === import.meta.env.MODE &amp;&amp;
836
838
  !import.meta.url.includes('skiptest') )
@@ -840,6 +842,7 @@ if( 'test' === import.meta.env.MODE &amp;&amp;
840
842
  const { describe } = await import('vitest')
841
843
  describe(meta.title, () =&gt; testStoryBook( mod, meta ) );
842
844
  }
845
+ //#endregion
843
846
  &nbsp;</pre></td></tr></table></pre>
844
847
 
845
848
  <div class='push'></div><!-- for sticky footer -->
@@ -847,7 +850,7 @@ if( 'test' === import.meta.env.MODE &amp;&amp;
847
850
  <div class='footer quiet pad2 space-top1 center small'>
848
851
  Code coverage generated by
849
852
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
850
- at 2024-09-01T19:14:49.300Z
853
+ at 2024-11-07T03:27:34.733Z
851
854
  </div>
852
855
  <script src="../../prettify.js"></script>
853
856
  <script>
@@ -253,7 +253,9 @@
253
253
  <a name='L188'></a><a href='#L188'>188</a>
254
254
  <a name='L189'></a><a href='#L189'>189</a>
255
255
  <a name='L190'></a><a href='#L190'>190</a>
256
- <a name='L191'></a><a href='#L191'>191</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
256
+ <a name='L191'></a><a href='#L191'>191</a>
257
+ <a name='L192'></a><a href='#L192'>192</a>
258
+ <a name='L193'></a><a href='#L193'>193</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
257
259
  <span class="cline-any cline-neutral">&nbsp;</span>
258
260
  <span class="cline-any cline-neutral">&nbsp;</span>
259
261
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -435,6 +437,7 @@
435
437
  <span class="cline-any cline-neutral">&nbsp;</span>
436
438
  <span class="cline-any cline-neutral">&nbsp;</span>
437
439
  <span class="cline-any cline-neutral">&nbsp;</span>
440
+ <span class="cline-any cline-neutral">&nbsp;</span>
438
441
  <span class="cline-any cline-yes">1x</span>
439
442
  <span class="cline-any cline-neutral">&nbsp;</span>
440
443
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -443,6 +446,7 @@
443
446
  <span class="cline-any cline-yes">1x</span>
444
447
  <span class="cline-any cline-yes">1x</span>
445
448
  <span class="cline-any cline-neutral">&nbsp;</span>
449
+ <span class="cline-any cline-neutral">&nbsp;</span>
446
450
  <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">// noinspection DuplicatedCode
447
451
  &nbsp;
448
452
  import type { StoryObj } from '@storybook/web-components';
@@ -624,6 +628,7 @@ export const FormCustomValidityString:Story =
624
628
  };
625
629
  // custom validity rules on form : boolean and string values
626
630
  &nbsp;
631
+ //#region unit tests
627
632
  /* istanbul ignore else -- @preserve */
628
633
  if( 'test' === import.meta.env.MODE &amp;&amp;
629
634
  !import.meta.url.includes('skiptest') )
@@ -633,6 +638,7 @@ if( 'test' === import.meta.env.MODE &amp;&amp;
633
638
  const { describe } = await import('vitest')
634
639
  describe(meta.title, () =&gt; testStoryBook( mod, meta ) );
635
640
  }
641
+ //#endregion
636
642
  &nbsp;</pre></td></tr></table></pre>
637
643
 
638
644
  <div class='push'></div><!-- for sticky footer -->
@@ -640,7 +646,7 @@ if( 'test' === import.meta.env.MODE &amp;&amp;
640
646
  <div class='footer quiet pad2 space-top1 center small'>
641
647
  Code coverage generated by
642
648
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
643
- at 2024-09-01T19:14:49.300Z
649
+ at 2024-11-07T03:27:34.733Z
644
650
  </div>
645
651
  <script src="../../prettify.js"></script>
646
652
  <script>
@@ -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-09-01T19:14:49.300Z
805
+ at 2024-11-07T03:27:34.733Z
806
806
  </div>
807
807
  <script src="../../prettify.js"></script>
808
808
  <script>
@@ -23,9 +23,9 @@
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">28.15% </span>
26
+ <span class="strong">28.42% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>252/895</span>
28
+ <span class='fraction'>255/897</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.21% </span>
40
+ <span class="strong">32.43% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>48/149</span>
42
+ <span class='fraction'>48/148</span>
43
43
  </div>
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">27.61% </span>
47
+ <span class="strong">27.87% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>232/840</span>
49
+ <span class='fraction'>235/843</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="25.53" class="pic low">
84
- <div class="chart"><div class="cover-fill" style="width: 25%"></div><div class="cover-empty" style="width: 75%"></div></div>
83
+ <td data-value="26.08" class="pic low">
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="25.53" class="pct low">25.53%</td>
87
- <td data-value="47" class="abs low">12/47</td>
86
+ <td data-value="26.08" class="pct low">26.08%</td>
87
+ <td data-value="46" class="abs low">12/46</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.19" class="pct low">26.19%</td>
93
- <td data-value="42" class="abs low">11/42</td>
92
+ <td data-value="26.82" class="pct low">26.82%</td>
93
+ <td data-value="41" class="abs low">11/41</td>
94
94
  </tr>
95
95
 
96
96
  <tr>
@@ -125,17 +125,17 @@
125
125
 
126
126
  <tr>
127
127
  <td class="file low" data-value="external-template.test.stories.ts"><a href="external-template.test.stories.ts.html">external-template.test.stories.ts</a></td>
128
- <td data-value="24.41" class="pic low">
128
+ <td data-value="24.7" class="pic low">
129
129
  <div class="chart"><div class="cover-fill" style="width: 24%"></div><div class="cover-empty" style="width: 76%"></div></div>
130
130
  </td>
131
- <td data-value="24.41" class="pct low">24.41%</td>
132
- <td data-value="86" class="abs low">21/86</td>
131
+ <td data-value="24.7" class="pct low">24.7%</td>
132
+ <td data-value="85" class="abs low">21/85</td>
133
133
  <td data-value="100" class="pct high">100%</td>
134
134
  <td data-value="3" class="abs high">3/3</td>
135
135
  <td data-value="11.76" class="pct low">11.76%</td>
136
136
  <td data-value="17" class="abs low">2/17</td>
137
- <td data-value="24.09" class="pct low">24.09%</td>
138
- <td data-value="83" class="abs low">20/83</td>
137
+ <td data-value="24.39" class="pct low">24.39%</td>
138
+ <td data-value="82" class="abs low">20/82</td>
139
139
  </tr>
140
140
 
141
141
  <tr>
@@ -170,17 +170,17 @@
170
170
 
171
171
  <tr>
172
172
  <td class="file low" data-value="local-storage.test.stories.ts"><a href="local-storage.test.stories.ts.html">local-storage.test.stories.ts</a></td>
173
- <td data-value="6.06" class="pic low">
174
- <div class="chart"><div class="cover-fill" style="width: 6%"></div><div class="cover-empty" style="width: 94%"></div></div>
173
+ <td data-value="7.23" class="pic low">
174
+ <div class="chart"><div class="cover-fill" style="width: 7%"></div><div class="cover-empty" style="width: 93%"></div></div>
175
175
  </td>
176
- <td data-value="6.06" class="pct low">6.06%</td>
177
- <td data-value="231" class="abs low">14/231</td>
176
+ <td data-value="7.23" class="pct low">7.23%</td>
177
+ <td data-value="235" class="abs low">17/235</td>
178
178
  <td data-value="100" class="pct high">100%</td>
179
179
  <td data-value="7" class="abs high">7/7</td>
180
- <td data-value="12.5" class="pct low">12.5%</td>
181
- <td data-value="16" class="abs low">2/16</td>
182
- <td data-value="5.88" class="pct low">5.88%</td>
183
- <td data-value="221" class="abs low">13/221</td>
180
+ <td data-value="13.33" class="pct low">13.33%</td>
181
+ <td data-value="15" class="abs low">2/15</td>
182
+ <td data-value="7.07" class="pct low">7.07%</td>
183
+ <td data-value="226" class="abs low">16/226</td>
184
184
  </tr>
185
185
 
186
186
  <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-09-01T19:14:49.300Z
299
+ at 2024-11-07T03:27:34.733Z
300
300
  </div>
301
301
  <script src="../../prettify.js"></script>
302
302
  <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">5.88%</text>
9
+ <text x="94" y="22" class="percent">7.07%</text>
10
10
  </svg>