@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/stories/external-template.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">24.41% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>86/86</span>
28
+ <span class='fraction'>21/86</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">11.76% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>17/17</span>
42
+ <span class='fraction'>2/17</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">24.09% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>83/83</span>
49
+ <span class='fraction'>20/83</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>
@@ -329,7 +329,7 @@
329
329
  <span class="cline-any cline-neutral">&nbsp;</span>
330
330
  <span class="cline-any cline-neutral">&nbsp;</span>
331
331
  <span class="cline-any cline-neutral">&nbsp;</span>
332
- <span class="cline-any cline-yes">4x</span>
332
+ <span class="cline-any cline-no">&nbsp;</span>
333
333
  <span class="cline-any cline-neutral">&nbsp;</span>
334
334
  <span class="cline-any cline-neutral">&nbsp;</span>
335
335
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -362,12 +362,12 @@
362
362
  <span class="cline-any cline-neutral">&nbsp;</span>
363
363
  <span class="cline-any cline-neutral">&nbsp;</span>
364
364
  <span class="cline-any cline-neutral">&nbsp;</span>
365
- <span class="cline-any cline-yes">1x</span>
366
- <span class="cline-any cline-yes">1x</span>
367
- <span class="cline-any cline-yes">2x</span>
365
+ <span class="cline-any cline-no">&nbsp;</span>
366
+ <span class="cline-any cline-no">&nbsp;</span>
367
+ <span class="cline-any cline-no">&nbsp;</span>
368
368
  <span class="cline-any cline-neutral">&nbsp;</span>
369
- <span class="cline-any cline-yes">1x</span>
370
- <span class="cline-any cline-yes">1x</span>
369
+ <span class="cline-any cline-no">&nbsp;</span>
370
+ <span class="cline-any cline-no">&nbsp;</span>
371
371
  <span class="cline-any cline-neutral">&nbsp;</span>
372
372
  <span class="cline-any cline-neutral">&nbsp;</span>
373
373
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -381,11 +381,11 @@
381
381
  <span class="cline-any cline-neutral">&nbsp;</span>
382
382
  <span class="cline-any cline-neutral">&nbsp;</span>
383
383
  <span class="cline-any cline-neutral">&nbsp;</span>
384
- <span class="cline-any cline-yes">1x</span>
385
- <span class="cline-any cline-yes">1x</span>
384
+ <span class="cline-any cline-no">&nbsp;</span>
385
+ <span class="cline-any cline-no">&nbsp;</span>
386
386
  <span class="cline-any cline-neutral">&nbsp;</span>
387
- <span class="cline-any cline-yes">1x</span>
388
- <span class="cline-any cline-yes">1x</span>
387
+ <span class="cline-any cline-no">&nbsp;</span>
388
+ <span class="cline-any cline-no">&nbsp;</span>
389
389
  <span class="cline-any cline-neutral">&nbsp;</span>
390
390
  <span class="cline-any cline-neutral">&nbsp;</span>
391
391
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -404,12 +404,12 @@
404
404
  <span class="cline-any cline-neutral">&nbsp;</span>
405
405
  <span class="cline-any cline-neutral">&nbsp;</span>
406
406
  <span class="cline-any cline-neutral">&nbsp;</span>
407
- <span class="cline-any cline-yes">1x</span>
408
- <span class="cline-any cline-yes">1x</span>
409
- <span class="cline-any cline-yes">1x</span>
410
- <span class="cline-any cline-yes">1x</span>
411
- <span class="cline-any cline-yes">1x</span>
412
- <span class="cline-any cline-yes">1x</span>
407
+ <span class="cline-any cline-no">&nbsp;</span>
408
+ <span class="cline-any cline-no">&nbsp;</span>
409
+ <span class="cline-any cline-no">&nbsp;</span>
410
+ <span class="cline-any cline-no">&nbsp;</span>
411
+ <span class="cline-any cline-no">&nbsp;</span>
412
+ <span class="cline-any cline-no">&nbsp;</span>
413
413
  <span class="cline-any cline-neutral">&nbsp;</span>
414
414
  <span class="cline-any cline-neutral">&nbsp;</span>
415
415
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -427,13 +427,13 @@
427
427
  <span class="cline-any cline-neutral">&nbsp;</span>
428
428
  <span class="cline-any cline-neutral">&nbsp;</span>
429
429
  <span class="cline-any cline-neutral">&nbsp;</span>
