dothtml-interfaces 0.1.36 → 0.1.38

package/src/i-dot.d.ts

@@ -19,7 +19,8 @@ export interface IDotDocument
 	(document?: Element, classPrefix?: number, targetWindow?: Window&(typeof globalThis)): void;
 
 	// Internal use only:
-	_appendOrCreateDocument(content: DotContent, parentEl?: Element, beforeNode?: Node|number);
+	// Removed in v6.
+	// _appendOrCreateDocument(content: DotContent, parentEl?: Element, beforeNode?: Node|number);
 
 	/**
 	 * A conditional function, analogous to if. Renders the specified DOT if a condition is met. Dynamic binding is possible when condition and callback are functions.
@@ -39,7 +40,7 @@ export interface IDotDocument
 	/**
 	 * Creates a custom element.
 	*/
-	el(tag: string, content?: DotContent): IDotElementDocument<IDotGenericElement>
+	el(tag: string, content?: DotContent): IDotDocument
 
 	// Special "tags"
 	/**
@@ -52,6 +53,7 @@ export interface IDotDocument
 	text(content: string|number|boolean|IReactive): IDotDocument;
 	/**
 	 * Mounts a component.
+	 * TODO: add second arg.
 	 */
 	mount(component: IComponent): IMountedComponent;
 	/**
@@ -70,159 +72,265 @@ export interface IDotDocument
 	/**
 	 * Get the last HTML element added to the targeted document.
 	*/
-	getLast(): HTMLElement;
+	// getLast(): HTMLElement;
 	/**
 	 * Deletes each element within the targeted document.
 	*/
 	empty(): IDotDocument;
 
-	scopeClass(prefix: number|string|null, content: DotContent): IDotDocument;
+	// Redundant in v6.
+	// scopeClass(prefix: number|string|null, content: DotContent): IDotDocument;
 
 	// Tags.
-	a(content?: DotContent): IDotA;
+	a(content?: DotContent, attrs?: (attrs: IDotA)=>IDotA): IDotDocument;
+	a(attrs: (attrs: IDotA)=>IDotA): IDotDocument;
 	
