From 7557a27fd19add7f6dd844e95608f36f425b56d7 Mon Sep 17 00:00:00 2001
From: Steven Lambert <steven.lambert@deque.com>
Date: Tue, 30 Jun 2020 10:32:45 -0600
Subject: [PATCH 1/2] feat(standards): add html-dom standard

---
 lib/standards/html-dom.js | 429 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 429 insertions(+)
 create mode 100644 lib/standards/html-dom.js

diff --git a/lib/standards/html-dom.js b/lib/standards/html-dom.js
new file mode 100644
index 0000000000..fee004ee0d
--- /dev/null
+++ b/lib/standards/html-dom.js
@@ -0,0 +1,429 @@
+// Source https://html.spec.whatwg.org/multipage/dom.html#content-models
+const htmlDom = {
+	a: {
+		variant: {
+			href: {
+				matches: '[href]',
+				contentTypes: ['interactive', 'phrasing', 'flow']
+			},
+			noHref: {
+				matches: {
+					attributes: {
+						href: null
+					}
+				},
+				contentTypes: ['phrasing', 'flow']
+			}
+		}
+	},
+	abbr: {
+		contentTypes: ['phrasing', 'flow']
+	},
+	addres: {
+		contentTypes: ['flow']
+	},
+	area: {
+		contentTypes: ['phrasing', 'flow']
+	},
+	article: {
+		contentTypes: ['sectioning', 'flow']
+	},
+	aside: {
+		contentTypes: ['sectioning', 'flow']
+	},
+	audio: {
+		variant: {
+			controls: {
+				matches: '[controls]',
+				contentTypes: ['interactive', 'embedded', 'phrasing', 'flow']
+			},
+			noControls: {
+				matches: {
+					attributes: {
+						controls: null
+					}
+				},
+				contentTypes: ['embedded', 'phrasing', 'flow']
+			}
+		}
+	},
+	b: {
+		contentTypes: ['phrasing', 'flow']
+	},
+	base: {},
+	bdi: {
+		contentTypes: ['phrasing', 'flow']
+	},
+	bdo: {
+		contentTypes: ['phrasing', 'flow']
+	},
+	blockquote: {
+		contentTypes: ['flow']
+	},
+	body: {},
+	br: {
+		contentTypes: ['phrasing', 'flow'],
+		namingMethods: ['titleText', 'singleSpace']
+	},
+	button: {
+		contentTypes: ['interactive', 'phrasing', 'flow'],
+		// 5.4 button Element
+		namingMethods: 'subtreeText'
+	},
+	canvas: {
+		contentTypes: ['embedded', 'phrasing', 'flow']
+	},
+	caption: {},
+	cite: {
+		contentTypes: ['phrasing', 'flow']
+	},
+	code: {
+		contentTypes: ['phrasing', 'flow']
+	},
+	col: {},
+	colgroup: {},
+	data: {
+		contentTypes: ['phrasing', 'flow']
+	},
+	datalist: {
+		contentTypes: ['phrasing', 'flow']
+	},
+	dd: {},
+	del: {
+		contentTypes: ['phrasing', 'flow']
+	},
+	dfn: {
+		contentTypes: ['phrasing', 'flow']
+	},
+	details: {
+		contentTypes: ['interactive', 'flow']
+	},
+	dialog: {
+		contentTypes: ['flow']
+	},
+	div: {
+		contentTypes: ['flow']
+	},
+	dl: {
+		contentTypes: ['flow']
+	},
+	dt: {},
+	em: {
+		contentTypes: ['phrasing', 'flow']
+	},
+	embed: {
+		contentTypes: ['interactive', 'embedded', 'phrasing', 'flow']
+	},
+	fieldset: {
+		contentTypes: ['flow'],
+		// 5.5 fieldset and legend Elements
+		namingMethods: 'fieldsetLegendText'
+	},
+	figcaption: {},
+	figure: {
+		contentTypes: ['flow'],
+		// 5.9 figure and figcaption Elements
+		namingMethods: ['figureText', 'titleText']
+	},
+	footer: {
+		contentTypes: ['flow']
+	},
+	form: {
+		contentTypes: ['flow']
+	},
+	h1: {
+		contentTypes: ['heading', 'flow']
+	},
+	h2: {
+		contentTypes: ['heading', 'flow']
+	},
+	h3: {
+		contentTypes: ['heading', 'flow']
+	},
+	h4: {
+		contentTypes: ['heading', 'flow']
+	},
+	h5: {
+		contentTypes: ['heading', 'flow']
+	},
+	h6: {
+		contentTypes: ['heading', 'flow']
+	},
+	head: {},
+	header: {
+		contentTypes: ['flow']
+	},
+	hgroup: {
+		contentTypes: ['heading', 'flow']
+	},
+	hr: {
+		contentTypes: ['flow'],
+		namingMethods: ['titleText', 'singleSpace']
+	},
+	html: {},
+	i: {
+		contentTypes: ['phrasing', 'flow']
+	},
+	iframe: {
+		contentTypes: ['interactive', 'embedded', 'phrasing', 'flow']
+	},
+	img: {
+		// 5.10 img Element
+		variant: {
+			usemap: {
+				matches: '[usemap]',
+				contentTypes: ['interactive', 'embedded', 'phrasing', 'flow'],
+				namingMethods: 'altText'
+			},
+			noUsemap: {
+				matches: {
+					attributes: {
+						usemap: null
+					}
+				},
+				contentTypes: ['embedded', 'phrasing', 'flow'],
+				namingMethods: 'altText'
+			}
+		}
+	},
+	input: {
+		variant: {
+			// 5.1 input type="text", input type="password", input type="search", input type="tel", input type="url" and textarea Element
+			textType: {
+				matches: {
+					attributes: {
+						type: ['text', 'password', 'search', 'tel', 'email', 'url']
+					}
+				},
+				contentTypes: ['interactive', 'phrasing', 'flow'],
+				namingMethods: 'labelText'
+			},
+			// 5.2 input type="button", input type="submit" and input type="reset"
+			buttonType: {
+				matches: {
+					attributes: {
+						type: ['button', 'submit', 'reset']
+					}
+				},
+				contentTypes: ['interactive', 'phrasing', 'flow'],
+				namingMethods: ['valueText', 'titleText', 'buttonDefaultText']
+			},
+			// 5.3 input type="image"
+			image: {
+				matches: '[type="image"]',
+				contentTypes: ['interactive', 'phrasing', 'flow'],
+				namingMethods: [
+					'altText',
+					'valueText',
+					'labelText',
+					'titleText',
+					'buttonDefaultText'
+				]
+			},
+			// 5.7 Other Form Elements
+			notHidden: {
+				matches: {
+					attributes: {
+						// Regex: Everything other than these
+						type:
+							'/^(?!text|password|search|tel|email|url|button|submit|reset|hidden)/'
+					}
+				},
+				contentTypes: ['interactive', 'phrasing', 'flow'],
+				namingMethods: 'labelText'
+			},
+			hidden: {
+				matches: '[type="hidden"]',
+				contentTypes: ['phrasing', 'flow']
+			}
+		}
+	},
+	ins: {
+		contentTypes: ['phrasing', 'flow']
+	},
+	kdb: {
+		contentTypes: ['phrasing', 'flow']
+	},
+	label: {
+		contentTypes: ['interactive', 'phrasing', 'flow']
+	},
+	li: {},
+	link: {
+		contentTypes: ['phrasing', 'flow']
+	},
+	main: {
+		contentTypes: ['flow']
+	},
+	map: {
+		contentTypes: ['phrasing', 'flow']
+	},
+	math: {
+		contentTypes: ['embedded', 'phrasing', 'flow']
+	},
+	mark: {
+		contentTypes: ['phrasing', 'flow']
+	},
+	menu: {
+		contentTypes: ['flow']
+	},
+	meta: {
+		variant: {
+			itemprop: {
+				matches: '[itemprop]',
+				contentTypes: ['phrasing', 'flow']
+			}
+		}
+	},
+	meter: {
+		contentTypes: ['phrasing', 'flow']
+	},
+	nav: {
+		contentTypes: ['sectioning', 'flow']
+	},
+	noscript: {
+		contentTypes: ['phrasing', 'flow']
+	},
+	object: {
+		variant: {
+			usemap: {
+				matches: '[usemap]',
+				contentTypes: ['interactive', 'embedded', 'phrasing', 'flow']
+			},
+			noUsemap: {
+				matches: {
+					attributes: {
+						usemap: null
+					}
+				},
+				contentTypes: ['embedded', 'phrasing', 'flow']
+			}
+		}
+	},
+	ol: {
+		contentTypes: ['flow']
+	},
+	optgroup: {},
+	option: {},
+	output: {
+		contentTypes: ['phrasing', 'flow'],
+		// 5.6 output Element
+		namingMethods: 'subtreeText'
+	},
+	p: {
+		contentTypes: ['phrasing', 'flow']
+	},
+	param: {},
+	picture: {
+		contentTypes: ['embedded', 'phrasing', 'flow']
+	},
+	pre: {
+		contentTypes: ['flow']
+	},
+	progress: {
+		contentTypes: ['phrasing', 'flow']
+	},
+	q: {
+		contentTypes: ['phrasing', 'flow']
+	},
+	rp: {},
+	rt: {},
+	ruby: {
+		contentTypes: ['phrasing', 'flow']
+	},
+	s: {
+		contentTypes: ['phrasing', 'flow']
+	},
+	samp: {
+		contentTypes: ['phrasing', 'flow']
+	},
+	script: {
+		contentTypes: ['phrasing', 'flow']
+	},
+	section: {
+		contentTypes: ['sectioning', 'flow']
+	},
+	select: {
+		contentTypes: ['interactive', 'phrasing', 'flow']
+	},
+	slot: {
+		contentTypes: ['phrasing', 'flow']
+	},
+	small: {
+		contentTypes: ['phrasing', 'flow']
+	},
+	source: {},
+	span: {
+		contentTypes: ['phrasing', 'flow']
+	},
+	strong: {
+		contentTypes: ['phrasing', 'flow']
+	},
+	style: {},
+	svg: {
+		contentTypes: ['embedded', 'phrasing', 'flow']
+	},
+	sub: {
+		contentTypes: ['phrasing', 'flow']
+	},
+	summary: {
+		contentTypes: ['phrasing', 'flow'],
+		// 5.8 summary Element
+		namingMethods: 'subtreeText'
+	},
+	sup: {
+		contentTypes: ['phrasing', 'flow']
+	},
+	table: {
+		contentTypes: ['flow'],
+		// 5.11 table Element
+		namingMethods: ['tableCaptionText', 'tableSummaryText']
+	},
+	tbody: {},
+	template: {
+		contentTypes: ['phrasing', 'flow']
+	},
+	textarea: {
+		contentTypes: ['interactive', 'phrasing', 'flow'],
+		namingMethods: 'labelText'
+	},
+	tfoot: {},
+	thead: {},
+	time: {
+		contentTypes: ['phrasing', 'flow']
+	},
+	title: {},
+	td: {},
+	th: {},
+	tr: {},
+	track: {},
+	u: {
+		contentTypes: ['phrasing', 'flow']
+	},
+	ul: {
+		contentTypes: ['flow']
+	},
+	var: {
+		contentTypes: ['phrasing', 'flow']
+	},
+	video: {
+		variant: {
+			controls: {
+				matches: '[controls]',
+				contentTypes: ['interactive', 'embedded', 'phrasing', 'flow']
+			},
+			noControls: {
+				matches: {
+					attributes: {
+						controls: null
+					}
+				},
+				contentTypes: ['embedded', 'phrasing', 'flow']
+			}
+		}
+	},
+	wbr: {
+		contentTypes: ['phrasing', 'flow']
+	}
+};
+
+export default htmlDom;

