@epa-wg/custom-element-dist 0.0.21 → 0.0.23

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 (174) hide show
  1. package/.idea/.gitignore +8 -0
  2. package/README.md +4 -4
  3. package/coverage/coverage-final.json +13 -11
  4. package/coverage/index.html +30 -30
  5. package/coverage/src/custom-element/coverage.svg +1 -1
  6. package/coverage/src/custom-element/custom-element.js/coverage.svg +1 -1
  7. package/coverage/src/custom-element/custom-element.js.html +603 -420
  8. package/coverage/src/custom-element/http-request.js.html +10 -10
  9. package/coverage/src/custom-element/index.html +18 -18
  10. package/coverage/src/custom-element/local-storage.js.html +2 -2
  11. package/coverage/src/custom-element/location-element.js.html +1 -1
  12. package/coverage/src/index.html +1 -1
  13. package/coverage/src/mocks/handlers.ts.html +1 -1
  14. package/coverage/src/mocks/index.html +1 -1
  15. package/coverage/src/stories/{css.stories.ts → attributes.test.stories.ts}/coverage.svg +1 -1
  16. package/coverage/src/stories/{attributes.stories.ts.html → attributes.test.stories.ts.html} +113 -83
  17. package/coverage/src/stories/coverage.svg +1 -1
  18. package/coverage/src/stories/css.test.stories.ts/coverage.svg +10 -0
  19. package/coverage/src/stories/{css.stories.ts.html → css.test.stories.ts.html} +122 -65
  20. package/coverage/src/stories/dom-merge.test.stories.ts/coverage.svg +10 -0
  21. package/coverage/src/stories/{dom-merge.stories.ts.html → dom-merge.test.stories.ts.html} +118 -70
  22. package/coverage/src/stories/external-template.test.stories.ts/coverage.svg +10 -0
  23. package/coverage/src/stories/{external-template.stories.ts.html → external-template.test.stories.ts.html} +180 -150
  24. package/coverage/src/stories/form.test.stories.ts/coverage.svg +10 -0
  25. package/coverage/src/stories/form.test.stories.ts.html +655 -0
  26. package/coverage/src/stories/http-request.stories.ts.html +7 -7
  27. package/coverage/src/stories/index.html +118 -88
  28. package/coverage/src/stories/{dom-merge.stories.ts → local-storage.test.stories.ts}/coverage.svg +1 -1
  29. package/coverage/src/stories/{local-storage.stories.ts.html → local-storage.test.stories.ts.html} +475 -439
  30. package/coverage/src/stories/{external-template.stories.ts → location-element.test.stories.ts}/coverage.svg +1 -1
  31. package/coverage/src/stories/{location-element.stories.ts.html → location-element.test.stories.ts.html} +134 -98
  32. package/coverage/src/stories/slice-events.test.stories.ts/coverage.svg +10 -0
  33. package/coverage/src/stories/slice-events.test.stories.ts.html +685 -0
  34. package/coverage/src/stories/slots.test.stories.ts/coverage.svg +10 -0
  35. package/coverage/src/stories/slots.test.stories.ts.html +736 -0
  36. package/coverage/src/stories/{renderPlay.ts.html → testStoryBook.ts.html} +44 -26
  37. package/coverage/src/sum.ts.html +1 -1
  38. package/dist/custom-element-BISbI4SU.js +463 -0
  39. package/dist/custom-element-N-sWiqGK.cjs +53 -0
  40. package/dist/custom-element-bundle.cjs +1 -1
  41. package/dist/custom-element-bundle.js +2 -2
  42. package/dist/mockServiceWorker.js +1 -1
  43. package/package.json +4 -4
  44. package/public/mockServiceWorker.js +1 -1
  45. package/src/custom-element/custom-element.d.ts +4 -0
  46. package/src/custom-element/custom-element.js +103 -42
  47. package/src/custom-element/demo/a.html +38 -41
  48. package/src/custom-element/demo/b.html +13 -0
  49. package/src/custom-element/demo/data-slices.html +32 -0
  50. package/src/custom-element/demo/form.html +240 -0
  51. package/src/custom-element/demo/s.xml +11 -14
  52. package/src/custom-element/demo/s.xslt +22 -38
  53. package/src/custom-element/demo/s1.xslt +60 -0
  54. package/src/custom-element/ide/customData-dce.json +14 -1
  55. package/src/custom-element/ide/web-types-dce.json +6 -1
  56. package/src/custom-element/ide/web-types-xsl.json +1 -1
  57. package/src/custom-element/index.html +1 -0
  58. package/src/custom-element.test.ts +24 -8
  59. package/src/stories/{attributes.stories.ts → attributes.test.stories.ts} +19 -9
  60. package/src/stories/{css.stories.ts → css.test.stories.ts} +28 -9
  61. package/src/stories/{dom-merge.stories.ts → dom-merge.test.stories.ts} +19 -3
  62. package/src/stories/{external-template.stories.ts → external-template.test.stories.ts} +13 -3
  63. package/src/stories/form.test.stories.ts +190 -0
  64. package/src/stories/http-request.stories.ts +6 -6
  65. package/src/stories/http-request.test.ts +0 -9
  66. package/src/stories/{local-storage.stories.ts → local-storage.test.stories.ts} +24 -12
  67. package/src/stories/{location-element.stories.ts → location-element.test.stories.ts} +21 -9
  68. package/src/stories/{slice-events.stories.ts → slice-events.test.stories.ts} +88 -5
  69. package/src/stories/slots.test.stories.ts +217 -0
  70. package/src/stories/testStoryBook.ts +28 -0
  71. package/storybook-static/assets/{Color-RQJUDNI5-C4yZhNbM.js → Color-PRSJMWNM-BD_Ds9NW.js} +1 -1
  72. package/storybook-static/assets/{Configure-C7d36rng.js → Configure-70I_VApa.js} +1 -1
  73. package/storybook-static/assets/DocsRenderer-K4EAMTCU-9dn0-HCP.js +2 -0
  74. package/storybook-static/assets/WithTooltip-KJL26V4Q-C6g5GOU9.js +1 -0
  75. package/storybook-static/assets/{attributes.stories-ZB0RTY1d.js → attributes.test.stories-BEOraI4E.js} +22 -21
  76. package/storybook-static/assets/css.test.stories-D9WaxrEv.js +96 -0
  77. package/storybook-static/assets/custom-element-BV8-hRQS.js +219 -0
  78. package/storybook-static/assets/{dom-merge.stories-CgHZUABU.js → dom-merge.test.stories-BhbNeum_.js} +5 -6
  79. package/storybook-static/assets/{entry-preview-CQqNFx4W.js → entry-preview-DrgzXgwT.js} +1 -1
  80. package/storybook-static/assets/{entry-preview-docs-CWgqLfd3.js → entry-preview-docs-Bxv0qQWs.js} +1 -1
  81. package/storybook-static/assets/{external-template.stories-DtSLMxvg.js → external-template.test.stories-Bpr_wxBo.js} +23 -24
  82. package/storybook-static/assets/form.test.stories-3tURbEdv.js +250 -0
  83. package/storybook-static/assets/{formatter-B5HCVTEV-tKeEfJA9.js → formatter-2WMMO6ZP-6IvBq34u.js} +5 -5
  84. package/storybook-static/assets/http-request.stories-8K_qSs8C.js +300 -0
  85. package/storybook-static/assets/iframe-zdt9kuj6.js +2 -0
  86. package/storybook-static/assets/index-B3oZkK3F.js +1 -0
  87. package/storybook-static/assets/index-C30JwJMK.js +548 -0
  88. package/storybook-static/assets/index-CVRyq5ci.js +27 -0
  89. package/storybook-static/assets/index-DXimoRZY.js +1 -0
  90. package/storybook-static/assets/{index-DnEJ_bKa.js → index-DhXZyjEd.js} +1 -1
  91. package/storybook-static/assets/index-DuIEV_9C.js +13 -0
  92. package/storybook-static/assets/{lit-element-B4_0akdT.js → lit-element-CenEXOuS.js} +2 -2
  93. package/storybook-static/assets/{local-storage.stories-BkO6djDz.js → local-storage.test.stories-CtisAQBB.js} +28 -24
  94. package/storybook-static/assets/{location-element.stories-DCIOUd0D.js → location-element.test.stories-5O_t_m4Y.js} +11 -11
  95. package/storybook-static/assets/preview-4Up_z4Em.js +7 -0
  96. package/storybook-static/assets/preview-BKCN0mOr.js +1 -0
  97. package/storybook-static/assets/{preview-CkgAD_DE.js → preview-D0eCfQft.js} +2 -2
  98. package/storybook-static/assets/preview-DRnyIGXK.js +48 -0
  99. package/storybook-static/assets/preview-FpHGYA1q.js +1 -0
  100. package/storybook-static/assets/{preview-PxUn-cIn.js → preview-TCN6m6T-.js} +1 -1
  101. package/storybook-static/assets/slice-events.test.stories-BSXCLIA5.js +231 -0
  102. package/storybook-static/assets/slots.test.stories-B1vqfHmN.js +214 -0
  103. package/storybook-static/assets/syntaxhighlighter-BP7B2CQK-DpPBKyTO.js +1 -0
  104. package/storybook-static/iframe.html +153 -10
  105. package/storybook-static/index.html +1 -1
  106. package/storybook-static/index.json +1 -1
  107. package/storybook-static/mockServiceWorker.js +1 -1
  108. package/storybook-static/project.json +1 -1
  109. package/storybook-static/sb-addons/chromatic-com-storybook-9/manager-bundle.js +35 -29
  110. package/storybook-static/sb-addons/chromatic-com-storybook-9/manager-bundle.js.LEGAL.txt +1 -1
  111. package/storybook-static/sb-addons/essentials-actions-3/manager-bundle.js +1 -1
  112. package/storybook-static/sb-addons/essentials-backgrounds-4/manager-bundle.js +5 -5
  113. package/storybook-static/sb-addons/essentials-controls-2/manager-bundle.js +35 -35
  114. package/storybook-static/sb-addons/essentials-measure-7/manager-bundle.js +1 -1
  115. package/storybook-static/sb-addons/essentials-outline-8/manager-bundle.js +1 -1
  116. package/storybook-static/sb-addons/essentials-toolbars-6/manager-bundle.js +1 -1
  117. package/storybook-static/sb-addons/essentials-viewport-5/manager-bundle.js +1 -1
  118. package/storybook-static/sb-addons/interactions-10/manager-bundle.js +18 -16
  119. package/storybook-static/sb-addons/links-1/manager-bundle.js +1 -1
  120. package/storybook-static/sb-addons/storybook-core-server-presets-0/common-manager-bundle.js +1 -1
  121. package/storybook-static/sb-manager/WithTooltip-KJL26V4Q-5LS5AN27.js +1 -0
  122. package/storybook-static/sb-manager/{chunk-S4VOIVUE.js → chunk-B3YDJJJH.js} +9 -9
  123. package/storybook-static/sb-manager/{chunk-FEE35O7J.js → chunk-BLWCBWKL.js} +3 -3
  124. package/storybook-static/sb-manager/{chunk-XCO5HRLK.js → chunk-GUVK2GTO.js} +3 -3
  125. package/storybook-static/sb-manager/chunk-LFRML3ZV.js +186 -0
  126. package/storybook-static/sb-manager/chunk-MC7RAF2B.js +274 -0
  127. package/storybook-static/sb-manager/{chunk-XP3HGWTR.js → chunk-ZR5JZWHI.js} +1 -1
  128. package/storybook-static/sb-manager/{formatter-B5HCVTEV-7DCBOGO6.js → formatter-2WMMO6ZP-JI7RHVTW.js} +1 -1
  129. package/storybook-static/sb-manager/globals-module-info.js +1 -1
  130. package/storybook-static/sb-manager/globals-runtime.js +1 -1
  131. package/storybook-static/sb-manager/index.js +1 -1
  132. package/storybook-static/sb-manager/runtime.js +1 -1
  133. package/storybook-static/sb-manager/{syntaxhighlighter-JOJW2KGS-VF6EEVPI.js → syntaxhighlighter-BP7B2CQK-WOJYHKQR.js} +1 -1
  134. package/storybook-static/sb-preview/runtime.js +28 -11
  135. package/tsconfig.json +31 -21
  136. package/vite.config.js +5 -5
  137. package/yarn.lock +10242 -0
  138. package/.vscode/settings.json +0 -24
  139. package/coverage/src/stories/local-storage.stories.ts/coverage.svg +0 -10
  140. package/coverage/src/stories/location-element.stories.ts/coverage.svg +0 -10
  141. package/coverage/src/stories/renderPlay.ts/coverage.svg +0 -10
  142. package/coverage/src/stories/slice-events.stories.ts/coverage.svg +0 -10
  143. package/coverage/src/stories/slice-events.stories.ts.html +0 -436
  144. package/dist/custom-element-B4v-KaIh.cjs +0 -53
  145. package/dist/custom-element-_g0GTup2.js +0 -436
  146. package/src/stories/attributes.test.ts +0 -14
  147. package/src/stories/css.test.ts +0 -12
  148. package/src/stories/dom-merge.test.ts +0 -12
  149. package/src/stories/external-template.test.ts +0 -12
  150. package/src/stories/local-storage.test.ts +0 -12
  151. package/src/stories/location-element.test.ts +0 -14
  152. package/src/stories/renderPlay.ts +0 -22
  153. package/src/stories/slice-events.test.ts +0 -12
  154. package/storybook-static/assets/DocsRenderer-K4EAMTCU-BLMupvSb.js +0 -2
  155. package/storybook-static/assets/WithTooltip-Y7J54OF7-BAQSPSFk.js +0 -1
  156. package/storybook-static/assets/css.stories-CLSX-Xxd.js +0 -86
  157. package/storybook-static/assets/custom-element-BLZZ00dz.js +0 -53
  158. package/storybook-static/assets/http-request.stories-CUzlXO89.js +0 -300
  159. package/storybook-static/assets/iframe-gCvlWuoC.js +0 -2
  160. package/storybook-static/assets/index-CBQwM6ST.js +0 -508
  161. package/storybook-static/assets/index-CDavW7r9.js +0 -193
  162. package/storybook-static/assets/index-CQA5dlr6.js +0 -13
  163. package/storybook-static/assets/index-DgaNIR0t.js +0 -1
  164. package/storybook-static/assets/index-Dkj0J1ds.js +0 -1
  165. package/storybook-static/assets/preview-C6t8KBFr.js +0 -1
  166. package/storybook-static/assets/preview-CYD85dwb.js +0 -7
  167. package/storybook-static/assets/preview-D8LadFCz.js +0 -48
  168. package/storybook-static/assets/preview-DNpCpRPf.js +0 -1
  169. package/storybook-static/assets/slice-events.stories-DXKjXI37.js +0 -115
  170. package/storybook-static/assets/syntaxhighlighter-JOJW2KGS-C04pIVD3.js +0 -1
  171. package/storybook-static/sb-manager/WithTooltip-Y7J54OF7-CEHQ77YF.js +0 -1
  172. package/storybook-static/sb-manager/chunk-E3WK6ZOZ.js +0 -234
  173. package/storybook-static/sb-manager/chunk-E6ABNH5R.js +0 -183
  174. /package/coverage/src/stories/{attributes.stories.ts → testStoryBook.ts}/coverage.svg +0 -0
