happy-dom 2.40.2 → 2.42.0

package/src/nodes/element/DOMTokenList.ts

@@ -0,0 +1,201 @@
+import DOMException from '../../exception/DOMException';
+import Element from './Element';
+import IDOMTokenList from './IDOMTokenList';
+
+/**
+ * DOM Token List.
+ */
+export default class DOMTokenList implements IDOMTokenList<string> {
+	private _ownerElement: Element;
+	private _list: string[];
+	/**
+	 * Adds class names.
+	 *
+	 * @param ownerElement Owner element.
+	 */
+	constructor(ownerElement: Element) {
+		this._ownerElement = ownerElement;
+	}
+
+	/**
+	 * Get ClassName.
+	 *
+	 * @param index Index.
+	 * */
+	public item(index: number): string {
+		this._refreshListFromClass();
+		return index >= 0 && this._list[index] ? this._list[index] : null;
+	}
+
+	/**
+	 * Replace Token.
+	 *
+	 * @param token Token.
+	 * @param newToken NewToken.
+	 */
+	public replace(token: string, newToken: string): boolean {
+		if (!this.contains(token)) {
+			return false;
+		}
+		const index = this._list.indexOf(token);
+		this._list[index] = newToken;
+		const value = this._list ? this._list.join(' ') : '';
+		this._ownerElement.setAttribute('class', value);
+		return true;
+	}
+
+	/**
+	 * Supports.
+	 *
+	 * @param token Token.
+	 */
+	public supports(token: string): boolean {
+		// TODO May IT IN ERROR.
+		throw new DOMException(
+			`Failed to execute '${token}' on 'DOMTokenList': DOMTokenList has no supported tokens.`,
+			'TypeError'
+		);
+	}
+	/**
+	 * Returns an iterator, allowing you to go through all values of the key/value pairs contained in this object.
+	 *
+	 *
+	 */
+	public values(): IterableIterator<string> {
+		this._refreshListFromClass();
+		return this._list.values();
+	}
+	/**
+	 * Returns an iterator, allowing you to go through all key/value pairs contained in this object.
+	 *
+	 *
+	 */
+	public entries(): IterableIterator<[number, string]> {
+		this._refreshListFromClass();
+		return this._list.entries();
+	}
+	/**
+	 * Executes a provided callback function once for each DOMTokenList element.
+	 *
+	 * @param callback
+	 * @param thisArg
+	 */
+	public forEach(callback: (currentValue, currentIndex, listObj) => void, thisArg?: this): void {
+		this._refreshListFromClass();
+		return this._list.forEach(callback, thisArg);
+	}
+	/**
+	 * Returns an iterator, allowing you to go through all keys of the key/value pairs contained in this object.
+	 *
+	 */
+	public keys(): IterableIterator<number> {
+		this._refreshListFromClass();
+		return this._list.keys();
+	}
+
+	/**
+	 * Adds class names.
+	 *
+	 * @param classNames Class names.
+	 */
+	public add(...classNames: string[]): void {
+		this._refreshListFromClass();
+		for (const className of classNames) {
+			if (!this._list.includes(className)) {
+				if (className.includes(' ')) {
+					throw new DOMException(
+						`Failed to execute 'add' on 'DOMTokenList': The token provided ('${className}') contains HTML space characters, which are not valid in tokens.`
+					);
+				}
+				this._list.push(className);
+			}
+		}
+		this._list = Array.from(new Set(this._list));
+		const value = this._list ? this._list.join(' ') : '';
+		this._ownerElement.setAttribute('class', value);
+	}
+
+	/**
+	 * Removes class names.
+	 *
+	 * @param classNames Class names.
+	 */
+	public remove(...classNames: string[]): void {
+		this._refreshListFromClass();
+		for (const className of classNames) {
+			const index = this._list.indexOf(className);
+			if (index !== -1) {
+				this._list.splice(index, 1);
+			}
+		}
+		const value = this._list ? this._list.join(' ') : '';
+		this._ownerElement.setAttribute('class', value);
+	}
+
+	/**
+	 * Check if the list contains a class.
+	 *
+	 * @param className Class name.
+	 * @returns TRUE if it contains.
+	 */
+	public contains(className: string): boolean {
+		this._refreshListFromClass();
+		return this._list.includes(className);
+	}
+
+	/**
+	 * Toggle a class name.
+	 *
+	 * @param className A string representing the class name you want to toggle.
+	 * @param force If included, turns the toggle into a one way-only operation. If set to `false`, then class name will only be removed, but not added. If set to `true`, then class name will only be added, but not removed.
+	 * @returns A boolean value, `true` or `false`, indicating whether class name is in the list after the call or not.
+	 */
+	public toggle(className: string, force?: boolean): boolean {
+		let shouldAdd: boolean;
+		if (force !== undefined) {
+			shouldAdd = force;
+		} else {
+			shouldAdd = !this.contains(className);
+		}
+
+		if (shouldAdd) {
+			this.add(className);
+			return true;
+		}
+
+		this.remove(className);
+		return false;
+	}
+
+	/**
+	 * Refresh list from class.
+	 */
+	private _refreshListFromClass(): void {
+		const attr = this._ownerElement.getAttribute('class');
+		this._list = attr ? Array.from(new Set(attr.split(' '))) : [];
+	}
+
+	/**
+	 * Set Value.
+	 */
+	public set value(value: string) {
+		this._ownerElement.setAttribute('class', value);
+		this._list = value ? Array.from(new Set(value.split(' '))) : [];
+	}
+
+	/**
+	 * Get Value.
+	 */
+	public get value(): string {
+		this._refreshListFromClass();
+		return this._list ? this._list.join(' ') : '';
+	}
+
+	/**
+	 * Get Length.
+	 */
+	public get length(): number {
+		this._refreshListFromClass();
+		return this._list.length;
+	}
+}