430
- <span class="cline-any cline-yes">1x</span>
431
- <span class="cline-any cline-yes">1x</span>
432
- <span class="cline-any cline-yes">1x</span>
433
- <span class="cline-any cline-yes">1x</span>
434
- <span class="cline-any cline-yes">1x</span>
435
- <span class="cline-any cline-yes">1x</span>
436
- <span class="cline-any cline-yes">1x</span>
430
+ <span class="cline-any cline-no">&nbsp;</span>
431
+ <span class="cline-any cline-no">&nbsp;</span>
432
+ <span class="cline-any cline-no">&nbsp;</span>
433
+ <span class="cline-any cline-no">&nbsp;</span>
434
+ <span class="cline-any cline-no">&nbsp;</span>
435
+ <span class="cline-any cline-no">&nbsp;</span>
436
+ <span class="cline-any cline-no">&nbsp;</span>
437
437
  <span class="cline-any cline-neutral">&nbsp;</span>
438
438
  <span class="cline-any cline-neutral">&nbsp;</span>
439
439
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -446,14 +446,14 @@
446
446
  <span class="cline-any cline-neutral">&nbsp;</span>
447
447
  <span class="cline-any cline-neutral">&nbsp;</span>
448
448
  <span class="cline-any cline-neutral">&nbsp;</span>
449
- <span class="cline-any cline-yes">1x</span>
450
- <span class="cline-any cline-yes">1x</span>
451
- <span class="cline-any cline-yes">1x</span>
452
- <span class="cline-any cline-yes">1x</span>
453
- <span class="cline-any cline-yes">1x</span>
454
- <span class="cline-any cline-yes">1x</span>
455
- <span class="cline-any cline-yes">1x</span>
456
- <span class="cline-any cline-yes">1x</span>
449
+ <span class="cline-any cline-no">&nbsp;</span>
450
+ <span class="cline-any cline-no">&nbsp;</span>
451
+ <span class="cline-any cline-no">&nbsp;</span>
452
+ <span class="cline-any cline-no">&nbsp;</span>
453
+ <span class="cline-any cline-no">&nbsp;</span>
454
+ <span class="cline-any cline-no">&nbsp;</span>
455
+ <span class="cline-any cline-no">&nbsp;</span>
456
+ <span class="cline-any cline-no">&nbsp;</span>
457
457
  <span class="cline-any cline-neutral">&nbsp;</span>
458
458
  <span class="cline-any cline-neutral">&nbsp;</span>
459
459
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -465,14 +465,14 @@
465
465
  <span class="cline-any cline-neutral">&nbsp;</span>
466
466
  <span class="cline-any cline-neutral">&nbsp;</span>
467
467
  <span class="cline-any cline-neutral">&nbsp;</span>
468
- <span class="cline-any cline-yes">1x</span>
469
- <span class="cline-any cline-yes">1x</span>
470
- <span class="cline-any cline-yes">1x</span>
471
- <span class="cline-any cline-yes">1x</span>
472
- <span class="cline-any cline-yes">1x</span>
473
- <span class="cline-any cline-yes">1x</span>
474
- <span class="cline-any cline-yes">1x</span>
475
- <span class="cline-any cline-yes">1x</span>
468
+ <span class="cline-any cline-no">&nbsp;</span>
469
+ <span class="cline-any cline-no">&nbsp;</span>
470
+ <span class="cline-any cline-no">&nbsp;</span>
471
+ <span class="cline-any cline-no">&nbsp;</span>
472
+ <span class="cline-any cline-no">&nbsp;</span>
473
+ <span class="cline-any cline-no">&nbsp;</span>
474
+ <span class="cline-any cline-no">&nbsp;</span>
475
+ <span class="cline-any cline-no">&nbsp;</span>
476
476
  <span class="cline-any cline-neutral">&nbsp;</span>
477
477
  <span class="cline-any cline-neutral">&nbsp;</span>
478
478
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -484,9 +484,9 @@
484
484
  <span class="cline-any cline-neutral">&nbsp;</span>
485
485
  <span class="cline-any cline-neutral">&nbsp;</span>
486
486
  <span class="cline-any cline-neutral">&nbsp;</span>
