@markuplint/html-spec 2.7.0 → 3.0.0-alpha.0

package/src/spec.svg_rect.json

@@ -0,0 +1,118 @@
+// https://svgwg.org/svg2-draft/shapes.html#RectElement
+// https://www.w3.org/TR/svg-aam-1.0/#details-id-59
+{
+	"contentModel": {
+		"contents": [
+			{
+				"zeroOrMore": [
+					"#SVGAnimation",
+					"#SVGDescriptive",
+					"#SVGPaintServer",
+					"svg|clipPath",
+					"svg|marker",
+					"svg|mask",
+					"svg|script",
+					"svg|style"
+				]
+			}
+		]
+	},
+	"globalAttrs": {
+		"#HTMLGlobalAttrs": true,
+		"#GlobalEventAttrs": true,
+		"#DocumentElementEventAttrs": true,
+		"#ARIAAttrs": true,
+		"#SVGConditionalProcessingAttrs": ["requiredExtensions", "systemLanguage"],
+		"#SVGCoreAttrs": ["id", "tabindex", "autofocus", "lang", "xml:space", "class", "style"],
+		"#SVGPresentationAttrs": [
+			"x",
+			"y",
+			"width",
+			"height",
+			"rx",
+			"ry",
+			"alignment-baseline",
+			"baseline-shift",
+			"clip",
+			"clip-path",
+			"clip-rule",
+			"color",
+			"color-interpolation",
+			"color-interpolation-filters",
+			"color-rendering",
+			"cursor",
+			"direction",
+			"display",
+			"dominant-baseline",
+			"enable-background",
+			"fill",
+			"fill-opacity",
+			"fill-rule",
+			"filter",
+			"flood-color",
+			"flood-opacity",
+			"font",
+			"font-family",
+			"font-size",
+			"font-size-adjust",
+			"font-stretch",
+			"font-style",
+			"font-variant",
+			"font-weight",
+			"glyph-orientation-horizontal",
+			"glyph-orientation-vertical",
+			"image-rendering",
+			"isolation",
+			"kerning",
+			"letter-spacing",
+			"lighting-color",
+			"marker",
+			"marker-end",
+			"marker-mid",
+			"marker-start",
+			"mask",
+			"mask-type",
+			"opacity",
+			"overflow",
+			"paint-order",
+			"pointer-events",
+			"shape-rendering",
+			"stop-color",
+			"stop-opacity",
+			"stroke",
+			"stroke-dasharray",
+			"stroke-dashoffset",
+			"stroke-linecap",
+			"stroke-linejoin",
+			"stroke-miterlimit",
+			"stroke-opacity",
+			"stroke-width",
+			"text-anchor",
+			"text-decoration",
+			"text-overflow",
+			"text-rendering",
+			"transform",
+			"transform-origin",
+			"unicode-bidi",
+			"vector-effect",
+			"visibility",
+			"white-space",
+			"word-spacing",
+			"writing-mode"
+		]
+	},
+	"attributes": {
+		// https://svgwg.org/svg2-draft/paths.html#PathLengthAttribute
+		"pathLength": {
+			"type": "<number>",
+			"animatable": true
+		}
+	},
+	"aria": {
+		"implicitRole": "graphics-symbol",
+		"permittedRoles": {
+			"core-aam": true,
+			"graphics-aam": true
+		}
+	}
+}

package/src/spec.svg_script.json

@@ -0,0 +1,40 @@
+// https://svgwg.org/svg2-draft/interact.html#ScriptElement
+// https://www.w3.org/TR/svg-aam-1.0/#details-id-60
+{
+	"contentModel": {
+		"contents": [
+			{
+				"zeroOrMore": ["#SVGOtherXMLNamespace", "#text"]
+			}
+		]
+	},
+	"globalAttrs": {
+		"#GlobalEventAttrs": true,
+		"#DocumentElementEventAttrs": true,
+		"#SVGCoreAttrs": ["id", "tabindex", "autofocus", "lang", "xml:space", "class", "style"],
+		"#XLinkAttrs": ["xlink:href", "xlink:title"]
+	},
+	"attributes": {
+		// https://svgwg.org/svg2-draft/interact.html#ScriptElementTypeAttribute
+		"type": {
+			"type": "MIMEType",
+			"defaultValue": "application/ecmascript"
+		},
+		// https://svgwg.org/svg2-draft/interact.html#ScriptElementHrefAttribute
+		"href": {
+			"type": "URL"
+		},
+		// https://svgwg.org/svg2-draft/interact.html#ScriptElementCrossoriginAttribute
+		"crossorigin": {
+			"type": {
+				"enum": ["anonymous", "use-credentials", ""],
+				"disallowToSurroundBySpaces": false
+			},
+			"animatable": true
+		}
+	},
+	"aria": {
+		"implicitRole": false,
+		"permittedRoles": false
+	}
+}