package/src/nodes/element/Element.ts

@@ -3,7 +3,7 @@ import ShadowRoot from '../shadow-root/ShadowRoot';
 import Attr from '../../attribute/Attr';
 import DOMRect from './DOMRect';
 import Range from './Range';
-import ClassList from './ClassList';
+import DOMTokenList from './DOMTokenList';
 import QuerySelector from '../../query-selector/QuerySelector';
 import SelectorItem from '../../query-selector/SelectorItem';
 import MutationRecord from '../../mutation-observer/MutationRecord';
@@ -36,11 +36,12 @@ export default class Element extends Node implements IElement {
 	public tagName: string = null;
 	public nodeType = Node.ELEMENT_NODE;
 	public shadowRoot: IShadowRoot = null;
-	public readonly classList = new ClassList(this);
+	public _attributes: { [k: string]: Attr } = {};
+	public readonly classList = new DOMTokenList(this);
 	public scrollTop = 0;
 	public scrollLeft = 0;
 	public children: IHTMLCollection<IElement> = HTMLCollectionFactory.create();
-	public _attributes: { [k: string]: Attr } = {};
+
 	public readonly namespaceURI: string = null;
 
 	/**

package/src/nodes/element/IDOMTokenList.ts

@@ -0,0 +1,17 @@
+/**
+ * IDOMTokenList.
+ */
+export default interface IDOMTokenList<T> {
+	item(index: number): string;
+	contains(token: string): boolean;
+	add(...tokens: string[]): void;
+	remove(...tokens: string[]): void;
+	toggle(token: string, force?: boolean): boolean;
+	replace(token: string, newToken: string): boolean;
+	supports(token: string): boolean;
+
+	values(): IterableIterator<T>;
+	entries(): IterableIterator<[number, T]>;
+	forEach(callback: (currentValue, currentIndex, listObj) => void, thisArg?: this): void;
+	keys(): IterableIterator<number>;
+}

package/src/nodes/element/IElement.ts

@@ -2,7 +2,7 @@ import IShadowRoot from '../shadow-root/IShadowRoot';
 import Attr from '../../attribute/Attr';
 import DOMRect from './DOMRect';
 import Range from './Range';
-import ClassList from './ClassList';
+import DOMTokenList from './DOMTokenList';
 import INode from './../node/INode';
 import IChildNode from '../child-node/IChildNode';
 import IParentNode from '../parent-node/IParentNode';
@@ -16,7 +16,7 @@ export type TInsertAdjacentPositions = 'beforebegin' | 'afterbegin' | 'beforeend
 export default interface IElement extends IChildNode, INonDocumentTypeChildNode, IParentNode {
 	readonly tagName: string;
 	readonly shadowRoot: IShadowRoot;
-	readonly classList: ClassList;
+	readonly classList: DOMTokenList;
 	readonly namespaceURI: string;
 	scrollTop: number;
 	scrollLeft: number;

package/src/selection/Selection.ts

@@ -0,0 +1,140 @@
+import INode from '../nodes/node/INode';
+
+/**
+ * Selection.
+ *
+ * Reference:
+ * https://developer.mozilla.org/en-US/docs/Web/API/Selection.
+ */
+export default class Selection {
+	public readonly anchorNode: INode = null;
+	public readonly anchorOffset: number = 0;
+	public readonly baseNode: INode = null;
+	public readonly baseOffset: number = 0;
+	public readonly extentNode: INode = null;
+	public readonly extentOffset: number = 0;
+	public readonly focusNode: INode = null;
+	public readonly focusOffset: number = 0;
+	public readonly isCollapsed: boolean = true;
+	public readonly rangeCount: number = 0;
+	public readonly type: string = 'None';
+
+	/**
+	 * Adds a range.
+	 *
+	 * @param _range Range.
+	 */
+	public addRange(_range: object): void {
+		// Do nothing.
+	}
+
+	/**
+	 * Collapses the current selection to a single point.
+	 *
+	 * @param _node Node.
+	 * @param _offset Offset.
+	 */
+	public collapse(_node: INode, _offset?: number): void {
+		// Do nothing.
+	}
+
+	/**
+	 * Collapses the selection to the end.
+	 */
+	public collapseToEnd(): void {
+		// Do nothing.
+	}
+
+	/**
+	 * Collapses the selection to the start.
+	 */
+	public collapseToStart(): void {
+		// Do nothing.
+	}
+
+	/**
+	 * Indicates whether a specified node is part of the selection.
+	 *
+	 * @param _node Node.
+	 * @param _partialContainer Partial container.
+	 * @returns Always returns "true" for now.
+	 */
+	public containsNode(_node: INode, _partialContainer?: INode): boolean {
+		return true;
+	}
+
+	/**
+	 * Deletes the selected text from the document's DOM.
+	 */
+	public deleteFromDocument(): void {
+		// Do nothing.
+	}
+
+	/**
+	 * Moves the focus of the selection to a specified point.
+	 *
+	 * @param _node Node.
+	 * @param _offset Offset.
+	 */
+	public extend(_node: INode, _offset?: number): void {
+		// Do nothing.
+	}
+
+	/**
+	 * Moves the focus of the selection to a specified point.
+	 *
+	 * @param _index Index.
+	 */
+	public getRangeAt(_index: number): object {
+		throw new Error('Not a valid index.');
+	}
+
+	/**
+	 * Removes a range from a selection.
+	 *
+	 * @param _range Range.
+	 */
+	public removeRange(_range: object): void {
+		// Do nothing.
+	}
+
+	/**
+	 * Removes all ranges.
+	 */
+	public removeAllRanges(): void {
+		// Do nothing.
+	}
+
+	/**
+	 * Selects all children.
+	 *
+	 * @param _parentNode Parent node.
+	 */
+	public selectAllChildren(_parentNode: INode): void {
+		// Do nothing.
+	}
+
+	/**
+	 * Sets the selection to be a range including all or parts of two specified DOM nodes, and any content located between them.
+	 *
+	 * @param _anchorNode Anchor node.
+	 * @param _anchorOffset Anchor offset.
+	 * @param _focusNode Focus node.
+	 * @param _focusOffset Focus offset.
+	 */
+	public setBaseAndExtent(
+		_anchorNode: INode,
+		_anchorOffset: number,
+		_focusNode: INode,
+		_focusOffset: number
+	): void {
+		// Do nothing.
+	}
+
+	/**
+	 * Returns string currently being represented by the selection object.
+	 */
+	public toString(): string {
+		return '';
+	}
+}

package/src/window/IWindow.ts

@@ -68,6 +68,7 @@ import Window from './Window';
 import URLSearchParams from '../url-search-params/URLSearchParams';
 import HTMLCollection from '../nodes/element/HTMLCollection';
 import NodeList from '../nodes/node/NodeList';
+import Selection from '../selection/Selection';
 
 /**
  * Window.
@@ -148,6 +149,7 @@ export default interface IWindow {
 	readonly NodeList: typeof NodeList;
 	readonly CSSUnitValue: typeof CSSUnitValue;
 	readonly CSS: CSS;
+	readonly Selection: typeof Selection;
 
 	// Events
 	onload: (event: Event) => void;
@@ -164,6 +166,7 @@ export default interface IWindow {
 	readonly top: IWindow;
 	readonly parent: IWindow;
 	readonly window: IWindow;
+	readonly globalThis: IWindow;
 	readonly screen: Screen;
 	readonly innerWidth: number;
 	readonly innerHeight: number;

package/src/window/Window.ts

@@ -73,6 +73,7 @@ import URLSearchParams from '../url-search-params/URLSearchParams';
 import HTMLCollection from '../nodes/element/HTMLCollection';
 import NodeList from '../nodes/node/NodeList';
 import MediaQueryList from '../match-media/MediaQueryList';
+import Selection from '../selection/Selection';
 import * as PerfHooks from 'perf_hooks';
 
 const FETCH_RESPONSE_TYPE_METHODS = ['blob', 'json', 'text'];
@@ -160,6 +161,7 @@ export default class Window extends EventTarget implements IWindow, NodeJS.Globa
 	public readonly NodeList = NodeList;
 	public readonly MediaQueryList = MediaQueryList;
 	public readonly CSSUnitValue = CSSUnitValue;
+	public readonly Selection = Selection;
 
 	// Events
 	public onload: (event: Event) => void = null;
@@ -176,6 +178,7 @@ export default class Window extends EventTarget implements IWindow, NodeJS.Globa
 	public readonly top = this;
 	public readonly parent = this;
 	public readonly window = this;
+	public readonly globalThis = this;
 	public readonly screen = new Screen();
 	public readonly innerWidth = 1024;
 	public readonly innerHeight = 768;

package/lib/nodes/element/ClassList.d.ts

@@ -1,40 +0,0 @@
-import Element from './Element';
-/**
- * Class list.
- */
-export default class ClassList {
-    private _ownerElement;
-    /**
-     * Adds class names.
-     *
-     * @param ownerElement Owner element.
-     */
-    constructor(ownerElement: Element);
-    /**
-     * Adds class names.
-     *
-     * @param classNames Class names.
-     */
-    add(...classNames: string[]): void;
-    /**
-     * Adds class names.
-     *
-     * @param classNames Class names.
-     */
-    remove(...classNames: string[]): void;
-    /**
-     * Check if the list contains a class.
-     *
-     * @param className Class name.
-     * @returns TRUE if it contains.
-     */
-    contains(className: string): boolean;
-    /**
-     * Toggle a class name.
-     *
-     * @param className A string representing the class name you want to toggle.
-     * @param force If included, turns the toggle into a one way-only operation. If set to `false`, then class name will only be removed, but not added. If set to `true`, then class name will only be added, but not removed.
-     * @returns A boolean value, `true` or `false`, indicating whether class name is in the list after the call or not.
-     */
-    toggle(className: string, force?: boolean): boolean;
-}

package/lib/nodes/element/ClassList.js

@@ -1,99 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var DOMException_1 = __importDefault(require("../../exception/DOMException"));
-/**
- * Class list.
- */
-var ClassList = /** @class */ (function () {
-    /**
-     * Adds class names.
-     *
-     * @param ownerElement Owner element.
-     */
-    function ClassList(ownerElement) {
-        this._ownerElement = ownerElement;
-    }
-    /**
-     * Adds class names.
-     *
-     * @param classNames Class names.
-     */
-    ClassList.prototype.add = function () {
-        var classNames = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            classNames[_i] = arguments[_i];
-        }
-        var attr = this._ownerElement.getAttribute('class');
-        var list = attr ? attr.split(' ') : [];
-        for (var _a = 0, classNames_1 = classNames; _a < classNames_1.length; _a++) {
-            var className = classNames_1[_a];
-            if (!list.includes(className)) {
-                if (className.includes(' ')) {
-                    throw new DOMException_1.default("Failed to execute 'add' on 'DOMTokenList': The token provided ('".concat(className, "') contains HTML space characters, which are not valid in tokens."));
-                }
-                list.push(className);
-            }
-        }
-        this._ownerElement.setAttribute('class', list.join(' '));
-    };
-    /**
-     * Adds class names.
-     *
-     * @param classNames Class names.
-     */
-    ClassList.prototype.remove = function () {
-        var classNames = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            classNames[_i] = arguments[_i];
-        }
-        var attr = this._ownerElement.getAttribute('class');
-        var list = attr ? attr.split(' ') : [];
-        for (var _a = 0, classNames_2 = classNames; _a < classNames_2.length; _a++) {
-            var className = classNames_2[_a];
-            var index = list.indexOf(className);
-            if (index !== -1) {
-                list.splice(index, 1);
-            }
-        }
-        this._ownerElement.setAttribute('class', list.join(' '));
-    };
-    /**
-     * Check if the list contains a class.
-     *
-     * @param className Class name.
-     * @returns TRUE if it contains.
-     */
-    ClassList.prototype.contains = function (className) {
-        var attr = this._ownerElement.getAttribute('class');
-        var list = attr ? attr.split(' ') : [];
-        return list.includes(className);
-    };
-    /**
-     * Toggle a class name.
-     *
-     * @param className A string representing the class name you want to toggle.
-     * @param force If included, turns the toggle into a one way-only operation. If set to `false`, then class name will only be removed, but not added. If set to `true`, then class name will only be added, but not removed.
-     * @returns A boolean value, `true` or `false`, indicating whether class name is in the list after the call or not.
-     */
-    ClassList.prototype.toggle = function (className, force) {
-        var shouldAdd;
-        if (force !== undefined) {
-            shouldAdd = force;
-        }
-        else {
-            shouldAdd = !this.contains(className);
-        }
-        if (shouldAdd) {
-            this.add(className);
-            return true;
-        }
-        this.remove(className);
-        return false;
-    };
-    return ClassList;
-}());
-exports.default = ClassList;
-//# sourceMappingURL=ClassList.js.map