487
- <span class="cline-any cline-yes">1x</span>
488
- <span class="cline-any cline-yes">1x</span>
489
- <span class="cline-any cline-yes">1x</span>
487
+ <span class="cline-any cline-no">&nbsp;</span>
488
+ <span class="cline-any cline-no">&nbsp;</span>
489
+ <span class="cline-any cline-no">&nbsp;</span>
490
490
  <span class="cline-any cline-neutral">&nbsp;</span>
491
491
  <span class="cline-any cline-neutral">&nbsp;</span>
492
492
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -498,9 +498,9 @@
498
498
  <span class="cline-any cline-neutral">&nbsp;</span>
499
499
  <span class="cline-any cline-neutral">&nbsp;</span>
500
500
  <span class="cline-any cline-neutral">&nbsp;</span>
501
- <span class="cline-any cline-yes">1x</span>
502
- <span class="cline-any cline-yes">1x</span>
503
- <span class="cline-any cline-yes">1x</span>
501
+ <span class="cline-any cline-no">&nbsp;</span>
502
+ <span class="cline-any cline-no">&nbsp;</span>
503
+ <span class="cline-any cline-no">&nbsp;</span>
504
504
  <span class="cline-any cline-neutral">&nbsp;</span>
505
505
  <span class="cline-any cline-neutral">&nbsp;</span>
506
506
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -512,10 +512,10 @@
512
512
  <span class="cline-any cline-neutral">&nbsp;</span>
513
513
  <span class="cline-any cline-neutral">&nbsp;</span>
514
514
  <span class="cline-any cline-neutral">&nbsp;</span>
515
- <span class="cline-any cline-yes">1x</span>
516
- <span class="cline-any cline-yes">1x</span>
517
- <span class="cline-any cline-yes">1x</span>
518
- <span class="cline-any cline-yes">1x</span>
515
+ <span class="cline-any cline-no">&nbsp;</span>
516
+ <span class="cline-any cline-no">&nbsp;</span>
517
+ <span class="cline-any cline-no">&nbsp;</span>
518
+ <span class="cline-any cline-no">&nbsp;</span>
519
519
  <span class="cline-any cline-neutral">&nbsp;</span>
520
520
  <span class="cline-any cline-neutral">&nbsp;</span>
521
521
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -527,10 +527,10 @@
527
527
  <span class="cline-any cline-neutral">&nbsp;</span>
528
528
  <span class="cline-any cline-neutral">&nbsp;</span>
529
529
  <span class="cline-any cline-neutral">&nbsp;</span>
530
- <span class="cline-any cline-yes">1x</span>
531
- <span class="cline-any cline-yes">1x</span>
532
- <span class="cline-any cline-yes">1x</span>
533
- <span class="cline-any cline-yes">1x</span>
530
+ <span class="cline-any cline-no">&nbsp;</span>
531
+ <span class="cline-any cline-no">&nbsp;</span>
532
+ <span class="cline-any cline-no">&nbsp;</span>
533
+ <span class="cline-any cline-no">&nbsp;</span>
534
534
  <span class="cline-any cline-neutral">&nbsp;</span>
535
535
  <span class="cline-any cline-neutral">&nbsp;</span>
536
536
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -541,11 +541,11 @@
541
541
  <span class="cline-any cline-neutral">&nbsp;</span>
542
542
  <span class="cline-any cline-neutral">&nbsp;</span>
543
543
  <span class="cline-any cline-neutral">&nbsp;</span>
544
- <span class="cline-any cline-yes">1x</span>
545
- <span class="cline-any cline-yes">1x</span>
546
- <span class="cline-any cline-yes">1x</span>
547
- <span class="cline-any cline-yes">1x</span>
548
- <span class="cline-any cline-yes">1x</span>
544
+ <span class="cline-any cline-no">&nbsp;</span>
545
+ <span class="cline-any cline-no">&nbsp;</span>
546
+ <span class="cline-any cline-no">&nbsp;</span>
547
+ <span class="cline-any cline-no">&nbsp;</span>
548
+ <span class="cline-any cline-no">&nbsp;</span>
549
549
  <span class="cline-any cline-neutral">&nbsp;</span>
550
550
  <span class="cline-any cline-neutral">&nbsp;</span>
551
551
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -556,11 +556,12 @@
556
556
  <span class="cline-any cline-neutral">&nbsp;</span>
557
557
  <span class="cline-any cline-neutral">&nbsp;</span>
558
558
  <span class="cline-any cline-neutral">&nbsp;</span>
