@epa-wg/custom-element 0.0.16 → 0.0.18
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/codeStyles/codeStyleConfig.xml +5 -0
- package/.vscode/settings.json +25 -0
- package/README.md +32 -17
- package/bin/xslDtd2Ide.mjs +160 -0
- package/custom-element.d.ts +31 -0
- package/custom-element.js +38 -5
- package/demo/a.html +6 -11
- package/demo/hex-grid-dce.html +13 -13
- package/demo/http-request.html +13 -13
- package/demo/local-storage.html +2 -2
- package/demo/location-element.html +12 -12
- package/demo/parameters.html +4 -4
- package/demo/s.xslt +4 -6
- package/demo/z.html +3 -5
- package/ide/IDE.md +31 -0
- package/ide/customData-dce.json +89 -0
- package/ide/customData-xsl.json +1018 -0
- package/ide/web-types-dce.json +98 -0
- package/ide/web-types-xsl.json +867 -0
- package/index.html +5 -4
- package/package.json +6 -3
- package/request.html +2 -2
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "http://json.schemastore.org/web-types",
|
|
3
|
+
"name": "@epa-wg/custom-element",
|
|
4
|
+
"version": "0.0.18",
|
|
5
|
+
"js-types-syntax": "typescript",
|
|
6
|
+
"description-markup": "markdown",
|
|
7
|
+
"contributions": {
|
|
8
|
+
"html": {
|
|
9
|
+
"attributes": [
|
|
10
|
+
{
|
|
11
|
+
"name": "slice",
|
|
12
|
+
"description": "Defines the name of data slice in DCE where the data from `value` will be propagated on `change` or by `slice-update` event\n\nOn: any component with `value` and associated change event",
|
|
13
|
+
"doc-url": "https://unpkg.com/@epa-wg/custom-element/demo/dom-merge.html"
|
|
14
|
+
},
|
|
15
|
+
{
|
|
16
|
+
"name": "slice-update",
|
|
17
|
+
"description": "Defines the event name on which `value` would be synchronized with DCE slice\n\nOn: any component with `value` and associated change event",
|
|
18
|
+
"doc-url": "https://unpkg.com/@epa-wg/custom-element/demo/dom-merge.html"
|
|
19
|
+
}
|
|
20
|
+
],
|
|
21
|
+
"elements": [
|
|
22
|
+
{
|
|
23
|
+
"name": "custom-element",
|
|
24
|
+
"description": "Declarative Custom Element as W3C proposal PoC with native(XSLT) based templating",
|
|
25
|
+
"doc-url": "https://github.com/EPA-WG/custom-element?tab=readme-ov-file#custom-element",
|
|
26
|
+
"attributes": [
|
|
27
|
+
{
|
|
28
|
+
"name": "hidden",
|
|
29
|
+
"description": "hides DCE definition to prevent visual appearance of content. Wrap the payload into template tag to prevent applying the inline CSS in global scope.",
|
|
30
|
+
"required": false,
|
|
31
|
+
"doc-url": "https://developer.mozilla.org/en-US/docs/web/html/global_attributes/hidden",
|
|
32
|
+
"value": {
|
|
33
|
+
"type": "boolean"
|
|
34
|
+
}
|
|
35
|
+
},
|
|
36
|
+
{
|
|
37
|
+
"name": "tag",
|
|
38
|
+
"description": "HTML tag for Custom Element. Used for window.customElements.define(). If not set, would be generated and DCE instance rendered inline. ",
|
|
39
|
+
"default": "",
|
|
40
|
+
"required": false,
|
|
41
|
+
"doc-url": "https://github.com/EPA-WG/custom-element?tab=readme-ov-file#tag-attribute",
|
|
42
|
+
"value": {
|
|
43
|
+
"type": "string"
|
|
44
|
+
}
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
"name": "src",
|
|
48
|
+
"description": "full, relative, or hash URL to DCE template.",
|
|
49
|
+
"default": "",
|
|
50
|
+
"required": false,
|
|
51
|
+
"doc-url": "https://github.com/EPA-WG/custom-element?tab=readme-ov-file#src-attribute",
|
|
52
|
+
"value": {
|
|
53
|
+
"type": "URL"
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
],
|
|
57
|
+
"slots": [],
|
|
58
|
+
"js": {
|
|
59
|
+
"events": [
|
|
60
|
+
{
|
|
61
|
+
"name": "value:changed",
|
|
62
|
+
"description": "Emitted when data changes. Can be used for state serialization in hydration flow"
|
|
63
|
+
}
|
|
64
|
+
],
|
|
65
|
+
"properties": [
|
|
66
|
+
{
|
|
67
|
+
"name": "value",
|
|
68
|
+
"type": "string",
|
|
69
|
+
"default": "",
|
|
70
|
+
"description": "DCE state. Can be used for state serialization in hydration flow. Format TBD, most likely encoded XML string"
|
|
71
|
+
}
|
|
72
|
+
]
|
|
73
|
+
},
|
|
74
|
+
"css": {
|
|
75
|
+
"properties": [
|
|
76
|
+
]
|
|
77
|
+
}
|
|
78
|
+
},
|
|
79
|
+
{
|
|
80
|
+
"name": "for-each",
|
|
81
|
+
"description": "The <xsl:for-each> element selects a set of nodes and processes each of them in the same way. It is often used to iterate through a set of nodes or to change the current node. If one or more <xsl:sort> elements appear as the children of this element, sorting occurs before processing. Otherwise, nodes are processed in document order.",
|
|
82
|
+
"doc-url": "https://developer.mozilla.org/en-US/docs/Web/XSLT/Element/for-each",
|
|
83
|
+
"attributes": [
|
|
84
|
+
{
|
|
85
|
+
"name": "select",
|
|
86
|
+
"description": "Uses an XPath expression to select nodes to be processed.",
|
|
87
|
+
"required": true,
|
|
88
|
+
"doc-url": "https://developer.mozilla.org/en-US/docs/Web/XSLT/Element/for-each#select",
|
|
89
|
+
"value": {
|
|
90
|
+
"type": "string"
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
]
|
|
94
|
+
}
|
|
95
|
+
]
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
}
|