package/lib/nodes/element/ClassList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ClassList.js","sourceRoot":"","sources":["../../../src/nodes/element/ClassList.ts"],"names":[],"mappings":";;;;;AAAA,8EAAwD;AAGxD;;GAEG;AACH;IAGC;;;;OAIG;IACH,mBAAY,YAAqB;QAChC,IAAI,CAAC,aAAa,GAAG,YAAY,CAAC;IACnC,CAAC;IAED;;;;OAIG;IACI,uBAAG,GAAV;QAAW,oBAAuB;aAAvB,UAAuB,EAAvB,qBAAuB,EAAvB,IAAuB;YAAvB,+BAAuB;;QACjC,IAAM,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QACtD,IAAM,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QACzC,KAAwB,UAAU,EAAV,yBAAU,EAAV,wBAAU,EAAV,IAAU,EAAE;YAA/B,IAAM,SAAS,mBAAA;YACnB,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE;gBAC9B,IAAI,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;oBAC5B,MAAM,IAAI,sBAAY,CACrB,0EAAmE,SAAS,sEAAmE,CAC/I,CAAC;iBACF;gBACD,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;aACrB;SACD;QACD,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;IAC1D,CAAC;IAED;;;;OAIG;IACI,0BAAM,GAAb;QAAc,oBAAuB;aAAvB,UAAuB,EAAvB,qBAAuB,EAAvB,IAAuB;YAAvB,+BAAuB;;QACpC,IAAM,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QACtD,IAAM,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QACzC,KAAwB,UAAU,EAAV,yBAAU,EAAV,wBAAU,EAAV,IAAU,EAAE;YAA/B,IAAM,SAAS,mBAAA;YACnB,IAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;YACtC,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE;gBACjB,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;aACtB;SACD;QACD,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;IAC1D,CAAC;IAED;;;;;OAKG;IACI,4BAAQ,GAAf,UAAgB,SAAiB;QAChC,IAAM,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QACtD,IAAM,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QACzC,OAAO,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;IACjC,CAAC;IAED;;;;;;OAMG;IACI,0BAAM,GAAb,UAAc,SAAiB,EAAE,KAAe;QAC/C,IAAI,SAAkB,CAAC;QACvB,IAAI,KAAK,KAAK,SAAS,EAAE;YACxB,SAAS,GAAG,KAAK,CAAC;SAClB;aAAM;YACN,SAAS,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;SACtC;QAED,IAAI,SAAS,EAAE;YACd,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;YACpB,OAAO,IAAI,CAAC;SACZ;QAED,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;QACvB,OAAO,KAAK,CAAC;IACd,CAAC;IACF,gBAAC;AAAD,CAAC,AArFD,IAqFC"}

