happy-dom/src/nodes/svg-marker-element/SVGMarkerElement.ts

Happy DOM is a JavaScript implementation of a web browser without its graphical user interface. It includes many web standards from WHATWG DOM and HTML.

import * as PropertySymbol from '../../PropertySymbol.js';
import SVGAnimatedEnumeration from '../../svg/SVGAnimatedEnumeration.js';
import SVGAnimatedLength from '../../svg/SVGAnimatedLength.js';
import SVGAnimatedAngle from '../../svg/SVGAnimatedAngle.js';
import SVGAnimatedRect from '../../svg/SVGAnimatedRect.js';
import SVGAnimatedPreserveAspectRatio from '../../svg/SVGAnimatedPreserveAspectRatio.js';
import SVGAngle from '../../svg/SVGAngle.js';
import SVGElement from '../svg-element/SVGElement.js';

/**
 * SVG Rect Element.
 *
 * @see https://developer.mozilla.org/en-US/docs/Web/API/SVGMarkerElement
 */
export default class SVGMarkerElement extends SVGElement {
	// Static properties
	public static readonly SVG_MARKER_ORIENT_UNKNOWN = 0;
	public static readonly SVG_MARKER_ORIENT_AUTO = 1;
	public static readonly SVG_MARKER_ORIENT_ANGLE = 2;
	public static readonly SVG_MARKERUNITS_UNKNOWN = 0;
	public static readonly SVG_MARKERUNITS_USERSPACEONUSE = 1;
	public static readonly SVG_MARKERUNITS_STROKEWIDTH = 2;

	// Public properties
	public readonly SVG_MARKER_ORIENT_UNKNOWN = 0;
	public readonly SVG_MARKER_ORIENT_AUTO = 1;
	public readonly SVG_MARKER_ORIENT_ANGLE = 2;

	// Internal properties
	public [PropertySymbol.markerUnits]: SVGAnimatedEnumeration | null = null;
	public [PropertySymbol.markerWidth]: SVGAnimatedLength | null = null;
	public [PropertySymbol.markerHeight]: SVGAnimatedLength | null = null;
	public [PropertySymbol.orientType]: SVGAnimatedEnumeration | null = null;
	public [PropertySymbol.orientAngle]: SVGAnimatedAngle | null = null;
	public [PropertySymbol.refX]: SVGAnimatedLength | null = null;
	public [PropertySymbol.refY]: SVGAnimatedLength | null = null;
	public [PropertySymbol.viewBox]: SVGAnimatedRect | null = null;
	public [PropertySymbol.preserveAspectRatio]: SVGAnimatedPreserveAspectRatio | null = null;

	/**
	 * Returns marker units.
	 *
	 * @returns Marker units.
	 */
	public get markerUnits(): SVGAnimatedEnumeration {
		if (!this[PropertySymbol.markerUnits]) {
			this[PropertySymbol.markerUnits] = new SVGAnimatedEnumeration(
				PropertySymbol.illegalConstructor,
				this[PropertySymbol.window],
				{
					getAttribute: () => this.getAttribute('markerUnits'),
					setAttribute: (value) => this.setAttribute('markerUnits', value),
					values: ['userSpaceOnUse', 'strokeWidth'],
					defaultValue: 'strokeWidth'
				}
			);
		}
		return this[PropertySymbol.markerUnits];
	}

	/**
	 * Returns marker width.
	 *
	 * @returns Marker width.
	 */
	public get markerWidth(): SVGAnimatedLength {
		if (!this[PropertySymbol.markerWidth]) {
			this[PropertySymbol.markerWidth] = new SVGAnimatedLength(
				PropertySymbol.illegalConstructor,
				this[PropertySymbol.window],
				{
					getAttribute: () => this.getAttribute('markerWidth'),
					setAttribute: (value) => this.setAttribute('markerWidth', value)
				}
			);
		}
		return this[PropertySymbol.markerWidth];
	}

	/**
	 * Returns marker height.
	 *
	 * @returns Marker height.
	 */
	public get markerHeight(): SVGAnimatedLength {
		if (!this[PropertySymbol.markerHeight]) {
			this[PropertySymbol.markerHeight] = new SVGAnimatedLength(
				PropertySymbol.illegalConstructor,
				this[PropertySymbol.window],
				{
					getAttribute: () => this.getAttribute('markerHeight'),
					setAttribute: (value) => this.setAttribute('markerHeight', value)
				}
			);
		}
		return this[PropertySymbol.markerHeight];
	}