-	aside(content?: DotContent): IDotElementDocument<IDotGenericElement>;
-	abbr(content?: DotContent): IDotElementDocument<IDotGenericElement>;
-	address(content?: DotContent): IDotElementDocument<IDotGenericElement>;
-
-	area(content?: DotContent): IDotArea;
+	aside(content?: DotContent, attrs?: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	aside(attrs: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	abbr(content?: DotContent, attrs?: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	abbr(attrs: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	address(content?: DotContent, attrs?: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	address(attrs: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+
+	area(content?: DotContent, attrs?: (attrs: IDotArea)=>IDotArea): IDotDocument;
+	area(attrs: (attrs: IDotArea)=>IDotArea): IDotDocument;
 	
-	article(content?: DotContent): IDotElementDocument<IDotGenericElement>;
-
-	audio(content?: DotContent): IDotAudio;
-
-	b(content?: DotContent): IDotElementDocument<IDotGenericElement>;
-	bdi(content?: DotContent): IDotElementDocument<IDotGenericElement>;
-	bdo(content?: DotContent): IDotElementDocument<IDotGenericElement>;
+	article(content?: DotContent, attrs?: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	article(attrs: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+
+	audio(content?: DotContent, attrs?: (attrs: IDotAudio)=>IDotAudio): IDotDocument;
+	audio(attrs: (attrs: IDotAudio)=>IDotAudio): IDotDocument;
+
+	b(content?: DotContent, attrs?: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	b(attrs: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	bdi(content?: DotContent, attrs?: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	bdi(attrs: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	bdo(content?: DotContent, attrs?: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	bdo(attrs: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	
+	blockQuote(content?: DotContent, attrs?: (attrs: IDotBlockQuote)=>IDotBlockQuote): IDotDocument;
+	blockQuote(attrs: (attrs: IDotBlockQuote)=>IDotBlockQuote): IDotDocument;
 	
-	blockQuote(content?: DotContent): IDotBlockQuote;
-	body(content?: DotContent): IDotBody; // This shouldn't really be used - if it is, then it should have the custom behavior of rewriting the existing document body, rather than adding a second one.
-	br(content?: DotContent): IDotBr;
-	button(content?: DotContent): IDotButton;
-	canvas(content?: DotContent): IDotCanvas;
+	// This shouldn't really be used - if it is, then it should have the custom behavior of rewriting the existing document body, rather than adding a second one.
+	body(content?: DotContent, attrs?: (attrs: IDotBody)=>IDotBody): IDotDocument;
+	body(content?: DotContent): IDotDocument;
 	
-	caption(content?: DotContent): IDotElementDocument<IDotGenericElement>;
-	cite(content?: DotContent): IDotElementDocument<IDotGenericElement>;
-	code(content?: DotContent): IDotElementDocument<IDotGenericElement>;
+	br(content?: DotContent, attrs?: (attrs: IDotBr)=>IDotBr): IDotDocument;
+	br(attrs: (attrs: IDotBr)=>IDotBr): IDotDocument;
+	button(content?: DotContent, attrs?: (attrs: IDotButton)=>IDotButton): IDotDocument;
+	button(attrs: (attrs: IDotButton)=>IDotButton): IDotDocument;
+	canvas(content?: DotContent, attrs?: (attrs: IDotCanvas)=>IDotCanvas): IDotDocument;
+	canvas(attrs: (attrs: IDotCanvas)=>IDotCanvas): IDotDocument;
 	
-	col(content?: DotContent): IDotCol;
-	colGroup(content?: DotContent): IDotColGroup;
+	caption(content?: DotContent, attrs?: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	caption(attrs: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	cite(content?: DotContent, attrs?: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	cite(attrs: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	code(content?: DotContent, attrs?: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	code(attrs: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
 	
-	content(content?: DotContent): IDotElementDocument<IDotGenericElement>;
-	data(content?: DotContent): IDotElementDocument<IDotGenericElement>;
-	dataList(content?: DotContent): IDotElementDocument<IDotGenericElement>;
-	dd(content?: DotContent): IDotElementDocument<IDotGenericElement>;
-
-	del(content?: DotContent): IDotDel;
-	details(content?: DotContent): IDotDetails;
-
-	dfn(content?: DotContent): IDotElementDocument<IDotGenericElement>;
-	dialog(content?: DotContent): IDotElementDocument<IDotGenericElement>;
-	div(content?: DotContent): IDotElementDocument<IDotGenericElement>;
-	dl(content?: DotContent): IDotElementDocument<IDotGenericElement>;
-	dt(content?: DotContent): IDotElementDocument<IDotGenericElement>;
-	em(content?: DotContent): IDotElementDocument<IDotGenericElement>;
-
-	embed(content?: DotContent): IDotEmbed;
-	fieldSet(content?: DotContent): IDotFieldSet;
-
-	figCaption(content?: DotContent): IDotElementDocument<IDotGenericElement>;
-	figure(content?: DotContent): IDotElementDocument<IDotGenericElement>;
-	footer(content?: DotContent): IDotElementDocument<IDotGenericElement>;
-
-	form(content?: DotContent): IDotForm;
-
-	h1(content?: DotContent): IDotElementDocument<IDotGenericElement>;
-	h2(content?: DotContent): IDotElementDocument<IDotGenericElement>;
-	h3(content?: DotContent): IDotElementDocument<IDotGenericElement>;
-	h4(content?: DotContent): IDotElementDocument<IDotGenericElement>;
-	h5(content?: DotContent): IDotElementDocument<IDotGenericElement>;
-	h6(content?: DotContent): IDotElementDocument<IDotGenericElement>;
-	header(content?: DotContent): IDotElementDocument<IDotGenericElement>;
-
-	hr(content?: DotContent): IDotHr;
-
-	i(content?: DotContent): IDotElementDocument<IDotGenericElement>;
-
-	iFrame(content?: DotContent): IDotIFrame;
-	img(content?: DotContent): IDotImg;
-	input(content?: DotContent): IDotInput;
-	ins(content?: DotContent): IDotIns;
+	col(content?: DotContent, attrs?: (attrs: IDotCol)=>IDotCol): IDotDocument;
+	col(attrs: (attrs: IDotCol)=>IDotCol): IDotDocument;
+	colGroup(content?: DotContent, attrs?: (attrs: IDotColGroup)=>IDotColGroup): IDotDocument;
+	colGroup(attrs: (attrs: IDotColGroup)=>IDotColGroup): IDotDocument;
 	
-	kbd(content?: DotContent): IDotElementDocument<IDotGenericElement>;
+	content(content?: DotContent, attrs?: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	content(attrs: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	data(content?: DotContent, attrs?: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	data(attrs: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	dataList(content?: DotContent, attrs?: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	dataList(attrs: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	dd(content?: DotContent, attrs?: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	dd(attrs: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+
+	del(content?: DotContent, attrs?: (attrs: IDotDel)=>IDotDel): IDotDocument;
+	del(attrs: (attrs: IDotDel)=>IDotDel): IDotDocument;
+	details(content?: DotContent, attrs?: (attrs: IDotDetails)=>IDotDetails): IDotDocument;
+	details(attrs: (attrs: IDotDetails)=>IDotDetails): IDotDocument;
+
+	dfn(content?: DotContent, attrs?: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	dfn(attrs: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	dialog(content?: DotContent, attrs?: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	dialog(attrs: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	div(content?: DotContent, attrs?: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	div(attrs: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	dl(content?: DotContent, attrs?: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	dl(attrs: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	dt(content?: DotContent, attrs?: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	dt(attrs: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	em(content?: DotContent, attrs?: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	em(attrs: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+
+	embed(content?: DotContent, attrs?: (attrs: IDotEmbed)=>IDotEmbed): IDotDocument;
+	embed(attrs: (attrs: IDotEmbed)=>IDotEmbed): IDotDocument;
+	fieldSet(content?: DotContent, attrs?: (attrs: IDotFieldSet)=>IDotFieldSet): IDotDocument;
+	fieldSet(attrs: (attrs: IDotFieldSet)=>IDotFieldSet): IDotDocument;
+
+	figCaption(content?: DotContent, attrs?: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	figCaption(attrs: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	figure(content?: DotContent, attrs?: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	figure(attrs: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	footer(content?: DotContent, attrs?: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	footer(attrs: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+
+	form(content?: DotContent, attrs?: (attrs: IDotForm)=>IDotForm): IDotDocument;
+	form(attrs: (attrs: IDotForm)=>IDotForm): IDotDocument;
+
+	h1(content?: DotContent, attrs?: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	h1(attrs: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	h2(content?: DotContent, attrs?: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	h2(attrs: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	h3(content?: DotContent, attrs?: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	h3(attrs: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	h4(content?: DotContent, attrs?: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	h4(attrs: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	h5(content?: DotContent, attrs?: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	h5(attrs: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	h6(content?: DotContent, attrs?: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	h6(attrs: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	header(content?: DotContent, attrs?: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	header(attrs: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+
+	hr(content?: DotContent, attrs?: (attrs: IDotHr)=>IDotHr): IDotDocument;
+	hr(attrs: (attrs: IDotHr)=>IDotHr): IDotDocument;
+
+	i(content?: DotContent, attrs?: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	i(attrs: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+
+	iFrame(content?: DotContent, attrs?: (attrs: IDotIFrame)=>IDotIFrame): IDotDocument;
+	iFrame(attrs: (attrs: IDotIFrame)=>IDotIFrame): IDotDocument;
+	img(content?: DotContent, attrs?: (attrs: IDotImg)=>IDotImg): IDotDocument;
+	img(attrs: (attrs: IDotImg)=>IDotImg): IDotDocument;
+	input(content?: DotContent, attrs?: (attrs: IDotInput)=>IDotInput): IDotDocument;
+	input(attrs: (attrs: IDotInput)=>IDotInput): IDotDocument;
+	ins(content?: DotContent, attrs?: (attrs: IDotIns)=>IDotIns): IDotDocument;
+	ins(attrs: (attrs: IDotIns)=>IDotIns): IDotDocument;
+	
+	kbd(content?: DotContent, attrs?: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	kbd(attrs: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
 	
 	/** @deprecated Deprecated in HTML5. */
-	keyGen(content?: DotContent): IDotKeyGen;
-	label(content?: DotContent): IDotLabel;
+	keyGen(content?: DotContent, attrs?: (attrs: IDotKeyGen)=>IDotKeyGen): IDotDocument;
+	keyGen(attrs: (attrs: IDotKeyGen)=>IDotKeyGen): IDotDocument;
+	label(content?: DotContent, attrs?: (attrs: IDotLabel)=>IDotLabel): IDotDocument;
+	label(attrs: (attrs: IDotLabel)=>IDotLabel): IDotDocument;
 	
-	legend(content?: DotContent): IDotElementDocument<IDotGenericElement>;
-
-	li(content?: DotContent): IDotLi;
-
-	main(content?: DotContent): IDotElementDocument<IDotGenericElement>;
-
-	map(content?: DotContent): IDotMap;
-
-	mark(content?: DotContent): IDotElementDocument<IDotGenericElement>;
-
-	menu(content?: DotContent): IDotMenu;
-	meter(content?: DotContent): IDotMeter;
-
-	nav(content?: DotContent): IDotElementDocument<IDotGenericElement>;
-
-	object(content?: DotContent): IDotObject;
-	ol(content?: DotContent): IDotOl;
-	optGroup(content?: DotContent): IDotOptGroup;
-	option(content?: DotContent): IDotOption;
-	output(content?: DotContent): IDotOutput;
-
-	p(content?: DotContent): IDotElementDocument<IDotGenericElement>;
-
-	param(content?: DotContent): IDotParam;
-
-	pre(content?: DotContent): IDotElementDocument<IDotGenericElement>;
-
-	progress(content?: DotContent): IDotProgress;
-	q(content?: DotContent): IDotQ;
-
-	rp(content?: DotContent): IDotElementDocument<IDotGenericElement>;
-	rt(content?: DotContent): IDotElementDocument<IDotGenericElement>;
-	ruby(content?: DotContent): IDotElementDocument<IDotGenericElement>;
-	s(content?: DotContent): IDotElementDocument<IDotGenericElement>;
-	samp(content?: DotContent): IDotElementDocument<IDotGenericElement>;
-	section(content?: DotContent): IDotElementDocument<IDotGenericElement>;
-
-	select(content?: DotContent): IDotSelect;
-
-	small(content?: DotContent): IDotElementDocument<IDotGenericElement>;
-
-	source(content?: DotContent): IDotSource;
-
-	span(content?: DotContent): IDotElementDocument<IDotGenericElement>;
-	strong(content?: DotContent): IDotElementDocument<IDotGenericElement>;
-	svg(content?: DotContent): IDotElementDocument<IDotGenericElement>;
-	sub(content?: DotContent): IDotElementDocument<IDotGenericElement>;
-	summary(content?: DotContent): IDotElementDocument<IDotGenericElement>;
-	sup(content?: DotContent): IDotElementDocument<IDotGenericElement>;
-
-	table(content?: DotContent): IDotTable;
-	tBody(content?: DotContent): IDotTBody;
-	td(content?: DotContent): IDotTd;
-	textArea(content?: DotContent): IDotTextArea;
-	tFoot(content?: DotContent): IDotTFoot;
-	th(content?: DotContent): IDotTh;
-	tHead(content?: DotContent): IDotTHead;
-	time(content?: DotContent): IDotTime;
-	tr(content?: DotContent): IDotTr;
-	track(content?: DotContent): IDotTrack;
-
-	u(content?: DotContent): IDotElementDocument<IDotGenericElement>;
-	ul(content?: DotContent): IDotElementDocument<IDotGenericElement>;
-	var(content?: DotContent): IDotElementDocument<IDotGenericElement>;
-
-	video(content?: DotContent): IDotVideo;
-
-	wbr(content?: DotContent): IDotElementDocument<IDotGenericElement>;
+	legend(content?: DotContent, attrs?: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	legend(attrs: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+
+	li(content?: DotContent, attrs?: (attrs: IDotLi)=>IDotLi): IDotDocument;
+	li(attrs: (attrs: IDotLi)=>IDotLi): IDotDocument;
+
+	main(content?: DotContent, attrs?: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	main(attrs: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+
+	map(content?: DotContent, attrs?: (attrs: IDotMap)=>IDotMap): IDotDocument;
+	map(attrs: (attrs: IDotMap)=>IDotMap): IDotDocument;
+
+	mark(content?: DotContent, attrs?: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	mark(attrs: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+
+	menu(content?: DotContent, attrs?: (attrs: IDotMenu)=>IDotMenu): IDotDocument;
+	menu(attrs: (attrs: IDotMenu)=>IDotMenu): IDotDocument;
+	meter(content?: DotContent, attrs?: (attrs: IDotMeter)=>IDotMeter): IDotDocument;
+	meter(attrs: (attrs: IDotMeter)=>IDotMeter): IDotDocument;
+
+	nav(content?: DotContent, attrs?: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	nav(attrs: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+
+	object(content?: DotContent, attrs?: (attrs: IDotObject)=>IDotObject): IDotDocument;
+	object(attrs: (attrs: IDotObject)=>IDotObject): IDotDocument;
+	ol(content?: DotContent, attrs?: (attrs: IDotOl)=>IDotOl): IDotDocument;
+	ol(attrs: (attrs: IDotOl)=>IDotOl): IDotDocument;
+	optGroup(content?: DotContent, attrs?: (attrs: IDotOptGroup)=>IDotOptGroup): IDotDocument;
+	optGroup(attrs: (attrs: IDotOptGroup)=>IDotOptGroup): IDotDocument;
+	option(content?: DotContent, attrs?: (attrs: IDotOption)=>IDotOption): IDotDocument;
+	option(attrs: (attrs: IDotOption)=>IDotOption): IDotDocument;
+	output(content?: DotContent, attrs?: (attrs: IDotOutput)=>IDotOutput): IDotDocument;
+	output(attrs: (attrs: IDotOutput)=>IDotOutput): IDotDocument;
+
+	p(content?: DotContent, attrs?: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	p(attrs: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+
+	param(content?: DotContent, attrs?: (attrs: IDotParam)=>IDotParam): IDotDocument;
+	param(attrs: (attrs: IDotParam)=>IDotParam): IDotDocument;
+
+	pre(content?: DotContent, attrs?: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	pre(attrs: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+
+	progress(content?: DotContent, attrs?: (attrs: IDotProgress)=>IDotProgress): IDotDocument;
+	progress(attrs: (attrs: IDotProgress)=>IDotProgress): IDotDocument;
+	q(content?: DotContent, attrs?: (attrs: IDotQ)=>IDotQ): IDotDocument;
+	q(attrs: (attrs: IDotQ)=>IDotQ): IDotDocument;
+
+	rp(content?: DotContent, attrs?: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	rp(attrs: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	rt(content?: DotContent, attrs?: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	rt(attrs: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	ruby(content?: DotContent, attrs?: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	ruby(attrs: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	s(content?: DotContent, attrs?: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	s(attrs: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	samp(content?: DotContent, attrs?: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	samp(attrs: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	section(content?: DotContent, attrs?: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	section(attrs: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+
+	select(content?: DotContent, attrs?: (attrs: IDotSelect)=>IDotSelect): IDotDocument;
+	select(attrs: (attrs: IDotSelect)=>IDotSelect): IDotDocument;
+
+	small(content?: DotContent, attrs?: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	small(attrs: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+
+	source(content?: DotContent, attrs?: (attrs: IDotSource)=>IDotSource): IDotDocument;
+	source(attrs: (attrs: IDotSource)=>IDotSource): IDotDocument;
+
+	span(content?: DotContent, attrs?: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	span(attrs: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	strong(content?: DotContent, attrs?: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	strong(attrs: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	svg(content?: DotContent, attrs?: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	svg(attrs: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	sub(content?: DotContent, attrs?: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	sub(attrs: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	summary(content?: DotContent, attrs?: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	summary(attrs: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	sup(content?: DotContent, attrs?: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	sup(attrs: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+
+	table(content?: DotContent, attrs?: (attrs: IDotTable)=>IDotTable): IDotDocument;
+	table(attrs: (attrs: IDotTable)=>IDotTable): IDotDocument;
+	tBody(content?: DotContent, attrs?: (attrs: IDotTBody)=>IDotTBody): IDotDocument;
+	tBody(attrs: (attrs: IDotTBody)=>IDotTBody): IDotDocument;
+	td(content?: DotContent, attrs?: (attrs: IDotTd)=>IDotTd): IDotDocument;
+	td(attrs: (attrs: IDotTd)=>IDotTd): IDotDocument;
+	textArea(content?: DotContent, attrs?: (attrs: IDotTextArea)=>IDotTextArea): IDotDocument;
+	textArea(attrs: (attrs: IDotTextArea)=>IDotTextArea): IDotDocument;
+	tFoot(content?: DotContent, attrs?: (attrs: IDotTFoot)=>IDotTFoot): IDotDocument;
+	tFoot(attrs: (attrs: IDotTFoot)=>IDotTFoot): IDotDocument;
+	th(content?: DotContent, attrs?: (attrs: IDotTh)=>IDotTh): IDotDocument;
+	th(attrs: (attrs: IDotTh)=>IDotTh): IDotDocument;
+	tHead(content?: DotContent, attrs?: (attrs: IDotTHead)=>IDotTHead): IDotDocument;
+	tHead(attrs: (attrs: IDotTHead)=>IDotTHead): IDotDocument;
+	time(content?: DotContent, attrs?: (attrs: IDotTime)=>IDotTime): IDotDocument;
+	time(attrs: (attrs: IDotTime)=>IDotTime): IDotDocument;
+	tr(content?: DotContent, attrs?: (attrs: IDotTr)=>IDotTr): IDotDocument;
+	tr(attrs: (attrs: IDotTr)=>IDotTr): IDotDocument;
+	track(content?: DotContent, attrs?: (attrs: IDotTrack)=>IDotTrack): IDotDocument;
+	track(attrs: (attrs: IDotTrack)=>IDotTrack): IDotDocument;
+
+	u(content?: DotContent, attrs?: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	u(attrs: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	ul(content?: DotContent, attrs?: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	ul(attrs: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	var(content?: DotContent, attrs?: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	var(attrs: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+
+	video(content?: DotContent, attrs?: (attrs: IDotVideo)=>IDotVideo): IDotDocument;
+	video(attrs: (attrs: IDotVideo)=>IDotVideo): IDotDocument;
+
+	wbr(content?: DotContent, attrs?: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
+	wbr(attrs: (attrs: IDotAttrBuilder<IDotGenericElement>)=>IDotAttrBuilder<IDotGenericElement>): IDotDocument;
 }
 
 type Styles = string|((css: IDotCss) => IDotcssProp|string);
@@ -237,7 +345,7 @@ interface IComponentFactory {
  */
 export interface IDotCore extends IDotDocument
 {
-	(targetSelector: string|Element|Node|NodeList|Array<Node|Element>): IDotElementDocument<IDotGenericElement>;
+	(targetSelector: string|Element|Node|NodeList|Array<Node|Element>): IDotDocument;
 
 	version: string;
 	styleMode: "sync"|"async";
@@ -275,7 +383,7 @@ export interface IDotConditionalDocument extends IDotDocument{
 }
 
 // Attribute interface (for all elements):
-export interface IDotElementDocument<T extends IDotDocument> extends IDotDocument
+export interface IDotAttrBuilder<T>
 {
 	// (document?: Element, classPrefix?: number): IDotElement;
 	// TODO: consider allowing a function that passes in the container for the previous element to allow adding attributes to it.
@@ -402,7 +510,7 @@ export interface IDotElementDocument<T extends IDotDocument> extends IDotDocumen
 	onUnload(callback: (e: Event)=>void): T;
 }
 
-export interface IDotGenericElement extends IDotElementDocument<IDotGenericElement>{}
+interface IDotGenericElement extends IDotAttrBuilder<IDotGenericElement>{}
 
 // Interface for specific elements:
 
@@ -411,7 +519,7 @@ interface IMountedComponent extends IDotDocument{
 	prop(name: string, value: any): IMountedComponent;
 }
 
-interface IDotA extends IDotElementDocument<IDotA>{
+interface IDotA extends IDotAttrBuilder<IDotA>{
 	download(value: AttrVal<boolean>): IDotA;
 	hRef(value: AttrVal<string>): IDotA;
 	hRefLang(value: AttrVal<string>): IDotA;
@@ -428,7 +536,7 @@ interface IDotA extends IDotElementDocument<IDotA>{
 	target(value: AttrVal<"_blank">|AttrVal<"_parent">|AttrVal<"_self">|AttrVal<"_top">): IDotA;
 	type(value: AttrVal<string>): IDotA;
 }
-interface IDotArea extends IDotElementDocument<IDotArea>{
+interface IDotArea extends IDotAttrBuilder<IDotArea>{
 	alt(value: AttrVal<string>): IDotArea;
 	coords(value: AttrVal<string>): IDotArea;
 	download(value: AttrVal<string>): IDotArea;
@@ -441,7 +549,7 @@ interface IDotArea extends IDotElementDocument<IDotArea>{
 	shape(value: AttrVal<string>): IDotArea;
 	target(value: AttrVal<string>): IDotArea;
 }
-interface IDotAudio extends IDotElementDocument<IDotAudio>{
+interface IDotAudio extends IDotAttrBuilder<IDotAudio>{
 	autoPlay(value: AttrVal<boolean>): IDotAudio;
 	// buffered(value: unknown): IDotAudio; // Not used?
 	controls(value: AttrVal<boolean>): IDotAudio;
@@ -452,9 +560,10 @@ interface IDotAudio extends IDotElementDocument<IDotAudio>{
 	crossOrigin(value: AttrVal<"anonymous">|AttrVal<"use-credentials">): IDotAudio;
 	
 	// Special functions:
-	pause(): IDotAudio;
-	play(): IDotAudio;
-	stop(): IDotAudio;
+	// TODO: these need to be removed from here.
+	// pause(): IDotAudio;
+	// play(): IDotAudio;
+	// stop(): IDotAudio;
 
 	// Events:
 	onAbort(callback: (e: Event)=>void): IDotAudio;
@@ -479,10 +588,10 @@ interface IDotAudio extends IDotElementDocument<IDotAudio>{
 	onWaiting(callback: (e: Event)=>void): IDotAudio;
 	onCanPlay(callback: (e: Event)=>void): IDotAudio;
 }
-interface IDotBlockQuote extends IDotElementDocument<IDotBlockQuote>{
+interface IDotBlockQuote extends IDotAttrBuilder<IDotBlockQuote>{
 	quoteCite(value: AttrVal<string>): IDotBlockQuote; // alias for cite
 }
-interface IDotBody extends IDotElementDocument<IDotBody>{
+interface IDotBody extends IDotAttrBuilder<IDotBody>{
 	/** @deprecated Deprecated in HTML5. Use CSS. */
 	align(value: unknown): IDotBody;
 	/** @deprecated Deprecated in HTML5. Use CSS. */
@@ -498,11 +607,11 @@ interface IDotBody extends IDotElementDocument<IDotBody>{
 	onResize(callback: (e: Event)=>void): IDotBody;
 	onStorage(callback: (e: Event)=>void): IDotBody;
 }
-interface IDotBr extends IDotElementDocument<IDotBr>{
+interface IDotBr extends IDotAttrBuilder<IDotBr>{
 	/** @deprecated Deprecated in HTML5. Use CSS. */
 	clear(value: unknown): IDotBr;
 }
-interface IDotButton extends IDotElementDocument<IDotButton>{
+interface IDotButton extends IDotAttrBuilder<IDotButton>{
 	autoFocus(value: AttrVal<boolean>): IDotButton;
 	formAction(value: AttrVal<string>): IDotButton;
 	disabled(value?: AttrVal<boolean>): IDotButton;
@@ -511,45 +620,45 @@ interface IDotButton extends IDotElementDocument<IDotButton>{
 	whichForm(value: AttrVal<string>): IDotButton; // alias for form
 	value(value: AttrVal<string>): IDotButton;
 }
-interface IDotCanvas extends IDotElementDocument<IDotCanvas>{
+interface IDotCanvas extends IDotAttrBuilder<IDotCanvas>{
 	height(value: AttrVal<number>): IDotCanvas;
 	width(value: AttrVal<number>): IDotCanvas;
 }
-interface IDotCol extends IDotElementDocument<IDotCol>{
+interface IDotCol extends IDotAttrBuilder<IDotCol>{
 	/** @deprecated Deprecated in HTML5. Use CSS. */
 	charOff(value: AttrVal<unknown>): IDotCol;
 	colSpan(value: AttrVal<number>): IDotCol; // alias for span
 	vAlign(value: AttrVal<number>): IDotCol;
 }
-interface IDotColGroup extends IDotElementDocument<IDotColGroup>{
+interface IDotColGroup extends IDotAttrBuilder<IDotColGroup>{
 	/** @deprecated Deprecated in HTML5. Use CSS. */
 	charOff(value: AttrVal<unknown>): IDotColGroup;
 	colSpan(value: AttrVal<number>): IDotColGroup; // alias for span
 	/** @deprecated Deprecated in HTML5. Use CSS. */
 	vAlign(value: AttrVal<unknown>): IDotColGroup;
 }
-interface IDotDel extends IDotElementDocument<IDotDel>{
+interface IDotDel extends IDotAttrBuilder<IDotDel>{
 	dateTime(value: AttrVal<string>): IDotDel; // Would be cool if this could accept dates and just format them internally...
 	quoteCite(value: AttrVal<string>): IDotDel; // alias for cite
 }
-interface IDotDetails extends IDotElementDocument<IDotDetails>{
+interface IDotDetails extends IDotAttrBuilder<IDotDetails>{
 	open(value: AttrVal<boolean>): IDotDetails;
 
 	// Events:
 	onToggle (callback: (e: Event)=>void): IDotDetails;
 }
-interface IDotEmbed extends IDotElementDocument<IDotEmbed>{
+interface IDotEmbed extends IDotAttrBuilder<IDotEmbed>{
 	height(value: AttrVal<number>): IDotEmbed;
 	src(value: AttrVal<string>): IDotEmbed;
 	type(value: AttrVal<string>): IDotEmbed;
 	width(value: AttrVal<number>): IDotEmbed;
 }
-interface IDotFieldSet extends IDotElementDocument<IDotFieldSet>{
+interface IDotFieldSet extends IDotAttrBuilder<IDotFieldSet>{
 	disabled(value: AttrVal<boolean>): IDotFieldSet;
 	name(value: AttrVal<string>): IDotFieldSet;
 	whichForm(value: AttrVal<string>): IDotFieldSet; // alias for form
 }
-interface IDotForm extends IDotElementDocument<IDotForm>{
+interface IDotForm extends IDotAttrBuilder<IDotForm>{
 	acceptCharset(value: AttrVal<string>): IDotForm; // accept-charset, apparently the only hyphenated attribute (aside from data-*)...
 	action(value: AttrVal<string>): IDotForm;
 	autoComplete(value: AttrVal<"on">|AttrVal<"off">): IDotForm;
@@ -560,10 +669,10 @@ interface IDotForm extends IDotElementDocument<IDotForm>{
 	// rel(value: PrimativeOrObservable<string>): IDotForm; // Not used with forms?
 	target(value: AttrVal<"_self">|AttrVal<"_blank">|AttrVal<"_parent">|AttrVal<"_top">): IDotForm;
 }
-interface IDotHr extends IDotElementDocument<IDotHr>{
+interface IDotHr extends IDotAttrBuilder<IDotHr>{
 	noShade(value: unknown): IDotHr;
 }
-interface IDotIFrame extends IDotElementDocument<IDotIFrame>{
+interface IDotIFrame extends IDotAttrBuilder<IDotIFrame>{
 	allow(value: AttrVal<string>): IDotIFrame;
 	allowFullScreen(value: AttrVal<boolean>): IDotIFrame;
 	/** @deprecated Deprecated in HTML5. */
@@ -583,7 +692,7 @@ interface IDotIFrame extends IDotElementDocument<IDotIFrame>{
 	srcDoc(value: AttrVal<string>): IDotIFrame;
 	width(value: AttrVal<number>): IDotIFrame;
 }
-interface IDotImg extends IDotElementDocument<IDotImg>{
+interface IDotImg extends IDotAttrBuilder<IDotImg>{
 	alt(value: AttrVal<string>): IDotImg;
 	crossOrigin(value: AttrVal<"anonymous">|AttrVal<"use-credentials">): IDotImg;
 	decoding(value: AttrVal<"async">|AttrVal<"auto">|AttrVal<"sync">): IDotImg;
@@ -601,7 +710,7 @@ interface IDotImg extends IDotElementDocument<IDotImg>{
 	useMap(value: AttrVal<number>): IDotImg;
 	width(value: AttrVal<number>): IDotImg;
 }
-interface IDotInput extends IDotElementDocument<IDotInput>{
+interface IDotInput extends IDotAttrBuilder<IDotInput>{
 	accept(value: AttrVal<string>): IDotInput;
 	alt(value: AttrVal<string>): IDotInput;
 	autoCapitalize(value: AttrVal<"none">|AttrVal<"sentences">|AttrVal<"words">|AttrVal<"characters">): IDotInput;
@@ -638,27 +747,27 @@ interface IDotInput extends IDotElementDocument<IDotInput>{
 	// Input-specific events:
 	onSearch(callback: (e: Event)=>void): IDotInput;
 }
-interface IDotIns extends IDotElementDocument<IDotIns>{
+interface IDotIns extends IDotAttrBuilder<IDotIns>{
 	dateTime(value: AttrVal<string>): IDotIns;
 	quoteCite(value: AttrVal<string>): IDotIns; // alias for cite
 }
-interface IDotKeyGen extends IDotElementDocument<IDotKeyGen>{
+interface IDotKeyGen extends IDotAttrBuilder<IDotKeyGen>{
 	challenge(value: AttrVal<string>): IDotKeyGen;
 	keyType(value: AttrVal<string>): IDotKeyGen;
 }
-interface IDotLabel extends IDotElementDocument<IDotLabel>{
+interface IDotLabel extends IDotAttrBuilder<IDotLabel>{
 	for(value: AttrVal<string>): IDotLabel;
 }
-interface IDotLi extends IDotElementDocument<IDotLi>{
+interface IDotLi extends IDotAttrBuilder<IDotLi>{
 	value(value: AttrVal<number>): IDotLi;
 }
-interface IDotMap extends IDotElementDocument<IDotMap>{
+interface IDotMap extends IDotAttrBuilder<IDotMap>{
 	name(value: AttrVal<string>): IDotMap;
 }
-interface IDotMenu extends IDotElementDocument<IDotMenu>{
+interface IDotMenu extends IDotAttrBuilder<IDotMenu>{
 	type(value: AttrVal<string>): IDotMenu;
 }
-interface IDotMeter extends IDotElementDocument<IDotMeter>{
+interface IDotMeter extends IDotAttrBuilder<IDotMeter>{
 	high(value: AttrVal<number>): IDotMeter;
 	low(value: AttrVal<number>): IDotMeter;
 	max(value: AttrVal<number>): IDotMeter;
@@ -666,7 +775,7 @@ interface IDotMeter extends IDotElementDocument<IDotMeter>{
 	optimum(value: AttrVal<number>): IDotMeter;
 	value(value: AttrVal<number>): IDotMeter;
 }
-interface IDotObject extends IDotElementDocument<IDotObject>{
+interface IDotObject extends IDotAttrBuilder<IDotObject>{
 	archive(value: AttrVal<string>): IDotObject;
 	classId(value: AttrVal<string>): IDotObject;
 	codeBase(value: AttrVal<string>): IDotObject;
@@ -680,14 +789,14 @@ interface IDotObject extends IDotElementDocument<IDotObject>{
 	useMap(value: AttrVal<string>): IDotObject;
 	width(value: AttrVal<number>): IDotObject;
 }
-interface IDotOl extends IDotElementDocument<IDotOl>{
+interface IDotOl extends IDotAttrBuilder<IDotOl>{
 	reversed(value: boolean): IDotOl;
 	start(value: number): IDotOl;
 }
-interface IDotOptGroup extends IDotElementDocument<IDotOptGroup>{
+interface IDotOptGroup extends IDotAttrBuilder<IDotOptGroup>{
 	disabled(value: boolean): IDotOptGroup;
 }
-interface IDotOption extends IDotElementDocument<IDotOption>{
+interface IDotOption extends IDotAttrBuilder<IDotOption>{
 	disabled(value: AttrVal<boolean>): IDotOption;
 	optionLabel(value: AttrVal<string>): IDotOption; // alias for label
 	selected(value: AttrVal<boolean>): IDotOption;
@@ -697,25 +806,25 @@ interface IDotOption extends IDotElementDocument<IDotOption>{
 	// getVal(): string;
 	// setVal(value: unknown): IDotOption;
 }
-interface IDotOutput extends IDotElementDocument<IDotOutput>{
+interface IDotOutput extends IDotAttrBuilder<IDotOutput>{
 	for(value: AttrVal<string>): IDotOutput;
 	name(value: AttrVal<string>): IDotOutput;
 	whichForm(value: AttrVal<string>): IDotOutput; // alias for form
 }
-interface IDotParam extends IDotElementDocument<IDotParam>{
+interface IDotParam extends IDotAttrBuilder<IDotParam>{
 	name(value: AttrVal<string>): IDotParam;
 	value(value: AttrVal<string>): IDotParam;
 	/** @deprecated Deprecated in HTML5. */
 	valueType(value: AttrVal<unknown>): IDotParam;
 }
-interface IDotProgress extends IDotElementDocument<IDotProgress>{
+interface IDotProgress extends IDotAttrBuilder<IDotProgress>{
 	max(value: AttrVal<number>): IDotProgress;
 	value(value: AttrVal<number>): IDotProgress;
 }
-interface IDotQ extends IDotElementDocument<IDotQ>{
+interface IDotQ extends IDotAttrBuilder<IDotQ>{
 	quoteCite(value: AttrVal<string>): IDotQ; // alias for cite
 }
-interface IDotSelect extends IDotElementDocument<IDotSelect>{
+interface IDotSelect extends IDotAttrBuilder<IDotSelect>{
 	autoFocus(value: AttrVal<boolean>): IDotSelect;
 	disabled(value: AttrVal<boolean>): IDotSelect;
 	multiple(value: AttrVal<boolean>): IDotSelect;
@@ -725,7 +834,7 @@ interface IDotSelect extends IDotElementDocument<IDotSelect>{
 	whichForm(value: AttrVal<string>): IDotSelect; // alias for form
 	value(value: AttrVal<string>); // Pseudo attribute for convenience. 
 }
-interface IDotSource extends IDotElementDocument<IDotSource>{
+interface IDotSource extends IDotAttrBuilder<IDotSource>{
 	media(value: AttrVal<string>): IDotSource;
 	src(value: AttrVal<string>): IDotSource;
 	type(value: AttrVal<string>): IDotSource;
@@ -734,7 +843,7 @@ interface IDotSource extends IDotElementDocument<IDotSource>{
 	srcSet(value: AttrVal<string>): IDotSource;
 	type(value: AttrVal<string>): IDotSource;
 }
-interface IDotTable extends IDotElementDocument<IDotTable>{
+interface IDotTable extends IDotAttrBuilder<IDotTable>{
 	/** @deprecated Deprecated in HTML5. Use CSS. */
 	border(value: AttrVal<string>|AttrVal<number>): IDotTable;
 	/** @deprecated Deprecated in HTML5. Use CSS. */
@@ -752,7 +861,7 @@ interface IDotTable extends IDotElementDocument<IDotTable>{
 	/** @deprecated Deprecated in HTML5. */
 	width(value: AttrVal<number>): IDotTable;
 }
-interface IDotTextArea extends IDotElementDocument<IDotTextArea>{
+interface IDotTextArea extends IDotAttrBuilder<IDotTextArea>{
 	autoCapitalize(value: AttrVal<"none">|AttrVal<"sentences">|AttrVal<"words">|AttrVal<"characters">): IDotTextArea;
 	autoFocus(value: AttrVal<boolean>): IDotTextArea;
 	cols(value: AttrVal<number>): IDotTextArea;
@@ -769,13 +878,13 @@ interface IDotTextArea extends IDotElementDocument<IDotTextArea>{
 	wrap(value: AttrVal<string>): IDotTextArea;
 	value(value: AttrVal<string>); // Pseudo attribute for convenience. 
 }
-interface IDotTBody extends IDotElementDocument<IDotTBody>{
+interface IDotTBody extends IDotAttrBuilder<IDotTBody>{
 	/** @deprecated Deprecated in HTML5. Use CSS. */
 	charOff(value: AttrVal<unknown>): IDotTBody;
 	/** @deprecated Deprecated in HTML5. Use CSS. */
 	vAlign(value: AttrVal<unknown>): IDotTBody;
 }
-interface IDotTd extends IDotElementDocument<IDotTd>{
+interface IDotTd extends IDotAttrBuilder<IDotTd>{
 	
 	/** @deprecated Deprecated in HTML5. Use CSS. */
 	axis(value: AttrVal<string>): IDotTd;
@@ -792,16 +901,16 @@ interface IDotTd extends IDotElementDocument<IDotTd>{
 	/** @deprecated Deprecated in HTML5. Use CSS. */
 	vAlign(value: AttrVal<string>): IDotTd;
 }
-interface IDotTFoot extends IDotElementDocument<IDotTFoot>{
+interface IDotTFoot extends IDotAttrBuilder<IDotTFoot>{
 	/** @deprecated Deprecated in HTML5. Use CSS. */
 	charOff(value: AttrVal<number>): IDotTFoot;
 	/** @deprecated Deprecated in HTML5. Use CSS. */
 	vAlign(value: AttrVal<string>): IDotTFoot;
 }
-interface IDotTime extends IDotElementDocument<IDotTime>{
+interface IDotTime extends IDotAttrBuilder<IDotTime>{
 	dateTime(value: AttrVal<string>): IDotTime;
 }
-interface IDotTh extends IDotElementDocument<IDotTh>{
+interface IDotTh extends IDotAttrBuilder<IDotTh>{
 	/** @deprecated Deprecated in HTML5. Use CSS. */
 	axis(value: AttrVal<string>): IDotTh;
 	colSpan(value: AttrVal<number>): IDotTh;
@@ -813,19 +922,19 @@ interface IDotTh extends IDotElementDocument<IDotTh>{
 	/** @deprecated Deprecated in HTML5. Use CSS. */
 	vAlign(value: AttrVal<string>): IDotTh;
 }
-interface IDotTHead extends IDotElementDocument<IDotTHead>{
+interface IDotTHead extends IDotAttrBuilder<IDotTHead>{
 	/** @deprecated Deprecated in HTML5. Use CSS. */
 	charOff(value: AttrVal<string>|AttrVal<number>): IDotTHead;
 	/** @deprecated Deprecated in HTML5. Use CSS. */
 	vAlign(value: AttrVal<string>): IDotTHead;
 }
-interface IDotTr extends IDotElementDocument<IDotTr>{
+interface IDotTr extends IDotAttrBuilder<IDotTr>{
 	/** @deprecated Deprecated in HTML5. Use CSS. */
 	charOff(value: AttrVal<string>|AttrVal<number>): IDotTr;
 	/** @deprecated Deprecated in HTML5. Use CSS. */
 	vAlign(value: AttrVal<string>): IDotTr;
 }
-interface IDotTrack extends IDotElementDocument<IDotTrack>{
+interface IDotTrack extends IDotAttrBuilder<IDotTrack>{
 	default(value: AttrVal<boolean>): IDotTrack;
 	kind(value: AttrVal<string>): IDotTrack;
 	src(value: AttrVal<string>): IDotTrack;
@@ -835,7 +944,7 @@ interface IDotTrack extends IDotElementDocument<IDotTrack>{
 	// Events:
 	onCueChange(callback: (e: Event)=>void): IDotTrack;
 }
-interface IDotVideo extends IDotElementDocument<IDotVideo>{
+interface IDotVideo extends IDotAttrBuilder<IDotVideo>{
 	autoPlay(value: AttrVal<boolean>): IDotVideo;
 	buffered(value: IReactive<unknown>): IDotVideo; // Managed by browser not user. TODO: we can possibly use events to update observable objects.
 	controls(value: AttrVal<boolean>): IDotVideo;
@@ -850,9 +959,10 @@ interface IDotVideo extends IDotElementDocument<IDotVideo>{
 	width(value: AttrVal<number>): IDotVideo;
 	
 	// Special functions:
-	pause(): IDotVideo;
-	play(): IDotVideo;
-	stop(): IDotVideo;
+	// TODO:
+	// pause(): IDotVideo;
+	// play(): IDotVideo;
+	// stop(): IDotVideo;
 
 	// Events:
 	onAbort(callback: (e: Event)=>void): IDotVideo;