@epa-wg/custom-element-dist 0.0.29 → 0.0.32

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 (175) hide show
  1. package/.idea/custom-element-dist.iml +11 -0
  2. package/.idea/inspectionProfiles/Project_Default.xml +25 -0
  3. package/.idea/misc.xml +6 -0
  4. package/.idea/modules.xml +8 -0
  5. package/.idea/vcs.xml +6 -0
  6. package/.storybook/main.ts +21 -19
  7. package/.storybook/preview.ts +25 -25
  8. package/README.md +4 -4
  9. package/coverage/coverage-final.json +21 -21
  10. package/coverage/index.html +26 -26
  11. package/coverage/src/custom-element/coverage.svg +1 -1
  12. package/coverage/src/custom-element/custom-element.js/coverage.svg +1 -1
  13. package/coverage/src/custom-element/custom-element.js.html +543 -441
  14. package/coverage/src/custom-element/http-request.js.html +12 -12
  15. package/coverage/src/custom-element/index.html +18 -18
  16. package/coverage/src/custom-element/local-storage.js.html +52 -52
  17. package/coverage/src/custom-element/location-element.js.html +4 -4
  18. package/coverage/src/custom-element/module-url.js.html +1 -1
  19. package/coverage/src/index.html +1 -1
  20. package/coverage/src/mocks/handlers.ts.html +1 -1
  21. package/coverage/src/mocks/index.html +1 -1
  22. package/coverage/src/stories/attributes.test.stories.ts/coverage.svg +1 -1
  23. package/coverage/src/stories/attributes.test.stories.ts.html +335 -35
  24. package/coverage/src/stories/coverage.svg +1 -1
  25. package/coverage/src/stories/css.test.stories.ts.html +1 -1
  26. package/coverage/src/stories/dom-merge.test.stories.ts.html +1 -1
  27. package/coverage/src/stories/external-template.test.stories.ts.html +2 -2
  28. package/coverage/src/stories/form.test.stories.ts.html +1 -1
  29. package/coverage/src/stories/http-request.stories.ts.html +1 -1
  30. package/coverage/src/stories/index.html +22 -22
  31. package/coverage/src/stories/local-storage.test.stories.ts.html +17 -17
  32. package/coverage/src/stories/location-element.test.stories.ts.html +3 -6
  33. package/coverage/src/stories/module-url.test.stories.ts.html +1 -1
  34. package/coverage/src/stories/set-url.test.stories.ts.html +1 -1
  35. package/coverage/src/stories/slice-events.test.stories.ts/coverage.svg +1 -1
  36. package/coverage/src/stories/slice-events.test.stories.ts.html +284 -23
  37. package/coverage/src/stories/slots.test.stories.ts.html +1 -1
  38. package/coverage/src/stories/testStoryBook.ts.html +12 -12
  39. package/coverage/src/stories/version-select.test.stories.ts.html +3 -3
  40. package/coverage/src/sum.ts.html +1 -1
  41. package/dist/custom-element-D2wf_rqP.js +576 -0
  42. package/dist/custom-element-Dtzhbjkc.cjs +97 -0
  43. package/dist/custom-element-bundle.cjs +1 -1
  44. package/dist/custom-element-bundle.js +30 -28
  45. package/dist/demo/a.html +51 -38
  46. package/dist/demo/a.svg +26 -26
  47. package/dist/demo/data-slices.html +37 -0
  48. package/dist/demo/external-template.html +1 -0
  49. package/dist/demo/form.html +42 -0
  50. package/dist/demo/hex-grid-dce.html +1 -1
  51. package/dist/demo/hex-grid.html +1 -1
  52. package/dist/demo/parameters.html +20 -1
  53. package/dist/demo/s.xml +6 -12
  54. package/dist/demo/s.xslt +64 -15
  55. package/dist/demo/ss.html +4 -23
  56. package/package.json +13 -13
  57. package/public/demo/a.html +51 -38
  58. package/public/demo/a.svg +26 -26
  59. package/public/demo/data-slices.html +37 -0
  60. package/public/demo/external-template.html +1 -0
  61. package/public/demo/form.html +42 -0
  62. package/public/demo/hex-grid-dce.html +1 -1
  63. package/public/demo/hex-grid.html +1 -1
  64. package/public/demo/parameters.html +20 -1
  65. package/public/demo/s.xml +6 -12
  66. package/public/demo/s.xslt +64 -15
  67. package/public/demo/ss.html +4 -23
  68. package/src/custom-element/custom-element.js +76 -42
  69. package/src/custom-element/demo/a.html +51 -38
  70. package/src/custom-element/demo/a.svg +26 -26
  71. package/src/custom-element/demo/data-slices.html +37 -0
  72. package/src/custom-element/demo/external-template.html +1 -0
  73. package/src/custom-element/demo/form.html +42 -0
  74. package/src/custom-element/demo/hex-grid-dce.html +1 -1
  75. package/src/custom-element/demo/hex-grid.html +1 -1
  76. package/src/custom-element/demo/parameters.html +20 -1
  77. package/src/custom-element/demo/s.xml +6 -12
  78. package/src/custom-element/demo/s.xslt +64 -15
  79. package/src/custom-element/demo/ss.html +4 -23
  80. package/src/custom-element/ide/web-types-dce.json +1 -1
  81. package/src/custom-element/ide/web-types-xsl.json +1 -1
  82. package/src/material/angular.css +987 -987
  83. package/src/material/components/autocomplete.html +239 -240
  84. package/src/material/components/dropdown.html +110 -46
  85. package/src/material/components/icon-link.html +160 -160
  86. package/src/material/components/input.html +363 -0
  87. package/src/material/components/menu.html +234 -234
  88. package/src/material/components.html +121 -120
  89. package/src/material/demo.css +36 -31
  90. package/src/material/index.html +110 -110
  91. package/src/material/material.css +356 -356
  92. package/src/material/theme/README.md +17 -17
  93. package/src/material/theme/semantic.css +113 -112
  94. package/src/mocks/versions.mock.ts +8 -8
  95. package/src/stories/attributes.test.stories.ts +123 -23
  96. package/src/stories/external-template.test.stories.ts +1 -1
  97. package/src/stories/location-element.test.stories.ts +1 -2
  98. package/src/stories/slice-events.test.stories.ts +87 -0
  99. package/storybook-static/assets/Color-F6OSRLHC-BU3iy8jH.js +1 -0
  100. package/storybook-static/assets/{Configure-DOhzHFEs.js → Configure-DN6ifayP.js} +1 -1
  101. package/storybook-static/assets/{DocsRenderer-CFRXHY34-BSJkbsd6.js → DocsRenderer-CFRXHY34-BaVEufDj.js} +2 -2
  102. package/storybook-static/assets/attributes.test.stories-D1X6EBrd.js +278 -0
  103. package/storybook-static/assets/{css.test.stories-pgbBc17d.js → css.test.stories-Cp_g2hE1.js} +1 -1
  104. package/storybook-static/assets/custom-element-uuAtIYWS.js +97 -0
  105. package/storybook-static/assets/{dom-merge.test.stories-CXcYP_-J.js → dom-merge.test.stories-hbpdCka0.js} +1 -1
  106. package/storybook-static/assets/entry-preview-DHVXbf3x.js +26 -0
  107. package/storybook-static/assets/entry-preview-docs-BbcIMweR.js +2 -0
  108. package/storybook-static/assets/{external-template.test.stories-CpJ68Ghy.js → external-template.test.stories-BK89h6sk.js} +3 -3
  109. package/storybook-static/assets/{form.test.stories-D35lyqd8.js → form.test.stories-BfoLe_rw.js} +1 -1
  110. package/storybook-static/assets/{handlers-CW9pDZnt.js → handlers-yVPwH_Nz.js} +21 -21
  111. package/storybook-static/assets/{http-request.stories-CBbknCOO.js → http-request.stories-CBFJS2Ws.js} +1 -1
  112. package/storybook-static/assets/iframe-CJEL_4Nu.js +2 -0
  113. package/storybook-static/assets/index-BcZLpTeD.js +8 -0
  114. package/storybook-static/assets/{index-BSz1w4Gl.js → index-CxRwF5Or.js} +130 -130
  115. package/storybook-static/assets/index-D5fBh-7N.js +1 -0
  116. package/storybook-static/assets/{index-YxUFxnQR.js → index-DM-KBPdl.js} +1 -1
  117. package/storybook-static/assets/{index-B3QjF0Ed.js → index-RSFf30w1.js} +1 -1
  118. package/storybook-static/assets/index-SnjB5uV8.js +769 -0
  119. package/storybook-static/assets/{local-storage.test.stories-BY-PWhuk.js → local-storage.test.stories-C0Yzy6Am.js} +1 -1
  120. package/storybook-static/assets/{location-element.test.stories-3auBYEaU.js → location-element.test.stories-DNFrEu5A.js} +1 -1
  121. package/storybook-static/assets/{module-url.test.stories-B7L9cL60.js → module-url.test.stories-CXibF5Ta.js} +1 -1
  122. package/storybook-static/assets/{preview-CfWMRsRq.js → preview-Bnd0XhaF.js} +2 -2
  123. package/storybook-static/assets/{preview-BRPR-UXC.js → preview-CNKoaWES.js} +1 -1
  124. package/storybook-static/assets/preview-DAeyCMnM.js +1 -0
  125. package/storybook-static/assets/preview-DJMlNTk8.js +2 -0
  126. package/storybook-static/assets/{set-url.test.stories-CuSuDLIx.js → set-url.test.stories-BBfLxv2u.js} +1 -1
  127. package/storybook-static/assets/{slice-events.test.stories-BkRKsKem.js → slice-events.test.stories-HcXF8XQI.js} +138 -13
  128. package/storybook-static/assets/{slots.test.stories-BJCUWFkE.js → slots.test.stories-i6mnIFM2.js} +1 -1
  129. package/storybook-static/assets/tiny-invariant-CopsF_GD.js +1 -0
  130. package/storybook-static/assets/{version-select.test.stories-B3ybJn_Z.js → version-select.test.stories-BsUFH6Va.js} +1 -1
  131. package/storybook-static/demo/a.html +51 -38
  132. package/storybook-static/demo/a.svg +26 -26
  133. package/storybook-static/demo/data-slices.html +37 -0
  134. package/storybook-static/demo/external-template.html +1 -0
  135. package/storybook-static/demo/form.html +42 -0
  136. package/storybook-static/demo/hex-grid-dce.html +1 -1
  137. package/storybook-static/demo/hex-grid.html +1 -1
  138. package/storybook-static/demo/parameters.html +20 -1
  139. package/storybook-static/demo/s.xml +6 -12
  140. package/storybook-static/demo/s.xslt +64 -15
  141. package/storybook-static/demo/ss.html +4 -23
  142. package/storybook-static/iframe.html +2 -2
  143. package/storybook-static/index.html +4 -0
  144. package/storybook-static/index.json +1 -1
  145. package/storybook-static/project.json +1 -1
  146. package/storybook-static/sb-addons/chromatic-com-storybook-10/manager-bundle.js +333 -0
  147. package/storybook-static/sb-addons/chromatic-com-storybook-10/manager-bundle.js.LEGAL.txt +40 -0
  148. package/storybook-static/sb-addons/essentials-actions-3/manager-bundle.js +1 -1
  149. package/storybook-static/sb-addons/essentials-backgrounds-4/manager-bundle.js +8 -8
  150. package/storybook-static/sb-addons/essentials-controls-2/manager-bundle.js +82 -85
  151. package/storybook-static/sb-addons/essentials-measure-7/manager-bundle.js +1 -1
  152. package/storybook-static/sb-addons/essentials-outline-8/manager-bundle.js +1 -1
  153. package/storybook-static/sb-addons/essentials-viewport-5/manager-bundle.js +1 -1
  154. package/storybook-static/sb-addons/interactions-9/manager-bundle.js +66 -67
  155. package/storybook-static/sb-addons/storybook-core-core-server-presets-0/common-manager-bundle.js +1 -1
  156. package/storybook-static/sb-manager/globals-module-info.js +25 -3
  157. package/storybook-static/sb-manager/globals-runtime.js +29585 -43124
  158. package/storybook-static/sb-manager/runtime.js +10647 -9399
  159. package/storybook-static/sb-preview/runtime.js +3536 -5860
  160. package/test-runner-jest.config.js +15 -0
  161. package/dist/custom-element-BOIPgtxz.js +0 -565
  162. package/dist/custom-element-CUsSENWc.cjs +0 -97
  163. package/src/stories/__screenshots__/http-request.test.ts/http-request-url-change-1.png +0 -0
  164. package/storybook-static/assets/Color-ERTF36HU-CQkSD2nd.js +0 -1
  165. package/storybook-static/assets/attributes.test.stories-BJBuuXgZ.js +0 -150
  166. package/storybook-static/assets/custom-element-BDGsYgbP.js +0 -97
  167. package/storybook-static/assets/entry-preview-C313OLrj.js +0 -26
  168. package/storybook-static/assets/entry-preview-docs-B7ORr9w5.js +0 -2
  169. package/storybook-static/assets/iframe-DOi4N7qI.js +0 -2
  170. package/storybook-static/assets/index-BdcJ-iJ7.js +0 -8
  171. package/storybook-static/assets/index-CaL3Qp7t.js +0 -634
  172. package/storybook-static/assets/index-DgFM0Ce3.js +0 -1
  173. package/storybook-static/assets/preview-C992A1Y-.js +0 -2
  174. package/storybook-static/assets/preview-CcS4DQh8.js +0 -1
  175. package/storybook-static/assets/tiny-invariant-BxWVcicq.js +0 -1
