@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
@@ -85,7 +85,8 @@
85
85
  box-sizing: border-box;
86
86
  margin: auto;
87
87
  padding: 1rem;
88
- max-height: 100%; /* Hack for centering correctly in IE11 */
88
+ max-height: 100%;
89
+ /* Hack for centering correctly in IE11 */
89
90
  }
90
91
 
91
92
  /* Vertical centering fix for IE11 */
@@ -116,7 +117,9 @@
116
117
  bottom: 0;
117
118
  left: 0;
118
119
  right: 0;
119
- padding: 20px;
120
+ box-sizing: border-box;
121
+
122
+ padding: 40px;
120
123
  font-family:
121
124
  'Nunito Sans',
122
125
  -apple-system,
@@ -132,6 +135,18 @@
132
135
  overflow: auto;
133
136
  }
134
137
 
138
+ @media (max-width: 700px) {
139
+ .sb-wrapper {
140
+ padding: 20px;
141
+ }
142
+ }
143
+
144
+ @media (max-width: 500px) {
145
+ .sb-wrapper {
146
+ padding: 10px;
147
+ }
148
+ }
149
+
135
150
  .sb-heading {
136
151
  font-size: 14px;
137
152
  font-weight: 600;
@@ -144,6 +159,7 @@
144
159
  display: flex;
145
160
  align-content: center;
146
161
  justify-content: center;
162
+ box-sizing: border-box;
147
163
  }
148
164
 
149
165
  .sb-nopreview_main {
@@ -158,54 +174,133 @@
158
174
  }
159
175
 
160
176
  .sb-errordisplay {
161
- border: 20px solid rgb(187, 49, 49);
162
- background: #222;
163
- color: #fff;
177
+ background: #f6f9fc;
178
+ color: black;
164
179
  z-index: 999999;
180
+ width: 100vw;
181
+ min-height: 100vh;
182
+ box-sizing: border-box;
183
+
184
+ & ol {
185
+ padding-left: 18px;
186
+ margin: 0;
187
+ }
188
+
189
+ & h1 {
190
+ font-family: Nunito Sans;
191
+ font-size: 22px;
192
+ font-weight: 400;
193
+ line-height: 30px;
194
+ font-weight: normal;
195
+ margin: 0;
196
+
197
+ &::before {
198
+ content: '';
199
+ display: inline-block;
200
+ width: 12px;
201
+ height: 12px;
202
+ background: #ff4400;
203
+ border-radius: 50%;
204
+ margin-right: 8px;
205
+ }
206
+ }
207
+
208
+ & p,
209
+ & ol {
210
+ font-family: Nunito Sans;
211
+ font-size: 14px;
212
+ font-weight: 400;
213
+ line-height: 19px;
214
+ margin: 0;
215
+ }
216
+
217
+ & li + li {
218
+ margin: 0;
219
+ padding: 0;
220
+ padding-top: 12px;
221
+ }
222
+
223
+ & a {
224
+ color: currentColor;
225
+ }
226
+ }
227
+
228
+ .sb-errordisplay_main {
229
+ margin: auto;
230
+ padding: 24px;
231
+ display: flex;
232
+ box-sizing: border-box;
233
+
234
+ flex-direction: column;
235
+ min-height: 100%;
236
+ width: 100%;
237
+ border-radius: 6px;
238
+ background: white;
239
+ border: 1px solid #ff0000;
240
+ box-shadow: 0 0 64px rgba(0, 0, 0, 0.1);
241
+ gap: 24px;
165
242
  }
166
243
 
167
244
  .sb-errordisplay_code {
168
245
  padding: 10px;
169
- background: #000;
170
- color: #eee;
246
+ flex: 1;
247
+ background: #242424;
248
+ color: #c6c6c6;
249
+ box-sizing: border-box;
250
+
251
+ font-size: 14px;
252
+ font-weight: 400;
253
+ line-height: 19px;
254
+ border-radius: 4px;
255
+
171
256
  font-family: 'Operator Mono', 'Fira Code Retina', 'Fira Code', 'FiraCode-Retina', 'Andale Mono',
172
257
  'Lucida Console', Consolas, Monaco, monospace;
258
+ margin: 0;
259
+ overflow: auto;
173
260
  }