package/src/spec.svg_set.json

@@ -0,0 +1,42 @@
+// https://svgwg.org/specs/animations/#SetElement
+// https://www.w3.org/TR/svg-aam-1.0/#details-id-61
+{
+	"contentModel": {
+		"contents": [
+			{
+				"zeroOrMore": ["#SVGDescriptive", "svg|script"]
+			}
+		]
+	},
+	"globalAttrs": {
+		"#GlobalEventAttrs": true,
+		"#DocumentElementEventAttrs": true,
+		"#SVGAnimationEventAttrs": ["onbegin", "onend", "onrepeat"],
+		"#SVGAnimationTargetElementAttrs": ["href"],
+		"#SVGAnimationAttributeTargetAttrs": ["attributeName"],
+		"#SVGAnimationTimingAttrs": [
+			"begin",
+			"dur",
+			"end",
+			"min",
+			"max",
+			"restart",
+			"repeatCount",
+			"repeatDur",
+			"fill"
+		],
+		"#SVGConditionalProcessingAttrs": ["requiredExtensions", "systemLanguage"],
+		"#SVGCoreAttrs": ["id", "tabindex", "autofocus", "lang", "xml:space", "class", "style"]
+	},
+	"attributes": {
+		// https://svgwg.org/specs/animations/#SetElementToAttribute
+		"to": {
+			// Specifies the value for the attribute during the duration of the \"set\" element. The argument value must match the attribute type. For a list of attributes and properties that can be animated using the \"set\" element, see Elements, attributes and properties that can be animated.
+			"type": "NoEmptyAny"
+		}
+	},
+	"aria": {
+		"implicitRole": false,
+		"permittedRoles": false
+	}
+}

package/src/{attributes/svg_stop.json → spec.svg_stop.json}

@@ -1,7 +1,14 @@
+// https://svgwg.org/svg2-draft/pservers.html#StopElement
+// https://www.w3.org/TR/svg-aam-1.0/#details-id-64
 {
-	"tag": "stop",
-	"ref": "https://svgwg.org/svg2-draft/pservers.html#StopElement",
-	"global": {
+	"contentModel": {
+		"contents": [
+			{
+				"zeroOrMore": ["svg:animate", "svg|animateColor", "svg|script", "svg|set", "svg|style"]
+			}
+		]
+	},
+	"globalAttrs": {
 		"#GlobalEventAttrs": true,
 		"#DocumentElementEventAttrs": true,
 		"#SVGCoreAttrs": ["id", "tabindex", "autofocus", "lang", "xml:space", "class", "style"],
@@ -77,23 +84,27 @@
 		]
 	},
 	"attributes": {
+		// https://svgwg.org/svg2-draft/pservers.html#StopElementOffsetAttribute
 		"offset": {
-			"ref": "https://svgwg.org/svg2-draft/pservers.html#StopElementOffsetAttribute",
 			"type": ["<number>", "<percentage>"],
 			"defaultValue": "0",
 			"animatable": true
 		},
+		// https://svgwg.org/svg2-draft/pservers.html#StopColorProperty
 		"stop-color": {
-			"ref": "https://svgwg.org/svg2-draft/pservers.html#StopColorProperty",
 			"type": "<color>",
 			"defaultValue": "black",
 			"animatable": true
 		},
+		// https://svgwg.org/svg2-draft/pservers.html#StopOpacityProperty
 		"stop-opacity": {
-			"ref": "https://svgwg.org/svg2-draft/pservers.html#StopOpacityProperty",
 			"type": "<'opacity'>",
 			"defaultValue": "1",
 			"animatable": true
 		}
+	},
+	"aria": {
+		"implicitRole": false,
+		"permittedRoles": false
 	}
 }

package/src/spec.svg_style.json