package/coverage/src/stories/{external-template.stories.ts → location-element.test.stories.ts}/coverage.svg RENAMED
@@ -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">12.5%</text>
10
10
  </svg>
package/coverage/src/stories/{location-element.stories.ts.html → location-element.test.stories.ts.html} RENAMED
@@ -3,7 +3,7 @@
3
3
  <html lang="en">
4
4
 
5
5
  <head>
6
- <title>Code coverage report for src/stories/location-element.stories.ts</title>
6
+ <title>Code coverage report for src/stories/location-element.test.stories.ts</title>
7
7
  <meta charset="utf-8" />
8
8
  <link rel="stylesheet" href="../../prettify.css" />
9
9
  <link rel="stylesheet" href="../../base.css" />
@@ -19,34 +19,34 @@
19
19
  <body>
20
20
  <div class='wrapper'>
21
21
  <div class='pad1'>
22
- <h1><a href="../../index.html">All files</a> / <a href="index.html">src/stories</a> location-element.stories.ts</h1>
22
+ <h1><a href="../../index.html">All files</a> / <a href="index.html">src/stories</a> location-element.test.stories.ts</h1>
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">19.35% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>56/56</span>
28
+ <span class='fraction'>12/62</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'>2/2</span>
35
+ <span class='fraction'>5/5</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">12.5% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>15/15</span>
42
+ <span class='fraction'>2/16</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">22% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>45/45</span>
49
+ <span class='fraction'>11/50</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>
@@ -196,7 +196,20 @@
196
196
  <a name='L131'></a><a href='#L131'>131</a>
