@epa-wg/custom-element-dist 0.0.31 → 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 (118) hide show
  1. package/.idea/inspectionProfiles/Project_Default.xml +2 -1
  2. package/README.md +4 -4
  3. package/coverage/coverage-final.json +6 -6
  4. package/coverage/index.html +27 -27
  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 +476 -380
  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 +1 -1
  11. package/coverage/src/custom-element/location-element.js.html +1 -1
  12. package/coverage/src/custom-element/module-url.js.html +1 -1
  13. package/coverage/src/index.html +1 -1
  14. package/coverage/src/mocks/handlers.ts.html +1 -1
  15. package/coverage/src/mocks/index.html +1 -1
  16. package/coverage/src/stories/attributes.test.stories.ts/coverage.svg +1 -1
  17. package/coverage/src/stories/attributes.test.stories.ts.html +313 -13
  18. package/coverage/src/stories/coverage.svg +1 -1
  19. package/coverage/src/stories/css.test.stories.ts.html +1 -1
  20. package/coverage/src/stories/dom-merge.test.stories.ts.html +1 -1
  21. package/coverage/src/stories/external-template.test.stories.ts.html +2 -2
  22. package/coverage/src/stories/form.test.stories.ts.html +1 -1
  23. package/coverage/src/stories/http-request.stories.ts.html +1 -1
  24. package/coverage/src/stories/index.html +15 -15
  25. package/coverage/src/stories/local-storage.test.stories.ts.html +1 -1
  26. package/coverage/src/stories/location-element.test.stories.ts.html +1 -1
  27. package/coverage/src/stories/module-url.test.stories.ts.html +1 -1
  28. package/coverage/src/stories/set-url.test.stories.ts.html +1 -1
  29. package/coverage/src/stories/slice-events.test.stories.ts.html +1 -1
  30. package/coverage/src/stories/slots.test.stories.ts.html +1 -1
  31. package/coverage/src/stories/testStoryBook.ts.html +8 -8
  32. package/coverage/src/stories/version-select.test.stories.ts.html +3 -3
  33. package/coverage/src/sum.ts.html +1 -1
  34. package/dist/custom-element-D2wf_rqP.js +576 -0
  35. package/dist/custom-element-Dtzhbjkc.cjs +97 -0
  36. package/dist/custom-element-bundle.cjs +1 -1
  37. package/dist/custom-element-bundle.js +30 -28
  38. package/dist/demo/a.html +51 -38
  39. package/dist/demo/data-slices.html +2 -2
  40. package/dist/demo/external-template.html +1 -0
  41. package/dist/demo/form.html +42 -0
  42. package/dist/demo/hex-grid-dce.html +1 -1
  43. package/dist/demo/hex-grid.html +1 -1
  44. package/dist/demo/parameters.html +20 -1
  45. package/dist/demo/s.xml +6 -12
  46. package/dist/demo/s.xslt +64 -15
  47. package/dist/demo/ss.html +4 -23
  48. package/package.json +2 -2
  49. package/public/demo/a.html +51 -38
  50. package/public/demo/data-slices.html +2 -2
  51. package/public/demo/external-template.html +1 -0
  52. package/public/demo/form.html +42 -0
  53. package/public/demo/hex-grid-dce.html +1 -1
  54. package/public/demo/hex-grid.html +1 -1
  55. package/public/demo/parameters.html +20 -1
  56. package/public/demo/s.xml +6 -12
  57. package/public/demo/s.xslt +64 -15
  58. package/public/demo/ss.html +4 -23
  59. package/src/custom-element/custom-element.js +72 -40
  60. package/src/custom-element/demo/a.html +51 -38
  61. package/src/custom-element/demo/data-slices.html +2 -2
  62. package/src/custom-element/demo/external-template.html +1 -0
  63. package/src/custom-element/demo/form.html +42 -0
  64. package/src/custom-element/demo/hex-grid-dce.html +1 -1
  65. package/src/custom-element/demo/hex-grid.html +1 -1
  66. package/src/custom-element/demo/parameters.html +20 -1
  67. package/src/custom-element/demo/s.xml +6 -12
  68. package/src/custom-element/demo/s.xslt +64 -15
  69. package/src/custom-element/demo/ss.html +4 -23
  70. package/src/custom-element/ide/web-types-dce.json +1 -1
  71. package/src/custom-element/ide/web-types-xsl.json +1 -1
  72. package/src/material/components/dropdown.html +21 -4
  73. package/src/material/components/input.html +363 -0
  74. package/src/mocks/versions.mock.ts +1 -1
  75. package/src/stories/attributes.test.stories.ts +103 -3
  76. package/src/stories/external-template.test.stories.ts +1 -1
  77. package/storybook-static/assets/{Color-F6OSRLHC-CFyd3TND.js → Color-F6OSRLHC-BU3iy8jH.js} +1 -1
  78. package/storybook-static/assets/{Configure-UGTbPRKK.js → Configure-DN6ifayP.js} +1 -1
  79. package/storybook-static/assets/{DocsRenderer-CFRXHY34-Dpr5iB0o.js → DocsRenderer-CFRXHY34-BaVEufDj.js} +2 -2
  80. package/storybook-static/assets/attributes.test.stories-D1X6EBrd.js +278 -0
  81. package/storybook-static/assets/{css.test.stories-Cgn6ICr0.js → css.test.stories-Cp_g2hE1.js} +1 -1
  82. package/storybook-static/assets/custom-element-uuAtIYWS.js +97 -0
  83. package/storybook-static/assets/{dom-merge.test.stories-CBObfPWg.js → dom-merge.test.stories-hbpdCka0.js} +1 -1
  84. package/storybook-static/assets/{external-template.test.stories-VfKUQ8eu.js → external-template.test.stories-BK89h6sk.js} +3 -3
  85. package/storybook-static/assets/{form.test.stories-CnuGN7Zw.js → form.test.stories-BfoLe_rw.js} +1 -1
  86. package/storybook-static/assets/{handlers-V_T7WjNK.js → handlers-yVPwH_Nz.js} +1 -1
  87. package/storybook-static/assets/{http-request.stories-8NN1Coqm.js → http-request.stories-CBFJS2Ws.js} +1 -1
  88. package/storybook-static/assets/{iframe-DnhkgdtG.js → iframe-CJEL_4Nu.js} +2 -2
  89. package/storybook-static/assets/{index-CIBI7sCB.js → index-D5fBh-7N.js} +1 -1
  90. package/storybook-static/assets/{index-DN1RoK17.js → index-DM-KBPdl.js} +1 -1
  91. package/storybook-static/assets/{index-DjJD7gkO.js → index-RSFf30w1.js} +1 -1
  92. package/storybook-static/assets/{index-3Sfy-t3H.js → index-SnjB5uV8.js} +4 -4
  93. package/storybook-static/assets/{local-storage.test.stories-Dk5Yqc7m.js → local-storage.test.stories-C0Yzy6Am.js} +1 -1
  94. package/storybook-static/assets/{location-element.test.stories-56um6s5L.js → location-element.test.stories-DNFrEu5A.js} +1 -1
  95. package/storybook-static/assets/{module-url.test.stories-DEponQ7l.js → module-url.test.stories-CXibF5Ta.js} +1 -1
  96. package/storybook-static/assets/{preview-vbpHsp94.js → preview-Bnd0XhaF.js} +1 -1
  97. package/storybook-static/assets/{preview-Czc-sw5H.js → preview-DJMlNTk8.js} +2 -2
  98. package/storybook-static/assets/{set-url.test.stories-B4E6hIe-.js → set-url.test.stories-BBfLxv2u.js} +1 -1
  99. package/storybook-static/assets/{slice-events.test.stories-BR0F-B6I.js → slice-events.test.stories-HcXF8XQI.js} +1 -1
  100. package/storybook-static/assets/{slots.test.stories-CgfJIyCr.js → slots.test.stories-i6mnIFM2.js} +1 -1
  101. package/storybook-static/assets/{version-select.test.stories-nmxATIwv.js → version-select.test.stories-BsUFH6Va.js} +1 -1
  102. package/storybook-static/demo/a.html +51 -38
  103. package/storybook-static/demo/data-slices.html +2 -2
  104. package/storybook-static/demo/external-template.html +1 -0
  105. package/storybook-static/demo/form.html +42 -0
  106. package/storybook-static/demo/hex-grid-dce.html +1 -1
  107. package/storybook-static/demo/hex-grid.html +1 -1
  108. package/storybook-static/demo/parameters.html +20 -1
  109. package/storybook-static/demo/s.xml +6 -12
  110. package/storybook-static/demo/s.xslt +64 -15
  111. package/storybook-static/demo/ss.html +4 -23
  112. package/storybook-static/iframe.html +1 -1
  113. package/storybook-static/index.json +1 -1
  114. package/storybook-static/project.json +1 -1
  115. package/dist/custom-element-BbJMY20-.cjs +0 -97
  116. package/dist/custom-element-CoRNKeEP.js +0 -567
  117. package/storybook-static/assets/attributes.test.stories-DSOLHHOW.js +0 -152
  118. package/storybook-static/assets/custom-element-D59Fok1f.js +0 -97
