import * as PropertySymbol from '../../PropertySymbol.js';
import SVGAnimatedLength from '../../svg/SVGAnimatedLength.js';
import SVGGradientElement from '../svg-gradient-element/SVGGradientElement.js';

/**
 * SVG LinearGradient Element.
 *
 * @see https://developer.mozilla.org/en-US/docs/Web/API/SVGLinearGradientElement
 */
export default class SVGLinearGradientElement extends SVGGradientElement {
	// Internal properties
	public [PropertySymbol.x1]: SVGAnimatedLength | null = null;
	public [PropertySymbol.y1]: SVGAnimatedLength | null = null;
	public [PropertySymbol.x2]: SVGAnimatedLength | null = null;
	public [PropertySymbol.y2]: SVGAnimatedLength | null = null;

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

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

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

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