197
197
  <a name='L132'></a><a href='#L132'>132</a>
198
198
  <a name='L133'></a><a href='#L133'>133</a>
199
- <a name='L134'></a><a href='#L134'>134</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
199
+ <a name='L134'></a><a href='#L134'>134</a>
200
+ <a name='L135'></a><a href='#L135'>135</a>
201
+ <a name='L136'></a><a href='#L136'>136</a>
202
+ <a name='L137'></a><a href='#L137'>137</a>
203
+ <a name='L138'></a><a href='#L138'>138</a>
204
+ <a name='L139'></a><a href='#L139'>139</a>
205
+ <a name='L140'></a><a href='#L140'>140</a>
206
+ <a name='L141'></a><a href='#L141'>141</a>
207
+ <a name='L142'></a><a href='#L142'>142</a>
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>
211
+ <a name='L146'></a><a href='#L146'>146</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
212
+ <span class="cline-any cline-neutral">&nbsp;</span>
200
213
  <span class="cline-any cline-neutral">&nbsp;</span>
201
214
  <span class="cline-any cline-neutral">&nbsp;</span>
202
215
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -213,7 +226,7 @@
213
226
  <span class="cline-any cline-neutral">&nbsp;</span>
214
227
  <span class="cline-any cline-neutral">&nbsp;</span>
