dothtml-interfaces 0.1.20 → 0.1.22

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dothtml-interfaces",
-  "version": "0.1.20",
+  "version": "0.1.22",
   "description": "Dependency injection interfaces for DOTHtml.",
   "main": "src/index.d.ts",
   "types": "src/index.d.ts",

package/src/i-component.d.ts

@@ -1,5 +1,5 @@
 
-import { IDotElement, IDotGenericElement } from "./i-dot";
+import { IDotGenericElement } from "./i-dot";
 import IDotCss from "./i-dot-css";
 
 export interface FrameworkItems {
@@ -25,7 +25,7 @@ export default interface IComponent {
 	/**
 	 * A function returning DOThtml (required).
 	 */
-    build(...args: Array<any>): IDotElement;
+    build(...args: Array<any>): IDotGenericElement;
 
 	/**
 	 * An optional function that is called after builder that stylizes the component using a scoped style builder.

package/src/i-dot.d.ts

@@ -8,7 +8,7 @@ type DotContentPrimitive = string|number|boolean;
 type DotContentBasic = DotContentPrimitive|Node|Element|NodeList|IComponent|IDotDocument//typeof DotDocument;
 export type DotContent = DotContentBasic|Array<DotContent>|IObservable;//|(()=>DotContent);
 
-type PrimativeOrObservable<T = string|number|boolean> = T|IObservable<T>;
+type AttrVal<T = string|number|boolean> = T|IObservable<T>;
 
 /**
  * Global interface containing elements.
@@ -151,6 +151,7 @@ export interface IDotDocument
 	
 	kbd(content?: DotContent): IDotElementDocument<IDotGenericElement>;
 	
+	/** @deprecated Deprecated in HTML5. */
 	keyGen(content?: DotContent): IDotKeyGen;
 	label(content?: DotContent): IDotLabel;
 	
@@ -260,12 +261,6 @@ export interface IDotConditionalDocument extends IDotDocument{
 	otherwise(callback: DotContent): IDotDocument;
 }
 
-/**
- * Public interface indicating the return type of the Component builder method. Represents any VDBO containing an element. 
- * The VDBO returned by Component builder method must contain exactly one element.
-*/
-export interface IDotElement extends IDotElementDocument<IDotGenericElement>{}
-
 // Attribute interface (for all elements):
 export interface IDotElementDocument<T extends IDotDocument> extends IDotDocument
 {
@@ -290,34 +285,51 @@ export interface IDotElementDocument<T extends IDotDocument> extends IDotDocumen
 	*/
 	ref(name: string, index?:number): T;
 
-	// TODO: move to specific elements.
-	/** @deprecated Deprecated in HTML5. Use CSS. */
-	bgColor(value: unknown): T;
 	/** @deprecated Deprecated in HTML5. Use CSS. */
-	color(value: unknown): T;
+	bgColor(value: AttrVal<unknown>): T;
 	/** @deprecated Deprecated in HTML5. Use CSS. */
-	aLink(value: unknown): T;
+	color(value: AttrVal<unknown>): T;
 	/** @deprecated Deprecated in HTML5. Use CSS. */
-	archive(value: unknown): T;
-	// Only add this if we decide to add the search element.
-	// /** @deprecated Non-standard attribute. */
-	// autoSave(value: unknown): IDotMajor;
+	aLink(value: AttrVal<unknown>): T;
+	/** @deprecated Deprecated in HTML5. */
+	archive(value: AttrVal<unknown>): T;
 	
 	// TODO: we're still missing some additional global attributes. See https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/
-	accessKey(value: PrimativeOrObservable<string>): T; // This could potentially be enumerated. But care should be taken as these types are already quite complex.
+	areaHidden(value: AttrVal<boolean>): T;
+	areaLabel(value: AttrVal<string>): T;
+	areaDescribedBy(value: AttrVal<string>): T;
+	areaControls(value: AttrVal<string>): T;
+	areaExpanded(value: AttrVal<boolean>): T;
+	areaChecked(value: AttrVal<string>): T;
+	areaSelected(value: AttrVal<boolean>): T;
+	accessKey(value: AttrVal<string>): T; // This could potentially be enumerated. But care should be taken as these types are already quite complex.
 	class(value: unknown): T; // TODO: need a better way of setting classes.
-	contentEditable(value: PrimativeOrObservable<"true">|PrimativeOrObservable<"false">|PrimativeOrObservable<"plaintext-only">): T;
-	dir(value: PrimativeOrObservable<string>): T;
-	draggable(value: PrimativeOrObservable<"true">|PrimativeOrObservable<"false">): T; // This one is enumerated. "true" or "false" is mandatory.
-	dropZone(value: "move"|"copy"|"link"): T; // Might not be supported anywhere.
-	hidden(value: PrimativeOrObservable<boolean>): T;
+	contentEditable(value: AttrVal<"true">|AttrVal<"false">|AttrVal<"plaintext-only">): T;
+	contextMenu(value: AttrVal<string>): T;
+	dir(value: AttrVal<string>): T;
+	draggable(value: AttrVal<"true">|AttrVal<"false">): T;
+	dropZone(value: AttrVal<"move">|AttrVal<"copy">|AttrVal<"link">): T;
+	exportParts(value: AttrVal<string>): T;
+	hidden(value: AttrVal<boolean>): T;
 	id(value: string): T;
-	itemProp(value: PrimativeOrObservable<string>): T;
-	lang(value: PrimativeOrObservable<string>): T;
-	spellCheck(value: PrimativeOrObservable<"true">|PrimativeOrObservable<"false">): T; // This one should ideally render as "true" or "false", not be removed.
+	inert(value: AttrVal<boolean>): T;
+	inputMode(value: AttrVal<string>): T;
+	is(value: AttrVal<string>): T;
+	itemId(value: AttrVal<string>): T;
+	itemProp(value: AttrVal<string>): T;
+	itemRef(value: AttrVal<string>): T;
+	itemScope(value: AttrVal<string>): T;
+	itemType(value: AttrVal<string>): T;
+	lang(value: AttrVal<string>): T;
+	nOnce(value: AttrVal<string>): T;
+	part(value: AttrVal<string>): T;
+	role(value: AttrVal<string>): T;
+	spellCheck(value: AttrVal<"true">|AttrVal<"false">): T;
 	style(value: string|IDotcssProp): T;
-	tabIndex(value: PrimativeOrObservable<number>): T;
-	title(value: PrimativeOrObservable<string>): T;
+	tabIndex(value: AttrVal<number>): T;
+	title(value: AttrVal<string>): T;
+	translate(value: AttrVal<string>): T;
+	virtualKeyboardPolicy(value: AttrVal<"auto">|AttrVal<"manual">): T;
 
 	// Events
 
@@ -387,36 +399,44 @@ interface IMountedComponent extends IDotDocument{
 }
 
 interface IDotA extends IDotElementDocument<IDotA>{
-	download(value: PrimativeOrObservable<boolean>): IDotA;
-	hRef(value: PrimativeOrObservable<string>): IDotA;
-	hRefLang(value: PrimativeOrObservable<string>): IDotA;
-	media(value: unknown): IDotA;
-	ping(value: unknown): IDotA;
-	rel(value: PrimativeOrObservable<string>): IDotA;
-	rev(value: unknown): IDotA;
-	target(value: PrimativeOrObservable<"_blank"|"_parent"|"_self"|"_top">): IDotA;
-	type(value: unknown): IDotA; // This might be fake news.
+	download(value: AttrVal<boolean>): IDotA;
+	hRef(value: AttrVal<string>): IDotA;
+	hRefLang(value: AttrVal<string>): IDotA;
+	charset(value: AttrVal<string>): IDotA;
+	coords(value: AttrVal<string>): IDotA;
+	shape(value: AttrVal<string>): IDotA;
+	media(value: AttrVal<string>): IDotA;
+	ping(value: AttrVal<string>): IDotA; // Space separated. Consider an array. Or do what we're doing for class.
+	rel(value: AttrVal<string>): IDotA;
+	/** @deprecated Deprecated in HTML5. */
+	rev(value: AttrVal<unknown>): IDotA;
+	name(value: AttrVal<string>): IDotA;
+	// rev(value: unknown): IDotA; // Not supported in HTML 5.
+	target(value: AttrVal<"_blank">|AttrVal<"_parent">|AttrVal<"_self">|AttrVal<"_top">): IDotA;
+	type(value: AttrVal<string>): IDotA;
 }
 interface IDotArea extends IDotElementDocument<IDotArea>{
-	alt(value: unknown): IDotArea;
-	coords(value: unknown): IDotArea;
-	download(value: unknown): IDotArea;
-	hRef(value: unknown): IDotArea;
-	hRefLang(value: unknown): IDotArea;
-	media(value: unknown): IDotArea;
-	noHRef(value: PrimativeOrObservable<string>): IDotArea;
-	rel(value: unknown): IDotArea; // Fake?
-	shape(value: PrimativeOrObservable<string>): IDotArea;
-	target(value: PrimativeOrObservable<string>): IDotArea;
+	alt(value: AttrVal<string>): IDotArea;
+	coords(value: AttrVal<string>): IDotArea;
+	download(value: AttrVal<string>): IDotArea;
+	hRef(value: AttrVal<string>): IDotArea;
+	hRefLang(value: AttrVal<string>): IDotArea;
+	media(value: AttrVal<string>): IDotArea;
+	/** @deprecated Deprecated in HTML5. */
+	noHRef(value: AttrVal<string>): IDotArea;
+	rel(value: AttrVal<string>): IDotArea;
+	shape(value: AttrVal<string>): IDotArea;
+	target(value: AttrVal<string>): IDotArea;
 }
 interface IDotAudio extends IDotElementDocument<IDotAudio>{
-	autoPlay(value: PrimativeOrObservable<boolean>): IDotAudio;
-	buffered(value: unknown): IDotAudio;
-	controls(value: PrimativeOrObservable<boolean>): IDotAudio;
-	loop(value: PrimativeOrObservable<boolean>): IDotAudio;
-	muted(value: PrimativeOrObservable<boolean>): IDotAudio;
-	preload(value: PrimativeOrObservable<"auto">|PrimativeOrObservable<"metadata">|PrimativeOrObservable<"none">): IDotAudio;
-	src(value: PrimativeOrObservable<string>): IDotAudio;
+	autoPlay(value: AttrVal<boolean>): IDotAudio;
+	// buffered(value: unknown): IDotAudio; // Not used?
+	controls(value: AttrVal<boolean>): IDotAudio;
+	loop(value: AttrVal<boolean>): IDotAudio;
+	muted(value: AttrVal<boolean>): IDotAudio;
+	preload(value: AttrVal<"auto">|AttrVal<"metadata">|AttrVal<"none">): IDotAudio;
+	src(value: AttrVal<string>): IDotAudio;
+	crossOrigin(value: AttrVal<"anonymous">|AttrVal<"use-credentials">): IDotAudio;
 	
 	// Special functions:
 	pause(): IDotAudio;
@@ -447,7 +467,7 @@ interface IDotAudio extends IDotElementDocument<IDotAudio>{
 	onCanPlay(callback: (e: Event)=>void): IDotAudio;
 }
 interface IDotBlockQuote extends IDotElementDocument<IDotBlockQuote>{
-	quoteCite(value: unknown): IDotBlockQuote; // cite
+	quoteCite(value: AttrVal<string>): IDotBlockQuote; // alias for cite
 }
 interface IDotBody extends IDotElementDocument<IDotBody>{
 	/** @deprecated Deprecated in HTML5. Use CSS. */
@@ -470,117 +490,133 @@ interface IDotBr extends IDotElementDocument<IDotBr>{
 	clear(value: unknown): IDotBr;
 }
 interface IDotButton extends IDotElementDocument<IDotButton>{
-	autoFocus(value: unknown): IDotButton;
-	formAction(value: unknown): IDotButton;
-	disabled(value?: unknown): IDotButton;
-	name(value: unknown): IDotButton;
-	type(value: unknown): IDotButton;
-	whichForm(value: unknown): IDotButton; // form
-	value(value: unknown): IDotButton;
+	autoFocus(value: AttrVal<boolean>): IDotButton;
+	formAction(value: AttrVal<string>): IDotButton;
+	disabled(value?: AttrVal<boolean>): IDotButton;
+	name(value: AttrVal<string>): IDotButton;
+	type(value: AttrVal<"button">|AttrVal<"submit">|AttrVal<"reset">): IDotButton;
+	whichForm(value: AttrVal<string>): IDotButton; // alias for form
+	value(value: AttrVal<string>): IDotButton;
 }
 interface IDotCanvas extends IDotElementDocument<IDotCanvas>{
-	height(value: unknown): IDotCanvas;
-	width(value: unknown): IDotCanvas;
+	height(value: AttrVal<number>): IDotCanvas;
+	width(value: AttrVal<number>): IDotCanvas;
 }
 interface IDotCol extends IDotElementDocument<IDotCol>{
 	/** @deprecated Deprecated in HTML5. Use CSS. */
-	charOff(value: unknown): IDotCol;
-	colSpan(value: unknown): IDotCol; // span
-	vAlign(value: unknown): IDotCol;
+	charOff(value: AttrVal<unknown>): IDotCol;
+	colSpan(value: AttrVal<number>): IDotCol; // alias for span
+	vAlign(value: AttrVal<number>): IDotCol;
 }
 interface IDotColGroup extends IDotElementDocument<IDotColGroup>{
 	/** @deprecated Deprecated in HTML5. Use CSS. */
-	charOff(value: unknown): IDotColGroup;
-	colSpan(value: unknown): IDotColGroup; // span
-	vAlign(value: unknown): IDotColGroup;
+	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>{
-	dateTime(value: unknown): IDotDel;
-	quoteCite(value: unknown): IDotDel; // cite
+	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>{
-	open(value: unknown): IDotDetails;
+	open(value: AttrVal<boolean>): IDotDetails;
 
 	// Events:
 	onToggle (callback: (e: Event)=>void): IDotDetails;
 }
 interface IDotEmbed extends IDotElementDocument<IDotEmbed>{
-	height(value: unknown): IDotEmbed;
-	src(value: unknown): IDotEmbed;
-	type(value: unknown): IDotEmbed;
-	width(value: unknown): 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>{
-	disabled(value: unknown): IDotFieldSet;
-	name(value: unknown): IDotFieldSet;
-	whichForm(value: unknown): IDotFieldSet; // form
+	disabled(value: AttrVal<boolean>): IDotFieldSet;
+	name(value: AttrVal<string>): IDotFieldSet;
+	whichForm(value: AttrVal<string>): IDotFieldSet; // alias for form
 }
 interface IDotForm extends IDotElementDocument<IDotForm>{
-	acceptCharset(value: unknown): IDotForm; // accept-charset
-	action(value: unknown): IDotForm;
-	autoComplete(value: unknown): IDotForm;
-	encType(value: unknown): IDotForm;
-	method(value: unknown): IDotForm;
-	name(value: unknown): IDotForm;
-	noValidate(value: boolean): IDotForm;
-	rel(value: unknown): IDotForm;
-	target(value: unknown): 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;
+	encType(value: AttrVal<"application/x-www-form-urlencoded">|AttrVal<"multipart/form-data">|AttrVal<"text/plain">): IDotForm;
+	method(value: AttrVal<"get">|AttrVal<"post">): IDotForm;
+	name(value: AttrVal<string>): IDotForm;
+	noValidate(value: AttrVal<boolean>): 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>{
 	noShade(value: unknown): IDotHr;
 }
 interface IDotIFrame extends IDotElementDocument<IDotIFrame>{
-	height(value: unknown): IDotIFrame;
-	longDesc(value: unknown): IDotIFrame;
-	marginHeight(value: unknown): IDotIFrame;
-	marginWidth(value: unknown): IDotIFrame;
-	name(value: unknown): IDotIFrame;
-	sandbox(value: unknown): IDotIFrame;
-	scrolling(value: unknown): IDotIFrame;
-	seamless(value: unknown): IDotIFrame;
-	src(value: unknown): IDotIFrame;
-	srcDoc(value: unknown): IDotIFrame;
-	width(value: unknown): IDotIFrame;
+	allow(value: AttrVal<string>): IDotIFrame;
+	allowFullScreen(value: AttrVal<boolean>): IDotIFrame;
+	/** @deprecated Deprecated in HTML5. */
+	frameBorder(value: AttrVal<0>|AttrVal<1>): IDotIFrame;
+	height(value: AttrVal<number>): IDotIFrame;
+	/** @deprecated Deprecated in HTML5. */
+	longDesc(value: AttrVal<string>): IDotIFrame;
+	marginHeight(value: AttrVal<number>): IDotIFrame;
+	marginWidth(value: AttrVal<number>): IDotIFrame;
+	name(value: AttrVal<string>): IDotIFrame;
+	referrerPolicy(value: AttrVal<string>): IDotIFrame;
+	sandbox(value: AttrVal<string>): IDotIFrame;
+	/** @deprecated Deprecated in HTML5. */
+	scrolling(value: AttrVal<string>): IDotIFrame;
+	seamless(value: AttrVal<boolean>): IDotIFrame;
+	src(value: AttrVal<string>): IDotIFrame;
+	srcDoc(value: AttrVal<string>): IDotIFrame;
+	width(value: AttrVal<number>): IDotIFrame;
 }
 interface IDotImg extends IDotElementDocument<IDotImg>{
-	alt(value: PrimativeOrObservable<string>): IDotImg;
-	height(value: PrimativeOrObservable<number>): IDotImg;
-	/** @deprecated Deprecated in HTML5. Use CSS. */
-	hSpace(value: unknown): IDotImg;
-	isMap(value: unknown): IDotImg;
-	longDesc(value: unknown): IDotImg;
-	sizes(value: unknown): IDotImg;
-	src(value: PrimativeOrObservable<string>): IDotImg;
-	srcSet(value: unknown): IDotImg;
-	useMap(value: unknown): IDotImg;
-	width(value: PrimativeOrObservable<number>): IDotImg;
+	alt(value: AttrVal<string>): IDotImg;
+	crossOrigin(value: AttrVal<"anonymous">|AttrVal<"use-credentials">): IDotImg;
+	decoding(value: AttrVal<"async">|AttrVal<"auto">|AttrVal<"sync">): IDotImg;
+	height(value: AttrVal<number>): IDotImg;
+	/** @deprecated Deprecated in HTML5. Use CSS. */
+	hSpace(value: AttrVal<unknown>): IDotImg;
+	isMap(value: AttrVal<boolean>): IDotImg;
+	/** @deprecated Deprecated in HTML5. Use CSS. */
+	loading(value: AttrVal<"eager">|AttrVal<"lazy">): IDotImg;
+	longDesc(value: AttrVal<string>): IDotImg;
+	referrerPolicy(value: AttrVal<string>): IDotImg;
+	sizes(value: AttrVal<string>): IDotImg;
+	src(value: AttrVal<string>): IDotImg;
+	srcSet(value: AttrVal<string>): IDotImg; // Comma separated. Consider accepting an array.
+	useMap(value: AttrVal<number>): IDotImg;
+	width(value: AttrVal<number>): IDotImg;
 }
 interface IDotInput extends IDotElementDocument<IDotInput>{
-	accept(value: unknown): IDotInput;
-	alt(value: unknown): IDotInput;
-	autoComplete(value: unknown): IDotInput;
-	autoFocus(value: unknown): IDotInput;
-	checked(value?: PrimativeOrObservable<boolean>): IDotInput;
-	dirName(value: PrimativeOrObservable<string>): IDotInput;
-	disabled(value: PrimativeOrObservable<boolean>): IDotInput;
-	formAction(value: unknown): IDotInput;
-	list(value: unknown): IDotInput;
-	max(value: PrimativeOrObservable<number>): IDotInput;
-	maxLength(value: PrimativeOrObservable<number>): IDotInput;
-	min(value: PrimativeOrObservable<number>): IDotInput;
-	multiple(value: unknown): IDotInput;
-	name(value: PrimativeOrObservable<string>): IDotInput;
-	pattern(value: PrimativeOrObservable<string>): IDotInput;
-	placeholder(value: unknown): IDotInput;
-	readOnly(value: PrimativeOrObservable<boolean>): IDotInput;
-	required(value: PrimativeOrObservable<boolean>): IDotInput;
-	size(value: unknown): IDotInput;
-	src(value: PrimativeOrObservable<string>): IDotInput;
-	step(value: unknown): IDotInput;
+	accept(value: AttrVal<string>): IDotInput;
+	alt(value: AttrVal<string>): IDotInput;
+	autoCapitalize(value: AttrVal<"none">|AttrVal<"sentences">|AttrVal<"words">|AttrVal<"characters">): IDotInput;
+	autoComplete(value: AttrVal<"on">|AttrVal<"off">): IDotInput;
+	autoFocus(value: AttrVal<boolean>): IDotInput;
+	checked(value?: AttrVal<boolean>): IDotInput;
+	enterKeyHint(value: AttrVal<"enter">|AttrVal<"done">|AttrVal<"go">|AttrVal<"next">|AttrVal<"preveous">|AttrVal<"search">|AttrVal<"send">): IDotInput;
+	dirName(value: AttrVal<string>): IDotInput;
+	disabled(value: AttrVal<boolean>): IDotInput;
+	formAction(value: AttrVal<string>): IDotInput;
+	height(value: AttrVal<number>): IDotInput;
+	list(value: AttrVal<string>): IDotInput;
+	max(value: AttrVal<number>): IDotInput;
+	maxLength(value: AttrVal<number>): IDotInput;
+	min(value: AttrVal<number>): IDotInput;
+	multiple(value: AttrVal<boolean>): IDotInput;
+	name(value: AttrVal<string>): IDotInput;
+	pattern(value: AttrVal<string>): IDotInput;
+	placeholder(value: AttrVal<string>): IDotInput;
+	readOnly(value: AttrVal<boolean>): IDotInput;
+	required(value: AttrVal<boolean>): IDotInput;
+	size(value: AttrVal<number>): IDotInput;
+	src(value: AttrVal<string>): IDotInput;
+	step(value: AttrVal<string>|AttrVal<number>): IDotInput;
 	type(value: "button"|"checkbox"|"color"|"date"|"datetime-local"|"email"|"file"|"hidden"|"image"|"month"|"number"|"password"|"radio"|"range"|"reset"|"search"|"submit"|"tel"|"text"|"time"|"url"|"week"): IDotInput;
-	whichForm(value: unknown): IDotInput; // form
-	value(value: PrimativeOrObservable<string>): IDotInput;
-	width(value: PrimativeOrObservable<number>): IDotInput;
+	whichForm(value: AttrVal<string>): IDotInput; // form
+	value(value: AttrVal<string>): IDotInput;
+	width(value: AttrVal<number>): IDotInput;
 
 	// Special functions:
 	// getVal(): string
@@ -590,206 +626,215 @@ interface IDotInput extends IDotElementDocument<IDotInput>{
 	onSearch(callback: (e: Event)=>void): IDotInput;
 }
 interface IDotIns extends IDotElementDocument<IDotIns>{
-	dateTime(value: unknown): IDotIns;
-	quoteCite(value: unknown): IDotIns; // cite
+	dateTime(value: AttrVal<string>): IDotIns;
+	quoteCite(value: AttrVal<string>): IDotIns; // alias for cite
 }
 interface IDotKeyGen extends IDotElementDocument<IDotKeyGen>{
-	challenge(value: unknown): IDotKeyGen;
-	keyType(value: unknown): IDotKeyGen;
+	challenge(value: AttrVal<string>): IDotKeyGen;
+	keyType(value: AttrVal<string>): IDotKeyGen;
 }
 interface IDotLabel extends IDotElementDocument<IDotLabel>{
-	for(value: unknown): IDotLabel;
-	whichForm(value: unknown): IDotLabel; // form
+	for(value: AttrVal<string>): IDotLabel;
 }
 interface IDotLi extends IDotElementDocument<IDotLi>{
-	value(value: unknown): IDotLi;
+	value(value: AttrVal<number>): IDotLi;
 }
 interface IDotMap extends IDotElementDocument<IDotMap>{
-	name(value: unknown): IDotMap;
+	name(value: AttrVal<string>): IDotMap;
 }
 interface IDotMenu extends IDotElementDocument<IDotMenu>{
-	type(value: unknown): IDotMenu;
+	type(value: AttrVal<string>): IDotMenu;
 }
 interface IDotMeter extends IDotElementDocument<IDotMeter>{
-	high(value: unknown): IDotMeter;
-	low(value: unknown): IDotMeter;
-	max(value: unknown): IDotMeter;
-	min(value: unknown): IDotMeter;
-	optimum(value: unknown): IDotMeter;
-	whichForm(value: unknown): IDotMeter; // form
-	value(value: unknown): IDotMeter;
+	high(value: AttrVal<number>): IDotMeter;
+	low(value: AttrVal<number>): IDotMeter;
+	max(value: AttrVal<number>): IDotMeter;
+	min(value: AttrVal<number>): IDotMeter;
+	optimum(value: AttrVal<number>): IDotMeter;
+	value(value: AttrVal<number>): IDotMeter;
 }
 interface IDotObject extends IDotElementDocument<IDotObject>{
-	classId(value: unknown): IDotObject;
-	codeBase(value: unknown): IDotObject;
-	codeType(value: unknown): IDotObject;
-	objectData(value: unknown): IDotObject; // data
-	declare(value: unknown): IDotObject;
-	height(value: unknown): IDotObject;
-	name(value: unknown): IDotObject;
-	standby(value: unknown): IDotObject;
-	type(value: unknown): IDotObject;
-	useMap(value: unknown): IDotObject;
-	whichForm(value: unknown): IDotObject; // form
-	width(value: unknown): IDotObject;
+	archive(value: AttrVal<string>): IDotObject;
+	classId(value: AttrVal<string>): IDotObject;
+	codeBase(value: AttrVal<string>): IDotObject;
+	codeType(value: AttrVal<string>): IDotObject;
+	objectData(value: AttrVal<string>): IDotObject; // alias for data
+	declare(value: AttrVal<boolean>): IDotObject;
+	height(value: AttrVal<number>): IDotObject;
+	name(value: AttrVal<string>): IDotObject;
+	standby(value: AttrVal<string>): IDotObject;
+	type(value: AttrVal<string>): IDotObject;
+	useMap(value: AttrVal<string>): IDotObject;
+	width(value: AttrVal<number>): IDotObject;
 }
 interface IDotOl extends IDotElementDocument<IDotOl>{
-	reversed(value: unknown): IDotOl;
-	start(value: unknown): IDotOl;
+	reversed(value: boolean): IDotOl;
+	start(value: number): IDotOl;
 }
 interface IDotOptGroup extends IDotElementDocument<IDotOptGroup>{
-	disabled(value: unknown): IDotOptGroup;
+	disabled(value: boolean): IDotOptGroup;
 }
 interface IDotOption extends IDotElementDocument<IDotOption>{
-	disabled(value: unknown): IDotOption;
-	optionLabel(value: unknown): IDotOption; // label
-	selected(value?: boolean): IDotOption;
-	value(value: unknown): IDotOption;
+	disabled(value: AttrVal<boolean>): IDotOption;
+	optionLabel(value: AttrVal<string>): IDotOption; // alias for label
+	selected(value: AttrVal<boolean>): IDotOption;
+	value(value: AttrVal<string>): IDotOption;
 
 	// Special functions:
 	// getVal(): string;
 	// setVal(value: unknown): IDotOption;
 }
 interface IDotOutput extends IDotElementDocument<IDotOutput>{
-	for(value: PrimativeOrObservable<string>): IDotOutput;
-	name(value: PrimativeOrObservable<string>): IDotOutput;
-	whichForm(value: unknown): IDotOutput; // form
+	for(value: AttrVal<string>): IDotOutput;
+	name(value: AttrVal<string>): IDotOutput;
+	whichForm(value: AttrVal<string>): IDotOutput; // alias for form
 }
 interface IDotParam extends IDotElementDocument<IDotParam>{
-	name(value: unknown): IDotParam;
-	value(value: unknown): IDotParam;
-	valueType(value: unknown): 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>{
-	max(value: unknown): IDotProgress;
-	value(value: unknown): IDotProgress;
+	max(value: AttrVal<number>): IDotProgress;
+	value(value: AttrVal<number>): IDotProgress;
 }
 interface IDotQ extends IDotElementDocument<IDotQ>{
-	quoteCite(value: unknown): IDotQ; // cite
+	quoteCite(value: AttrVal<string>): IDotQ; // alias for cite
 }
 interface IDotSelect extends IDotElementDocument<IDotSelect>{
-	autoFocus(value: unknown): IDotSelect;
-	disabled(value: unknown): IDotSelect;
-	multiple(value: unknown): IDotSelect;
-	name(value: unknown): IDotSelect;
-	required(value: unknown): IDotSelect;
-	size(value: unknown): IDotSelect;
-	whichForm(value: unknown): IDotSelect; // form
-
-	// Special functions:
-	// getVal(): string;
-	// setVal(value: unknown): IDotSelect;
+	autoFocus(value: AttrVal<boolean>): IDotSelect;
+	disabled(value: AttrVal<boolean>): IDotSelect;
+	multiple(value: AttrVal<boolean>): IDotSelect;
+	name(value: AttrVal<string>): IDotSelect;
+	required(value: AttrVal<boolean>): IDotSelect;
+	size(value: AttrVal<number>): IDotSelect;
+	whichForm(value: AttrVal<string>): IDotSelect; // alias for form
+	value(value: AttrVal<string>); // Pseudo attribute for convenience. 
 }
 interface IDotSource extends IDotElementDocument<IDotSource>{
-	media(value: unknown): IDotSource;
-	src(value: unknown): IDotSource;
-	type(value: unknown): IDotSource;
-	sizes(value: unknown): IDotSource;
-	src(value: unknown): IDotSource;
-	srcSet(value: unknown): IDotSource;
-	type(value: unknown): IDotSource;
+	media(value: AttrVal<string>): IDotSource;
+	src(value: AttrVal<string>): IDotSource;
+	type(value: AttrVal<string>): IDotSource;
+	sizes(value: AttrVal<string>): IDotSource;
+	src(value: AttrVal<string>): IDotSource;
+	srcSet(value: AttrVal<string>): IDotSource;
+	type(value: AttrVal<string>): IDotSource;
 }
 interface IDotTable extends IDotElementDocument<IDotTable>{
 	/** @deprecated Deprecated in HTML5. Use CSS. */
-	border(value: unknown): IDotTable;
+	border(value: AttrVal<string>|AttrVal<number>): IDotTable;
+	/** @deprecated Deprecated in HTML5. Use CSS. */
+	cellPadding(value: AttrVal<string>|AttrVal<number>): IDotTable;
 	/** @deprecated Deprecated in HTML5. Use CSS. */
-	cellPadding(value: unknown): IDotTable;
+	cellSpacing(value: AttrVal<string>|AttrVal<number>): IDotTable;
 	/** @deprecated Deprecated in HTML5. Use CSS. */
-	cellSpacing(value: unknown): IDotTable;
+	frame(value: AttrVal<string>|AttrVal<number>): IDotTable;
+	/** @deprecated Deprecated in HTML5. */
+	height(value: AttrVal<number>): IDotTable;
 	/** @deprecated Deprecated in HTML5. Use CSS. */
-	frame(value: unknown): IDotTable;
-	rules(value: unknown): IDotTable;
-	tableSummary(value: unknown): IDotTable; // summary
+	rules(value: AttrVal<string>): IDotTable;
+	/** @deprecated Deprecated in HTML5. */
+	tableSummary(value: AttrVal<string>): IDotTable; // summary
+	/** @deprecated Deprecated in HTML5. */
+	width(value: AttrVal<number>): IDotTable;
 }
 interface IDotTextArea extends IDotElementDocument<IDotTextArea>{
-	autoFocus(value: PrimativeOrObservable<boolean>): IDotTextArea;
-	cols(value: PrimativeOrObservable<number>): IDotTextArea;
-	dirName(value: PrimativeOrObservable<string>): IDotTextArea;
-	disabled(value: PrimativeOrObservable<boolean>): IDotTextArea;
-	maxLength(value: unknown): IDotTextArea;
-	name(value: string): IDotTextArea;
-	placeholder(value: unknown): IDotTextArea;
-	readOnly(value: unknown): IDotTextArea;
-	required(value: unknown): IDotTextArea;
-	rows(value: PrimativeOrObservable<number>): IDotTextArea;
-	whichForm(value: unknown): IDotTextArea; // form
-	wrap(value: unknown): IDotTextArea;
-
-	// Special functions:
-	// getVal(): string;
-	// setVal(value: unknown): IDotTextArea;
+	autoCapitalize(value: AttrVal<"none">|AttrVal<"sentences">|AttrVal<"words">|AttrVal<"characters">): IDotTextArea;
+	autoFocus(value: AttrVal<boolean>): IDotTextArea;
+	cols(value: AttrVal<number>): IDotTextArea;
+	dirName(value: AttrVal<string>): IDotTextArea;
+	disabled(value: AttrVal<boolean>): IDotTextArea;
+	enterKeyHint(value: AttrVal<"enter">|AttrVal<"done">|AttrVal<"go">|AttrVal<"next">|AttrVal<"preveous">|AttrVal<"search">|AttrVal<"send">): IDotTextArea;
+	maxLength(value: AttrVal<number>): IDotTextArea;
+	name(value: AttrVal<string>): IDotTextArea;
+	placeholder(value: AttrVal<string>): IDotTextArea;
+	readOnly(value: AttrVal<boolean>): IDotTextArea;
+	required(value: AttrVal<boolean>): IDotTextArea;
+	rows(value: AttrVal<number>): IDotTextArea;
+	whichForm(value: AttrVal<string>): IDotTextArea; // alias for form
+	wrap(value: AttrVal<string>): IDotTextArea;
+	value(value: AttrVal<string>); // Pseudo attribute for convenience. 
 }
 interface IDotTBody extends IDotElementDocument<IDotTBody>{
 	/** @deprecated Deprecated in HTML5. Use CSS. */
-	charOff(value: unknown): IDotTBody;
-	vAlign(value: unknown): IDotTBody;
+	charOff(value: AttrVal<unknown>): IDotTBody;
+	/** @deprecated Deprecated in HTML5. Use CSS. */
+	vAlign(value: AttrVal<unknown>): IDotTBody;
 }
 interface IDotTd extends IDotElementDocument<IDotTd>{
 	
 	/** @deprecated Deprecated in HTML5. Use CSS. */
-	axis(value: unknown): IDotTd;
+	axis(value: AttrVal<string>): IDotTd;
 	/** @deprecated Deprecated in HTML5. Use CSS. */
-	char(value: unknown): IDotTd;
-	colSpan(value: unknown): IDotTd;
+	char(value: AttrVal<string>): IDotTd;
+	colSpan(value: AttrVal<number>): IDotTd;
 	/** @deprecated Deprecated in HTML5. Use CSS. */
-	charOff(value: unknown): IDotTd;
-	headers(value: unknown): IDotTd;
+	charOff(value: AttrVal<string>): IDotTd;
+	headers(value: AttrVal<string>): IDotTd;
 	/** @deprecated Deprecated in HTML5. Use CSS. */
-	nowrap(value: unknown): IDotTd;
-	rowSpan(value: unknown): IDotTd;
-	vAlign(value: unknown): IDotTd;
-	
+	noWrap(value: AttrVal<boolean>): IDotTd;
+	rowSpan(value: AttrVal<number>): IDotTd;
+	scope(value: AttrVal<string>): IDotTd;
+	/** @deprecated Deprecated in HTML5. Use CSS. */
+	vAlign(value: AttrVal<string>): IDotTd;
 }
 interface IDotTFoot extends IDotElementDocument<IDotTFoot>{
 	/** @deprecated Deprecated in HTML5. Use CSS. */
-	charOff(value: unknown): IDotTFoot;
-	vAlign(value: unknown): IDotTFoot;
+	charOff(value: AttrVal<number>): IDotTFoot;
+	/** @deprecated Deprecated in HTML5. Use CSS. */
+	vAlign(value: AttrVal<string>): IDotTFoot;
 }
 interface IDotTime extends IDotElementDocument<IDotTime>{
-	dateTime(value: unknown): IDotTime;
+	dateTime(value: AttrVal<string>): IDotTime;
 }
 interface IDotTh extends IDotElementDocument<IDotTh>{
 	/** @deprecated Deprecated in HTML5. Use CSS. */
-	axis(value: unknown): IDotTh;
-	colSpan(value: unknown): IDotTh;
+	axis(value: AttrVal<string>): IDotTh;
+	colSpan(value: AttrVal<number>): IDotTh;
+	/** @deprecated Deprecated in HTML5. Use CSS. */
+	charOff(value: AttrVal<string>): IDotTh;
+	headers(value: AttrVal<string>): IDotTh;
+	rowSpan(value: AttrVal<number>): IDotTh;
+	scope(value: AttrVal<string>): IDotTh;
 	/** @deprecated Deprecated in HTML5. Use CSS. */
-	charOff(value: unknown): IDotTh;
-	headers(value: unknown): IDotTh;
-	rowSpan(value: unknown): IDotTh;
-	scope(value: unknown): IDotTh;
-	vAlign(value: unknown): IDotTh;
+	vAlign(value: AttrVal<string>): IDotTh;
 }
 interface IDotTHead extends IDotElementDocument<IDotTHead>{
 	/** @deprecated Deprecated in HTML5. Use CSS. */
-	charOff(value: unknown): IDotTHead;
-	vAlign(value: unknown): IDotTHead;
+	charOff(value: AttrVal<string>|AttrVal<number>): IDotTHead;
+	/** @deprecated Deprecated in HTML5. Use CSS. */
+	vAlign(value: AttrVal<string>): IDotTHead;
 }
 interface IDotTr extends IDotElementDocument<IDotTr>{
 	/** @deprecated Deprecated in HTML5. Use CSS. */
-	charOff(value: unknown): IDotTr;
-	vAlign(value: unknown): IDotTr;
+	charOff(value: AttrVal<string>|AttrVal<number>): IDotTr;
+	/** @deprecated Deprecated in HTML5. Use CSS. */
+	vAlign(value: AttrVal<string>): IDotTr;
 }
 interface IDotTrack extends IDotElementDocument<IDotTrack>{
-	default(value: unknown): IDotTrack;
-	kind(value: unknown): IDotTrack;
-	src(value: unknown): IDotTrack;
-	srcLang(value: unknown): IDotTrack;
-	trackLabel(value: unknown): IDotTrack; // label
+	default(value: AttrVal<boolean>): IDotTrack;
+	kind(value: AttrVal<string>): IDotTrack;
+	src(value: AttrVal<string>): IDotTrack;
+	srcLang(value: AttrVal<string>): IDotTrack;
+	trackLabel(value: AttrVal<string>): IDotTrack; // alias for label
 
 	// Events:
 	onCueChange(callback: (e: Event)=>void): IDotTrack;
 }
 interface IDotVideo extends IDotElementDocument<IDotVideo>{
-	autoPlay(value: PrimativeOrObservable<boolean>): IDotVideo;
-	buffered(value: unknown): IDotVideo;
-	controls(value: PrimativeOrObservable<boolean>): IDotVideo;
-	height(value: PrimativeOrObservable<number>): IDotVideo;
-	loop(value: PrimativeOrObservable<boolean>): IDotVideo;
-	muted(value: PrimativeOrObservable<boolean>): IDotVideo;
-	poster(value: PrimativeOrObservable<string>): IDotVideo;
-	preload(value: PrimativeOrObservable<boolean>): IDotVideo;
-	src(value: PrimativeOrObservable<string>): IDotVideo;
-	width(value: PrimativeOrObservable<number>): IDotVideo;
+	autoPlay(value: AttrVal<boolean>): IDotVideo;
+	buffered(value: IObservable<unknown>): IDotVideo; // Managed by browser not user. TODO: we can possibly use events to update observable objects.
+	controls(value: AttrVal<boolean>): IDotVideo;
+	crossOrigin(value: AttrVal<"anonymous">|AttrVal<"use-credentials">): IDotVideo;
+	height(value: AttrVal<number>): IDotVideo;
+	loop(value: AttrVal<boolean>): IDotVideo;
+	muted(value: AttrVal<boolean>): IDotVideo;
+	playsInline(value: AttrVal<boolean>): IDotVideo;
+	poster(value: AttrVal<string>): IDotVideo;
+	preload(value: AttrVal<"none">|AttrVal<"metadata">|AttrVal<"auto">): IDotVideo;
+	src(value: AttrVal<string>): IDotVideo;
+	width(value: AttrVal<number>): IDotVideo;
 	
 	// Special functions:
 	pause(): IDotVideo;