174
261
 
175
262
  .sb-errordisplay pre {
176
263
  white-space: pre-wrap;
264
+ white-space: revert;
177
265
  }
178
266
 
179
267
  @-webkit-keyframes sb-rotate360 {
180
268
  from {
181
269
  transform: rotate(0deg);
182
270
  }
271
+
183
272
  to {
184
273
  transform: rotate(360deg);
185
274
  }
186
275
  }
276
+
187
277
  @keyframes sb-rotate360 {
188
278
  from {
189
279
  transform: rotate(0deg);
190
280
  }
281
+
191
282
  to {
192
283
  transform: rotate(360deg);
193
284
  }
194
285
  }
286
+
195
287
  @-webkit-keyframes sb-glow {
196
288
  0%,
197
289
  100% {
198
290
  opacity: 1;
199
291
  }
292
+
200
293
  50% {
201
294
  opacity: 0.4;
202
295
  }
203
296
  }
297
+
204
298
  @keyframes sb-glow {
205
299
  0%,
206
300
  100% {
207
301
  opacity: 1;
208
302
  }
303
+
209
304
  50% {
210
305
  opacity: 0.4;
211
306
  }
@@ -268,6 +363,7 @@
268
363
  height: 14px;
269
364
  width: 14px;
270
365
  }
366
+
271
367
  .sb-previewBlock_icon:last-child {
272
368
  margin-left: auto;
273
369
  }
@@ -289,23 +385,28 @@
289
385
  text-align: left;
290
386
  width: 100%;
291
387
  }
388
+
292
389
  .sb-argstableBlock th:first-of-type,
293
390
  .sb-argstableBlock td:first-of-type {
294
391
  padding-left: 20px;
295
392
  }
393
+
296
394
  .sb-argstableBlock th:nth-of-type(2),
297
395
  .sb-argstableBlock td:nth-of-type(2) {
298
396
  width: 35%;
299
397
  }
398
+
300
399
  .sb-argstableBlock th:nth-of-type(3),
301
400
  .sb-argstableBlock td:nth-of-type(3) {
302
401
  width: 15%;
303
402
  }
403
+
304
404
  .sb-argstableBlock th:last-of-type,
305
405
  .sb-argstableBlock td:last-of-type {
306
406
  width: 25%;
307
407
  padding-right: 20px;
308
408
  }
409
+
309
410
  .sb-argstableBlock th span,
310
411
  .sb-argstableBlock td span {
311
412
  -webkit-animation: sb-glow 1.5s ease-in-out infinite;
@@ -315,6 +416,7 @@
315
416
  box-shadow: none;
316
417
  color: transparent;
317
418
  }
419
+
318
420
  .sb-argstableBlock th {
319
421
  padding: 10px 15px;
320
422
  }
@@ -325,35 +427,44 @@
325
427
  rgba(0, 0, 0, 0.1) 0 1px 3px 1px,
326
428
  rgba(0, 0, 0, 0.065) 0 0 0 1px;
327
429
  }
430
+
328
431
  .sb-argstableBlock-body tr {
329
432
  background: transparent;
330
433
  overflow: hidden;
331
434
  }
435
+
332
436
  .sb-argstableBlock-body tr:not(:first-child) {
333
437
  border-top: 1px solid #e6e6e6;
334
438
  }
439
+
335
440
  .sb-argstableBlock-body tr:first-child td:first-child {
336
441
  border-top-left-radius: 4px;
337
442
  }
443
+
338
444
  .sb-argstableBlock-body tr:first-child td:last-child {
339
445
  border-top-right-radius: 4px;
340
446
  }
447
+
341
448
  .sb-argstableBlock-body tr:last-child td:first-child {
342
449
  border-bottom-left-radius: 4px;
343
450
  }
451
+
344
452
  .sb-argstableBlock-body tr:last-child td:last-child {
345
453
  border-bottom-right-radius: 4px;
346
454
  }
455
+
347
456
  .sb-argstableBlock-body td {
348
457
  background: #fff;
349
458
  padding-bottom: 10px;
350
459
  padding-top: 10px;
351
460
  vertical-align: top;
352
461
  }