215
228
  <span class="cline-any cline-neutral">&nbsp;</span>
216
- <span class="cline-any cline-yes">4x</span>
229
+ <span class="cline-any cline-no">&nbsp;</span>
217
230
  <span class="cline-any cline-neutral">&nbsp;</span>
218
231
  <span class="cline-any cline-neutral">&nbsp;</span>
219
232
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -270,27 +283,27 @@
270
283
  <span class="cline-any cline-neutral">&nbsp;</span>
271
284
  <span class="cline-any cline-neutral">&nbsp;</span>
272
285
  <span class="cline-any cline-neutral">&nbsp;</span>
273
- <span class="cline-any cline-yes">1x</span>
274
- <span class="cline-any cline-yes">1x</span>
275
- <span class="cline-any cline-yes">31x</span>
276
- <span class="cline-any cline-yes">2x</span>
277
- <span class="cline-any cline-yes">27x</span>
278
- <span class="cline-any cline-yes">1x</span>
286
+ <span class="cline-any cline-no">&nbsp;</span>
287
+ <span class="cline-any cline-no">&nbsp;</span>
288
+ <span class="cline-any cline-no">&nbsp;</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>
279
292
  <span class="cline-any cline-neutral">&nbsp;</span>
280
- <span class="cline-any cline-yes">9x</span>
281
- <span class="cline-any cline-yes">1x</span>
282
- <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>
283
296
  <span class="cline-any cline-neutral">&nbsp;</span>