559
- <span class="cline-any cline-yes">1x</span>
560
- <span class="cline-any cline-yes">1x</span>
561
- <span class="cline-any cline-yes">1x</span>
562
- <span class="cline-any cline-yes">1x</span>
563
- <span class="cline-any cline-yes">1x</span>
559
+ <span class="cline-any cline-no">&nbsp;</span>
560
+ <span class="cline-any cline-no">&nbsp;</span>
561
+ <span class="cline-any cline-no">&nbsp;</span>
562
+ <span class="cline-any cline-no">&nbsp;</span>
563
+ <span class="cline-any cline-no">&nbsp;</span>
564
+ <span class="cline-any cline-neutral">&nbsp;</span>
564
565
  <span class="cline-any cline-neutral">&nbsp;</span>
565
566
  <span class="cline-any cline-neutral">&nbsp;</span>
566
567
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -568,7 +569,6 @@
568
569
  <span class="cline-any cline-neutral">&nbsp;</span>
569
570
  <span class="cline-any cline-neutral">&nbsp;</span>
570
571
  <span class="cline-any cline-yes">1x</span>
571
- <span class="cline-any cline-neutral">&nbsp;</span>
572
572
  <span class="cline-any cline-yes">1x</span>
573
573
  <span class="cline-any cline-yes">1x</span>
574
574
  <span class="cline-any cline-yes">1x</span>
@@ -584,7 +584,7 @@ import {Demo, SrcAttribute} from './location-element.test.stories';
584
584
  type TProps = { title: string; body:string};
585
585
  &nbsp;
586
586
  type Story = StoryObj&lt;TProps&gt;;
587
- function sleep(ms: number) { return new Promise((resolve) =&gt; setTimeout(resolve, ms)); }
587
+ 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>
588
588
  &nbsp;
589
589
  function render(args: TProps)
590
590
  {
@@ -615,14 +615,14 @@ export const TemplateInPage:Story =
615
615
  &lt;dce-internal data-testid="slot-override"&gt;👋&lt;/dce-internal&gt;
616
616
  &lt;dce-internal data-testid="slot-default"&gt;&lt;/dce-internal&gt;
617
617
  `}
618
- , play: async ({canvasElement}) =&gt;
618
+ , play: <span class="fstat-no" title="function not covered" >async ({</span>canvasElement}) =&gt;
619
619
  {
620
- const canvas = within(canvasElement);
621
- await canvas.findByText(TemplateInPage.args!.title as string);
622
- const val = (prop)=&gt; canvas.getByTestId(prop).textContent.trim();
620
+ const canvas = <span class="cstat-no" title="statement not covered" >within(canvasElement);</span>
621
+ <span class="cstat-no" title="statement not covered" > await canvas.findByText(TemplateInPage.args!.title as string);</span>
622
+ const val = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >(p</span>rop)=&gt; <span class="cstat-no" title="statement not covered" >canvas.getByTestId(prop).textContent.trim();</span></span>
623
623
  &nbsp;
624
- expect(val('slot-override')).toEqual('👋 World!');
625
- expect(val('slot-default' )).toEqual('Hello World!');
624
+ <span class="cstat-no" title="statement not covered" > expect(val('slot-override')).toEqual('👋 World!');</span>
625
+ <span class="cstat-no" title="statement not covered" > expect(val('slot-default' )).toEqual('Hello World!');</span>
626
626
  },
627
627
  };
628
628
  &nbsp;
@@ -634,13 +634,13 @@ export const NoTag:Story =
634
634
  &nbsp;
635
635
  &lt;custom-element src="#template2"&gt;&lt;/custom-element&gt;
636
636
  &lt;custom-element src="#template2"&gt;&lt;/custom-element&gt;`}
637
- , play: async ({canvasElement}) =&gt;
637
+ , play: <span class="fstat-no" title="function not covered" >async ({</span>canvasElement}) =&gt;
638
638
  {
639
- const canvas = within(canvasElement);
640
- await canvas.findByText(NoTag.args!.title as string);
639
+ const canvas = <span class="cstat-no" title="statement not covered" >within(canvasElement);</span>
640
+ <span class="cstat-no" title="statement not covered" > await canvas.findByText(NoTag.args!.title as string);</span>
641
641
  &nbsp;
642
- expect(canvasElement.querySelectorAll('custom-element')[0].textContent.trim()).toEqual('🏗️ construction');
643
- expect(canvasElement.querySelectorAll('custom-element')[1].textContent.trim()).toEqual('🏗️ construction');
642
+ <span class="cstat-no" title="statement not covered" > expect(canvasElement.querySelectorAll('custom-element')[0].textContent.trim()).toEqual('🏗️ construction');</span>
643
+ <span class="cstat-no" title="statement not covered" > expect(canvasElement.querySelectorAll('custom-element')[1].textContent.trim()).toEqual('🏗️ construction');</span>
644
644
  },