@@ -233,6 +233,48 @@
233
233
  </template>
234
234
  </html-demo-element>
235
235
 
236
+ <html-demo-element legend="5. using custom-element as form input"
237
+ description="bypass value to container form "
238
+ id="sample-5"
239
+ >
240
+ <ol>
241
+ <li> select radio in top group</li>
242
+ <li> observe the fruit selected on the left</li>
243
+ <li> observe the warning message bellow button</li>
244
+ <li> next button does not submit the form</li>
245
+ <li> select radio in bottom group</li>
246
+ <li> observe the fruit selected on the right</li>
247
+ <li> same fruit selection would eliminate the warning and
248
+ allow the form submission</li>
249
+ <li> after submit, observe the URL parameters 'inp-1=🍏&inp-2=🍏' </li>
250
+ </ol>
251
+ <template>
252
+ <custom-element tag="sample-input">
253
+ <template>
254
+ <attribute name="name" ></attribute>
255
+ <attribute name="value" select="//val"></attribute>
256
+ {$name}
257
+ <label><input type="radio" name="{$name}" slice="val" value="🍏">Apple</label>
258
+ <label><input type="radio" name="{$name}" slice="val" value="🍌">Banana</label>
259
+ </template>
260
+ </custom-element>
261
+ <custom-element>
262
+ <template>
263
+ <form slice="cart-form" action="#sample-5"
264
+ custom-validity="(//inp1 = //inp2) ?? 'pick same fruit'"
265
+ >
266
+ <sample-input slice="inp1" name="inp-1"></sample-input>
267
+ <sample-input slice="inp2" name="inp-2"></sample-input>
268
+ <button>Next</button>
269
+ Picked :{//inp1} and {//inp2}
270
+
271
+ <p>{//cart-form/@validation-message}</p>
272
+ </form>
273
+ </template>
274
+ </custom-element>
275
+ </template>
276
+ </html-demo-element>
277
+
236
278
  <script type="module" src="https://unpkg.com/html-demo-element@1/html-demo-element.js"></script>
237
279
 
238
280
  </body>
@@ -107,7 +107,7 @@
107
107
  <img src="https://upload.wikimedia.org/wikipedia/commons/1/1b/Svelte_Logo.svg" alt="Svelte"/>
108
108
  <img src="https://www.solidjs.com/img/logo/without-wordmark/logo.svg" alt="SolidJS"/>
109
109
  <img src="https://www.svgrepo.com/show/354113/nextjs-icon.svg" alt="NextJS"/>
110
- <img src="https://global.discourse-cdn.com/standard17/uploads/threejs/original/2X/b/be2f75f72751c11cbe1593c69a99a52900bf12cb.svg" alt="ThreeJS" href="https://threejs.org/"/>
110
+ <img src="https://threejs.org/files/favicon.ico" alt="ThreeJS" href="https://threejs.org/"/>
111
111
  <img src="https://www.blazejs.org/logo/icon.png" alt="BlazeJS"/>
112
112
  <img src="https://dmtgy0px4zdqn.cloudfront.net/images/integrations/tailwindcss.webp" alt="Tailwind CSS"/>
113
113
  <img src="https://dmtgy0px4zdqn.cloudfront.net/images/integrations/flowbite.webp" alt="Flowbite"/>
@@ -52,7 +52,7 @@
52
52
  <img src="https://semantic-ui.com/images/logo.png" alt="Semantic UI" href="https://semantic-ui.com/"/>
53
53
  <img src="https://open-wc.org/35ded306.svg" alt="Open WC" href="https://open-wc.org/"/>
54
54
  <img src="https://storage.googleapis.com/cms-storage-bucket/4fd0db61df0567c0f352.png" alt="Flutter" href="https://flutter.dev/"/>
55
- <img src="https://refine.dev/img/refine_favicon.svg" alt="Refine" href="https://refine.dev/"/>
55
+ <img src="https://refine.dev/img/favicon.ico" alt="Refine" href="https://refine.dev/"/>
56
56
  <img src="https://getbootstrap.com/docs/5.3/assets/brand/bootstrap-logo-shadow.png" alt="Bootstrap" href="https://getbootstrap.com/"/>
57
57
  <img src="https://upload.wikimedia.org/wikipedia/commons/9/95/Vue.js_Logo_2.svg" alt="Vue.JS" href="https://vuejs.org/"/>
58
58
  <img src="https://lit.dev/images/logo.svg#flame" alt="Lit"/>
@@ -44,7 +44,7 @@ params needed to declare DCE attributes and track the attributes changes. It als
44
44
  </template>
45
45
  </html-demo-element>
46
46
 
47
- <html-demo-element legend="slice propagates attribute" description="
47
+ <html-demo-element legend="attribute from slice" description="
48
48
  when slice value points to attribute, it would be populated on slice change
49
49
  ">
50
50
  Type in the input field to see the variable $title change. <br/>
@@ -62,6 +62,25 @@ when slice value points to attribute, it would be populated on slice change
62
62
  </template>
63
63
  </html-demo-element>
64
64
 
65
+ <details>
66
+ <summary>Attributes processing</summary>
67
+ To be available in template, <code>custom-element</code> attributes should be
68
+ defined by <code>attribute</code> markup as shown above.
69
+ The value is taken from attribute text content or from <code>select</code> XPath expression<br/>
70
+
71
+ Declared in such way, attributes are exposed via <code><a
72
+ href="https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_custom_elements#responding_to_attribute_changes"
73
+ >observedAttributes</a></code>. <br/>
74
+ The template exposes those attributes as <code>xsl:param</code> which makes the attribute value available as
75
+ xsl variable (as attribute name prefixed with $). <br/>
76
+ After transformation the attributes values are read from CE root and copied into DCE component. <br/>
77
+ The DCE attribute change from outside invokes <code>attributeChangedCallback</code> which triggers DCE re-render.
78
+ <p>
79
+ The <code>value</code> attribute is usual case to be propagated from within of <code>custom-element</code>.
80
+ See the <a href="./form.html#sample-5">using custom-element as form input</a> example.
81
+ </p>
82
+ &bull; <a href="https://github.com/EPA-WG/custom-element/blob/main/docs/attributes.md">Design docs</a>
83
+ </details>
65
84
 
66
85
 
67
86
  <script type="module" src="https://unpkg.com/html-demo-element@1/html-demo-element.js"></script>
@@ -1,18 +1,12 @@
1
1
  <?xml version="1.0" encoding="UTF-8"?>
2
2
  <datadom>
3
- <payload xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:xhtml="http://www.w3.org/1999/xhtml">
4
- <a xmlns="http://www.w3.org/1999/xhtml" href="#" data-dce-id="4" slot="">link 1</a>
5
- <a xmlns="http://www.w3.org/1999/xhtml" href="#" data-dce-id="5" slot="">link 2</a>
6
- <a xmlns="http://www.w3.org/1999/xhtml" href="#" data-dce-id="6" slot="">link 3</a>
7
- </payload>
3
+ <payload xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:xhtml="http://www.w3.org/1999/xhtml"/>
8
4
  <attributes>
9
- <xmlns/>
10
- <justify>end</justify>
11
- <data-dce-id>2</data-dce-id>
12
- <direction>row</direction>
5
+ <id>dce1</id>
6
+ <p1>default_P1</p1>
7
+ <p2>always_p2</p2>
8
+ <p3></p3>
13
9
  </attributes>
14
- <dataset>
15
- <dceId>2</dceId>
16
- </dataset>
10
+ <dataset/>
17
11
  <slice/>
18
12
  </datadom>
@@ -1,20 +1,69 @@
1
1
  <?xml version="1.0" encoding="UTF-8"?>
2
- <xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:dce="urn:schemas-epa-wg:dce" xmlns:exsl="http://exslt.org/common" version="1.0" exclude-result-prefixes="exsl">
2
+ <xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:xhtml="http://www.w3.org/1999/xhtml"
3
+ xmlns:dce="urn:schemas-epa-wg:dce" xmlns:exsl="http://exslt.org/common" version="1.0"
4
+ exclude-result-prefixes="exsl">
3
5
  <xsl:template match="ignore">
4
6
  <xsl:choose>
5
- <xsl:when test="//attr"><xsl:value-of select="//attr"/></xsl:when>
6
- <xsl:otherwise><xsl:value-of select="def"/></xsl:otherwise>
7
- </xsl:choose><xsl:value-of select="."/></xsl:template>
8
- <xsl:template mode="payload" match="attributes"><xsl:param name="direction"><xsl:choose>
9
- <xsl:when test="//direction"><xsl:value-of select="//direction"/></xsl:when>
10
- <xsl:otherwise><xsl:value-of select="'row'"/></xsl:otherwise>
11
- </xsl:choose></xsl:param><dce-root xmlns="http://www.w3.org/1999/xhtml" xmlns:xhtml="http://www.w3.org/1999/xhtml" data-dce-id="1"><xsl:attribute name="direction"><xsl:choose>
12
- <xsl:when test="//direction"><xsl:value-of select="//direction"/></xsl:when>
13
- <xsl:otherwise><xsl:value-of select="'row'"/></xsl:otherwise>
14
- </xsl:choose></xsl:attribute><xsl:call-template name="slot">
15
- <xsl:with-param name="slotname" select="''"/>
16
- <xsl:with-param name="defaultvalue"/>
17
- </xsl:call-template></dce-root></xsl:template>
7
+ <xsl:when test="//attr">
8
+ <xsl:value-of select="//attr"/>
9
+ </xsl:when>
10
+ <xsl:otherwise>
11
+ <xsl:value-of select="def"/>
12
+ </xsl:otherwise>
13
+ </xsl:choose>
14
+ <xsl:value-of select="."/>
15
+ </xsl:template>
16
+ <xsl:template mode="payload" match="attributes">
17
+ <xsl:param name="p1" select="/datadom/attributes/p1">default_P1</xsl:param>
18
+ <xsl:param name="p2" select="'always_p2'"/>
19
+ <xsl:param name="p3">
20
+ <xsl:choose>
21
+ <xsl:when test="string-length(//p3)>0 ">RRRR
22
+ <xsl:value-of select="count(//p3)"/>
23
+ +<xsl:value-of select="//p3 "/>=
24
+ </xsl:when>
25
+ <xsl:otherwise>OOO
26
+ <xsl:value-of select=" 'def_P3' "/>
27
+ </xsl:otherwise>
28
+ </xsl:choose>
29
+ </xsl:param>
30
+ <dce-root xmlns="http://www.w3.org/1999/xhtml" xmlns:xhtml="http://www.w3.org/1999/xhtml" data-dce-id="1">
31
+ <xsl:attribute name="p1">default_P1</xsl:attribute>
32
+ <xsl:attribute name="p2">
33
+ <xsl:value-of select="'always_p2'"/>
34
+ </xsl:attribute>
35
+ <xsl:attribute name="p3">
36
+ <xsl:choose>
37
+ <xsl:when test="//p3 ">
38
+ <xsl:value-of select="//p3 "/>
39
+ </xsl:when>
40
+ <xsl:otherwise>
41
+ <xsl:value-of select=" 'def_P3' "/>
42
+ </xsl:otherwise>
43
+ </xsl:choose>
44
+ </xsl:attribute>
45
+ <dce-text xmlns="" data-dce-id="2">
46
+ p1:
47
+ </dce-text>
48
+ <code xmlns="" data-testid="p1" data-dce-id="3">
49
+ <xsl:value-of select="$p1"/>
50
+ </code>
51
+ <br xmlns="" data-dce-id="4"/>
52
+ <dce-text xmlns="" data-dce-id="5">
53
+ p2:
54
+ </dce-text>
55
+ <code xmlns="" data-testid="p2" data-dce-id="6">
56
+ <xsl:value-of select="$p2"/>
57
+ </code>
58
+ <br xmlns="" data-dce-id="7"/>
59
+ <dce-text xmlns="" data-dce-id="8">
60
+ p3:
61
+ </dce-text>
62
+ <code xmlns="" data-testid="p3" data-dce-id="9">
63
+ <xsl:value-of select="$p3"/>
64
+ </code>
65
+ </dce-root>
66
+ </xsl:template>
18
67
  <xsl:template match="/">
19
68
  <xsl:apply-templates mode="payload" select="/datadom/attributes"/>
20
69
  </xsl:template>
@@ -23,7 +72,7 @@
23
72
  <xsl:param name="defaultvalue"/>
24
73
  <xsl:choose>
25
74
  <xsl:when test="//payload/*[@slot=$slotname]">
26
- <xsl:copy-of select="//payload/*[@slot=$slotname]"/>
75
+ <xsl:copy-of select="//payload/*[@slot=$slotname]"/>
27
76
  </xsl:when>
28
77
  <xsl:otherwise>
29
78
  <xsl:copy-of select="$defaultvalue"/>
@@ -1,24 +1,5 @@
1
1
  <?xml version="1.0" encoding="UTF-8"?>
2
- <dce-root data-dce-id="1" label="Number" name="" placeholder="Enter the numeric value" type="text" value=""
3
- xmlns="http://www.w3.org/1999/xhtml" xmlns:dce="urn:schemas-epa-wg:dce"
4
- xmlns:xhtml="http://www.w3.org/1999/xhtml"><pre data-dce-id="2" xmlns=""> //focused
5
- //suggest
6
- //selected
7
- $selected-value </pre>
8
- <label data-dce-id="3">
9
- <dce-text data-dce-id="4">Number</dce-text>
10
- <input data-dce-id="5" name="" placeholder="Enter the numeric value" type="text" value="">
11
- <slice data-dce-id="6" name="focused" slice-event="focus" slice-value="1"/>
12
- <slice data-dce-id="7" name="selected" slice-event="input"/>
13
- </input></label>
14
- <fieldset data-dce-id="8" form="cem-autocomplete-form" xmlns=""><label data-dce-id="9" value="one"><input
15
- data-dce-id="10" name="cem-autocomplete" slice="suggest" slice-event="input" type="radio" value="one"/>
16
- <dce-text data-dce-id="11">One</dce-text>
17
- </label><label data-dce-id="9" value="two"><input data-dce-id="10" name="cem-autocomplete" slice="suggest" slice-event="input"
18
- type="radio" value="two"/>
19
- <dce-text data-dce-id="11">Two</dce-text>
20
- </label><label data-dce-id="9" value="three"><input data-dce-id="10" name="cem-autocomplete" slice="suggest"
21
- slice-event="input" type="radio" value="three"/>
22
- <dce-text data-dce-id="11">Three</dce-text>
23
- </label></fieldset>
24
- </dce-root>
2
+ <dce-root data-dce-id="1" value="123"
3
+ xmlns="http://www.w3.org/1999/xhtml" xmlns:dce="urn:schemas-epa-wg:dce" xmlns:xhtml="http://www.w3.org/1999/xhtml"><label data-dce-id="2">
4
+ <dce-text data-dce-id="3"/>
5
+ <input data-dce-id="4" slice="selected" slice-event="input" value="123"/></label></dce-root>
@@ -517,7 +517,7 @@
517
517
  }
518
518
  }