From 18d3c207ba68789320437c5ba1a19eca5723bb58 Mon Sep 17 00:00:00 2001
From: Steven Lambert <steven.lambert@deque.com>
Date: Tue, 30 Jun 2020 10:42:17 -0600
Subject: [PATCH 2/2] add shadowRoot

---
 lib/standards/html-dom.js | 56 ++++++++++++++++++++++++++-------------
 1 file changed, 38 insertions(+), 18 deletions(-)

diff --git a/lib/standards/html-dom.js b/lib/standards/html-dom.js
index fee004ee0d..7e6b09d75c 100644
--- a/lib/standards/html-dom.js
+++ b/lib/standards/html-dom.js
@@ -1,4 +1,5 @@
 // Source https://html.spec.whatwg.org/multipage/dom.html#content-models
+// Source https://dom.spec.whatwg.org/#dom-element-attachshadow
 const htmlDom = {
 	a: {
 		variant: {
@@ -26,10 +27,12 @@ const htmlDom = {
 		contentTypes: ['phrasing', 'flow']
 	},
 	article: {
-		contentTypes: ['sectioning', 'flow']
+		contentTypes: ['sectioning', 'flow'],
+		shadowRoot: true
 	},
 	aside: {
-		contentTypes: ['sectioning', 'flow']
+		contentTypes: ['sectioning', 'flow'],
+		shadowRoot: true
 	},
 	audio: {
 		variant: {
@@ -58,9 +61,12 @@ const htmlDom = {
 		contentTypes: ['phrasing', 'flow']
 	},
 	blockquote: {
-		contentTypes: ['flow']
+		contentTypes: ['flow'],
+		shadowRoot: true
+	},
+	body: {
+		shadowRoot: true
 	},
-	body: {},
 	br: {
 		contentTypes: ['phrasing', 'flow'],
 		namingMethods: ['titleText', 'singleSpace']
@@ -102,7 +108,8 @@ const htmlDom = {
 		contentTypes: ['flow']
 	},
 	div: {
-		contentTypes: ['flow']
+		contentTypes: ['flow'],
+		shadowRoot: true
 	},
 	dl: {
 		contentTypes: ['flow']
@@ -126,32 +133,40 @@ const htmlDom = {
 		namingMethods: ['figureText', 'titleText']
 	},
 	footer: {
-		contentTypes: ['flow']
+		contentTypes: ['flow'],
+		shadowRoot: true
 	},
 	form: {
 		contentTypes: ['flow']
 	},
 	h1: {
-		contentTypes: ['heading', 'flow']
+		contentTypes: ['heading', 'flow'],
+		shadowRoot: true
 	},
 	h2: {
-		contentTypes: ['heading', 'flow']
+		contentTypes: ['heading', 'flow'],
+		shadowRoot: true
 	},
 	h3: {
-		contentTypes: ['heading', 'flow']
+		contentTypes: ['heading', 'flow'],
+		shadowRoot: true
 	},
 	h4: {
-		contentTypes: ['heading', 'flow']
+		contentTypes: ['heading', 'flow'],
+		shadowRoot: true
 	},
 	h5: {
-		contentTypes: ['heading', 'flow']
+		contentTypes: ['heading', 'flow'],
+		shadowRoot: true
 	},
 	h6: {
-		contentTypes: ['heading', 'flow']
+		contentTypes: ['heading', 'flow'],
+		shadowRoot: true
 	},
 	head: {},
 	header: {
-		contentTypes: ['flow']
+		contentTypes: ['flow'],
+		shadowRoot: true
 	},
 	hgroup: {
 		contentTypes: ['heading', 'flow']
@@ -252,7 +267,8 @@ const htmlDom = {
 		contentTypes: ['phrasing', 'flow']
 	},
 	main: {
-		contentTypes: ['flow']
+		contentTypes: ['flow'],
+		shadowRoot: true
 	},
 	map: {
 		contentTypes: ['phrasing', 'flow']
@@ -278,7 +294,8 @@ const htmlDom = {
 		contentTypes: ['phrasing', 'flow']
 	},
 	nav: {
-		contentTypes: ['sectioning', 'flow']
+		contentTypes: ['sectioning', 'flow'],
+		shadowRoot: true
 	},
 	noscript: {
 		contentTypes: ['phrasing', 'flow']
@@ -310,7 +327,8 @@ const htmlDom = {
 		namingMethods: 'subtreeText'
 	},
 	p: {
-		contentTypes: ['phrasing', 'flow']
+		contentTypes: ['phrasing', 'flow'],
+		shadowRoot: true
 	},
 	param: {},
 	picture: {
@@ -340,7 +358,8 @@ const htmlDom = {
 		contentTypes: ['phrasing', 'flow']
 	},
 	section: {
-		contentTypes: ['sectioning', 'flow']
+		contentTypes: ['sectioning', 'flow'],
+		shadowRoot: true
 	},
 	select: {
 		contentTypes: ['interactive', 'phrasing', 'flow']
@@ -353,7 +372,8 @@ const htmlDom = {
 	},
 	source: {},
 	span: {
-		contentTypes: ['phrasing', 'flow']
+		contentTypes: ['phrasing', 'flow'],
+		shadowRoot: true
 	},
 	strong: {
 		contentTypes: ['phrasing', 'flow']