645
645
  };
646
646
  &nbsp;
@@ -657,14 +657,14 @@ export const ExternalSvg:Story =
657
657
  &lt;i&gt;fallback for missing image&lt;/i&gt;
658
658
  &lt;/custom-element&gt;
659
659
  `}
660
- , play: async ({canvasElement}) =&gt;
660
+ , play: <span class="fstat-no" title="function not covered" >async ({</span>canvasElement}) =&gt;
661
661
  {
662
- const canvas = within(canvasElement);
663
- await canvas.findByText(ExternalSvg.args!.title as string);
664
- expect(canvasElement.querySelector('[src="confused.svg"]').innerHTML).to.include('loading from SVG ...');
665
- await sleep(100);
666
- expect(canvasElement.querySelector('dce-external').innerHTML).to.include('&lt;svg');
667
- expect(canvasElement.querySelector('[src="no.svg"]').innerHTML).to.include('Vitest Browser Tester');
662
+ const canvas = <span class="cstat-no" title="statement not covered" >within(canvasElement);</span>
663
+ <span class="cstat-no" title="statement not covered" > await canvas.findByText(ExternalSvg.args!.title as string);</span>
664
+ <span class="cstat-no" title="statement not covered" > expect(canvasElement.querySelector('[src="confused.svg"]').innerHTML).to.include('loading from SVG ...');</span>
665
+ <span class="cstat-no" title="statement not covered" > await sleep(100);</span>
666
+ <span class="cstat-no" title="statement not covered" > expect(canvasElement.querySelector('dce-external').innerHTML).to.include('&lt;svg');</span>
667
+ <span class="cstat-no" title="statement not covered" > expect(canvasElement.querySelector('[src="no.svg"]').innerHTML).to.include('Vitest Browser Tester');</span>
668
668
  // "fallback for missing image" is not shown in test as test does not return 404, see test on 404 instead
669
669
  },
670
670
  };
@@ -680,15 +680,15 @@ export const ExternalXsltFile:Story =
680
680
  &lt;i&gt;inline DCE loading from XSLT ...&lt;/i&gt;
681
681
  &lt;/custom-element&gt;
682
682
  `}
683
- , play: async ({canvasElement}) =&gt;
683
+ , play: <span class="fstat-no" title="function not covered" >async ({</span>canvasElement}) =&gt;
684
684
  {
685
- const canvas = within(canvasElement);
686
- await canvas.findByText(ExternalXsltFile.args!.title as string);
687
- expect(canvasElement.querySelector('dce-external-4').innerHTML).to.include('Hi');
688
- expect(canvasElement.querySelector('[data-smile="👼"]').innerHTML).to.include('loading from XSLT ...');
689
- await sleep(100);
690
- expect(canvas.getByTestId('data-fruit').innerHTML).to.include('🍌');
691
- expect(canvas.getByTestId('data-smile').innerHTML).to.include('👼');
685
+ const canvas = <span class="cstat-no" title="statement not covered" >within(canvasElement);</span>
686
+ <span class="cstat-no" title="statement not covered" > await canvas.findByText(ExternalXsltFile.args!.title as string);</span>
687
+ <span class="cstat-no" title="statement not covered" > expect(canvasElement.querySelector('dce-external-4').innerHTML).to.include('Hi');</span>
688
+ <span class="cstat-no" title="statement not covered" > expect(canvasElement.querySelector('[data-smile="👼"]').innerHTML).to.include('loading from XSLT ...');</span>
689
+ <span class="cstat-no" title="statement not covered" > await sleep(100);</span>
690
+ <span class="cstat-no" title="statement not covered" > expect(canvas.getByTestId('data-fruit').innerHTML).to.include('🍌');</span>
691
+ <span class="cstat-no" title="statement not covered" > expect(canvas.getByTestId('data-smile').innerHTML).to.include('👼');</span>
692
692
  },
693
693
  };