519
519
  </script>
520
- <script type="module" crossorigin src="./assets/iframe-DOi4N7qI.js"></script>
520
+ <script type="module" crossorigin src="./assets/iframe-CJEL_4Nu.js"></script>
521
521
  </head>
522
522
 
523
523
  <body>
@@ -616,7 +616,7 @@
616
616
  <strong>Missing Context/Providers</strong>: You can use decorators to supply specific
617
617
  contexts or providers, which are sometimes necessary for components to render correctly. For
618
618
  detailed instructions on using decorators, please visit the
619
- <a href="https://storybook.js.org/docs/react/writing-stories/decorators"
619
+ <a href="https://storybook.js.org/docs/writing-stories/decorators"
620
620
  >Decorators documentation</a
621
621
  >.
622
622
  </li>
@@ -65,6 +65,8 @@
65
65
  <link href="./sb-addons/essentials-outline-8/manager-bundle.js" rel="modulepreload" />
66
66
 
67
67
  <link href="./sb-addons/interactions-9/manager-bundle.js" rel="modulepreload" />
68
+
69
+ <link href="./sb-addons/chromatic-com-storybook-10/manager-bundle.js" rel="modulepreload" />
68
70
 
69
71
 
70
72
  <style>
@@ -166,6 +168,8 @@
166
168
 