462
+
353
463
  .sb-argstableBlock-body td:not(:first-of-type) {
354
464
  padding-left: 15px;
355
465
  padding-right: 15px;
356
466
  }
467
+
357
468
  .sb-argstableBlock-body button {
358
469
  -webkit-animation: sb-glow 1.5s ease-in-out infinite;
359
470
  animation: sb-glow 1.5s ease-in-out infinite;
@@ -394,7 +505,7 @@
394
505
  }
395
506
  </script>
396
507
 
397
- <script type="module" crossorigin src="./assets/iframe-gCvlWuoC.js"></script>
508
+ <script type="module" crossorigin src="./assets/iframe-zdt9kuj6.js"></script>
398
509
  </head>
399
510
 
400
511
  <body>
@@ -482,8 +593,40 @@
482
593
  </div>
483
594
 
484
595
  <div class="sb-errordisplay sb-wrapper">
485
- <pre id="error-message" class="sb-heading"></pre>
486
- <pre class="sb-errordisplay_code"><code id="error-stack"></code></pre>
596
+ <div class="sb-errordisplay_main">
597
+ <h1 id="error-message"></h1>
598
+ <p>
599
+ The component failed to render properly, likely due to a configuration issue in Storybook.
600
+ Here are some common causes and how you can address them:
601
+ </p>
602
+ <ol>
603
+ <li>
604
+ <strong>Missing Context/Providers</strong>: You can use decorators to supply specific
605
+ contexts or providers, which are sometimes necessary for components to render correctly. For
606
+ detailed instructions on using decorators, please visit the
607
+ <a href="https://storybook.js.org/docs/react/writing-stories/decorators"
608
+ >Decorators documentation</a
609
+ >.
610
+ </li>
611
+ <li>
612
+ <strong>Misconfigured Webpack or Vite</strong>: Verify that Storybook picks up all necessary
613
+ settings for loaders, plugins, and other relevant parameters. You can find step-by-step
614
+ guides for configuring
615
+ <a href="https://storybook.js.org/docs/builders/webpack">Webpack</a> or
616
+ <a href="https://storybook.js.org/docs/builders/vite">Vite</a>
617
+ with Storybook.
618
+ </li>
619
+ <li>
620
+ <strong>Missing Environment Variables</strong>: Your Storybook may require specific
621
+ environment variables to function as intended. You can set up custom environment variables
622
+ as outlined in the
623
+ <a href="https://storybook.js.org/docs/configure/environment-variables"
624
+ >Environment Variables documentation</a
625
+ >.
626
+ </li>
627
+ </ol>
628
+ <pre class="sb-errordisplay_code"><code id="error-stack"></code></pre>
629
+ </div>
487
630
  </div>
488
631
 
489
632
  <div id="storybook-root"></div>
@@ -112,7 +112,7 @@
112
112
 
113
113
 
114
114
 
115
- window['STORYBOOK_RENDERER'] = "@storybook/web-components";
115
+ window['STORYBOOK_RENDERER'] = "web-components";
116
116
 
117
117
 
118
118
 