694
694
  &nbsp;
@@ -699,16 +699,16 @@ export const ExternalHtmlFile:Story =
699
699
  &lt;/custom-element&gt;
700
700
  &lt;dce-external-5 title="DCE with external XSLT template" data-fruit="🍌"&gt;Hi&lt;/dce-external-5&gt;
701
701
  `}
702
- , play: async ({canvasElement}) =&gt;
702
+ , play: <span class="fstat-no" title="function not covered" >async ({</span>canvasElement}) =&gt;
703
703
  {
704
- const canvas = within(canvasElement);
705
- await canvas.findByText(ExternalHtmlFile.args!.title as string);
706
- await canvas.findByText('👋');
707
- const t5 = canvasElement.querySelector('dce-external-5').innerHTML;
708
- expect(t5).to.include('👋');
709
- expect(t5).to.include('👌');
710
- expect(t5).to.include('&lt;svg');
711
- expect(t5).to.include('&lt;math');
704
+ const canvas = <span class="cstat-no" title="statement not covered" >within(canvasElement);</span>
705
+ <span class="cstat-no" title="statement not covered" > await canvas.findByText(ExternalHtmlFile.args!.title as string);</span>
706
+ <span class="cstat-no" title="statement not covered" > await canvas.findByText('👋');</span>
707
+ const t5 = <span class="cstat-no" title="statement not covered" >canvasElement.querySelector('dce-external-5').innerHTML;</span>
708
+ <span class="cstat-no" title="statement not covered" > expect(t5).to.include('👋');</span>
709
+ <span class="cstat-no" title="statement not covered" > expect(t5).to.include('👌');</span>
710
+ <span class="cstat-no" title="statement not covered" > expect(t5).to.include('&lt;svg');</span>
711
+ <span class="cstat-no" title="statement not covered" > expect(t5).to.include('&lt;math');</span>
712
712
  },
713
713
  };
714
714
  &nbsp;
@@ -718,16 +718,16 @@ export const ExternalHtmlFileInline:Story =
718
718
  &lt;i&gt;inline DCE loading from HTML file ...&lt;/i&gt;
719
719
  &lt;/custom-element&gt;
720
720
  `}
721
- , play: async ({canvasElement}) =&gt;
721
+ , play: <span class="fstat-no" title="function not covered" >async ({</span>canvasElement}) =&gt;
722
722
  {
723
- const canvas = within(canvasElement);
724
- await canvas.findByText(ExternalHtmlFileInline.args!.title as string);
725
- await canvas.findByText('👋');
726
- const t5 = canvasElement.innerHTML;
727
- expect(t5).to.include('👋');
728
- expect(t5).to.include('👌');
729
- expect(t5).to.include('&lt;svg');
730
- expect(t5).to.include('&lt;math');
723
+ const canvas = <span class="cstat-no" title="statement not covered" >within(canvasElement);</span>
724
+ <span class="cstat-no" title="statement not covered" > await canvas.findByText(ExternalHtmlFileInline.args!.title as string);</span>
725
+ <span class="cstat-no" title="statement not covered" > await canvas.findByText('👋');</span>
726
+ const t5 = <span class="cstat-no" title="statement not covered" >canvasElement.innerHTML;</span>
727
+ <span class="cstat-no" title="statement not covered" > expect(t5).to.include('👋');</span>
728
+ <span class="cstat-no" title="statement not covered" > expect(t5).to.include('👌');</span>
729
+ <span class="cstat-no" title="statement not covered" > expect(t5).to.include('&lt;svg');</span>
730
+ <span class="cstat-no" title="statement not covered" > expect(t5).to.include('&lt;math');</span>
731
731
  },
732
732
  };
733
733
  &nbsp;
@@ -737,11 +737,11 @@ export const HtmlWithinHtmlFile:Story =
737
737
  &lt;template&gt;&lt;i&gt;loading HTML from templates file ...&lt;/i&gt;&lt;/template&gt;
738
738
  &lt;/custom-element&gt;
