dothtml-interfaces 0.1.19 → 0.1.21

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dothtml-interfaces",
-  "version": "0.1.19",
+  "version": "0.1.21",
   "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

@@ -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
 {
@@ -292,13 +287,13 @@ export interface IDotElementDocument<T extends IDotDocument> extends IDotDocumen
 
 	// 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: PrimativeOrObservable<unknown>): T;
 	/** @deprecated Deprecated in HTML5. Use CSS. */
-	aLink(value: unknown): T;
+	color(value: PrimativeOrObservable<unknown>): T;
 	/** @deprecated Deprecated in HTML5. Use CSS. */
-	archive(value: unknown): T;
+	aLink(value: PrimativeOrObservable<unknown>): T;
+	/** @deprecated Deprecated in HTML5. */
+	archive(value: PrimativeOrObservable<unknown>): T;
 	// Only add this if we decide to add the search element.
 	// /** @deprecated Non-standard attribute. */
 	// autoSave(value: unknown): IDotMajor;
@@ -306,15 +301,15 @@ export interface IDotElementDocument<T extends IDotDocument> extends IDotDocumen
 	// 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.
 	class(value: unknown): T; // TODO: need a better way of setting classes.
-	contentEditable(value: PrimativeOrObservable<"true"|"false"|"plaintext-only">): T;
+	contentEditable(value: PrimativeOrObservable<"true">|PrimativeOrObservable<"false">|PrimativeOrObservable<"plaintext-only">): T;
 	dir(value: PrimativeOrObservable<string>): T;
-	draggable(value: PrimativeOrObservable<"true"|"false">): T; // This one is enumerated. "true" or "false" is mandatory.
-	dropZone(value: "move"|"copy"|"link"): T; // Might not be supported anywhere.
+	draggable(value: PrimativeOrObservable<"true">|PrimativeOrObservable<"false">): T; // This one is enumerated. "true" or "false" is mandatory.
+	dropZone(value: PrimativeOrObservable<"move">|PrimativeOrObservable<"copy">|PrimativeOrObservable<"link">): T; // Might not be supported anywhere.
 	hidden(value: PrimativeOrObservable<boolean>): T;
 	id(value: string): T;
 	itemProp(value: PrimativeOrObservable<string>): T;
 	lang(value: PrimativeOrObservable<string>): T;
-	spellCheck(value: PrimativeOrObservable<"true"|"false">): T; // This one should ideally render as "true" or "false", not be removed.
+	spellCheck(value: PrimativeOrObservable<"true">|PrimativeOrObservable<"false">): T; // This one should ideally render as "true" or "false", not be removed.
 	style(value: string|IDotcssProp): T;
 	tabIndex(value: PrimativeOrObservable<number>): T;
 	title(value: PrimativeOrObservable<string>): T;
@@ -390,33 +385,41 @@ 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;
+	charset(value: PrimativeOrObservable<string>): IDotA;
+	coords(value: PrimativeOrObservable<string>): IDotA;
+	shape(value: PrimativeOrObservable<string>): IDotA;
+	media(value: PrimativeOrObservable<string>): IDotA;
+	ping(value: PrimativeOrObservable<string>): IDotA; // Space separated. Consider an array. Or do what we're doing for class.
 	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.
+	/** @deprecated Deprecated in HTML5. */
+	rev(value: PrimativeOrObservable<unknown>): IDotA;
+	name(value: PrimativeOrObservable<string>): IDotA;
+	// rev(value: unknown): IDotA; // Not supported in HTML 5.
+	target(value: PrimativeOrObservable<"_blank">|PrimativeOrObservable<"_parent">|PrimativeOrObservable<"_self">|PrimativeOrObservable<"_top">): IDotA;
+	type(value: PrimativeOrObservable<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;
+	alt(value: PrimativeOrObservable<string>): IDotArea;
+	coords(value: PrimativeOrObservable<string>): IDotArea;
+	download(value: PrimativeOrObservable<string>): IDotArea;
+	hRef(value: PrimativeOrObservable<string>): IDotArea;
+	hRefLang(value: PrimativeOrObservable<string>): IDotArea;
+	media(value: PrimativeOrObservable<string>): IDotArea;
+	/** @deprecated Deprecated in HTML5. */
 	noHRef(value: PrimativeOrObservable<string>): IDotArea;
-	rel(value: unknown): IDotArea; // Fake?
+	rel(value: PrimativeOrObservable<string>): IDotArea;
 	shape(value: PrimativeOrObservable<string>): IDotArea;
 	target(value: PrimativeOrObservable<string>): IDotArea;
 }
 interface IDotAudio extends IDotElementDocument<IDotAudio>{
 	autoPlay(value: PrimativeOrObservable<boolean>): IDotAudio;
-	buffered(value: unknown): IDotAudio;
+	// buffered(value: unknown): IDotAudio; // Not used?
 	controls(value: PrimativeOrObservable<boolean>): IDotAudio;
 	loop(value: PrimativeOrObservable<boolean>): IDotAudio;
 	muted(value: PrimativeOrObservable<boolean>): IDotAudio;
-	preload(value: PrimativeOrObservable<"auto"|"metadata"|"none">): IDotAudio;
+	preload(value: PrimativeOrObservable<"auto">|PrimativeOrObservable<"metadata">|PrimativeOrObservable<"none">): IDotAudio;
 	src(value: PrimativeOrObservable<string>): IDotAudio;
+	crossOrigin(value: PrimativeOrObservable<"anonymous">|PrimativeOrObservable<"use-credentials">): IDotAudio;
 	
 	// Special functions:
 	pause(): IDotAudio;
@@ -447,7 +450,7 @@ interface IDotAudio extends IDotElementDocument<IDotAudio>{
 	onCanPlay(callback: (e: Event)=>void): IDotAudio;
 }
 interface IDotBlockQuote extends IDotElementDocument<IDotBlockQuote>{
-	quoteCite(value: unknown): IDotBlockQuote; // cite
+	quoteCite(value: PrimativeOrObservable<string>): IDotBlockQuote; // alias for cite
 }
 interface IDotBody extends IDotElementDocument<IDotBody>{
 	/** @deprecated Deprecated in HTML5. Use CSS. */
@@ -470,116 +473,130 @@ 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: PrimativeOrObservable<boolean>): IDotButton;
+	formAction(value: PrimativeOrObservable<string>): IDotButton;
+	disabled(value?: PrimativeOrObservable<boolean>): IDotButton;
+	name(value: PrimativeOrObservable<string>): IDotButton;
+	type(value: PrimativeOrObservable<"button">|PrimativeOrObservable<"submit">|PrimativeOrObservable<"reset">): IDotButton;
+	whichForm(value: PrimativeOrObservable<string>): IDotButton; // alias for form
+	value(value: PrimativeOrObservable<string>): IDotButton;
 }
 interface IDotCanvas extends IDotElementDocument<IDotCanvas>{
-	height(value: unknown): IDotCanvas;
-	width(value: unknown): IDotCanvas;
+	height(value: PrimativeOrObservable<number>): IDotCanvas;
+	width(value: PrimativeOrObservable<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: PrimativeOrObservable<unknown>): IDotCol;
+	colSpan(value: PrimativeOrObservable<number>): IDotCol; // alias for span
+	vAlign(value: PrimativeOrObservable<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: PrimativeOrObservable<unknown>): IDotColGroup;
+	colSpan(value: PrimativeOrObservable<number>): IDotColGroup; // alias for span
+	/** @deprecated Deprecated in HTML5. Use CSS. */
+	vAlign(value: PrimativeOrObservable<unknown>): IDotColGroup;
 }
 interface IDotDel extends IDotElementDocument<IDotDel>{
-	dateTime(value: unknown): IDotDel;
-	quoteCite(value: unknown): IDotDel; // cite
+	dateTime(value: PrimativeOrObservable<string>): IDotDel; // Would be cool if this could accept dates and just format them internally...
+	quoteCite(value: PrimativeOrObservable<string>): IDotDel; // alias for cite
 }
 interface IDotDetails extends IDotElementDocument<IDotDetails>{
-	open(value: unknown): IDotDetails;
+	open(value: PrimativeOrObservable<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: PrimativeOrObservable<number>): IDotEmbed;
+	src(value: PrimativeOrObservable<string>): IDotEmbed;
+	type(value: PrimativeOrObservable<string>): IDotEmbed;
+	width(value: PrimativeOrObservable<number>): IDotEmbed;
 }
 interface IDotFieldSet extends IDotElementDocument<IDotFieldSet>{
-	disabled(value: unknown): IDotFieldSet;
-	name(value: unknown): IDotFieldSet;
-	whichForm(value: unknown): IDotFieldSet; // form
+	disabled(value: PrimativeOrObservable<boolean>): IDotFieldSet;
+	name(value: PrimativeOrObservable<string>): IDotFieldSet;
+	whichForm(value: PrimativeOrObservable<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: PrimativeOrObservable<string>): IDotForm; // accept-charset, apparently the only hyphenated attribute (aside from data-*)...
+	action(value: PrimativeOrObservable<string>): IDotForm;
+	autoComplete(value: PrimativeOrObservable<"on">|PrimativeOrObservable<"off">): IDotForm;
+	encType(value: PrimativeOrObservable<"application/x-www-form-urlencoded">|PrimativeOrObservable<"multipart/form-data">|PrimativeOrObservable<"text/plain">): IDotForm;
+	method(value: PrimativeOrObservable<"get">|PrimativeOrObservable<"post">): IDotForm;
+	name(value: PrimativeOrObservable<string>): IDotForm;
+	noValidate(value: PrimativeOrObservable<boolean>): IDotForm;
+	// rel(value: PrimativeOrObservable<string>): IDotForm; // Not used with forms?
+	target(value: PrimativeOrObservable<"_self">|PrimativeOrObservable<"_blank">|PrimativeOrObservable<"_parent">|PrimativeOrObservable<"_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: PrimativeOrObservable<string>): IDotIFrame;
+	allowFullScreen(value: PrimativeOrObservable<boolean>): IDotIFrame;
+	/** @deprecated Deprecated in HTML5. */
+	frameBorder(value: PrimativeOrObservable<0>|PrimativeOrObservable<1>): IDotIFrame;
+	height(value: PrimativeOrObservable<number>): IDotIFrame;
+	/** @deprecated Deprecated in HTML5. */
+	longDesc(value: PrimativeOrObservable<string>): IDotIFrame;
+	marginHeight(value: PrimativeOrObservable<number>): IDotIFrame;
+	marginWidth(value: PrimativeOrObservable<number>): IDotIFrame;
+	name(value: PrimativeOrObservable<string>): IDotIFrame;
+	referrerPolicy(value: PrimativeOrObservable<string>): IDotIFrame;
+	sandbox(value: PrimativeOrObservable<string>): IDotIFrame;
+	/** @deprecated Deprecated in HTML5. */
+	scrolling(value: PrimativeOrObservable<string>): IDotIFrame;
+	seamless(value: PrimativeOrObservable<boolean>): IDotIFrame;
+	src(value: PrimativeOrObservable<string>): IDotIFrame;
+	srcDoc(value: PrimativeOrObservable<string>): IDotIFrame;
+	width(value: PrimativeOrObservable<number>): IDotIFrame;
 }
 interface IDotImg extends IDotElementDocument<IDotImg>{
 	alt(value: PrimativeOrObservable<string>): IDotImg;
+	crossOrigin(value: PrimativeOrObservable<"anonymous">|PrimativeOrObservable<"use-credentials">): IDotImg;
+	decoding(value: PrimativeOrObservable<"async">|PrimativeOrObservable<"auto">|PrimativeOrObservable<"sync">): 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;
+	hSpace(value: PrimativeOrObservable<unknown>): IDotImg;
+	isMap(value: PrimativeOrObservable<boolean>): IDotImg;
+	/** @deprecated Deprecated in HTML5. Use CSS. */
+	loading(value: PrimativeOrObservable<"eager">|PrimativeOrObservable<"lazy">): IDotImg;
+	longDesc(value: PrimativeOrObservable<string>): IDotImg;
+	referrerPolicy(value: PrimativeOrObservable<string>): IDotImg;
+	sizes(value: PrimativeOrObservable<string>): IDotImg;
 	src(value: PrimativeOrObservable<string>): IDotImg;
-	srcSet(value: unknown): IDotImg;
-	useMap(value: unknown): IDotImg;
+	srcSet(value: PrimativeOrObservable<string>): IDotImg; // Comma separated. Consider accepting an array.
+	useMap(value: PrimativeOrObservable<number>): IDotImg;
 	width(value: PrimativeOrObservable<number>): IDotImg;
 }
 interface IDotInput extends IDotElementDocument<IDotInput>{
-	accept(value: unknown): IDotInput;
-	alt(value: unknown): IDotInput;
-	autoComplete(value: unknown): IDotInput;
-	autoFocus(value: unknown): IDotInput;
+	accept(value: PrimativeOrObservable<string>): IDotInput;
+	alt(value: PrimativeOrObservable<string>): IDotInput;
+	autoComplete(value: PrimativeOrObservable<"on">|PrimativeOrObservable<"off">): IDotInput;
+	autoFocus(value: PrimativeOrObservable<boolean>): IDotInput;
 	checked(value?: PrimativeOrObservable<boolean>): IDotInput;
 	dirName(value: PrimativeOrObservable<string>): IDotInput;
 	disabled(value: PrimativeOrObservable<boolean>): IDotInput;
-	formAction(value: unknown): IDotInput;
-	list(value: unknown): IDotInput;
+	formAction(value: PrimativeOrObservable<string>): IDotInput;
+	height(value: PrimativeOrObservable<number>): IDotInput;
+	list(value: PrimativeOrObservable<string>): IDotInput;
 	max(value: PrimativeOrObservable<number>): IDotInput;
 	maxLength(value: PrimativeOrObservable<number>): IDotInput;
 	min(value: PrimativeOrObservable<number>): IDotInput;
-	multiple(value: unknown): IDotInput;
+	multiple(value: PrimativeOrObservable<boolean>): IDotInput;
 	name(value: PrimativeOrObservable<string>): IDotInput;
 	pattern(value: PrimativeOrObservable<string>): IDotInput;
-	placeholder(value: unknown): IDotInput;
+	placeholder(value: PrimativeOrObservable<string>): IDotInput;
 	readOnly(value: PrimativeOrObservable<boolean>): IDotInput;
 	required(value: PrimativeOrObservable<boolean>): IDotInput;
-	size(value: unknown): IDotInput;
+	size(value: PrimativeOrObservable<number>): IDotInput;
 	src(value: PrimativeOrObservable<string>): IDotInput;
-	step(value: unknown): IDotInput;
+	step(value: PrimativeOrObservable<string>|PrimativeOrObservable<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|boolean|number>): IDotInput;
+	whichForm(value: PrimativeOrObservable<string>): IDotInput; // form
+	value(value: PrimativeOrObservable<string>): IDotInput;
 	width(value: PrimativeOrObservable<number>): IDotInput;
 
 	// Special functions:
@@ -590,61 +607,59 @@ 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: PrimativeOrObservable<string>): IDotIns;
+	quoteCite(value: PrimativeOrObservable<string>): IDotIns; // alias for cite
 }
 interface IDotKeyGen extends IDotElementDocument<IDotKeyGen>{
-	challenge(value: unknown): IDotKeyGen;
-	keyType(value: unknown): IDotKeyGen;
+	challenge(value: PrimativeOrObservable<string>): IDotKeyGen;
+	keyType(value: PrimativeOrObservable<string>): IDotKeyGen;
 }
 interface IDotLabel extends IDotElementDocument<IDotLabel>{
-	for(value: unknown): IDotLabel;
-	whichForm(value: unknown): IDotLabel; // form
+	for(value: PrimativeOrObservable<string>): IDotLabel;
 }
 interface IDotLi extends IDotElementDocument<IDotLi>{
-	value(value: unknown): IDotLi;
+	value(value: PrimativeOrObservable<number>): IDotLi;
 }
 interface IDotMap extends IDotElementDocument<IDotMap>{
-	name(value: unknown): IDotMap;
+	name(value: PrimativeOrObservable<string>): IDotMap;
 }
 interface IDotMenu extends IDotElementDocument<IDotMenu>{
-	type(value: unknown): IDotMenu;
+	type(value: PrimativeOrObservable<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: PrimativeOrObservable<number>): IDotMeter;
+	low(value: PrimativeOrObservable<number>): IDotMeter;
+	max(value: PrimativeOrObservable<number>): IDotMeter;
+	min(value: PrimativeOrObservable<number>): IDotMeter;
+	optimum(value: PrimativeOrObservable<number>): IDotMeter;
+	value(value: PrimativeOrObservable<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: PrimativeOrObservable<string>): IDotObject;
+	classId(value: PrimativeOrObservable<string>): IDotObject;
+	codeBase(value: PrimativeOrObservable<string>): IDotObject;
+	codeType(value: PrimativeOrObservable<string>): IDotObject;
+	objectData(value: PrimativeOrObservable<string>): IDotObject; // alias for data
+	declare(value: PrimativeOrObservable<boolean>): IDotObject;
+	height(value: PrimativeOrObservable<number>): IDotObject;
+	name(value: PrimativeOrObservable<string>): IDotObject;
+	standby(value: PrimativeOrObservable<string>): IDotObject;
+	type(value: PrimativeOrObservable<string>): IDotObject;
+	useMap(value: PrimativeOrObservable<string>): IDotObject;
+	width(value: PrimativeOrObservable<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: PrimativeOrObservable<boolean>): IDotOption;
+	optionLabel(value: PrimativeOrObservable<string>): IDotOption; // alias for label
+	selected(value: PrimativeOrObservable<boolean>): IDotOption;
+	value(value: PrimativeOrObservable<string>): IDotOption;
 
 	// Special functions:
 	// getVal(): string;
@@ -653,141 +668,150 @@ interface IDotOption extends IDotElementDocument<IDotOption>{
 interface IDotOutput extends IDotElementDocument<IDotOutput>{
 	for(value: PrimativeOrObservable<string>): IDotOutput;
 	name(value: PrimativeOrObservable<string>): IDotOutput;
-	whichForm(value: unknown): IDotOutput; // form
+	whichForm(value: PrimativeOrObservable<string>): IDotOutput; // alias for form
 }
 interface IDotParam extends IDotElementDocument<IDotParam>{
-	name(value: unknown): IDotParam;
-	value(value: unknown): IDotParam;
-	valueType(value: unknown): IDotParam;
+	name(value: PrimativeOrObservable<string>): IDotParam;
+	value(value: PrimativeOrObservable<string>): IDotParam;
+	/** @deprecated Deprecated in HTML5. */
+	valueType(value: PrimativeOrObservable<unknown>): IDotParam;
 }
 interface IDotProgress extends IDotElementDocument<IDotProgress>{
-	max(value: unknown): IDotProgress;
-	value(value: unknown): IDotProgress;
+	max(value: PrimativeOrObservable<number>): IDotProgress;
+	value(value: PrimativeOrObservable<number>): IDotProgress;
 }
 interface IDotQ extends IDotElementDocument<IDotQ>{
-	quoteCite(value: unknown): IDotQ; // cite
+	quoteCite(value: PrimativeOrObservable<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: PrimativeOrObservable<boolean>): IDotSelect;
+	disabled(value: PrimativeOrObservable<boolean>): IDotSelect;
+	multiple(value: PrimativeOrObservable<boolean>): IDotSelect;
+	name(value: PrimativeOrObservable<string>): IDotSelect;
+	required(value: PrimativeOrObservable<boolean>): IDotSelect;
+	size(value: PrimativeOrObservable<number>): IDotSelect;
+	whichForm(value: PrimativeOrObservable<string>): IDotSelect; // alias for form
+	value(value: PrimativeOrObservable<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: PrimativeOrObservable<string>): IDotSource;
+	src(value: PrimativeOrObservable<string>): IDotSource;
+	type(value: PrimativeOrObservable<string>): IDotSource;
+	sizes(value: PrimativeOrObservable<string>): IDotSource;
+	src(value: PrimativeOrObservable<string>): IDotSource;
+	srcSet(value: PrimativeOrObservable<string>): IDotSource;
+	type(value: PrimativeOrObservable<string>): IDotSource;
 }
 interface IDotTable extends IDotElementDocument<IDotTable>{
 	/** @deprecated Deprecated in HTML5. Use CSS. */
-	border(value: unknown): IDotTable;
+	border(value: PrimativeOrObservable<string>|PrimativeOrObservable<number>): IDotTable;
 	/** @deprecated Deprecated in HTML5. Use CSS. */
-	cellPadding(value: unknown): IDotTable;
+	cellPadding(value: PrimativeOrObservable<string>|PrimativeOrObservable<number>): IDotTable;
 	/** @deprecated Deprecated in HTML5. Use CSS. */
-	cellSpacing(value: unknown): IDotTable;
+	cellSpacing(value: PrimativeOrObservable<string>|PrimativeOrObservable<number>): IDotTable;
 	/** @deprecated Deprecated in HTML5. Use CSS. */
-	frame(value: unknown): IDotTable;
-	rules(value: unknown): IDotTable;
-	tableSummary(value: unknown): IDotTable; // summary
+	frame(value: PrimativeOrObservable<string>|PrimativeOrObservable<number>): IDotTable;
+	/** @deprecated Deprecated in HTML5. */
+	height(value: PrimativeOrObservable<number>): IDotTable;
+	/** @deprecated Deprecated in HTML5. Use CSS. */
+	rules(value: PrimativeOrObservable<string>): IDotTable;
+	/** @deprecated Deprecated in HTML5. */
+	tableSummary(value: PrimativeOrObservable<string>): IDotTable; // summary
+	/** @deprecated Deprecated in HTML5. */
+	width(value: PrimativeOrObservable<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;
+	maxLength(value: PrimativeOrObservable<number>): IDotTextArea;
+	name(value: PrimativeOrObservable<string>): IDotTextArea;
+	placeholder(value: PrimativeOrObservable<string>): IDotTextArea;
+	readOnly(value: PrimativeOrObservable<boolean>): IDotTextArea;
+	required(value: PrimativeOrObservable<boolean>): IDotTextArea;
 	rows(value: PrimativeOrObservable<number>): IDotTextArea;
-	whichForm(value: unknown): IDotTextArea; // form
-	wrap(value: unknown): IDotTextArea;
-
-	// Special functions:
-	// getVal(): string;
-	// setVal(value: unknown): IDotTextArea;
+	whichForm(value: PrimativeOrObservable<string>): IDotTextArea; // alias for form
+	wrap(value: PrimativeOrObservable<string>): IDotTextArea;
+	value(value: PrimativeOrObservable<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: PrimativeOrObservable<unknown>): IDotTBody;
+	/** @deprecated Deprecated in HTML5. Use CSS. */
+	vAlign(value: PrimativeOrObservable<unknown>): IDotTBody;
 }
 interface IDotTd extends IDotElementDocument<IDotTd>{
 	
 	/** @deprecated Deprecated in HTML5. Use CSS. */
-	axis(value: unknown): IDotTd;
+	axis(value: PrimativeOrObservable<string>): IDotTd;
 	/** @deprecated Deprecated in HTML5. Use CSS. */
-	char(value: unknown): IDotTd;
-	colSpan(value: unknown): IDotTd;
+	char(value: PrimativeOrObservable<string>): IDotTd;
+	colSpan(value: PrimativeOrObservable<number>): IDotTd;
 	/** @deprecated Deprecated in HTML5. Use CSS. */
-	charOff(value: unknown): IDotTd;
-	headers(value: unknown): IDotTd;
+	charOff(value: PrimativeOrObservable<string>): IDotTd;
+	headers(value: PrimativeOrObservable<string>): IDotTd;
 	/** @deprecated Deprecated in HTML5. Use CSS. */
-	nowrap(value: unknown): IDotTd;
-	rowSpan(value: unknown): IDotTd;
-	vAlign(value: unknown): IDotTd;
-	
+	noWrap(value: PrimativeOrObservable<boolean>): IDotTd;
+	rowSpan(value: PrimativeOrObservable<number>): IDotTd;
+	scope(value: PrimativeOrObservable<string>): IDotTd;
+	/** @deprecated Deprecated in HTML5. Use CSS. */
+	vAlign(value: PrimativeOrObservable<string>): IDotTd;
 }
 interface IDotTFoot extends IDotElementDocument<IDotTFoot>{
 	/** @deprecated Deprecated in HTML5. Use CSS. */
-	charOff(value: unknown): IDotTFoot;
-	vAlign(value: unknown): IDotTFoot;
+	charOff(value: PrimativeOrObservable<number>): IDotTFoot;
+	/** @deprecated Deprecated in HTML5. Use CSS. */
+	vAlign(value: PrimativeOrObservable<string>): IDotTFoot;
 }
 interface IDotTime extends IDotElementDocument<IDotTime>{
-	dateTime(value: unknown): IDotTime;
+	dateTime(value: PrimativeOrObservable<string>): IDotTime;
 }
 interface IDotTh extends IDotElementDocument<IDotTh>{
 	/** @deprecated Deprecated in HTML5. Use CSS. */
-	axis(value: unknown): IDotTh;
-	colSpan(value: unknown): IDotTh;
+	axis(value: PrimativeOrObservable<string>): IDotTh;
+	colSpan(value: PrimativeOrObservable<number>): IDotTh;
+	/** @deprecated Deprecated in HTML5. Use CSS. */
+	charOff(value: PrimativeOrObservable<string>): IDotTh;
+	headers(value: PrimativeOrObservable<string>): IDotTh;
+	rowSpan(value: PrimativeOrObservable<number>): IDotTh;
+	scope(value: PrimativeOrObservable<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: PrimativeOrObservable<string>): IDotTh;
 }
 interface IDotTHead extends IDotElementDocument<IDotTHead>{
 	/** @deprecated Deprecated in HTML5. Use CSS. */
-	charOff(value: unknown): IDotTHead;
-	vAlign(value: unknown): IDotTHead;
+	charOff(value: PrimativeOrObservable<string>|PrimativeOrObservable<number>): IDotTHead;
+	/** @deprecated Deprecated in HTML5. Use CSS. */
+	vAlign(value: PrimativeOrObservable<string>): IDotTHead;
 }
 interface IDotTr extends IDotElementDocument<IDotTr>{
 	/** @deprecated Deprecated in HTML5. Use CSS. */
-	charOff(value: unknown): IDotTr;
-	vAlign(value: unknown): IDotTr;
+	charOff(value: PrimativeOrObservable<string>|PrimativeOrObservable<number>): IDotTr;
+	/** @deprecated Deprecated in HTML5. Use CSS. */
+	vAlign(value: PrimativeOrObservable<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: PrimativeOrObservable<boolean>): IDotTrack;
+	kind(value: PrimativeOrObservable<string>): IDotTrack;
+	src(value: PrimativeOrObservable<string>): IDotTrack;
+	srcLang(value: PrimativeOrObservable<string>): IDotTrack;
+	trackLabel(value: PrimativeOrObservable<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;
+	buffered(value: IObservable<unknown>): IDotVideo; // Managed by browser not user. TODO: we can possibly use events to update observable objects.
 	controls(value: PrimativeOrObservable<boolean>): IDotVideo;
+	crossOrigin(value: PrimativeOrObservable<"anonymous">|PrimativeOrObservable<"use-credentials">): IDotVideo;
 	height(value: PrimativeOrObservable<number>): IDotVideo;
 	loop(value: PrimativeOrObservable<boolean>): IDotVideo;
 	muted(value: PrimativeOrObservable<boolean>): IDotVideo;
+	playsInline(value: PrimativeOrObservable<boolean>): IDotVideo;
 	poster(value: PrimativeOrObservable<string>): IDotVideo;
-	preload(value: PrimativeOrObservable<boolean>): IDotVideo;
+	preload(value: PrimativeOrObservable<"none">|PrimativeOrObservable<"metadata">|PrimativeOrObservable<"auto">): IDotVideo;
 	src(value: PrimativeOrObservable<string>): IDotVideo;
 	width(value: PrimativeOrObservable<number>): IDotVideo;