@@ -1 +1 @@
1
- {"v":4,"entries":{"configure-your-project--docs":{"id":"configure-your-project--docs","title":"Configure your project","name":"Docs","importPath":"./src/stories/Configure.mdx","storiesImports":[],"type":"docs","tags":["unattached-mdx","docs"]},"attributes--attribute-defaults":{"type":"story","id":"attributes--attribute-defaults","name":"Attribute Defaults","title":"attributes","importPath":"./src/stories/attributes.stories.ts","tags":["play-fn","story"]},"attributes--attributes-runtime-change":{"type":"story","id":"attributes--attributes-runtime-change","name":"Attributes Runtime Change","title":"attributes","importPath":"./src/stories/attributes.stories.ts","tags":["play-fn","story"]},"attributes--instance-attributes":{"type":"story","id":"attributes--instance-attributes","name":"Instance Attributes","title":"attributes","importPath":"./src/stories/attributes.stories.ts","tags":["play-fn","story"]},"css--style-does-not-leak":{"type":"story","id":"css--style-does-not-leak","name":"Style Does Not Leak","title":"Css","importPath":"./src/stories/css.stories.ts","tags":["play-fn","story"]},"css--style-in-2-instances":{"type":"story","id":"css--style-in-2-instances","name":"Style In 2 Instances","title":"Css","importPath":"./src/stories/css.stories.ts","tags":["play-fn","story"]},"css--override-in-payload":{"type":"story","id":"css--override-in-payload","name":"Override In Payload","title":"Css","importPath":"./src/stories/css.stories.ts","tags":["play-fn","story"]},"dom-merge--chars-count-in-textarea":{"type":"story","id":"dom-merge--chars-count-in-textarea","name":"Chars Count In Textarea","title":"dom-merge","importPath":"./src/stories/dom-merge.stories.ts","tags":["play-fn","story"]},"dom-merge--word-count-on-type":{"type":"story","id":"dom-merge--word-count-on-type","name":"Word Count On Type","title":"dom-merge","importPath":"./src/stories/dom-merge.stories.ts","tags":["play-fn","story"]},"external-templates--template-in-page":{"type":"story","id":"external-templates--template-in-page","name":"Template In Page","title":"external-templates","importPath":"./src/stories/external-template.stories.ts","tags":["play-fn","story"]},"external-templates--no-tag":{"type":"story","id":"external-templates--no-tag","name":"No Tag","title":"external-templates","importPath":"./src/stories/external-template.stories.ts","tags":["play-fn","story"]},"external-templates--external-svg":{"type":"story","id":"external-templates--external-svg","name":"External Svg","title":"external-templates","importPath":"./src/stories/external-template.stories.ts","tags":["play-fn","story"]},"external-templates--external-xslt-file":{"type":"story","id":"external-templates--external-xslt-file","name":"External Xslt File","title":"external-templates","importPath":"./src/stories/external-template.stories.ts","tags":["play-fn","story"]},"external-templates--external-html-file":{"type":"story","id":"external-templates--external-html-file","name":"External Html File","title":"external-templates","importPath":"./src/stories/external-template.stories.ts","tags":["play-fn","story"]},"external-templates--external-html-file-inline":{"type":"story","id":"external-templates--external-html-file-inline","name":"External Html File Inline","title":"external-templates","importPath":"./src/stories/external-template.stories.ts","tags":["play-fn","story"]},"external-templates--html-within-html-file":{"type":"story","id":"external-templates--html-within-html-file","name":"Html Within Html File","title":"external-templates","importPath":"./src/stories/external-template.stories.ts","tags":["play-fn","story"]},"external-templates--svg-within-html-file":{"type":"story","id":"external-templates--svg-within-html-file","name":"Svg Within Html File","title":"external-templates","importPath":"./src/stories/external-template.stories.ts","tags":["play-fn","story"]},"external-templates--math-ml-within-html-file":{"type":"story","id":"external-templates--math-ml-within-html-file","name":"Math ML Within Html File","title":"external-templates","importPath":"./src/stories/external-template.stories.ts","tags":["play-fn","story"]},"external-templates--by-id-within-xslt-file":{"type":"story","id":"external-templates--by-id-within-xslt-file","name":"By Id Within Xslt File","title":"external-templates","importPath":"./src/stories/external-template.stories.ts","tags":["play-fn","story"]},"external-templates--missing-id-within-xslt-file":{"type":"story","id":"external-templates--missing-id-within-xslt-file","name":"Missing Id Within Xslt File","title":"external-templates","importPath":"./src/stories/external-template.stories.ts","tags":["play-fn","story"]},"external-templates--embedding-in-another-file":{"type":"story","id":"external-templates--embedding-in-another-file","name":"Embedding In Another File","title":"external-templates","importPath":"./src/stories/external-template.stories.ts","tags":["play-fn","story"]},"http-request--demo":{"type":"story","id":"http-request--demo","name":"Demo","title":"http-request","importPath":"./src/stories/http-request.stories.ts","tags":["play-fn","story"]},"http-request--url-change":{"type":"story","id":"http-request--url-change","name":"Url Change","title":"http-request","importPath":"./src/stories/http-request.stories.ts","tags":["play-fn","story"]},"http-request--http-404":{"type":"story","id":"http-request--http-404","name":"Http 404","title":"http-request","importPath":"./src/stories/http-request.stories.ts","tags":["play-fn","story"]},"http-request--lifecycle-initialized":{"type":"story","id":"http-request--lifecycle-initialized","name":"Lifecycle Initialized","title":"http-request","importPath":"./src/stories/http-request.stories.ts","tags":["play-fn","story"]},"http-request--request-response-headers":{"type":"story","id":"http-request--request-response-headers","name":"Request Response Headers","title":"http-request","importPath":"./src/stories/http-request.stories.ts","tags":["play-fn","story"]},"local-storage--demo":{"type":"story","id":"local-storage--demo","name":"Demo","title":"local-storage","importPath":"./src/stories/local-storage.stories.ts","tags":["play-fn","story"]},"local-storage--always-override":{"type":"story","id":"local-storage--always-override","name":"Always Override","title":"local-storage","importPath":"./src/stories/local-storage.stories.ts","tags":["play-fn","story"]},"local-storage--from-storage-with-default":{"type":"story","id":"local-storage--from-storage-with-default","name":"From Storage With Default","title":"local-storage","importPath":"./src/stories/local-storage.stories.ts","tags":["play-fn","story"]},"local-storage--type-attribute":{"type":"story","id":"local-storage--type-attribute","name":"Type Attribute","title":"local-storage","importPath":"./src/stories/local-storage.stories.ts","tags":["play-fn","story"]},"location-element--demo":{"type":"story","id":"location-element--demo","name":"Demo","title":"location-element","importPath":"./src/stories/location-element.stories.ts","tags":["play-fn","story"]},"location-element--src-attribute":{"type":"story","id":"location-element--src-attribute","name":"Src Attribute","title":"location-element","importPath":"./src/stories/location-element.stories.ts","tags":["play-fn","story"]},"slice-events--slice-init-change-event":{"type":"story","id":"slice-events--slice-init-change-event","name":"Slice Init Change Event","title":"slice-events","importPath":"./src/stories/slice-events.stories.ts","tags":["play-fn","story"]},"slice-events--realtime-event-in-slice":{"type":"story","id":"slice-events--realtime-event-in-slice","name":"Realtime Event In Slice","title":"slice-events","importPath":"./src/stories/slice-events.stories.ts","tags":["play-fn","story"]}}}
1
+ {"v":5,"entries":{"configure-your-project--docs":{"id":"configure-your-project--docs","title":"Configure your project","name":"Docs","importPath":"./src/stories/Configure.mdx","storiesImports":[],"type":"docs","tags":["dev","test","unattached-mdx"]},"attributes--attribute-defaults":{"type":"story","id":"attributes--attribute-defaults","name":"Attribute Defaults","title":"attributes","importPath":"./src/stories/attributes.test.stories.ts","tags":["dev","test","play-fn"]},"attributes--attributes-runtime-change":{"type":"story","id":"attributes--attributes-runtime-change","name":"Attributes Runtime Change","title":"attributes","importPath":"./src/stories/attributes.test.stories.ts","tags":["dev","test","play-fn"]},"attributes--instance-attributes":{"type":"story","id":"attributes--instance-attributes","name":"Instance Attributes","title":"attributes","importPath":"./src/stories/attributes.test.stories.ts","tags":["dev","test","play-fn"]},"css--style-does-not-leak":{"type":"story","id":"css--style-does-not-leak","name":"Style Does Not Leak","title":"Css","importPath":"./src/stories/css.test.stories.ts","tags":["dev","test","play-fn"]},"css--style-in-2-instances":{"type":"story","id":"css--style-in-2-instances","name":"Style In 2 Instances","title":"Css","importPath":"./src/stories/css.test.stories.ts","tags":["dev","test","play-fn"]},"css--override-in-payload":{"type":"story","id":"css--override-in-payload","name":"Override In Payload","title":"Css","importPath":"./src/stories/css.test.stories.ts","tags":["dev","test","play-fn"]},"dom-merge--chars-count-in-textarea":{"type":"story","id":"dom-merge--chars-count-in-textarea","name":"Chars Count In Textarea","title":"dom-merge","importPath":"./src/stories/dom-merge.test.stories.ts","tags":["dev","test","play-fn"]},"dom-merge--word-count-on-type":{"type":"story","id":"dom-merge--word-count-on-type","name":"Word Count On Type","title":"dom-merge","importPath":"./src/stories/dom-merge.test.stories.ts","tags":["dev","test","play-fn"]},"external-templates--template-in-page":{"type":"story","id":"external-templates--template-in-page","name":"Template In Page","title":"external-templates","importPath":"./src/stories/external-template.test.stories.ts","tags":["dev","test","play-fn"]},"external-templates--no-tag":{"type":"story","id":"external-templates--no-tag","name":"No Tag","title":"external-templates","importPath":"./src/stories/external-template.test.stories.ts","tags":["dev","test","play-fn"]},"external-templates--external-svg":{"type":"story","id":"external-templates--external-svg","name":"External Svg","title":"external-templates","importPath":"./src/stories/external-template.test.stories.ts","tags":["dev","test","play-fn"]},"external-templates--external-xslt-file":{"type":"story","id":"external-templates--external-xslt-file","name":"External Xslt File","title":"external-templates","importPath":"./src/stories/external-template.test.stories.ts","tags":["dev","test","play-fn"]},"external-templates--external-html-file":{"type":"story","id":"external-templates--external-html-file","name":"External Html File","title":"external-templates","importPath":"./src/stories/external-template.test.stories.ts","tags":["dev","test","play-fn"]},"external-templates--external-html-file-inline":{"type":"story","id":"external-templates--external-html-file-inline","name":"External Html File Inline","title":"external-templates","importPath":"./src/stories/external-template.test.stories.ts","tags":["dev","test","play-fn"]},"external-templates--html-within-html-file":{"type":"story","id":"external-templates--html-within-html-file","name":"Html Within Html File","title":"external-templates","importPath":"./src/stories/external-template.test.stories.ts","tags":["dev","test","play-fn"]},"external-templates--svg-within-html-file":{"type":"story","id":"external-templates--svg-within-html-file","name":"Svg Within Html File","title":"external-templates","importPath":"./src/stories/external-template.test.stories.ts","tags":["dev","test","play-fn"]},"external-templates--math-ml-within-html-file":{"type":"story","id":"external-templates--math-ml-within-html-file","name":"Math ML Within Html File","title":"external-templates","importPath":"./src/stories/external-template.test.stories.ts","tags":["dev","test","play-fn"]},"external-templates--by-id-within-xslt-file":{"type":"story","id":"external-templates--by-id-within-xslt-file","name":"By Id Within Xslt File","title":"external-templates","importPath":"./src/stories/external-template.test.stories.ts","tags":["dev","test","play-fn"]},"external-templates--missing-id-within-xslt-file":{"type":"story","id":"external-templates--missing-id-within-xslt-file","name":"Missing Id Within Xslt File","title":"external-templates","importPath":"./src/stories/external-template.test.stories.ts","tags":["dev","test","play-fn"]},"external-templates--embedding-in-another-file":{"type":"story","id":"external-templates--embedding-in-another-file","name":"Embedding In Another File","title":"external-templates","importPath":"./src/stories/external-template.test.stories.ts","tags":["dev","test","play-fn"]},"form--system-message":{"type":"story","id":"form--system-message","name":"System Message","title":"form","importPath":"./src/stories/form.test.stories.ts","tags":["dev","test","play-fn"]},"form--form-data":{"type":"story","id":"form--form-data","name":"Form Data","title":"form","importPath":"./src/stories/form.test.stories.ts","tags":["dev","test","play-fn"]},"form--set-validity-message":{"type":"story","id":"form--set-validity-message","name":"Set Validity Message","title":"form","importPath":"./src/stories/form.test.stories.ts","tags":["dev","test","play-fn"]},"form--form-custom-validity-boolean":{"type":"story","id":"form--form-custom-validity-boolean","name":"Form Custom Validity Boolean","title":"form","importPath":"./src/stories/form.test.stories.ts","tags":["dev","test","play-fn"]},"form--form-custom-validity-string":{"type":"story","id":"form--form-custom-validity-string","name":"Form Custom Validity String","title":"form","importPath":"./src/stories/form.test.stories.ts","tags":["dev","test","play-fn"]},"http-request--demo":{"type":"story","id":"http-request--demo","name":"Demo","title":"http-request","importPath":"./src/stories/http-request.stories.ts","tags":["dev","test","play-fn"]},"http-request--url-change":{"type":"story","id":"http-request--url-change","name":"Url Change","title":"http-request","importPath":"./src/stories/http-request.stories.ts","tags":["dev","test","play-fn"]},"http-request--http-404":{"type":"story","id":"http-request--http-404","name":"Http 404","title":"http-request","importPath":"./src/stories/http-request.stories.ts","tags":["dev","test","play-fn"]},"http-request--lifecycle-initialized":{"type":"story","id":"http-request--lifecycle-initialized","name":"Lifecycle Initialized","title":"http-request","importPath":"./src/stories/http-request.stories.ts","tags":["dev","test","play-fn"]},"http-request--request-response-headers":{"type":"story","id":"http-request--request-response-headers","name":"Request Response Headers","title":"http-request","importPath":"./src/stories/http-request.stories.ts","tags":["dev","test","play-fn"]},"local-storage--demo":{"type":"story","id":"local-storage--demo","name":"Demo","title":"local-storage","importPath":"./src/stories/local-storage.test.stories.ts","tags":["dev","test","play-fn"]},"local-storage--always-override":{"type":"story","id":"local-storage--always-override","name":"Always Override","title":"local-storage","importPath":"./src/stories/local-storage.test.stories.ts","tags":["dev","test","play-fn"]},"local-storage--from-storage-with-default":{"type":"story","id":"local-storage--from-storage-with-default","name":"From Storage With Default","title":"local-storage","importPath":"./src/stories/local-storage.test.stories.ts","tags":["dev","test","play-fn"]},"local-storage--type-attribute":{"type":"story","id":"local-storage--type-attribute","name":"Type Attribute","title":"local-storage","importPath":"./src/stories/local-storage.test.stories.ts","tags":["dev","test","play-fn"]},"location-element--demo":{"type":"story","id":"location-element--demo","name":"Demo","title":"location-element","importPath":"./src/stories/location-element.test.stories.ts","tags":["dev","test","play-fn"]},"location-element--src-attribute":{"type":"story","id":"location-element--src-attribute","name":"Src Attribute","title":"location-element","importPath":"./src/stories/location-element.test.stories.ts","tags":["dev","test","play-fn"]},"slice-events--slice-init-change-event":{"type":"story","id":"slice-events--slice-init-change-event","name":"Slice Init Change Event","title":"slice-events","importPath":"./src/stories/slice-events.test.stories.ts","tags":["dev","test","play-fn"]},"slice-events--realtime-event-in-slice":{"type":"story","id":"slice-events--realtime-event-in-slice","name":"Realtime Event In Slice","title":"slice-events","importPath":"./src/stories/slice-events.test.stories.ts","tags":["dev","test","play-fn"]},"slice-events--double-event-in-slice":{"type":"story","id":"slice-events--double-event-in-slice","name":"Double Event In Slice","title":"slice-events","importPath":"./src/stories/slice-events.test.stories.ts","tags":["dev","test","play-fn"]},"slice-events--multiple-slices":{"type":"story","id":"slice-events--multiple-slices","name":"Multiple Slices","title":"slice-events","importPath":"./src/stories/slice-events.test.stories.ts","tags":["dev","test","play-fn"]},"slice-events--slices-in-attr-and-name":{"type":"story","id":"slice-events--slices-in-attr-and-name","name":"Slices In Attr And Name","title":"slice-events","importPath":"./src/stories/slice-events.test.stories.ts","tags":["dev","test","play-fn"]},"slots--regular":{"type":"story","id":"slots--regular","name":"Regular","title":"slots","importPath":"./src/stories/slots.test.stories.ts","tags":["dev","test","play-fn"]},"slots--named-slot":{"type":"story","id":"slots--named-slot","name":"Named Slot","title":"slots","importPath":"./src/stories/slots.test.stories.ts","tags":["dev","test","play-fn"]},"slots--double-slot":{"type":"story","id":"slots--double-slot","name":"Double Slot","title":"slots","importPath":"./src/stories/slots.test.stories.ts","tags":["dev","test","play-fn"]},"slots--named-unnamed-default-slot":{"type":"story","id":"slots--named-unnamed-default-slot","name":"Named Unnamed Default Slot","title":"slots","importPath":"./src/stories/slots.test.stories.ts","tags":["dev","test","play-fn"]},"slots--named-default-slot":{"type":"story","id":"slots--named-default-slot","name":"Named Default Slot","title":"slots","importPath":"./src/stories/slots.test.stories.ts","tags":["dev","test","play-fn"]},"slots--default-slot":{"type":"story","id":"slots--default-slot","name":"Default Slot","title":"slots","importPath":"./src/stories/slots.test.stories.ts","tags":["dev","test","play-fn"]},"slots--template-with-attributes-and-condition":{"type":"story","id":"slots--template-with-attributes-and-condition","name":"Template With Attributes And Condition","title":"slots","importPath":"./src/stories/slots.test.stories.ts","tags":["dev","test","play-fn"]}}}
@@ -8,7 +8,7 @@
8
8
  * - Please do NOT serve this file on production.