739
739
  `}
740
- , play: async ({canvasElement}) =&gt;
740
+ , play: <span class="fstat-no" title="function not covered" >async ({</span>canvasElement}) =&gt;
741
741
  {
742
- const canvas = within(canvasElement);
743
- await canvas.findByText(HtmlWithinHtmlFile.args!.title as string);
744
- expect(await canvas.findByText('👋')).toBeInTheDocument();
742
+ const canvas = <span class="cstat-no" title="statement not covered" >within(canvasElement);</span>
743
+ <span class="cstat-no" title="statement not covered" > await canvas.findByText(HtmlWithinHtmlFile.args!.title as string);</span>
744
+ <span class="cstat-no" title="statement not covered" > expect(await canvas.findByText('👋')).toBeInTheDocument();</span>
745
745
  },
746
746
  };
747
747
  &nbsp;
@@ -751,11 +751,11 @@ export const SvgWithinHtmlFile:Story =
751
751
  &lt;template&gt;&lt;i&gt;loading SVG from templates file ...&lt;/i&gt;&lt;/template&gt;
752
752
  &lt;/custom-element&gt;
753
753
  `}
754
- , play: async ({canvasElement}) =&gt;
754
+ , play: <span class="fstat-no" title="function not covered" >async ({</span>canvasElement}) =&gt;
755
755
  {
756
- const canvas = within(canvasElement);
757
- await canvas.findByText(SvgWithinHtmlFile.args!.title as string);
758
- expect(await canvas.findByTestId('svg-test')).toBeInTheDocument();
756
+ const canvas = <span class="cstat-no" title="statement not covered" >within(canvasElement);</span>
757
+ <span class="cstat-no" title="statement not covered" > await canvas.findByText(SvgWithinHtmlFile.args!.title as string);</span>
758
+ <span class="cstat-no" title="statement not covered" > expect(await canvas.findByTestId('svg-test')).toBeInTheDocument();</span>
759
759
  },
760
760
  };
761
761
  &nbsp;
@@ -765,12 +765,12 @@ export const MathMLWithinHtmlFile:Story =
765
765
  &lt;template&gt;&lt;i&gt;loading MathML from HTML file ...&lt;/i&gt;&lt;/template&gt;
766
766
  &lt;/custom-element&gt;
767
767
  `}
768
- , play: async ({canvasElement}) =&gt;
768
+ , play: <span class="fstat-no" title="function not covered" >async ({</span>canvasElement}) =&gt;
769
769
  {
770
- const canvas = within(canvasElement);
771
- await canvas.findByText(MathMLWithinHtmlFile.args!.title as string);
772
- const ml = await canvas.findByTestId('ml-test');
773
- expect(ml.firstElementChild.localName).toEqual('mrow');
770
+ const canvas = <span class="cstat-no" title="statement not covered" >within(canvasElement);</span>
771
+ <span class="cstat-no" title="statement not covered" > await canvas.findByText(MathMLWithinHtmlFile.args!.title as string);</span>
772
+ const ml = <span class="cstat-no" title="statement not covered" >await canvas.findByTestId('ml-test');</span>
773
+ <span class="cstat-no" title="statement not covered" > expect(ml.firstElementChild.localName).toEqual('mrow');</span>
774
774
  },
775
775
  };
776
776
  &nbsp;
@@ -780,12 +780,12 @@ export const ByIdWithinXsltFile:Story =
780
780
  &lt;template&gt;whole XSLT is embedded into HTML body&lt;/template&gt;
781
781
  &lt;/custom-element&gt;
782
782
  `}
783
- , play: async ({canvasElement}) =&gt;
783
+ , play: <span class="fstat-no" title="function not covered" >async ({</span>canvasElement}) =&gt;
784
784
  {
785
- const canvas = within(canvasElement);
786
- await canvas.findByText(ByIdWithinXsltFile.args!.title as string);
787
- const ml = await canvas.findByTestId('src');
788
- expect(ml.textContent).to.include('/html-template.xhtml#embedded-xsl');
785
+ const canvas = <span class="cstat-no" title="statement not covered" >within(canvasElement);</span>
786
+ <span class="cstat-no" title="statement not covered" > await canvas.findByText(ByIdWithinXsltFile.args!.title as string);</span>
787
+ const ml = <span class="cstat-no" title="statement not covered" >await canvas.findByTestId('src');</span>
788
+ <span class="cstat-no" title="statement not covered" > expect(ml.textContent).to.include('/html-template.xhtml#embedded-xsl');</span>
789
789
  },
790
790
  };
791
791
  export const MissingIdWithinXsltFile:Story =
@@ -794,13 +794,13 @@ export const MissingIdWithinXsltFile:Story =
794
794
  &lt;template&gt;&lt;i data-testid="no-id"&gt;element with id=none is missing in template&lt;/i&gt;&lt;/template&gt;