@@ -1,8 +1,8 @@
1
1
  <!DOCTYPE html>
2
- <html lang="en" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:xhtml="http://www.w3.org/1999/xhtml">
2
+ <html lang="en">
3
3
  <head>
4
4
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
5
- <title>Data slices - Declarative Custom Element implementation demo</title>
5
+ <title>http-request Declarative Custom Element implementation demo</title>
6
6
  <link rel="icon" href="./wc-square.svg"/>
7
7
 
8
8
  <script type="module" src="../http-request.js"></script>
@@ -10,51 +10,64 @@
10
10
  <style>
11
11
  @import "./demo.css";
12
12
 
13
- label {
14
- display: flex;
13
+ button {
14
+ display: inline-flex;
15
+ flex-direction: column;
16
+ align-items: center;
17
+ flex: auto;
18
+ box-shadow: inset silver 0 0 1rem;
19
+ min-width: 12rem;
20
+ padding: 1rem;
21
+ color: coral;
22
+ text-shadow: 1px 1px silver;
23
+ font-weight: bolder;
15
24
  }
16
25
 
17
- label:has(input[type="text"],input[type="password"],input:not([type]) ) {
18
- flex-direction: column;
26
+ button img {
27
+ max-height: 10vw;
28
+ min-height: 4rem;
19
29
  }
20
30
 
21
- nav {
22
- max-width: 32em;
31
+ table {
32
+ min-width: 16rem;
33
+ }
34
+
35
+ td {
36
+ border-bottom: 1px solid silver;
37
+ }
38
+
39
+ tfoot td {
40
+ border-bottom: none;
41
+ }
42
+
43
+ td, th {
44
+ text-align: right;
23
45
  }
24
- </style>
25
- <!-- https://github.com/mdn/learning-area/blob/main/html/forms/form-validation/custom-error-message.html
26
- todo: apply setCustomValidity( warningStr )
27
- -->
28
46
 
47
+ caption {
48
+ padding: 1rem;
49
+ font-weight: bolder;
50
+ font-family: sans-serif;
51
+ }
52
+
53
+ code {
54
+ text-align: right;
55
+ min-width: 3rem;
56
+ }
57
+
58
+ svg {
59
+ max-height: 3rem;
60
+ }
61
+ </style>
29
62
  </head>
30
63
  <body>
31
64
 
32
- <fieldset>
33
- <legend><b style="color:green">green</b> in instance style can be overridden in payload as <i
34
- style="color:red">red</i> in 1st instance
35
- </legend>
36
- <custom-element tag="dce-3">
37
- <template>
38
- <u>
39
- <slot>is green</slot>
40
- </u>
41
- </template>
42
- <style>dce-3 {
43
- color: green
44
- }</style>
45
- </custom-element>
46
- <u>should be</u> <i style="color:red">red</i>:
47
- <dce-3 id="dce32">
48
- <template>
49
- <style> color:red; </style>
50
- <u>red</u>
51
- </template>
52
- </dce-3> <br/>
53
- should be GREEN:
54
- <dce-3 id="dce31">green</dce-3>
55
- </fieldset>
56
-
57
- <script type="module" src="https://unpkg.com/html-demo-element@1/html-demo-element.js"></script>
65
+
66
+
67
+ <custom-element src="./html-template.html#dwc-logo">
68
+ <template><i>loading SVG from templates file ...</i></template>
69
+ </custom-element>
70
+
58
71
 
59
72
  </body>
60
73
  </html>
@@ -233,8 +233,8 @@
233
233
  </template>
234
234
  </html-demo-element>
235
235
 
236
- <html-demo-element legend="13. Radio buttons use"
237
- description="The value is empty when unchecked. Otherwise taken either from slice-value or value attribute.">
236
+ <html-demo-element legend="13. Radio group"
237
+ description="The value propagated into slice from the last checked radiobutton.">
238
238
  <p>Check the radiobutton to see the value in slice</p>
239
239
  <template>
240
240
  <custom-element>
@@ -57,6 +57,7 @@
57
57
 
58
58
  svg {
59
59
  max-height: 3rem;
60
+ min-height: 2rem;
60
61
  }
61
62
  </style>
62
63
  </head>
@@ -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-DnhkgdtG.js"></script>
520
+ <script type="module" crossorigin src="./assets/iframe-CJEL_4Nu.js"></script>
521
521
  </head>
522
522
 
523
523
  <body>
@@ -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"]},"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
+ {"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":1731384909006,"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":1,"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"}}}
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"}}}