9
9
  */
10
10
 
11
- const PACKAGE_VERSION = '2.2.14'
11
+ const PACKAGE_VERSION = '2.3.1'
12
12
  const INTEGRITY_CHECKSUM = '26357c79639bfa20d64c0efca2a87423'
13
13
  const IS_MOCKED_RESPONSE = Symbol('isMockedResponse')
14
14
  const activeClientIds = new Set()
@@ -1 +1 @@
1
- {"generatedAt":1715580053004,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":false,"refCount":0,"packageManager":{"type":"yarn","version":"1.22.22"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/web-components-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/web-components","storybookVersion":"8.0.10","storybookVersionSpecifier":"^8.0.10","language":"typescript","storybookPackages":{"@storybook/blocks":{"version":"8.0.10"},"@storybook/test":{"version":"8.0.10"},"@storybook/test-runner":{"version":"0.17.0"},"@storybook/web-components":{"version":"8.0.10"},"@storybook/web-components-vite":{"version":"8.0.10"},"msw-storybook-addon":{"version":"2.0.0"},"storybook":{"version":"8.0.10"}},"addons":{"@storybook/addon-links":{"version":"8.0.10"},"@storybook/addon-essentials":{"version":"8.0.10"},"@chromatic-com/storybook":{"version":"1.3.3"},"@storybook/addon-interactions":{"version":"8.0.10"},"@storybook/addon-mdx-gfm":{"version":"8.0.10"}}}
1
+ {"generatedAt":1719458684608,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":false,"refCount":0,"testPackages":{"@vitest/browser":"1.6.0","@vitest/coverage-istanbul":"1.6.0","msw":"2.3.1","msw-storybook-addon":"2.0.2","playwright":"1.44.1","vitest":"1.6.0","webdriverio":"8.39.0"},"packageManager":{"type":"yarn","version":"1.22.22"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/web-components-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/web-components","storybookVersion":"8.1.10","storybookVersionSpecifier":"^8.0.10","language":"typescript","storybookPackages":{"@storybook/blocks":{"version":"8.1.10"},"@storybook/test":{"version":"8.1.10"},"@storybook/test-runner":{"version":"0.17.0"},"@storybook/web-components":{"version":"8.1.10"},"@storybook/web-components-vite":{"version":"8.1.10"},"msw-storybook-addon":{"version":"2.0.2"},"storybook":{"version":"8.1.10"}},"addons":{"@storybook/addon-links":{"version":"8.1.10"},"@storybook/addon-essentials":{"version":"8.1.10"},"@chromatic-com/storybook":{"version":"1.5.0"},"@storybook/addon-interactions":{"version":"8.1.10"},"@storybook/addon-mdx-gfm":{"version":"8.0.10"}}}