795
795
  &lt;/custom-element&gt;
796
796
  `}
797
- , play: async ({canvasElement}) =&gt;
797
+ , play: <span class="fstat-no" title="function not covered" >async ({</span>canvasElement}) =&gt;
798
798
  {
799
- const canvas = within(canvasElement);
800
- await canvas.findByText(MissingIdWithinXsltFile.args!.title as string);
801
- await sleep(100);
802
- const ml = await canvas.findByTestId('no-id');
803
- expect(ml.textContent).to.include('element with id=none is missing in template');
799
+ const canvas = <span class="cstat-no" title="statement not covered" >within(canvasElement);</span>
800
+ <span class="cstat-no" title="statement not covered" > await canvas.findByText(MissingIdWithinXsltFile.args!.title as string);</span>
801
+ <span class="cstat-no" title="statement not covered" > await sleep(100);</span>
802
+ const ml = <span class="cstat-no" title="statement not covered" >await canvas.findByTestId('no-id');</span>
803
+ <span class="cstat-no" title="statement not covered" > expect(ml.textContent).to.include('element with id=none is missing in template');</span>
804
804
  },
805
805
  };
806
806
  export const EmbeddingInAnotherFile:Story =
@@ -809,24 +809,24 @@ export const EmbeddingInAnotherFile:Story =
809
809
  loading from embed-1.html ...
810
810
  &lt;/custom-element&gt;
811
811
  `}
812
- , play: async ({canvasElement}) =&gt;
812
+ , play: <span class="fstat-no" title="function not covered" >async ({</span>canvasElement}) =&gt;
813
813
  {
814
- const canvas = within(canvasElement);
815
- await canvas.findByText(EmbeddingInAnotherFile.args!.title as string);
816
- await sleep(100);
817
- expect(await canvas.findByTestId('wave')).toBeInTheDocument();
818
- expect(canvas.getByTestId('wave').innerHTML).toEqual('🖖');
814
+ const canvas = <span class="cstat-no" title="statement not covered" >within(canvasElement);</span>
815
+ <span class="cstat-no" title="statement not covered" > await canvas.findByText(EmbeddingInAnotherFile.args!.title as string);</span>
816
+ <span class="cstat-no" title="statement not covered" > await sleep(100);</span>
817
+ <span class="cstat-no" title="statement not covered" > expect(await canvas.findByTestId('wave')).toBeInTheDocument();</span>
818
+ <span class="cstat-no" title="statement not covered" > expect(canvas.getByTestId('wave').innerHTML).toEqual('🖖');</span>
819
819
  },
820
820
  };
821
821
  &nbsp;
822
- const TestStories = { TemplateInPage, NoTag, ExternalSvg, ExternalXsltFile, ExternalHtmlFile, ExternalHtmlFileInline, HtmlWithinHtmlFile, SvgWithinHtmlFile, MathMLWithinHtmlFile, ByIdWithinXsltFile, MissingIdWithinXsltFile, EmbeddingInAnotherFile };
823
- &nbsp;
824
822
  /* istanbul ignore else -- @preserve */
825
- if( 'test' === import.meta.env.MODE )
823
+ if( 'test' === import.meta.env.MODE &amp;&amp;
824
+ !import.meta.url.includes('skiptest') )
826
825
  {
827
- const {playStories} = await import('./renderPlay');
828
- const {describe} = await import('vitest')
829
- describe('slots', () =&gt; playStories( TestStories, meta ) );
826
+ const mod = await import('./external-template.test.stories.ts?skiptest');
827
+ const { testStoryBook } = await import('./testStoryBook')
828
+ const { describe } = await import('vitest')
829
+ describe(meta.title, () =&gt; testStoryBook( mod, meta ) );
830
830
  }
831
831
  &nbsp;</pre></td></tr></table></pre>
832
832
 
@@ -835,7 +835,7 @@ if( 'test' === import.meta.env.MODE )
835
835
  <div class='footer quiet pad2 space-top1 center small'>
836
836
  Code coverage generated by
837
837
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
838
- at 2024-06-25T03:55:40.964Z
838
+ at 2024-07-22T03:09:38.362Z
839
839
  </div>
840
840
  <script src="../../prettify.js"></script>
841
841
  <script>
package/coverage/src/stories/form.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>