SQL Operations Studio Public Preview 1 (0.23) release source code

src/vs/base/browser/fastDomNode.ts

@@ -0,0 +1,243 @@
+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the Source EULA. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+'use strict';
+
+import * as dom from 'vs/base/browser/dom';
+
+export class FastDomNode<T extends HTMLElement> {
+
+	public readonly domNode: T;
+	private _maxWidth: number;
+	private _width: number;
+	private _height: number;
+	private _top: number;
+	private _left: number;
+	private _bottom: number;
+	private _right: number;
+	private _fontFamily: string;
+	private _fontWeight: string;
+	private _fontSize: number;
+	private _lineHeight: number;
+	private _letterSpacing: number;
+	private _className: string;
+	private _display: string;
+	private _position: string;
+	private _visibility: string;
+	private _layerHint: boolean;
+
+	constructor(domNode: T) {
+		this.domNode = domNode;
+		this._maxWidth = -1;
+		this._width = -1;
+		this._height = -1;
+		this._top = -1;
+		this._left = -1;
+		this._bottom = -1;
+		this._right = -1;
+		this._fontFamily = '';
+		this._fontWeight = '';
+		this._fontSize = -1;
+		this._lineHeight = -1;
+		this._letterSpacing = -100;
+		this._className = '';
+		this._display = '';
+		this._position = '';
+		this._visibility = '';
+		this._layerHint = false;
+	}
+
+	public setMaxWidth(maxWidth: number): void {
+		if (this._maxWidth === maxWidth) {
+			return;
+		}
+		this._maxWidth = maxWidth;
+		this.domNode.style.maxWidth = this._maxWidth + 'px';
+	}
+
+	public setWidth(width: number): void {
+		if (this._width === width) {
+			return;
+		}
+		this._width = width;
+		this.domNode.style.width = this._width + 'px';
+	}
+
+	public unsetWidth(): void {
+		if (this._width === -1) {
+			return;
+		}
+		this._width = -1;
+		this.domNode.style.width = '';
+	}
+
+	public setHeight(height: number): void {
+		if (this._height === height) {
+			return;
+		}
+		this._height = height;
+		this.domNode.style.height = this._height + 'px';
+	}
+
+	public unsetHeight(): void {
+		if (this._height === -1) {
+			return;
+		}
+		this._height = -1;
+		this.domNode.style.height = '';
+	}
+
+	public setTop(top: number): void {
+		if (this._top === top) {
+			return;
+		}
+		this._top = top;
+		this.domNode.style.top = this._top + 'px';
+	}
+
+	public unsetTop(): void {
+		if (this._top === -1) {
+			return;
+		}
+		this._top = -1;
+		this.domNode.style.top = '';
+	}
+
+	public setLeft(left: number): void {
+		if (this._left === left) {
+			return;
+		}
+		this._left = left;
+		this.domNode.style.left = this._left + 'px';
+	}
+
+	public setBottom(bottom: number): void {
+		if (this._bottom === bottom) {
+			return;
+		}
+		this._bottom = bottom;
+		this.domNode.style.bottom = this._bottom + 'px';
+	}
+
+	public setRight(right: number): void {
+		if (this._right === right) {
+			return;
+		}
+		this._right = right;
+		this.domNode.style.right = this._right + 'px';
+	}
+
+	public setFontFamily(fontFamily: string): void {
+		if (this._fontFamily === fontFamily) {
+			return;
+		}
+		this._fontFamily = fontFamily;
+		this.domNode.style.fontFamily = this._fontFamily;
+	}
+
+	public setFontWeight(fontWeight: string): void {
+		if (this._fontWeight === fontWeight) {
+			return;
+		}
+		this._fontWeight = fontWeight;
+		this.domNode.style.fontWeight = this._fontWeight;
+	}
+
+	public setFontSize(fontSize: number): void {
+		if (this._fontSize === fontSize) {
+			return;
+		}
+		this._fontSize = fontSize;
+		this.domNode.style.fontSize = this._fontSize + 'px';
+	}
+
+	public setLineHeight(lineHeight: number): void {
+		if (this._lineHeight === lineHeight) {
+			return;
+		}
+		this._lineHeight = lineHeight;
+		this.domNode.style.lineHeight = this._lineHeight + 'px';
+	}
+
+	public setLetterSpacing(letterSpacing: number): void {
+		if (this._letterSpacing === letterSpacing) {
+			return;
+		}
+		this._letterSpacing = letterSpacing;
+		this.domNode.style.letterSpacing = this._letterSpacing + 'px';
+	}
+
+	public setClassName(className: string): void {
+		if (this._className === className) {
+			return;
+		}
+		this._className = className;
+		this.domNode.className = this._className;
+	}
+
+	public toggleClassName(className: string, shouldHaveIt?: boolean): void {
+		dom.toggleClass(this.domNode, className, shouldHaveIt);
+		this._className = this.domNode.className;
+	}
+
+	public setDisplay(display: string): void {
+		if (this._display === display) {
+			return;
+		}
+		this._display = display;
+		this.domNode.style.display = this._display;
+	}
+
+	public setPosition(position: string): void {
+		if (this._position === position) {
+			return;
+		}
+		this._position = position;
+		this.domNode.style.position = this._position;
+	}
+
+	public setVisibility(visibility: string): void {
+		if (this._visibility === visibility) {
+			return;
+		}
+		this._visibility = visibility;
+		this.domNode.style.visibility = this._visibility;
+	}
+
+	public setLayerHinting(layerHint: boolean): void {
+		if (this._layerHint === layerHint) {
+			return;
+		}
+		this._layerHint = layerHint;
+		(<any>this.domNode.style).willChange = this._layerHint ? 'transform' : 'auto';
+	}
+
+	public setAttribute(name: string, value: string): void {
+		this.domNode.setAttribute(name, value);
+	}
+
+	public getAttribute(name: string): string {
+		return this.domNode.getAttribute(name);
+	}
+
+	public removeAttribute(name: string): void {
+		this.domNode.removeAttribute(name);
+	}
+
+	public hasAttribute(name: string): boolean {
+		return this.domNode.hasAttribute(name);
+	}
+
+	public appendChild(child: FastDomNode<any>): void {
+		this.domNode.appendChild(child.domNode);
+	}
+
+	public removeChild(child: FastDomNode<any>): void {
+		this.domNode.removeChild(child.domNode);
+	}
+}
+
+export function createFastDomNode<T extends HTMLElement>(domNode: T): FastDomNode<T> {
+	return new FastDomNode(domNode);
+}