package/src/nodes/element/ClassList.ts

@@ -1,92 +0,0 @@
-import DOMException from '../../exception/DOMException';
-import Element from './Element';
-
-/**
- * Class list.
- */
-export default class ClassList {
-	private _ownerElement: Element;
-
-	/**
-	 * Adds class names.
-	 *
-	 * @param ownerElement Owner element.
-	 */
-	constructor(ownerElement: Element) {
-		this._ownerElement = ownerElement;
-	}
-
-	/**
-	 * Adds class names.
-	 *
-	 * @param classNames Class names.
-	 */
-	public add(...classNames: string[]): void {
-		const attr = this._ownerElement.getAttribute('class');
-		const list = attr ? attr.split(' ') : [];
-		for (const className of classNames) {
-			if (!list.includes(className)) {
-				if (className.includes(' ')) {
-					throw new DOMException(
-						`Failed to execute 'add' on 'DOMTokenList': The token provided ('${className}') contains HTML space characters, which are not valid in tokens.`
-					);
-				}
-				list.push(className);
-			}
-		}
-		this._ownerElement.setAttribute('class', list.join(' '));
-	}
-
-	/**
-	 * Adds class names.
-	 *
-	 * @param classNames Class names.
-	 */
-	public remove(...classNames: string[]): void {
-		const attr = this._ownerElement.getAttribute('class');
-		const list = attr ? attr.split(' ') : [];
-		for (const className of classNames) {
-			const index = list.indexOf(className);
-			if (index !== -1) {
-				list.splice(index, 1);
-			}
-		}
-		this._ownerElement.setAttribute('class', list.join(' '));
-	}
-
-	/**
-	 * Check if the list contains a class.
-	 *
-	 * @param className Class name.
-	 * @returns TRUE if it contains.
-	 */
-	public contains(className: string): boolean {
-		const attr = this._ownerElement.getAttribute('class');
-		const list = attr ? attr.split(' ') : [];
-		return list.includes(className);
-	}
-
-	/**
-	 * Toggle a class name.
-	 *
-	 * @param className A string representing the class name you want to toggle.
-	 * @param force If included, turns the toggle into a one way-only operation. If set to `false`, then class name will only be removed, but not added. If set to `true`, then class name will only be added, but not removed.
-	 * @returns A boolean value, `true` or `false`, indicating whether class name is in the list after the call or not.
-	 */
-	public toggle(className: string, force?: boolean): boolean {
-		let shouldAdd: boolean;
-		if (force !== undefined) {
-			shouldAdd = force;
-		} else {
-			shouldAdd = !this.contains(className);
-		}
-
-		if (shouldAdd) {
-			this.add(className);
-			return true;
-		}
-
-		this.remove(className);
-		return false;
-	}
-}