function VectorBox(parent)
{
	Component.call(this, parent, "div");

	/**
	 * Indicates if the number box is storing a angle value.
	 *
	 * @attribute isAngle
	 * @type {boolean}
	 */
	this.isAngle = false;

	// X Text
	this.xText = document.createElement("div");
	this.xText.style.position = "absolute";
	this.xText.style.width = "15px";
	this.xText.style.textAlign = "center";
	this.xText.style.verticalAlign = "middle";
	this.xText.appendChild(document.createTextNode("X"));
	this.element.appendChild(this.xText);

	function createInput()
	{
		var input = document.createElement("input");
		input.type = "number";
		input.style.backgroundColor = "var(--box-color)";
		input.style.color = "var(--color-light)";
		input.style.borderStyle = "none";
		input.style.position = "absolute";
		input.style.boxSizing = "border-box";
		input.style.textIndent = "4px";
		input.style.borderRadius = "4px";
		input.style.outline = "none";
		input.style.MozAppearance = "textfield";
		input.style.webkitAppearance = "caret";
		input.style.appearance = "textfield";
		return input;
	}

	// X
	this.x = createInput();
	this.x.style.left = "15px";
	this.element.appendChild(this.x);

	// Y Text
	this.yText = document.createElement("div");
	this.yText.style.position = "absolute";
	this.yText.style.width = "15px";
	this.yText.style.textAlign = "center";
	this.yText.style.verticalAlign = "middle";
	this.yText.appendChild(document.createTextNode("Y"));
	this.element.appendChild(this.yText);

	// Y
	this.y = createInput();
	this.element.appendChild(this.y);

	// Z Text
	this.zText = document.createElement("div");
	this.zText.style.position = "absolute";
	this.zText.style.width = "15px";
	this.zText.style.textAlign = "center";
	this.zText.style.verticalAlign = "middle";
	this.zText.appendChild(document.createTextNode("Z"));
	this.element.appendChild(this.zText);

	// Z
	this.z = createInput();
	this.element.appendChild(this.z);

	// W Text
	this.wText = document.createElement("div");
	this.wText.style.position = "absolute";
	this.wText.style.width = "15px";
	this.wText.style.textAlign = "center";
	this.wText.style.verticalAlign = "middle";
	this.wText.appendChild(document.createTextNode("W"));
	this.element.appendChild(this.wText);

	// W
	this.w = createInput();
	this.element.appendChild(this.w);

	// Order
	this.order = "XYZ";
	this.type = VectorBox.VECTOR3;
}
The vector box is used to represent Vector2, Vector3, Vector4 and Euler values.

@class VectorBox
@extends {Component}