284
- <span class="cline-any cline-yes">1x</span>
285
- <span class="cline-any cline-yes">1x</span>
286
- <span class="cline-any cline-yes">9x</span>
297
+ <span class="cline-any cline-no">&nbsp;</span>
298
+ <span class="cline-any cline-no">&nbsp;</span>
299
+ <span class="cline-any cline-no">&nbsp;</span>
287
300
  <span class="cline-any cline-neutral">&nbsp;</span>
288
- <span class="cline-any cline-yes">1x</span>
289
- <span class="cline-any cline-yes">1x</span>
301
+ <span class="cline-any cline-no">&nbsp;</span>
302
+ <span class="cline-any cline-no">&nbsp;</span>
290
303
  <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">9x</span>
304
+ <span class="cline-any cline-no">&nbsp;</span>
305
+ <span class="cline-any cline-no">&nbsp;</span>
306
+ <span class="cline-any cline-no">&nbsp;</span>
294
307
  <span class="cline-any cline-neutral">&nbsp;</span>
295
308
  <span class="cline-any cline-neutral">&nbsp;</span>
296
309
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -303,39 +316,51 @@
303
316
  <span class="cline-any cline-neutral">&nbsp;</span>
304
317
  <span class="cline-any cline-neutral">&nbsp;</span>
305
318
  <span class="cline-any cline-neutral">&nbsp;</span>
306
- <span class="cline-any cline-yes">1x</span>
307
- <span class="cline-any cline-yes">1x</span>
308
- <span class="cline-any cline-yes">15x</span>
309
- <span class="cline-any cline-yes">2x</span>
310
- <span class="cline-any cline-yes">5x</span>
311
- <span class="cline-any cline-yes">1x</span>
312
- <span class="cline-any cline-yes">5x</span>
319
+ <span class="cline-any cline-no">&nbsp;</span>
320
+ <span class="cline-any cline-no">&nbsp;</span>
321
+ <span class="cline-any cline-no">&nbsp;</span>
322
+ <span class="cline-any cline-no">&nbsp;</span>
323
+ <span class="cline-any cline-no">&nbsp;</span>
324
+ <span class="cline-any cline-no">&nbsp;</span>
325
+ <span class="cline-any cline-no">&nbsp;</span>
326
+ <span class="cline-any cline-neutral">&nbsp;</span>
327
+ <span class="cline-any cline-no">&nbsp;</span>
328
+ <span class="cline-any cline-no">&nbsp;</span>
329
+ <span class="cline-any cline-no">&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-neutral">&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>
338
+ <span class="cline-any cline-no">&nbsp;</span>
339
+ <span class="cline-any cline-no">&nbsp;</span>
340
+ <span class="cline-any cline-no">&nbsp;</span>
341
+ <span class="cline-any cline-no">&nbsp;</span>
342
+ <span class="cline-any cline-neutral">&nbsp;</span>
343
+ <span class="cline-any cline-neutral">&nbsp;</span>
344
+ <span class="cline-any cline-neutral">&nbsp;</span>
345
+ <span class="cline-any cline-neutral">&nbsp;</span>
313
346
  <span class="cline-any cline-neutral">&nbsp;</span>
314
- <span class="cline-any cline-yes">1x</span>
315
- <span class="cline-any cline-yes">1x</span>
316
- <span class="cline-any cline-yes">1x</span>
317
- <span class="cline-any cline-yes">1x</span>
318
- <span class="cline-any cline-yes">1x</span>
319
- <span class="cline-any cline-yes">1x</span>
320
- <span class="cline-any cline-yes">1x</span>
321
347
  <span class="cline-any cline-neutral">&nbsp;</span>
322
348
  <span class="cline-any cline-yes">1x</span>
349
+ <span class="cline-any cline-neutral">&nbsp;</span>
350
+ <span class="cline-any cline-neutral">&nbsp;</span>
323
351
  <span class="cline-any cline-yes">1x</span>
324
352
  <span class="cline-any cline-yes">1x</span>
325
353
  <span class="cline-any cline-yes">1x</span>
326
354
  <span class="cline-any cline-yes">1x</span>
327
- <span class="cline-any cline-yes">1x</span>
328
- <span class="cline-any cline-yes">1x</span>
329
- <span class="cline-any cline-neutral">&nbsp;</span>
330
- <span class="cline-any cline-neutral">&nbsp;</span>
331
355
  <span class="cline-any cline-neutral">&nbsp;</span>
