@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.
- package/.idea/inspectionProfiles/Project_Default.xml +2 -1
- package/README.md +4 -4
- package/coverage/coverage-final.json +6 -6
- package/coverage/index.html +27 -27
- package/coverage/src/custom-element/coverage.svg +1 -1
- package/coverage/src/custom-element/custom-element.js/coverage.svg +1 -1
- package/coverage/src/custom-element/custom-element.js.html +476 -380
- package/coverage/src/custom-element/http-request.js.html +10 -10
- package/coverage/src/custom-element/index.html +18 -18
- package/coverage/src/custom-element/local-storage.js.html +1 -1
- package/coverage/src/custom-element/location-element.js.html +1 -1
- package/coverage/src/custom-element/module-url.js.html +1 -1
- package/coverage/src/index.html +1 -1
- package/coverage/src/mocks/handlers.ts.html +1 -1
- package/coverage/src/mocks/index.html +1 -1
- package/coverage/src/stories/attributes.test.stories.ts/coverage.svg +1 -1
- package/coverage/src/stories/attributes.test.stories.ts.html +313 -13
- package/coverage/src/stories/coverage.svg +1 -1
- package/coverage/src/stories/css.test.stories.ts.html +1 -1
- package/coverage/src/stories/dom-merge.test.stories.ts.html +1 -1
- package/coverage/src/stories/external-template.test.stories.ts.html +2 -2
- package/coverage/src/stories/form.test.stories.ts.html +1 -1
- package/coverage/src/stories/http-request.stories.ts.html +1 -1
- package/coverage/src/stories/index.html +15 -15
- package/coverage/src/stories/local-storage.test.stories.ts.html +1 -1
- package/coverage/src/stories/location-element.test.stories.ts.html +1 -1
- package/coverage/src/stories/module-url.test.stories.ts.html +1 -1
- package/coverage/src/stories/set-url.test.stories.ts.html +1 -1
- package/coverage/src/stories/slice-events.test.stories.ts.html +1 -1
- package/coverage/src/stories/slots.test.stories.ts.html +1 -1
- package/coverage/src/stories/testStoryBook.ts.html +8 -8
- package/coverage/src/stories/version-select.test.stories.ts.html +3 -3
- package/coverage/src/sum.ts.html +1 -1
- package/dist/custom-element-D2wf_rqP.js +576 -0
- package/dist/custom-element-Dtzhbjkc.cjs +97 -0
- package/dist/custom-element-bundle.cjs +1 -1
- package/dist/custom-element-bundle.js +30 -28
- package/dist/demo/a.html +51 -38
- package/dist/demo/data-slices.html +2 -2
- package/dist/demo/external-template.html +1 -0
- package/dist/demo/form.html +42 -0
- package/dist/demo/hex-grid-dce.html +1 -1
- package/dist/demo/hex-grid.html +1 -1
- package/dist/demo/parameters.html +20 -1
- package/dist/demo/s.xml +6 -12
- package/dist/demo/s.xslt +64 -15
- package/dist/demo/ss.html +4 -23
- package/package.json +2 -2
- package/public/demo/a.html +51 -38
- package/public/demo/data-slices.html +2 -2
- package/public/demo/external-template.html +1 -0
- package/public/demo/form.html +42 -0
- package/public/demo/hex-grid-dce.html +1 -1
- package/public/demo/hex-grid.html +1 -1
- package/public/demo/parameters.html +20 -1
- package/public/demo/s.xml +6 -12
- package/public/demo/s.xslt +64 -15
- package/public/demo/ss.html +4 -23
- package/src/custom-element/custom-element.js +72 -40
- package/src/custom-element/demo/a.html +51 -38
- package/src/custom-element/demo/data-slices.html +2 -2
- package/src/custom-element/demo/external-template.html +1 -0
- package/src/custom-element/demo/form.html +42 -0
- package/src/custom-element/demo/hex-grid-dce.html +1 -1
- package/src/custom-element/demo/hex-grid.html +1 -1
- package/src/custom-element/demo/parameters.html +20 -1
- package/src/custom-element/demo/s.xml +6 -12
- package/src/custom-element/demo/s.xslt +64 -15
- package/src/custom-element/demo/ss.html +4 -23
- package/src/custom-element/ide/web-types-dce.json +1 -1
- package/src/custom-element/ide/web-types-xsl.json +1 -1
- package/src/material/components/dropdown.html +21 -4
- package/src/material/components/input.html +363 -0
- package/src/mocks/versions.mock.ts +1 -1
- package/src/stories/attributes.test.stories.ts +103 -3
- package/src/stories/external-template.test.stories.ts +1 -1
- package/storybook-static/assets/{Color-F6OSRLHC-CFyd3TND.js → Color-F6OSRLHC-BU3iy8jH.js} +1 -1
- package/storybook-static/assets/{Configure-UGTbPRKK.js → Configure-DN6ifayP.js} +1 -1
- package/storybook-static/assets/{DocsRenderer-CFRXHY34-Dpr5iB0o.js → DocsRenderer-CFRXHY34-BaVEufDj.js} +2 -2
- package/storybook-static/assets/attributes.test.stories-D1X6EBrd.js +278 -0
- package/storybook-static/assets/{css.test.stories-Cgn6ICr0.js → css.test.stories-Cp_g2hE1.js} +1 -1
- package/storybook-static/assets/custom-element-uuAtIYWS.js +97 -0
- package/storybook-static/assets/{dom-merge.test.stories-CBObfPWg.js → dom-merge.test.stories-hbpdCka0.js} +1 -1
- package/storybook-static/assets/{external-template.test.stories-VfKUQ8eu.js → external-template.test.stories-BK89h6sk.js} +3 -3
- package/storybook-static/assets/{form.test.stories-CnuGN7Zw.js → form.test.stories-BfoLe_rw.js} +1 -1
- package/storybook-static/assets/{handlers-V_T7WjNK.js → handlers-yVPwH_Nz.js} +1 -1
- package/storybook-static/assets/{http-request.stories-8NN1Coqm.js → http-request.stories-CBFJS2Ws.js} +1 -1
- package/storybook-static/assets/{iframe-DnhkgdtG.js → iframe-CJEL_4Nu.js} +2 -2
- package/storybook-static/assets/{index-CIBI7sCB.js → index-D5fBh-7N.js} +1 -1
- package/storybook-static/assets/{index-DN1RoK17.js → index-DM-KBPdl.js} +1 -1
- package/storybook-static/assets/{index-DjJD7gkO.js → index-RSFf30w1.js} +1 -1
- package/storybook-static/assets/{index-3Sfy-t3H.js → index-SnjB5uV8.js} +4 -4
- package/storybook-static/assets/{local-storage.test.stories-Dk5Yqc7m.js → local-storage.test.stories-C0Yzy6Am.js} +1 -1
- package/storybook-static/assets/{location-element.test.stories-56um6s5L.js → location-element.test.stories-DNFrEu5A.js} +1 -1
- package/storybook-static/assets/{module-url.test.stories-DEponQ7l.js → module-url.test.stories-CXibF5Ta.js} +1 -1
- package/storybook-static/assets/{preview-vbpHsp94.js → preview-Bnd0XhaF.js} +1 -1
- package/storybook-static/assets/{preview-Czc-sw5H.js → preview-DJMlNTk8.js} +2 -2
- package/storybook-static/assets/{set-url.test.stories-B4E6hIe-.js → set-url.test.stories-BBfLxv2u.js} +1 -1
- package/storybook-static/assets/{slice-events.test.stories-BR0F-B6I.js → slice-events.test.stories-HcXF8XQI.js} +1 -1
- package/storybook-static/assets/{slots.test.stories-CgfJIyCr.js → slots.test.stories-i6mnIFM2.js} +1 -1
- package/storybook-static/assets/{version-select.test.stories-nmxATIwv.js → version-select.test.stories-BsUFH6Va.js} +1 -1
- package/storybook-static/demo/a.html +51 -38
- package/storybook-static/demo/data-slices.html +2 -2
- package/storybook-static/demo/external-template.html +1 -0
- package/storybook-static/demo/form.html +42 -0
- package/storybook-static/demo/hex-grid-dce.html +1 -1
- package/storybook-static/demo/hex-grid.html +1 -1
- package/storybook-static/demo/parameters.html +20 -1
- package/storybook-static/demo/s.xml +6 -12
- package/storybook-static/demo/s.xslt +64 -15
- package/storybook-static/demo/ss.html +4 -23
- package/storybook-static/iframe.html +1 -1
- package/storybook-static/index.json +1 -1
- package/storybook-static/project.json +1 -1
- package/dist/custom-element-BbJMY20-.cjs +0 -97
- package/dist/custom-element-CoRNKeEP.js +0 -567
- package/storybook-static/assets/attributes.test.stories-DSOLHHOW.js +0 -152
- package/storybook-static/assets/custom-element-D59Fok1f.js +0 -97
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
<!DOCTYPE html>
|
|
2
|
-
<html lang="en"
|
|
2
|
+
<html lang="en">
|
|
3
3
|
<head>
|
|
4
4
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
|
5
|
-
<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
|
-
|
|
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
|
-
|
|
18
|
-
|
|
26
|
+
button img {
|
|
27
|
+
max-height: 10vw;
|
|
28
|
+
min-height: 4rem;
|
|
19
29
|
}
|
|
20
30
|
|
|
21
|
-
|
|
22
|
-
|
|
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
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
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
|
|
237
|
-
description="The value
|
|
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>
|
|
@@ -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://
|
|
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/
|
|
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="
|
|
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
|
+
• <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
|
-
<
|
|
10
|
-
<
|
|
11
|
-
<
|
|
12
|
-
<
|
|
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"
|
|
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"
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
</xsl:choose
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
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
|
-
|
|
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"
|
|
3
|
-
xmlns="http://www.w3.org/1999/xhtml" xmlns:dce="urn:schemas-epa-wg:dce"
|
|
4
|
-
|
|
5
|
-
|
|
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>
|
|
@@ -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":
|
|
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"}}}
|