@@ -0,0 +1,36 @@
+// https://svgwg.org/svg2-draft/styling.html#StyleElement
+// https://www.w3.org/TR/svg-aam-1.0/#details-id-65
+{
+	"contentModel": {
+		"contents": [
+			{
+				"zeroOrMore": "#text"
+			}
+		]
+	},
+	"globalAttrs": {
+		"#GlobalEventAttrs": true,
+		"#DocumentElementEventAttrs": true,
+		"#SVGCoreAttrs": ["id", "tabindex", "autofocus", "lang", "xml:space", "class", "style"]
+	},
+	"attributes": {
+		// https://svgwg.org/svg2-draft/styling.html#StyleElementTypeAttribute
+		"type": {
+			"type": "MIMEType",
+			"defaultValue": "text/css"
+		},
+		// https://svgwg.org/svg2-draft/styling.html#StyleElementMediaAttribute
+		"media": {
+			"type": "<media-query-list>",
+			"defaultValue": "all"
+		},
+		// https://svgwg.org/svg2-draft/styling.html#StyleElementTitleAttribute
+		"title": {
+			"type": "Any"
+		}
+	},
+	"aria": {
+		"implicitRole": false,
+		"permittedRoles": false
+	}
+}

package/src/{attributes/svg_svg.json → spec.svg_svg.json}