167
169
  import './sb-addons/interactions-9/manager-bundle.js';
168
170
 
171
+ import './sb-addons/chromatic-com-storybook-10/manager-bundle.js';
172
+
169
173
 
170
174
  import './sb-manager/runtime.js';
171
175
  </script>
@@ -1 +1 @@
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","autodocs","unattached-mdx"]},"attributes--docs":{"id":"attributes--docs","title":"attributes","name":"Docs","importPath":"./src/stories/attributes.test.stories.ts","type":"docs","tags":["dev","test","autodocs","play-fn"],"storiesImports":[]},"attributes--attribute-defaults":{"type":"story","id":"attributes--attribute-defaults","name":"Attribute Defaults","title":"attributes","importPath":"./src/stories/attributes.test.stories.ts","tags":["dev","test","autodocs","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","autodocs","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","autodocs","play-fn"]},"css--docs":{"id":"css--docs","title":"Css","name":"Docs","importPath":"./src/stories/css.test.stories.ts","type":"docs","tags":["dev","test","autodocs","play-fn"],"storiesImports":[]},"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","autodocs","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","autodocs","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","autodocs","play-fn"]},"dom-merge--docs":{"id":"dom-merge--docs","title":"dom-merge","name":"Docs","importPath":"./src/stories/dom-merge.test.stories.ts","type":"docs","tags":["dev","test","autodocs","play-fn"],"storiesImports":[]},"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","autodocs","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","autodocs","play-fn"]},"dom-merge--order-preserving-on-2-nd-transform":{"type":"story","id":"dom-merge--order-preserving-on-2-nd-transform","name":"Order Preserving On 2 Nd Transform","title":"dom-merge","importPath":"./src/stories/dom-merge.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"dom-merge--read-system-validity-message":{"type":"story","id":"dom-merge--read-system-validity-message","name":"Read System Validity Message","title":"dom-merge","importPath":"./src/stories/dom-merge.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"external-templates--docs":{"id":"external-templates--docs","title":"external-templates","name":"Docs","importPath":"./src/stories/external-template.test.stories.ts","type":"docs","tags":["dev","test","autodocs","play-fn"],"storiesImports":[]},"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","autodocs","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","autodocs","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","autodocs","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","autodocs","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","autodocs","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","autodocs","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","autodocs","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","autodocs","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","autodocs","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","autodocs","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","autodocs","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","autodocs","play-fn"]},"form--docs":{"id":"form--docs","title":"form","name":"Docs","importPath":"./src/stories/form.test.stories.ts","type":"docs","tags":["dev","test","autodocs","play-fn"],"storiesImports":[]},"form--system-message":{"type":"story","id":"form--system-message","name":"System Message","title":"form","importPath":"./src/stories/form.test.stories.ts","tags":["dev","test","autodocs","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","autodocs","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","autodocs","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","autodocs","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","autodocs","play-fn"]},"http-request--docs":{"id":"http-request--docs","title":"http-request","name":"Docs","importPath":"./src/stories/http-request.stories.ts","type":"docs","tags":["dev","test","autodocs","play-fn"],"storiesImports":[]},"http-request--demo":{"type":"story","id":"http-request--demo","name":"Demo","title":"http-request","importPath":"./src/stories/http-request.stories.ts","tags":["dev","test","autodocs","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","autodocs","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","autodocs","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","autodocs","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","autodocs","play-fn"]},"local-storage--docs":{"id":"local-storage--docs","title":"local-storage","name":"Docs","importPath":"./src/stories/local-storage.test.stories.ts","type":"docs","tags":["dev","test","autodocs","play-fn"],"storiesImports":[]},"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","autodocs","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","autodocs","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","autodocs","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","autodocs","play-fn"]},"location-element--docs":{"id":"location-element--docs","title":"location-element","name":"Docs","importPath":"./src/stories/location-element.test.stories.ts","type":"docs","tags":["dev","test","autodocs","play-fn"],"storiesImports":[]},"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","autodocs","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","autodocs","play-fn"]},"module-url--docs":{"id":"module-url--docs","title":"module-url","name":"Docs","importPath":"./src/stories/module-url.test.stories.ts","type":"docs","tags":["dev","test","autodocs","play-fn"],"storiesImports":[]},"module-url--relative-to-page-path":{"type":"story","id":"module-url--relative-to-page-path","name":"Relative To Page Path","title":"module-url","importPath":"./src/stories/module-url.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"module-url--module-by-symbolic-name":{"type":"story","id":"module-url--module-by-symbolic-name","name":"Module By Symbolic Name","title":"module-url","importPath":"./src/stories/module-url.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"module-url--missing-importmap-entry":{"type":"story","id":"module-url--missing-importmap-entry","name":"Missing Importmap Entry","title":"module-url","importPath":"./src/stories/module-url.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"module-url--module-by-name":{"type":"story","id":"module-url--module-by-name","name":"Module By Name","title":"module-url","importPath":"./src/stories/module-url.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"module-url--hash-within-lib":{"type":"story","id":"module-url--hash-within-lib","name":"Hash Within Lib","title":"module-url","importPath":"./src/stories/module-url.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"location-element-set-url--docs":{"id":"location-element-set-url--docs","title":"location-element set URL","name":"Docs","importPath":"./src/stories/set-url.test.stories.ts","type":"docs","tags":["dev","test","autodocs","play-fn"],"storiesImports":[]},"location-element-set-url--dynamic-src":{"type":"story","id":"location-element-set-url--dynamic-src","name":"Dynamic Src","title":"location-element set URL","importPath":"./src/stories/set-url.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"location-element-set-url--dynamic-method":{"type":"story","id":"location-element-set-url--dynamic-method","name":"Dynamic Method","title":"location-element set URL","importPath":"./src/stories/set-url.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"slice-events--docs":{"id":"slice-events--docs","title":"slice-events","name":"Docs","importPath":"./src/stories/slice-events.test.stories.ts","type":"docs","tags":["dev","test","autodocs","play-fn"],"storiesImports":[]},"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","autodocs","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","autodocs","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","autodocs","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","autodocs","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","autodocs","play-fn"]},"slots--docs":{"id":"slots--docs","title":"slots","name":"Docs","importPath":"./src/stories/slots.test.stories.ts","type":"docs","tags":["dev","test","autodocs","play-fn"],"storiesImports":[]},"slots--regular":{"type":"story","id":"slots--regular","name":"Regular","title":"slots","importPath":"./src/stories/slots.test.stories.ts","tags":["dev","test","autodocs","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","autodocs","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","autodocs","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","autodocs","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","autodocs","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","autodocs","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","autodocs","play-fn"]},"site--docs":{"id":"site--docs","title":"site","name":"Docs","importPath":"./src/stories/version-select.test.stories.ts","type":"docs","tags":["dev","test","autodocs","play-fn"],"storiesImports":[]},"site--versions-select":{"type":"story","id":"site--versions-select","name":"Versions Select","title":"site","importPath":"./src/stories/version-select.test.stories.ts","tags":["dev","test","autodocs","play-fn"]}}}
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","autodocs","unattached-mdx"]},"attributes--docs":{"id":"attributes--docs","title":"attributes","name":"Docs","importPath":"./src/stories/attributes.test.stories.ts","type":"docs","tags":["dev","test","autodocs","play-fn"],"storiesImports":[]},"attributes--clone-as":{"type":"story","id":"attributes--clone-as","name":"Clone As","title":"attributes","importPath":"./src/stories/attributes.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"attributes--mix":{"type":"story","id":"attributes--mix","name":"Mix","title":"attributes","importPath":"./src/stories/attributes.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"attributes--attribute-defaults":{"type":"story","id":"attributes--attribute-defaults","name":"Attribute Defaults","title":"attributes","importPath":"./src/stories/attributes.test.stories.ts","tags":["dev","test","autodocs","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","autodocs","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","autodocs","play-fn"]},"attributes--attributes-propagation-up":{"type":"story","id":"attributes--attributes-propagation-up","name":"Attributes Propagation Up","title":"attributes","importPath":"./src/stories/attributes.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"css--docs":{"id":"css--docs","title":"Css","name":"Docs","importPath":"./src/stories/css.test.stories.ts","type":"docs","tags":["dev","test","autodocs","play-fn"],"storiesImports":[]},"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","autodocs","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","autodocs","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","autodocs","play-fn"]},"dom-merge--docs":{"id":"dom-merge--docs","title":"dom-merge","name":"Docs","importPath":"./src/stories/dom-merge.test.stories.ts","type":"docs","tags":["dev","test","autodocs","play-fn"],"storiesImports":[]},"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","autodocs","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","autodocs","play-fn"]},"dom-merge--order-preserving-on-2-nd-transform":{"type":"story","id":"dom-merge--order-preserving-on-2-nd-transform","name":"Order Preserving On 2 Nd Transform","title":"dom-merge","importPath":"./src/stories/dom-merge.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"dom-merge--read-system-validity-message":{"type":"story","id":"dom-merge--read-system-validity-message","name":"Read System Validity Message","title":"dom-merge","importPath":"./src/stories/dom-merge.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"external-templates--docs":{"id":"external-templates--docs","title":"external-templates","name":"Docs","importPath":"./src/stories/external-template.test.stories.ts","type":"docs","tags":["dev","test","autodocs","play-fn"],"storiesImports":[]},"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","autodocs","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","autodocs","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","autodocs","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","autodocs","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","autodocs","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","autodocs","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","autodocs","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","autodocs","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","autodocs","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","autodocs","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","autodocs","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","autodocs","play-fn"]},"form--docs":{"id":"form--docs","title":"form","name":"Docs","importPath":"./src/stories/form.test.stories.ts","type":"docs","tags":["dev","test","autodocs","play-fn"],"storiesImports":[]},"form--system-message":{"type":"story","id":"form--system-message","name":"System Message","title":"form","importPath":"./src/stories/form.test.stories.ts","tags":["dev","test","autodocs","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","autodocs","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","autodocs","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","autodocs","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","autodocs","play-fn"]},"http-request--docs":{"id":"http-request--docs","title":"http-request","name":"Docs","importPath":"./src/stories/http-request.stories.ts","type":"docs","tags":["dev","test","autodocs","play-fn"],"storiesImports":[]},"http-request--demo":{"type":"story","id":"http-request--demo","name":"Demo","title":"http-request","importPath":"./src/stories/http-request.stories.ts","tags":["dev","test","autodocs","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","autodocs","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","autodocs","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","autodocs","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","autodocs","play-fn"]},"local-storage--docs":{"id":"local-storage--docs","title":"local-storage","name":"Docs","importPath":"./src/stories/local-storage.test.stories.ts","type":"docs","tags":["dev","test","autodocs","play-fn"],"storiesImports":[]},"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","autodocs","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","autodocs","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","autodocs","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","autodocs","play-fn"]},"location-element--docs":{"id":"location-element--docs","title":"location-element","name":"Docs","importPath":"./src/stories/location-element.test.stories.ts","type":"docs","tags":["dev","test","autodocs","play-fn"],"storiesImports":[]},"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","autodocs","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","autodocs","play-fn"]},"module-url--docs":{"id":"module-url--docs","title":"module-url","name":"Docs","importPath":"./src/stories/module-url.test.stories.ts","type":"docs","tags":["dev","test","autodocs","play-fn"],"storiesImports":[]},"module-url--relative-to-page-path":{"type":"story","id":"module-url--relative-to-page-path","name":"Relative To Page Path","title":"module-url","importPath":"./src/stories/module-url.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"module-url--module-by-symbolic-name":{"type":"story","id":"module-url--module-by-symbolic-name","name":"Module By Symbolic Name","title":"module-url","importPath":"./src/stories/module-url.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"module-url--missing-importmap-entry":{"type":"story","id":"module-url--missing-importmap-entry","name":"Missing Importmap Entry","title":"module-url","importPath":"./src/stories/module-url.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"module-url--module-by-name":{"type":"story","id":"module-url--module-by-name","name":"Module By Name","title":"module-url","importPath":"./src/stories/module-url.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"module-url--hash-within-lib":{"type":"story","id":"module-url--hash-within-lib","name":"Hash Within Lib","title":"module-url","importPath":"./src/stories/module-url.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"location-element-set-url--docs":{"id":"location-element-set-url--docs","title":"location-element set URL","name":"Docs","importPath":"./src/stories/set-url.test.stories.ts","type":"docs","tags":["dev","test","autodocs","play-fn"],"storiesImports":[]},"location-element-set-url--dynamic-src":{"type":"story","id":"location-element-set-url--dynamic-src","name":"Dynamic Src","title":"location-element set URL","importPath":"./src/stories/set-url.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"location-element-set-url--dynamic-method":{"type":"story","id":"location-element-set-url--dynamic-method","name":"Dynamic Method","title":"location-element set URL","importPath":"./src/stories/set-url.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"slice-events--docs":{"id":"slice-events--docs","title":"slice-events","name":"Docs","importPath":"./src/stories/slice-events.test.stories.ts","type":"docs","tags":["dev","test","autodocs","play-fn"],"storiesImports":[]},"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","autodocs","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","autodocs","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","autodocs","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","autodocs","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","autodocs","play-fn"]},"slice-events--checkbox-checked":{"type":"story","id":"slice-events--checkbox-checked","name":"Checkbox Checked","title":"slice-events","importPath":"./src/stories/slice-events.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"slice-events--checkbox-unchecked":{"type":"story","id":"slice-events--checkbox-unchecked","name":"Checkbox Unchecked","title":"slice-events","importPath":"./src/stories/slice-events.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"slice-events--checkbox-slice-value":{"type":"story","id":"slice-events--checkbox-slice-value","name":"Checkbox Slice Value","title":"slice-events","importPath":"./src/stories/slice-events.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"slice-events--radiogroup-slice-value":{"type":"story","id":"slice-events--radiogroup-slice-value","name":"Radiogroup Slice Value","title":"slice-events","importPath":"./src/stories/slice-events.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"slots--docs":{"id":"slots--docs","title":"slots","name":"Docs","importPath":"./src/stories/slots.test.stories.ts","type":"docs","tags":["dev","test","autodocs","play-fn"],"storiesImports":[]},"slots--regular":{"type":"story","id":"slots--regular","name":"Regular","title":"slots","importPath":"./src/stories/slots.test.stories.ts","tags":["dev","test","autodocs","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","autodocs","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","autodocs","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","autodocs","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","autodocs","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","autodocs","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","autodocs","play-fn"]},"site--docs":{"id":"site--docs","title":"site","name":"Docs","importPath":"./src/stories/version-select.test.stories.ts","type":"docs","tags":["dev","test","autodocs","play-fn"],"storiesImports":[]},"site--versions-select":{"type":"story","id":"site--versions-select","name":"Versions Select","title":"site","importPath":"./src/stories/version-select.test.stories.ts","tags":["dev","test","autodocs","play-fn"]}}}
@@ -1 +1 @@
1
- {"generatedAt":1730965830105,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":false,"refCount":0,"testPackages":{"@vitest/browser":"2.0.5","@vitest/coverage-istanbul":"2.0.5","msw":"2.4.5","msw-storybook-addon":"2.0.3","playwright":"1.47.0","vitest":"2.0.5","webdriverio":"9.0.9"},"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","portableStoriesFileCount":2,"storybookVersion":"8.3.3","storybookVersionSpecifier":"8.3.3","language":"typescript","storybookPackages":{"@chromatic-com/storybook":{"version":"2.0.2"},"@storybook/addon-mdx-gfm":{"version":"8.3.3"},"@storybook/blocks":{"version":"8.3.3"},"@storybook/test":{"version":"8.3.3"},"@storybook/test-runner":{"version":"0.19.1"},"@storybook/web-components":{"version":"8.3.3"},"@storybook/web-components-vite":{"version":"8.3.3"},"msw-storybook-addon":{"version":"2.0.3"},"storybook":{"version":"8.3.3"}},"addons":{"@storybook/addon-links":{"version":"8.3.3"},"@storybook/addon-essentials":{"version":"8.3.3"},"@storybook/addon-interactions":{"version":"8.3.3"}}}
1
+ {"generatedAt":1732809288923,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":false,"refCount":0,"testPackages":{"@vitest/browser":"2.0.5","@vitest/coverage-istanbul":"2.0.5","msw":"2.4.5","msw-storybook-addon":"2.0.4","playwright":"1.47.0","vitest":"2.0.5","webdriverio":"9.0.9"},"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","portableStoriesFileCount":3,"storybookVersion":"8.4.2","storybookVersionSpecifier":"^8.4.2","language":"typescript","storybookPackages":{"@storybook/blocks":{"version":"8.4.2"},"@storybook/test":{"version":"8.4.2"},"@storybook/test-runner":{"version":"0.19.1"},"@storybook/web-components":{"version":"8.4.2"},"@storybook/web-components-vite":{"version":"8.4.2"},"msw-storybook-addon":{"version":"2.0.4"},"storybook":{"version":"8.4.2"}},"addons":{"@storybook/addon-links":{"version":"8.4.2"},"@storybook/addon-essentials":{"version":"8.4.2"},"@storybook/addon-interactions":{"version":"8.4.2"},"@storybook/addon-mdx-gfm":{"version":"8.4.2"},"@chromatic-com/storybook":{"version":"3.2.2"}}}