happy-dom 15.7.4 → 15.8.0

package/src/nodes/html-media-element/MediaStreamTrack.ts

@@ -66,9 +66,9 @@ export default class MediaStreamTrack extends EventTarget {
 	/**
 	 * Constructor.
 	 *
-	 * @param [illegalConstructorSymbol] Illegal constructor symbol.
+	 * @param illegalConstructorSymbol Illegal constructor symbol.
 	 */
-	constructor(illegalConstructorSymbol?: symbol) {
+	constructor(illegalConstructorSymbol: symbol) {
 		super();
 
 		if (illegalConstructorSymbol !== PropertySymbol.illegalConstructor) {

package/src/nodes/html-media-element/TextTrack.ts

@@ -30,9 +30,9 @@ export default class TextTrack extends EventTarget {
 	/**
 	 * Constructor.
 	 *
-	 * @param [illegalConstructorSymbol] Illegal constructor symbol.
+	 * @param illegalConstructorSymbol Illegal constructor symbol.
 	 */
-	constructor(illegalConstructorSymbol?: symbol) {
+	constructor(illegalConstructorSymbol: symbol) {
 		super();
 
 		if (illegalConstructorSymbol !== PropertySymbol.illegalConstructor) {

package/src/nodes/html-media-element/TextTrackCue.ts

@@ -25,9 +25,9 @@ export default abstract class TextTrackCue extends EventTarget {
 	/**
 	 * Constructor.
 	 *
-	 * @param [illegalConstructorSymbol] Illegal constructor symbol.
+	 * @param illegalConstructorSymbol Illegal constructor symbol.
 	 */
-	constructor(illegalConstructorSymbol?: symbol) {
+	constructor(illegalConstructorSymbol: symbol) {
 		super();
 		if (illegalConstructorSymbol !== PropertySymbol.illegalConstructor) {
 			throw new TypeError('Illegal constructor');

package/src/nodes/html-media-element/TextTrackList.ts

@@ -20,10 +20,10 @@ export default class TextTrackList extends EventTarget {
 	/**
 	 * Constructor.
 	 *
-	 * @param [illegalConstructorSymbol] Illegal constructor symbol.
-	 * @param [items] Items.
+	 * @param illegalConstructorSymbol Illegal constructor symbol.
+	 * @param items Items.
 	 */
-	constructor(illegalConstructorSymbol?: symbol, items: TextTrack[] = []) {
+	constructor(illegalConstructorSymbol: symbol, items: TextTrack[]) {
 		super();
 
 		if (illegalConstructorSymbol !== PropertySymbol.illegalConstructor) {
@@ -32,11 +32,7 @@ export default class TextTrackList extends EventTarget {
 
 		this[PropertySymbol.items] = items;
 
-		// This only works for one level of inheritance, but it should be fine as there is no collection that goes deeper according to spec.
-		ClassMethodBinder.bindMethods(this, [TextTrackList], {
-			bindSymbols: true,
-			forwardToPrototype: true
-		});
+		const methodBinder = new ClassMethodBinder(this, [TextTrackList, EventTarget]);
 
 		return new Proxy(this, {
 			get: (target, property) => {
@@ -44,6 +40,7 @@ export default class TextTrackList extends EventTarget {
 					return items.length;
 				}
 				if (property in target || typeof property === 'symbol') {
+					methodBinder.bind(property);
 					return target[property];
 				}
 				const index = Number(property);
@@ -52,6 +49,7 @@ export default class TextTrackList extends EventTarget {
 				}
 			},
 			set(target, property, newValue): boolean {
+				methodBinder.bind(property);
 				if (typeof property === 'symbol') {
 					target[property] = newValue;
 					return true;
@@ -82,10 +80,16 @@ export default class TextTrackList extends EventTarget {
 					return true;
 				}
 
+				if (typeof property === 'symbol') {
+					return false;
+				}
+
 				const index = Number(property);
 				return !isNaN(index) && index >= 0 && index < items.length;
 			},
 			defineProperty(target, property, descriptor): boolean {
+				methodBinder.preventBinding(property);
+
 				if (property in target) {
 					Object.defineProperty(target, property, descriptor);
 					return true;

package/src/nodes/html-media-element/TimeRanges.ts

@@ -9,9 +9,9 @@ export default class TimeRanges {
 	/**
 	 * Constructor.
 	 *
-	 * @param [illegalConstructorSymbol] Illegal constructor symbol.
+	 * @param illegalConstructorSymbol Illegal constructor symbol.
 	 */
-	constructor(illegalConstructorSymbol?: symbol) {
+	constructor(illegalConstructorSymbol: symbol) {
 		if (illegalConstructorSymbol !== PropertySymbol.illegalConstructor) {
 			throw new TypeError('Illegal constructor');
 		}

package/src/nodes/html-select-element/HTMLOptionsCollection.ts

@@ -16,10 +16,10 @@ export default class HTMLOptionsCollection extends HTMLCollection<HTMLOptionElem
 	/**
 	 * Constructor.
 	 *
-	 * @param [illegalConstructorSymbol] Illegal constructor symbol.
-	 * @param [ownerElement] Select element.
+	 * @param illegalConstructorSymbol Illegal constructor symbol.
+	 * @param ownerElement Select element.
 	 */
-	constructor(illegalConstructorSymbol?: symbol, ownerElement: HTMLSelectElement | null = null) {
+	constructor(illegalConstructorSymbol: symbol, ownerElement: HTMLSelectElement) {
 		super(
 			illegalConstructorSymbol,
 			() =>

package/src/nodes/html-select-element/HTMLSelectElement.ts

@@ -12,8 +12,8 @@ import NodeTypeEnum from '../node/NodeTypeEnum.js';
 import QuerySelector from '../../query-selector/QuerySelector.js';
 import NodeList from '../node/NodeList.js';
 import ClassMethodBinder from '../../ClassMethodBinder.js';
-import Element from '../element/Element.js';
 import Node from '../node/Node.js';
+import Element from '../element/Element.js';
 import EventTarget from '../../event/EventTarget.js';
 
 /**
@@ -40,18 +40,18 @@ export default class HTMLSelectElement extends HTMLElement {
 	constructor() {
 		super();
 
-		ClassMethodBinder.bindMethods(
-			this,
-			[EventTarget, Node, Element, HTMLElement, HTMLSelectElement],
-			{
-				bindSymbols: true,
-				forwardToPrototype: true
-			}
-		);
+		const methodBinder = new ClassMethodBinder(this, [
+			HTMLSelectElement,
+			HTMLElement,
+			Element,
+			Node,
+			EventTarget
+		]);
 
 		const proxy = new Proxy(this, {
 			get: (target, property) => {
 				if (property in target || typeof property === 'symbol') {
+					methodBinder.bind(property);
 					return target[property];
 				}
 				const index = Number(property);
@@ -60,6 +60,8 @@ export default class HTMLSelectElement extends HTMLElement {
 				}
 			},
 			set(target, property, newValue): boolean {
+				methodBinder.bind(property);
+
 				if (typeof property === 'symbol') {
 					target[property] = newValue;
 					return true;
@@ -131,6 +133,8 @@ export default class HTMLSelectElement extends HTMLElement {
 				return false;
 			},
 			defineProperty(target, property, descriptor): boolean {
+				methodBinder.preventBinding(property);
+
 				const index = Number(property);
 
 				if (isNaN(index)) {

package/src/nodes/html-style-element/HTMLStyleElement.ts

@@ -11,15 +11,7 @@ import HTMLElement from '../html-element/HTMLElement.js';
 export default class HTMLStyleElement extends HTMLElement {
 	private [PropertySymbol.sheet]: CSSStyleSheet | null = null;
 	public [PropertySymbol.styleNode] = this;
-
-	/**
-	 * Returns CSS style sheet.
-	 *
-	 * @returns CSS style sheet.
-	 */
-	public get sheet(): CSSStyleSheet {
-		return this[PropertySymbol.sheet] ? this[PropertySymbol.sheet] : null;
-	}
+	public [PropertySymbol.disabled] = false;
 
 	/**
 	 * Returns media.
@@ -42,6 +34,7 @@ export default class HTMLStyleElement extends HTMLElement {
 	/**
 	 * Returns type.
 	 *
+	 * @deprecated
 	 * @returns Type.
 	 */
 	public get type(): string {
@@ -51,6 +44,7 @@ export default class HTMLStyleElement extends HTMLElement {
 	/**
 	 * Sets type.
 	 *
+	 * @deprecated
 	 * @param type Type.
 	 */
 	public set type(type: string) {
@@ -63,7 +57,7 @@ export default class HTMLStyleElement extends HTMLElement {
 	 * @returns Disabled.
 	 */
 	public get disabled(): boolean {
-		return this.getAttribute('disabled') !== null;
+		return this[PropertySymbol.disabled];
 	}
 
 	/**
@@ -72,20 +66,23 @@ export default class HTMLStyleElement extends HTMLElement {
 	 * @param disabled Disabled.
 	 */
 	public set disabled(disabled: boolean) {
-		if (!disabled) {
-			this.removeAttribute('disabled');
-		} else {
-			this.setAttribute('disabled', '');
-		}
+		this[PropertySymbol.disabled] = Boolean(disabled);
 	}
 
 	/**
-	 * @override
+	 * Returns CSS style sheet.
+	 *
+	 * @returns CSS style sheet.
 	 */
-	public override [PropertySymbol.connectedToDocument](): void {
-		super[PropertySymbol.connectedToDocument]();
-		this[PropertySymbol.sheet] = new CSSStyleSheet();
-		this[PropertySymbol.sheet].replaceSync(this.textContent);
+	public get sheet(): CSSStyleSheet {
+		if (!this[PropertySymbol.isConnected]) {
+			return null;
+		}
+		if (!this[PropertySymbol.sheet]) {
+			this[PropertySymbol.sheet] = new CSSStyleSheet();
+			this[PropertySymbol.sheet].replaceSync(this.textContent);
+		}
+		return this[PropertySymbol.sheet];
 	}
 
 	/**

package/src/nodes/html-table-cell-element/HTMLTableCellElement.ts

@@ -1,7 +1,7 @@
 import QuerySelector from '../../query-selector/QuerySelector.js';
 import HTMLElement from '../html-element/HTMLElement.js';
 import * as PropertySymbol from '../../PropertySymbol.js';
-import DOMTokenList from '../element/DOMTokenList.js';
+import DOMTokenList from '../../dom/DOMTokenList.js';
 
 /**
  * HTMLTableCellElement
@@ -75,7 +75,11 @@ export default class HTMLTableCellElement extends HTMLElement {
 	 */
 	public get headers(): DOMTokenList {
 		if (!this[PropertySymbol.headers]) {
-			this[PropertySymbol.headers] = new DOMTokenList(this, 'headers');
+			this[PropertySymbol.headers] = new DOMTokenList(
+				PropertySymbol.illegalConstructor,
+				this,
+				'headers'
+			);
 		}
 		return <DOMTokenList>this[PropertySymbol.headers];
 	}

package/src/nodes/node/Node.ts

@@ -16,7 +16,6 @@ import ICachedQuerySelectorResult from './ICachedQuerySelectorResult.js';
 import ICachedMatchesResult from './ICachedMatchesResult.js';
 import ICachedElementsByTagNameResult from './ICachedElementsByTagNameResult.js';
 import ICachedElementByTagNameResult from './ICachedElementByTagNameResult.js';
-import ICachedStyleResult from './ICachedStyleResult.js';
 import ICachedComputedStyleResult from './ICachedComputedStyleResult.js';
 import ICachedResult from './ICachedResult.js';
 import ICachedElementByIdResult from './ICachedElementByIdResult.js';
@@ -27,6 +26,7 @@ import HTMLTextAreaElement from '../html-text-area-element/HTMLTextAreaElement.j
 import HTMLSlotElement from '../html-slot-element/HTMLSlotElement.js';
 import WindowBrowserContext from '../../window/WindowBrowserContext.js';
 import NodeFactory from '../NodeFactory.js';
+import SVGStyleElement from '../svg-style-element/SVGStyleElement.js';
 
 /**
  * Node.
@@ -75,7 +75,7 @@ export default class Node extends EventTarget {
 	public [PropertySymbol.parentNode]: Node | null = null;
 	public [PropertySymbol.nodeType]: NodeTypeEnum;
 	public [PropertySymbol.rootNode]: Node = null;
-	public [PropertySymbol.styleNode]: HTMLStyleElement | null = null;
+	public [PropertySymbol.styleNode]: HTMLStyleElement | SVGStyleElement | null = null;
 	public [PropertySymbol.textAreaNode]: HTMLTextAreaElement | null = null;
 	public [PropertySymbol.formNode]: HTMLFormElement | null = null;
 	public [PropertySymbol.selectNode]: HTMLSelectElement | null = null;
@@ -92,7 +92,6 @@ export default class Node extends EventTarget {
 		elementsByTagNameNS: Map<string, ICachedElementsByTagNameResult>;
 		elementByTagName: Map<string, ICachedElementByTagNameResult>;
 		elementById: Map<string, ICachedElementByIdResult>;
-		style: ICachedStyleResult | null;
 		computedStyle: ICachedComputedStyleResult | null;
 	} = {
 		querySelector: new Map(),
@@ -102,7 +101,6 @@ export default class Node extends EventTarget {
 		elementsByTagNameNS: new Map(),
 		elementByTagName: new Map(),
 		elementById: new Map(),
-		style: null,
 		computedStyle: null
 	};
 	public [PropertySymbol.affectsCache]: ICachedResult[] = [];

package/src/nodes/node/NodeList.ts

@@ -14,22 +14,28 @@ class NodeList<T extends Node> {
 	/**
 	 * Constructor.
 	 *
-	 * @param [illegalConstructorSymbol] Illegal constructor symbol.
-	 * @param [items] Items.
+	 * @param illegalConstructorSymbol Illegal constructor symbol.
+	 * @param items Items.
 	 */
-	constructor(illegalConstructorSymbol?: symbol, items: T[] = []) {
+	constructor(illegalConstructorSymbol: symbol, items: T[]) {
 		if (illegalConstructorSymbol !== PropertySymbol.illegalConstructor) {
 			throw new TypeError('Illegal constructor');
 		}
 
 		this[PropertySymbol.items] = items;
 
+		const methodBinder = new ClassMethodBinder(
+			this,
+			this.constructor !== NodeList ? [this.constructor, NodeList] : [NodeList]
+		);
+
 		const proxy = new Proxy(this, {
 			get: (target, property) => {
 				if (property === 'length') {
 					return items.length;
 				}
 				if (property in target || typeof property === 'symbol') {
+					methodBinder.bind(property);
 					return target[property];
 				}
 				const index = Number(property);
@@ -38,6 +44,8 @@ class NodeList<T extends Node> {
 				}
 			},
 			set(target, property, newValue): boolean {
+				methodBinder.bind(property);
+
 				if (typeof property === 'symbol') {
 					target[property] = newValue;
 					return true;
@@ -68,10 +76,16 @@ class NodeList<T extends Node> {
 					return true;
 				}
 
+				if (typeof property === 'symbol') {
+					return false;
+				}
+
 				const index = Number(property);
 				return !isNaN(index) && index >= 0 && index < items.length;
 			},
 			defineProperty(target, property, descriptor): boolean {
+				methodBinder.preventBinding(property);
+
 				if (property in target) {
 					Object.defineProperty(target, property, descriptor);
 					return true;
@@ -97,13 +111,6 @@ class NodeList<T extends Node> {
 			}
 		});
 
-		// This only works for one level of inheritance, but it should be fine as there is no collection that goes deeper according to spec.
-		ClassMethodBinder.bindMethods(
-			this,
-			this.constructor !== NodeList ? [NodeList, this.constructor] : [NodeList],
-			{ bindSymbols: true, proxy }
-		);
-
 		return proxy;
 	}
 

package/src/nodes/parent-node/ParentNodeUtility.ts

@@ -110,7 +110,7 @@ export default class ParentNodeUtility {
 			const elements: T[] = [];
 
 			for (const element of (<DocumentFragment>parent)[PropertySymbol.elementArray]) {
-				if (includeAll || element[PropertySymbol.tagName] === upperTagName) {
+				if (includeAll || element[PropertySymbol.tagName].toUpperCase() === upperTagName) {
 					elements.push(<T>element);
 				}
 

package/src/nodes/svg-animate-element/SVGAnimateElement.ts

@@ -0,0 +1,8 @@
+import SVGAnimationElement from '../svg-animation-element/SVGAnimationElement.js';
+
+/**
+ * SVG Animate Element.
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/SVGAnimateElement
+ */
+export default class SVGAnimateElement extends SVGAnimationElement {}

package/src/nodes/svg-animate-motion-element/SVGAnimateMotionElement.ts

@@ -0,0 +1,8 @@
+import SVGAnimationElement from '../svg-animation-element/SVGAnimationElement.js';
+
+/**
+ * SVG Animate Element Motion.
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/SVGAnimateMotionElement
+ */
+export default class SVGAnimateMotionElement extends SVGAnimationElement {}

package/src/nodes/svg-animate-motion-element copy/SVGAnimateMotionElement.test.ts

@@ -0,0 +1,27 @@
+import SVGAnimateMotionElement from '../../../src/nodes/svg-animate-motion-element/SVGAnimateMotionElement.js';
+import Window from '../../../src/window/Window.js';
+import Document from '../../../src/nodes/document/Document.js';
+import { beforeEach, describe, it, expect } from 'vitest';
+import SVGAnimationElement from '../../../src/nodes/svg-animation-element/SVGAnimationElement.js';
+
+describe('SVGAnimateMotionElement', () => {
+	let window: Window;
+	let document: Document;
+	let element: SVGAnimateMotionElement;
+
+	beforeEach(() => {
+		window = new Window();
+		document = window.document;
+		element = document.createElementNS('http://www.w3.org/2000/svg', 'animateMotion');
+	});
+
+	describe('constructor()', () => {
+		it('Should be an instanceof SVGAnimateMotionElement', () => {
+			expect(element instanceof SVGAnimateMotionElement).toBe(true);
+		});
+
+		it('Should be an instanceof SVGAnimationElement', () => {
+			expect(element instanceof SVGAnimationElement).toBe(true);
+		});
+	});
+});

package/src/nodes/svg-animate-transform-element/SVGAnimateTransformElement.ts

@@ -0,0 +1,8 @@
+import SVGAnimationElement from '../svg-animation-element/SVGAnimationElement.js';
+
+/**
+ * SVG Animate Element Transform.
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/SVGAnimateTransformElement
+ */
+export default class SVGAnimateTransformElement extends SVGAnimationElement {}

package/src/nodes/svg-animation-element/SVGAnimationElement.ts

@@ -0,0 +1,68 @@
+import SVGElement from '../svg-element/SVGElement.js';
+import SVGStringList from '../../svg/SVGStringList.js';
+import * as PropertySymbol from '../../PropertySymbol.js';
+import Event from '../../event/Event.js';
+
+/**
+ * SVG Animation Element.
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/SVGAnimationElement
+ */
+export default class SVGAnimationElement extends SVGElement {
+	// Internal properties
+	public [PropertySymbol.requiredExtensions]: SVGStringList | null = null;
+	public [PropertySymbol.systemLanguage]: SVGStringList | null = null;
+
+	// Events
+	public onbegin: (event: Event) => void | null = null;
+	public onend: (event: Event) => void | null = null;
+	public onrepeat: (event: Event) => void | null = null;
+
+	/**
+	 * Returns required extensions.
+	 *
+	 * @returns Required extensions.
+	 */
+	public get requiredExtensions(): SVGStringList {
+		if (!this[PropertySymbol.requiredExtensions]) {
+			this[PropertySymbol.requiredExtensions] = new SVGStringList(
+				PropertySymbol.illegalConstructor,
+				this[PropertySymbol.window],
+				{
+					getAttribute: () => this.getAttribute('requiredExtensions'),
+					setAttribute: (value) => this.setAttribute('requiredExtensions', value)
+				}
+			);
+		}
+		return this[PropertySymbol.requiredExtensions];
+	}
+
+	/**
+	 * Returns system language.
+	 *
+	 * @returns System language.
+	 */
+	public get systemLanguage(): SVGStringList {
+		if (!this[PropertySymbol.systemLanguage]) {
+			this[PropertySymbol.systemLanguage] = new SVGStringList(
+				PropertySymbol.illegalConstructor,
+				this[PropertySymbol.window],
+				{
+					getAttribute: () => this.getAttribute('systemLanguage'),
+					setAttribute: (value) => this.setAttribute('systemLanguage', value)
+				}
+			);
+		}
+		return this[PropertySymbol.systemLanguage];
+	}
+
+	/**
+	 * Returns target element.
+	 *
+	 * @returns Target element.
+	 */
+	public get targetElement(): SVGElement | null {
+		// TODO: Implement targetElement
+		return null;
+	}
+}

package/src/nodes/svg-circle-element/SVGCircleElement.ts

@@ -0,0 +1,72 @@
+import SVGGeometryElement from '../svg-geometry-element/SVGGeometryElement.js';
+import * as PropertySymbol from '../../PropertySymbol.js';
+import SVGAnimatedLength from '../../svg/SVGAnimatedLength.js';
+
+/**
+ * SVG Circle Element.
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/SVGCircleElement
+ */
+export default class SVGCircleElement extends SVGGeometryElement {
+	// Internal properties
+	public [PropertySymbol.cx]: SVGAnimatedLength | null = null;
+	public [PropertySymbol.cy]: SVGAnimatedLength | null = null;
+	public [PropertySymbol.r]: SVGAnimatedLength | null = null;
+
+	/**
+	 * Returns cx.
+	 *
+	 * @returns Cx.
+	 */
+	public get cx(): SVGAnimatedLength {
+		if (!this[PropertySymbol.cx]) {
+			this[PropertySymbol.cx] = new SVGAnimatedLength(
+				PropertySymbol.illegalConstructor,
+				this[PropertySymbol.window],
+				{
+					getAttribute: () => this.getAttribute('cx'),
+					setAttribute: (value) => this.setAttribute('cx', value)
+				}
+			);
+		}
+		return this[PropertySymbol.cx];
+	}
+
+	/**
+	 * Returns cy.
+	 *
+	 * @returns Cy.
+	 */
+	public get cy(): SVGAnimatedLength {
+		if (!this[PropertySymbol.cy]) {
+			this[PropertySymbol.cy] = new SVGAnimatedLength(
+				PropertySymbol.illegalConstructor,
+				this[PropertySymbol.window],
+				{
+					getAttribute: () => this.getAttribute('cy'),
+					setAttribute: (value) => this.setAttribute('cy', value)
+				}
+			);
+		}
+		return this[PropertySymbol.cy];
+	}
+
+	/**
+	 * Returns r.
+	 *
+	 * @returns R.
+	 */
+	public get r(): SVGAnimatedLength {
+		if (!this[PropertySymbol.r]) {
+			this[PropertySymbol.r] = new SVGAnimatedLength(
+				PropertySymbol.illegalConstructor,
+				this[PropertySymbol.window],
+				{
+					getAttribute: () => this.getAttribute('r'),
+					setAttribute: (value) => this.setAttribute('r', value)
+				}
+			);
+		}
+		return this[PropertySymbol.r];
+	}
+}

package/src/nodes/svg-clip-path-element/SVGClipPathElement.ts

@@ -0,0 +1,34 @@
+import SVGElement from '../svg-element/SVGElement.js';
+import * as PropertySymbol from '../../PropertySymbol.js';
+import SVGAnimatedEnumeration from '../../svg/SVGAnimatedEnumeration.js';
+
+/**
+ * SVG ClipPath Element.
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/SVGClipPathElement
+ */
+export default class SVGClipPathElement extends SVGElement {
+	// Internal properties
+	public [PropertySymbol.clipPathUnits]: SVGAnimatedEnumeration | null = null;
+
+	/**
+	 * Returns clipPathUnits.
+	 *
+	 * @returns ClipPathUnits.
+	 */
+	public get clipPathUnits(): SVGAnimatedEnumeration {
+		if (!this[PropertySymbol.clipPathUnits]) {
+			this[PropertySymbol.clipPathUnits] = new SVGAnimatedEnumeration(
+				PropertySymbol.illegalConstructor,
+				this[PropertySymbol.window],
+				{
+					getAttribute: () => this.getAttribute('clipPathUnits'),
+					setAttribute: (value) => this.setAttribute('clipPathUnits', value),
+					values: ['userSpaceOnUse', 'objectBoundingBox'],
+					defaultValue: 'userSpaceOnUse'
+				}
+			);
+		}
+		return this[PropertySymbol.clipPathUnits];
+	}
+}