	/**
	 * Returns orient type.
	 *
	 * @returns Orient type.
	 */
	public get orientType(): SVGAnimatedEnumeration {
		if (!this[PropertySymbol.orientType]) {
			this[PropertySymbol.orientType] = new SVGAnimatedEnumeration(
				PropertySymbol.illegalConstructor,
				this[PropertySymbol.window],
				{
					getAttribute: () => this.getAttribute('orient'),
					setAttribute: (value) => this.setAttribute('orient', value),
					values: ['auto', null],
					defaultValue: 'auto'
				}
			);
		}
		return this[PropertySymbol.orientType];
	}

	/**
	 * Returns orient angle.
	 *
	 * @returns Orient angle.
	 */
	public get orientAngle(): SVGAnimatedAngle {
		if (!this[PropertySymbol.orientAngle]) {
			this[PropertySymbol.orientAngle] = new SVGAnimatedAngle(
				PropertySymbol.illegalConstructor,
				this[PropertySymbol.window],
				{
					getAttribute: () => this.getAttribute('orient'),
					setAttribute: (value) => this.setAttribute('orient', value)
				}
			);
		}
		return this[PropertySymbol.orientAngle];
	}

	/**
	 * Returns ref x.
	 *
	 * @returns Ref x.
	 */
	public get refX(): SVGAnimatedLength {
		if (!this[PropertySymbol.refX]) {
			this[PropertySymbol.refX] = new SVGAnimatedLength(
				PropertySymbol.illegalConstructor,
				this[PropertySymbol.window],
				{
					getAttribute: () => this.getAttribute('refX'),
					setAttribute: (value) => this.setAttribute('refX', value)
				}
			);
		}
		return this[PropertySymbol.refX];
	}

	/**
	 * Returns ref y.
	 *
	 * @returns Ref y.
	 */
	public get refY(): SVGAnimatedLength {
		if (!this[PropertySymbol.refY]) {
			this[PropertySymbol.refY] = new SVGAnimatedLength(
				PropertySymbol.illegalConstructor,
				this[PropertySymbol.window],
				{
					getAttribute: () => this.getAttribute('refY'),
					setAttribute: (value) => this.setAttribute('refY', value)
				}
			);
		}
		return this[PropertySymbol.refY];
	}

	/**
	 * Returns view box.
	 *
	 * @returns View box.
	 */
	public get viewBox(): SVGAnimatedRect {
		if (!this[PropertySymbol.viewBox]) {
			this[PropertySymbol.viewBox] = new SVGAnimatedRect(
				PropertySymbol.illegalConstructor,
				this[PropertySymbol.window],
				{
					getAttribute: () => this.getAttribute('viewBox'),
					setAttribute: (value) => this.setAttribute('viewBox', value)
				}
			);
		}
		return this[PropertySymbol.viewBox];
	}

	/**
	 * Returns preserve aspect ratio.
	 *
	 * @returns Preserve aspect ratio.
	 */
	public get preserveAspectRatio(): SVGAnimatedPreserveAspectRatio {
		if (!this[PropertySymbol.preserveAspectRatio]) {
			this[PropertySymbol.preserveAspectRatio] = new SVGAnimatedPreserveAspectRatio(
				PropertySymbol.illegalConstructor,
				this[PropertySymbol.window],
				{
					getAttribute: () => this.getAttribute('preserveAspectRatio'),
					setAttribute: (value) => this.setAttribute('preserveAspectRatio', value)
				}
			);
		}
		return this[PropertySymbol.preserveAspectRatio];
	}

	/**
	 * Sets the value of the orient attribute to auto.
	 */
	public setOrientToAuto(): void {
		this.setAttribute('orient', 'auto');
	}

	/**
	 * Sets the value of the orient attribute to an angle.
	 *
	 * @param angle Angle.
	 */
	public setOrientToAngle(angle: SVGAngle): void {
		this.setAttribute('orient', angle.valueAsString);
	}
}