@@ -1,7 +1,37 @@
+// https://svgwg.org/svg2-draft/struct.html#SVGElement
+// https://www.w3.org/TR/svg-aam-1.0/#details-id-66
 {
-	"tag": "svg",
-	"ref": "https://svgwg.org/svg2-draft/struct.html#SVGElement",
-	"global": {
+	"contentModel": {
+		"contents": [
+			{
+				"zeroOrMore": [
+					"#SVGAnimation",
+					"#SVGDescriptive",
+					"#SVGPaintServer",
+					"#SVGShape",
+					"#SVGStructural",
+					"svg|a",
+					"svg|clipPath",
+					"svg|filter",
+					"svg|foreignObject",
+					"svg|image",
+					"svg|marker",
+					"svg|mask",
+					"svg|script",
+					"svg|style",
+					"svg|switch",
+					"svg|text",
+					"svg|view"
+					// Removed HTML media elements: https://github.com/w3c/svgwg/issues/563
+					// "html|video",
+					// "html|audio",
+					// "html|iframe",
+					// "html|canvas"
+				]
+			}
+		]
+	},
+	"globalAttrs": {
 		"#HTMLGlobalAttrs": true,
 		"#GlobalEventAttrs": true,
 		"#DocumentElementEventAttrs": true,
@@ -9,7 +39,6 @@
 		"#SVGConditionalProcessingAttrs": ["requiredExtensions", "systemLanguage"],
 		"#SVGCoreAttrs": ["id", "tabindex", "autofocus", "lang", "xml:space", "class", "style", "xmlns"],
 		"#SVGPresentationAttrs": [
-			"transform",
 			"x",
 			"y",
 			"width",
@@ -85,50 +114,57 @@
 		]
 	},
 	"attributes": {
+		// https://svgwg.org/svg2-draft/coords.html#ViewBoxAttribute
 		"viewBox": {
-			"ref": "https://svgwg.org/svg2-draft/coords.html#ViewBoxAttribute",
 			"type": "<view-box>",
 			"animatable": true
 		},
+		// https://svgwg.org/svg2-draft/coords.html#PreserveAspectRatioAttribute
 		"preserveAspectRatio": {
-			"ref": "https://svgwg.org/svg2-draft/coords.html#PreserveAspectRatioAttribute",
 			"type": "<preserve-aspect-ratio>",
 			"defaultValue": "xMidYMid meet",
 			"animatable": true
 		},
+		// https://drafts.fxtf.org/filter-effects/#element-attrdef-filter-primitive-width
 		"width": {
-			"ref": "https://drafts.fxtf.org/filter-effects/#element-attrdef-filter-primitive-width",
 			"defaultValue": "auto"
 		},
+		// https://drafts.fxtf.org/filter-effects/#element-attrdef-filter-primitive-height
 		"height": {
-			"ref": "https://drafts.fxtf.org/filter-effects/#element-attrdef-filter-primitive-height",
 			"defaultValue": "auto"
 		},
+		// https://html.spec.whatwg.org/multipage/webappapis.html#handler-window-onunload
 		"onunload": {
-			"ref": "https://html.spec.whatwg.org/multipage/webappapis.html#handler-window-onunload",
 			"type": "FunctionBody"
 		},
+		// https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/baseProfile
 		"baseProfile": {
-			"ref": "https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/baseProfile",
 			"type": "Any",
 			"deprecated": true
 		},
+		// https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/contentScriptType
 		"contentScriptType": {
-			"ref": "https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/contentScriptType",
 			"type": "Any",
 			"defaultValue": "application/ecmascript",
 			"deprecated": true
 		},
+		// https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/contentStyleType
 		"contentStyleType": {
-			"ref": "https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/contentStyleType",
 			"type": "Any",
 			"defaultValue": "text/css",
 			"deprecated": true
 		},
+		// https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/version
 		"version": {
-			"ref": "https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/version",
 			"type": "Any",
 			"deprecated": true
 		}
+	},
+	"aria": {
+		"implicitRole": "graphics-document",
+		"permittedRoles": {
+			"core-aam": true,
+			"graphics-aam": true
+		}
 	}
 }

package/src/{attributes/svg_polygon.json → spec.svg_switch.json}

@@ -1,7 +1,25 @@
+// https://svgwg.org/svg2-draft/struct.html#SwitchElement
+// https://www.w3.org/TR/svg-aam-1.0/#details-id-67
 {
-	"tag": "polygon",
-	"ref": "https://svgwg.org/svg2-draft/shapes.html#PolygonElement",
-	"global": {
+	"contentModel": {
+		"contents": [
+			{
+				"zeroOrMore": [
+					"#SVGAnimation",
+					"#SVGShape",
+					"svg|a",
+					"svg|foreignObject",
+					"svg|g",
+					"svg|image",
+					"svg|svg",
+					"svg|switch",
+					"svg|text",
+					"svg|use"
+				]
+			}
+		]
+	},
+	"globalAttrs": {
 		"#HTMLGlobalAttrs": true,
 		"#GlobalEventAttrs": true,
 		"#DocumentElementEventAttrs": true,
@@ -79,16 +97,9 @@
 			"writing-mode"
 		]
 	},
-	"attributes": {
-		"pathLength": {
-			"ref": "https://svgwg.org/svg2-draft/paths.html#PathLengthAttribute",
-			"type": "<number>",
-			"animatable": true
-		},
-		"points": {
-			"ref": "https://svgwg.org/svg2-draft/shapes.html#PolygonElementPointsAttribute",
-			"type": "<points>",
-			"animatable": true
-		}
+	"attributes": {},
+	"aria": {
+		"implicitRole": false,
+		"permittedRoles": false
 	}
 }

package/src/spec.svg_symbol.json

@@ -0,0 +1,77 @@
+// https://svgwg.org/svg2-draft/struct.html#SymbolElement
+// https://www.w3.org/TR/svg-aam-1.0/#details-id-68
+{
+	"contentModel": {
+		"contents": [
+			{
+				"zeroOrMore": [
+					"#SVGAnimation",
+					"#SVGDescriptive",
+					"#SVGPaintServer",
+					"#SVGShape",
+					"#SVGStructural",
+					"svg|a",
+					"svg|clipPath",
+					"svg|filter",
+					"svg|foreignObject",
+					"svg|image",
+					"svg|marker",
+					"svg|mask",
+					"svg|script",
+					"svg|style",
+					"svg|switch",
+					"svg|text",
+					"svg|view"
+				]
+			}
+		]
+	},
+	"globalAttrs": {
+		"#HTMLGlobalAttrs": true,
+		"#GlobalEventAttrs": true,
+		"#DocumentElementEventAttrs": true,
+		"#ARIAAttrs": true,
+		"#SVGCoreAttrs": ["id", "tabindex", "autofocus", "lang", "xml:space", "class", "style"],
+		"#SVGPresentationAttrs": ["x", "y", "width", "height"]
+	},
+	"attributes": {
+		// https://svgwg.org/svg2-draft/coords.html#PreserveAspectRatioAttribute
+		"preserveAspectRatio": {
+			"type": "<preserve-aspect-ratio>",
+			"defaultValue": "xMidYMid meet"
+		},
+		// https://svgwg.org/svg2-draft/coords.html#ViewBoxAttribute
+		"viewBox": {
+			"type": "<view-box>"
+		},
+		// https://svgwg.org/svg2-draft/struct.html#SymbolElementRefXAttribute
+		"refX": {
+			"type": [
+				"<svg-length>",
+				"<percentage>",
+				"<number>",
+				{
+					"enum": ["left", "center", "right"]
+				}
+			]
+		},
+		// https://svgwg.org/svg2-draft/struct.html#SymbolElementRefYAttribute
+		"refY": {
+			"type": [
+				"<svg-length>",
+				"<percentage>",
+				"<number>",
+				{
+					"enum": ["top", "center", "bottom"]
+				}
+			]
+		}
+	},
+	"aria": {
+		"implicitRole": "graphics-object",
+		"permittedRoles": {
+			"core-aam": true,
+			"graphics-aam": true
+		}
+	}
+}

package/src/{attributes/svg_text.json → spec.svg_text.json}

@@ -1,7 +1,26 @@
+// https://svgwg.org/svg2-draft/text.html#TextElement
+// https://www.w3.org/TR/svg-aam-1.0/#details-id-69
 {
-	"tag": "text",
-	"ref": "https://svgwg.org/svg2-draft/text.html#TextElement",
-	"global": {
+	"contentModel": {
+		"contents": [
+			{
+				"zeroOrMore": [
+					"#text",
+					"#SVGAnimation",
+					"#SVGDescriptive",
+					"#SVGPaintServer",
+					"#SVGTextContentChild",
+					"svg|a",
+					"svg|clipPath",
+					"svg|marker",
+					"svg|mask",
+					"svg|script",
+					"svg|style"
+				]
+			}
+		]
+	},
+	"globalAttrs": {
 		"#HTMLGlobalAttrs": true,
 		"#GlobalEventAttrs": true,
 		"#DocumentElementEventAttrs": true,
@@ -80,8 +99,8 @@
 		]
 	},
 	"attributes": {
+		// https://svgwg.org/svg2-draft/text.html#TextElementLengthAdjustAttribute
 		"lengthAdjust": {
-			"ref": "https://svgwg.org/svg2-draft/text.html#TextElementLengthAdjustAttribute",
 			"type": {
 				"enum": ["spacing", "spacingAndGlyphs"],
 				"disallowToSurroundBySpaces": false
@@ -89,37 +108,46 @@
 			"defaultValue": "spacing",
 			"animatable": true
 		},
+		// https://svgwg.org/svg2-draft/text.html#TextElementXAttribute
 		"x": {
-			"ref": "https://svgwg.org/svg2-draft/text.html#TextElementXAttribute",
 			"type": "<text-coordinate>",
 			"defaultValue": "0",
 			"animatable": true
 		},
+		// https://svgwg.org/svg2-draft/text.html#TextElementYAttribute
 		"y": {
-			"ref": "https://svgwg.org/svg2-draft/text.html#TextElementYAttribute",
 			"type": "<text-coordinate>",
 			"defaultValue": "0",
 			"animatable": true
 		},
+		// https://svgwg.org/svg2-draft/text.html#TextElementDXAttribute
 		"dx": {
-			"ref": "https://svgwg.org/svg2-draft/text.html#TextElementDXAttribute",
 			"type": "<text-coordinate>",
 			"animatable": true
 		},
+		// https://svgwg.org/svg2-draft/text.html#TextElementDYAttribute
 		"dy": {
-			"ref": "https://svgwg.org/svg2-draft/text.html#TextElementDYAttribute",
 			"type": "<text-coordinate>",
 			"animatable": true
 		},
+		// https://svgwg.org/svg2-draft/text.html#TextElementRotateAttribute
 		"rotate": {
-			"ref": "https://svgwg.org/svg2-draft/text.html#TextElementRotateAttribute",
 			"type": "<list-of-numbers>",
 			"animatable": true
 		},
+		// https://svgwg.org/svg2-draft/text.html#TextElementTextLengthAttribute
 		"textLength": {
-			"ref": "https://svgwg.org/svg2-draft/text.html#TextElementTextLengthAttribute",
 			"type": ["<svg-length>", "<percentage>"],
 			"animatable": true
 		}
+	},
+	"aria": {
+		// The platform mappings given above are similar to those recommended for the HTML p element in the HTML Accessibility API Mappings specification [HTML-AAM].
+		// There is currently no WAI-ARIA role available that defines a distinct text block. However, such roles (denoting paragraphs or distinct text regions) exist in many platform accessibility APIs and are therefore used instead of a generic group role.
+		"implicitRole": "group",
+		"permittedRoles": {
+			"core-aam": true,
+			"graphics-aam": true
+		}
 	}
 }