332
356
  <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">// noinspection DuplicatedCode
333
357
  &nbsp;
334
- import type { StoryObj } from '@storybook/web-components';
335
- import {expect, getByTestId, within} from '@storybook/test';
358
+ import type { StoryObj } from '@storybook/web-components';
359
+ import {expect, getByTestId, within} from '@storybook/test';
336
360
  &nbsp;
337
361
  import '../custom-element/custom-element.js';
338
362
  import '../custom-element/location-element.js';
363
+ import {RealtimeEventInSlice, SliceInitChangeEvent} from './slice-events.test.stories';
339
364
  &nbsp;
340
365
  type TProps = { title: string; slice: string; href: string; live:string; body:string};
341
366
  const defs: TProps =
@@ -346,7 +371,7 @@ const defs: TProps =
346
371
  , body: ``
347
372
  };
348
373
  type Story = StoryObj&lt;TProps&gt;;
349
- function sleep(ms: number) { return new Promise((resolve) =&gt; setTimeout(resolve, ms)); }
374
+ 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>
350
375
  &nbsp;
351
376
  function render(args: TProps)
352
377
  {
@@ -357,13 +382,13 @@ function render(args: TProps)
357
382
  &nbsp;
358
383
  &lt;custom-element&gt;
359
384
  &lt;template&gt;&lt;!-- wrapping into template to prevent images loading within DCE declaration --&gt;
360
- &lt;location-element
361
- slice="${ slice }"
362
- ${ href ? `href="${ href }"`:''}
385
+ &lt;location-element
386
+ slice="${ slice }"
387
+ ${ href ? `href="${ href }"`:''}
363
388
  live="${ live }"
364
389
  &gt;&lt;/location-element&gt;
365
-
366
-
390
+ &nbsp;
391
+ &nbsp;
367
392
  ${ body }
368
393
  &lt;xhtml:table&gt;
369
394
  &lt;xhtml:tbody&gt;
@@ -371,12 +396,12 @@ function render(args: TProps)
371
396
  &lt;xhtml:th&gt;&lt;h3&gt; URL properties &lt;/h3&gt;&lt;/xhtml:th&gt;
372
397
  &lt;xhtml:td&gt;{count(//value/@*)}&lt;/xhtml:td&gt;
373
398
  &lt;/xhtml:tr&gt;
374
- &lt;apply-templates mode="attrs" select="//value/@*"&gt;&lt;/apply-templates&gt;
399
+ &lt;apply-templates mode="attrs" select="//${ slice }/value/@*"&gt;&lt;/apply-templates&gt;
375
400
  &lt;/xhtml:tbody&gt;
376
401
  &lt;/xhtml:table&gt;
377
402
  &lt;xhtml:table&gt;
378
403
  &lt;h3&gt; URL parameters &lt;/h3&gt;
379
- &lt;apply-templates mode="attrs" select="//params/*/*"&gt;&lt;/apply-templates&gt;
404
+ &lt;apply-templates mode="attrs" select="//${ slice }/value/params/*/*"&gt;&lt;/apply-templates&gt;
380
405
  &lt;/xhtml:table&gt;
381
406
  &lt;xsl:template mode="attrs" match="*|@*"&gt;
382
407
  &lt;xhtml:tr&gt;
@@ -401,29 +426,29 @@ export const Demo:Story =
401
426
  &lt;button onclick="history.pushState( {'{}'},'', '/location.html?pushstate=p1&amp;p2=P2#h1')"&gt;history.pushState&lt;/button&gt;
402
427
  &lt;button onclick="history.replaceState( {'{}'},'', '/vacation.html?replaceState=r1&amp;r2=R2#h2')"&gt;history.replaceState&lt;/button&gt;
403
428
  `}
404
- , play: async ({canvasElement}) =&gt;
429
+ , play: <span class="fstat-no" title="function not covered" >async ({</span>canvasElement}) =&gt;
405
430
  {
406
- const canvas = within(canvasElement);
407
- await canvas.findByText(Demo.args!.title as string);
408
- const val = (prop)=&gt; canvas.getByTestId('param-'+prop).textContent.trim()
409
- , byText = txt =&gt;canvas.getByText(txt)
410
- , expectMatch = (l,prop) =&gt; expect( val(prop)).toEqual(l[prop],prop)
411
- , locationProps = 'href,origin,protocol,host,hostname,port,pathname,search,hash'.split(',');
431
+ const canvas = <span class="cstat-no" title="statement not covered" >within(canvasElement);</span>
432
+ <span class="cstat-no" title="statement not covered" > await canvas.findByText(Demo.args!.title as string);</span>
433
+ 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('param-'+prop).textContent.trim()</span></span>
434
+ , byText = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >txt =&gt;<span class="cstat-no" title="statement not covered" >c</span>anvas.getByText(txt)</span></span>
435
+ , expectMatch = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >(l</span>,prop) =&gt; <span class="cstat-no" title="statement not covered" >expect( val(prop)).toEqual(l[prop],prop)</span></span>
436
+ , locationProps = <span class="cstat-no" title="statement not covered" >'href,origin,protocol,host,hostname,port,pathname,search,hash'.split(',');</span>
412
437
  &nbsp;
413
- locationProps.forEach( prop=&gt;expectMatch(window.location,prop) )
414
- byText('history.pushState').click();
415
- await sleep(100);
438
+ <span class="cstat-no" title="statement not covered" > locationProps.forEach( <span class="fstat-no" title="function not covered" >prop=&gt;<span class="cstat-no" title="statement not covered" >e</span>xpectMatch(window.location,prop) )</span></span>
439
+ <span class="cstat-no" title="statement not covered" > byText('history.pushState').click();</span>
440
+ <span class="cstat-no" title="statement not covered" > await sleep(100);</span>
416
441
  &nbsp;
417
- expect(val('pathname')).toEqual('/location.html');
418
- expect(val('search')).toEqual('?pushstate=p1&amp;p2=P2');
419
- locationProps.forEach( prop=&gt;expectMatch(window.location,prop) )
442
+ <span class="cstat-no" title="statement not covered" > expect(val('pathname')).toEqual('/location.html');</span>
443
+ <span class="cstat-no" title="statement not covered" > expect(val('search')).toEqual('?pushstate=p1&amp;p2=P2');</span>
444
+ <span class="cstat-no" title="statement not covered" > locationProps.forEach( <span class="fstat-no" title="function not covered" >prop=&gt;<span class="cstat-no" title="statement not covered" >e</span>xpectMatch(window.location,prop) )</span></span>
420
445
  &nbsp;
421
- byText('history.replaceState').click();
422
- await sleep(100);
446
+ <span class="cstat-no" title="statement not covered" > byText('history.replaceState').click();</span>
447
+ <span class="cstat-no" title="statement not covered" > await sleep(100);</span>
423
448
  &nbsp;
424
- expect(val('pathname')).toEqual('/vacation.html');
425
- expect(val('search')).toEqual('?replaceState=r1&amp;r2=R2');
426
- locationProps.forEach( prop=&gt;expectMatch(window.location,prop) )
449
+ <span class="cstat-no" title="statement not covered" > expect(val('pathname')).toEqual('/vacation.html');</span>
450
+ <span class="cstat-no" title="statement not covered" > expect(val('search')).toEqual('?replaceState=r1&amp;r2=R2');</span>
451
+ <span class="cstat-no" title="statement not covered" > locationProps.forEach( <span class="fstat-no" title="function not covered" >prop=&gt;<span class="cstat-no" title="statement not covered" >e</span>xpectMatch(window.location,prop) )</span></span>
427
452
  },
428
453
  };
429
454
  &nbsp;
@@ -434,34 +459,45 @@ export const SrcAttribute:Story =
434
459
  &lt;button onclick="document.querySelector('location-element').setAttribute('href','/location.html?a1=A1&amp;b2=B2#h2')"&gt;/location.html?a1=A1&amp;b2=B2#h2&lt;/button&gt;
435
460
  &lt;button onclick="document.querySelector('location-element').setAttribute('href','/vacation.html?c1=C1&amp;d2=D2#h3')"&gt;/vacation.html?c1=C1&amp;d2=D2#h3&lt;/button&gt;
436
461
  `}
437
- , play: async ({canvasElement}) =&gt;
462
+ , play: <span class="fstat-no" title="function not covered" >async ({</span>canvasElement}) =&gt;
438
463
  {
439
- const canvas = within(canvasElement);
440
- await canvas.findByText(SrcAttribute.args!.title as string);
441
- const val = (prop)=&gt; canvas.getByTestId('param-'+prop).textContent.trim()
442
- , byText = txt =&gt;canvas.getByText(txt)
443
- , expectMatch = (l,prop) =&gt; expect( val(prop)).toEqual(l[prop],prop)
444
- , locationProps = 'origin,protocol,host,hostname,port'.split(',');
445
- locationProps.forEach( prop=&gt;expectMatch(window.location,prop) )
464
+ const canvas = <span class="cstat-no" title="statement not covered" >within(canvasElement);</span>
465
+ <span class="cstat-no" title="statement not covered" > await canvas.findByText(SrcAttribute.args!.title as string);</span>
466
+ 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('param-'+prop).textContent.trim()</span></span>
467
+ , byText = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >txt =&gt;<span class="cstat-no" title="statement not covered" >c</span>anvas.getByText(txt)</span></span>
468
+ , expectMatch = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >(l</span>,prop) =&gt; <span class="cstat-no" title="statement not covered" >expect( val(prop)).toEqual(l[prop],prop)</span></span>
469
+ , locationProps = <span class="cstat-no" title="statement not covered" >'origin,protocol,host,hostname,port'.split(',');</span>
470
+ <span class="cstat-no" title="statement not covered" > locationProps.forEach( <span class="fstat-no" title="function not covered" >prop=&gt;<span class="cstat-no" title="statement not covered" >e</span>xpectMatch(window.location,prop) )</span></span>
446
471
  &nbsp;
447
- byText('/location.html?a1=A1&amp;b2=B2#h2').click();
448
- await sleep(10);
449
- expect(val('pathname')).toEqual('/location.html', 'pathname #2');
450
- expect(val('search')).toEqual('?a1=A1&amp;b2=B2');
451
- expect(val('hash')).toEqual('#h2');
452
- expect(val('a1')).toEqual('A1');
453
- expect(val('b2')).toEqual('B2');
472
+ <span class="cstat-no" title="statement not covered" > byText('/location.html?a1=A1&amp;b2=B2#h2').click();</span>
473
+ <span class="cstat-no" title="statement not covered" > await sleep(10);</span>
474
+ <span class="cstat-no" title="statement not covered" > expect(val('pathname')).toEqual('/location.html', 'pathname #2');</span>
475
+ <span class="cstat-no" title="statement not covered" > expect(val('search')).toEqual('?a1=A1&amp;b2=B2');</span>
476
+ <span class="cstat-no" title="statement not covered" > expect(val('hash')).toEqual('#h2');</span>
477
+ <span class="cstat-no" title="statement not covered" > expect(val('a1')).toEqual('A1');</span>
478
+ <span class="cstat-no" title="statement not covered" > expect(val('b2')).toEqual('B2');</span>
454
479
  &nbsp;
455
- byText('/vacation.html?c1=C1&amp;d2=D2#h3').click();
456
- await sleep(10);
457
- expect(val('pathname')).toEqual('/vacation.html', 'pathname #3');
458
- expect(val('search')).toEqual('?c1=C1&amp;d2=D2');
459
- expect(val('hash')).toEqual('#h3');
460
- expect(val('c1')).toEqual('C1');
461
- expect(val('d2')).toEqual('D2');
480
+ <span class="cstat-no" title="statement not covered" > byText('/vacation.html?c1=C1&amp;d2=D2#h3').click();</span>
481
+ <span class="cstat-no" title="statement not covered" > await sleep(10);</span>
482
+ <span class="cstat-no" title="statement not covered" > expect(val('pathname')).toEqual('/vacation.html', 'pathname #3');</span>
483
+ <span class="cstat-no" title="statement not covered" > expect(val('search')).toEqual('?c1=C1&amp;d2=D2');</span>
484
+ <span class="cstat-no" title="statement not covered" > expect(val('hash')).toEqual('#h3');</span>
485
+ <span class="cstat-no" title="statement not covered" > expect(val('c1')).toEqual('C1');</span>
486
+ <span class="cstat-no" title="statement not covered" > expect(val('d2')).toEqual('D2');</span>
462
487
  &nbsp;
463
488
  },
464
489
  };
490
+ &nbsp;
491
+ &nbsp;
492
+ /* istanbul ignore else -- @preserve */
493
+ if( 'test' === import.meta.env.MODE &amp;&amp;
494
+ !import.meta.url.includes('skiptest') )
495
+ {
496
+ const mod = await import('./location-element.test.stories.ts?skiptest');
497
+ const { testStoryBook } = await import('./testStoryBook')
498
+ const { describe } = await import('vitest')
499
+ describe(meta.title, () =&gt; testStoryBook( mod, meta ) );
500
+ }
465
501
  &nbsp;</pre></td></tr></table></pre>
466
502
 
467
503
  <div class='push'></div><!-- for sticky footer -->
@@ -469,7 +505,7 @@ export const SrcAttribute:Story =
469
505
  <div class='footer quiet pad2 space-top1 center small'>
470
506
  Code coverage generated by
471
507
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
472
- at 2024-05-13T06:00:45.582Z
508
+ at 2024-06-27T03:24:38.495Z
473
509
  </div>
474
510
  <script src="../../prettify.js"></script>
475
511
  <script>
package/coverage/src/stories/slice-events.test.stories.ts/coverage.svg ADDED
@@ -0,0 +1,10 @@
1
+ <svg viewBox="0 0 140 32" height="20px" xmlns="http://www.w3.org/2000/svg">
2
+ <style>
3
+ .heavy { font: bold 16px sans-serif; fill:white; }
4
+ .percent { font: bold 16px monotype; fill: white; }
5
+ </style>
6
+ <rect width="140" height="32" fill="#473" rx="4"/>
7
+ <rect width="88" height="32" fill="#534" rx="4"/>
8
+ <text x="8" y="21" class="heavy">coverage</text>
9
+ <text x="94" y="22" class="percent">15.38%</text>
10
+ </svg>