@aigne/astrochart 1.11.0-beta.12

package/dist/index.mjs

@@ -0,0 +1,2643 @@
+//#region src/settings.ts
+const default_settings = {
+	SYMBOL_SCALE: 1,
+	COLOR_BACKGROUND: "#fff",
+	POINTS_COLOR: "#000",
+	POINTS_TEXT_SIZE: 8,
+	POINTS_STROKE: 1.8,
+	SIGNS_COLOR: "#000",
+	SIGNS_STROKE: 1.5,
+	MARGIN: 50,
+	PADDING: 18,
+	ID_CHART: "astrology",
+	ID_RADIX: "radix",
+	ID_TRANSIT: "transit",
+	ID_ASPECTS: "aspects",
+	ID_POINTS: "planets",
+	ID_SIGNS: "signs",
+	ID_CIRCLES: "circles",
+	ID_AXIS: "axis",
+	ID_CUSPS: "cusps",
+	ID_RULER: "ruler",
+	ID_BG: "bg",
+	CIRCLE_COLOR: "#333",
+	CIRCLE_STRONG: 2,
+	LINE_COLOR: "#333",
+	INDOOR_CIRCLE_RADIUS_RATIO: 2,
+	INNER_CIRCLE_RADIUS_RATIO: 8,
+	RULER_RADIUS: 4,
+	SYMBOL_SUN: "Sun",
+	SYMBOL_MOON: "Moon",
+	SYMBOL_MERCURY: "Mercury",
+	SYMBOL_VENUS: "Venus",
+	SYMBOL_MARS: "Mars",
+	SYMBOL_JUPITER: "Jupiter",
+	SYMBOL_SATURN: "Saturn",
+	SYMBOL_URANUS: "Uranus",
+	SYMBOL_NEPTUNE: "Neptune",
+	SYMBOL_PLUTO: "Pluto",
+	SYMBOL_CHIRON: "Chiron",
+	SYMBOL_LILITH: "Lilith",
+	SYMBOL_NNODE: "NNode",
+	SYMBOL_SNODE: "SNode",
+	SYMBOL_FORTUNE: "Fortune",
+	SYMBOL_AS: "As",
+	SYMBOL_DS: "Ds",
+	SYMBOL_MC: "Mc",
+	SYMBOL_IC: "Ic",
+	SYMBOL_AXIS_FONT_COLOR: "#333",
+	SYMBOL_AXIS_STROKE: 1.6,
+	SYMBOL_CUSP_1: "1",
+	SYMBOL_CUSP_2: "2",
+	SYMBOL_CUSP_3: "3",
+	SYMBOL_CUSP_4: "4",
+	SYMBOL_CUSP_5: "5",
+	SYMBOL_CUSP_6: "6",
+	SYMBOL_CUSP_7: "7",
+	SYMBOL_CUSP_8: "8",
+	SYMBOL_CUSP_9: "9",
+	SYMBOL_CUSP_10: "10",
+	SYMBOL_CUSP_11: "11",
+	SYMBOL_CUSP_12: "12",
+	CUSPS_STROKE: 1,
+	CUSPS_FONT_COLOR: "#000",
+	SYMBOL_ARIES: "Aries",
+	SYMBOL_TAURUS: "Taurus",
+	SYMBOL_GEMINI: "Gemini",
+	SYMBOL_CANCER: "Cancer",
+	SYMBOL_LEO: "Leo",
+	SYMBOL_VIRGO: "Virgo",
+	SYMBOL_LIBRA: "Libra",
+	SYMBOL_SCORPIO: "Scorpio",
+	SYMBOL_SAGITTARIUS: "Sagittarius",
+	SYMBOL_CAPRICORN: "Capricorn",
+	SYMBOL_AQUARIUS: "Aquarius",
+	SYMBOL_PISCES: "Pisces",
+	SYMBOL_SIGNS: [
+		"Aries",
+		"Taurus",
+		"Gemini",
+		"Cancer",
+		"Leo",
+		"Virgo",
+		"Libra",
+		"Scorpio",
+		"Sagittarius",
+		"Capricorn",
+		"Aquarius",
+		"Pisces"
+	],
+	COLOR_ARIES: "#FF4500",
+	COLOR_TAURUS: "#8B4513",
+	COLOR_GEMINI: "#87CEEB",
+	COLOR_CANCER: "#27AE60",
+	COLOR_LEO: "#FF4500",
+	COLOR_VIRGO: "#8B4513",
+	COLOR_LIBRA: "#87CEEB",
+	COLOR_SCORPIO: "#27AE60",
+	COLOR_SAGITTARIUS: "#FF4500",
+	COLOR_CAPRICORN: "#8B4513",
+	COLOR_AQUARIUS: "#87CEEB",
+	COLOR_PISCES: "#27AE60",
+	COLORS_SIGNS: [
+		"#FF4500",
+		"#8B4513",
+		"#87CEEB",
+		"#27AE60",
+		"#FF4500",
+		"#8B4513",
+		"#87CEEB",
+		"#27AE60",
+		"#FF4500",
+		"#8B4513",
+		"#87CEEB",
+		"#27AE60"
+	],
+	CUSTOM_SYMBOL_FN: null,
+	SHIFT_IN_DEGREES: 180,
+	STROKE_ONLY: false,
+	ADD_CLICK_AREA: false,
+	COLLISION_RADIUS: 10,
+	ASPECTS: {
+		conjunction: {
+			degree: 0,
+			orbit: 10,
+			color: "transparent"
+		},
+		square: {
+			degree: 90,
+			orbit: 8,
+			color: "#FF4500"
+		},
+		trine: {
+			degree: 120,
+			orbit: 8,
+			color: "#27AE60"
+		},
+		opposition: {
+			degree: 180,
+			orbit: 10,
+			color: "#27AE60"
+		}
+	},
+	SHOW_DIGNITIES_TEXT: true,
+	DIGNITIES_RULERSHIP: "r",
+	DIGNITIES_DETRIMENT: "d",
+	DIGNITIES_EXALTATION: "e",
+	DIGNITIES_EXACT_EXALTATION: "E",
+	DIGNITIES_FALL: "f",
+	DIGNITIES_EXACT_EXALTATION_DEFAULT: [
+		{
+			name: "Sun",
+			position: 19,
+			orbit: 2
+		},
+		{
+			name: "Moon",
+			position: 33,
+			orbit: 2
+		},
+		{
+			name: "Mercury",
+			position: 155,
+			orbit: 2
+		},
+		{
+			name: "Venus",
+			position: 357,
+			orbit: 2
+		},
+		{
+			name: "Mars",
+			position: 298,
+			orbit: 2
+		},
+		{
+			name: "Jupiter",
+			position: 105,
+			orbit: 2
+		},
+		{
+			name: "Saturn",
+			position: 201,
+			orbit: 2
+		},
+		{
+			name: "NNode",
+			position: 63,
+			orbit: 2
+		}
+	],
+	ANIMATION_CUSPS_ROTATION_SPEED: 2,
+	DEBUG: false
+};
+var settings_default = default_settings;
+
+//#endregion
+//#region src/utils.ts
+/**
+* Calculate position of the point on the circle.
+*
+* @param {int} cx - center x
+* @param {int} cy - center y
+* @param {int} radius
+* @param {double} angle - degree
+*
+* @return {{x: number, y: number}} Obj - {x:10, y:20}
+*/
+const getPointPosition = (cx, cy, radius, angle, astrology) => {
+	const angleInRadius = (astrology.SHIFT_IN_DEGREES - angle) * Math.PI / 180;
+	return {
+		x: cx + radius * Math.cos(angleInRadius),
+		y: cy + radius * Math.sin(angleInRadius)
+	};
+};
+const degreeToRadians = (degrees) => degrees * Math.PI / 180;
+const radiansToDegree = (radians) => radians * 180 / Math.PI;
+/**
+* Calculates positions of the point description
+*
+* @param {Object} point
+* @param {Array<String>} texts
+*
+* @return {Array<Object>} [{text:"abc", x:123, y:456}, {text:"cvb", x:456, y:852}, ...]
+*/
+const getDescriptionPosition = function(point, texts, astrology) {
+	const RATION = 1.4;
+	const result = [];
+	const posX = point.x + astrology.COLLISION_RADIUS / RATION * astrology.SYMBOL_SCALE;
+	const posY = point.y - astrology.COLLISION_RADIUS * astrology.SYMBOL_SCALE;
+	texts.forEach((text, idx) => {
+		result.push({
+			text,
+			x: posX,
+			y: posY + astrology.COLLISION_RADIUS / RATION * astrology.SYMBOL_SCALE * idx
+		});
+	}, this);
+	return result;
+};
+/**
+* Checks a source data
+* @private
+*
+* @param {Object} data
+* @return {{hasError: boolean, messages: string[]}} status
+*/
+const validate = (data) => {
+	const status = {
+		hasError: false,
+		messages: []
+	};
+	if (data == null) {
+		status.messages.push("Data is not set.");
+		status.hasError = true;
+		return status;
+	}
+	if (data.planets == null) {
+		status.messages.push("There is not property 'planets'.");
+		status.hasError = true;
+	}
+	for (const property in data.planets) if (data.planets.hasOwnProperty(property)) {
+		if (!Array.isArray(data.planets[property])) {
+			status.messages.push("The planets property '" + property + "' has to be Array.");
+			status.hasError = true;
+		}
+	}
+	if (data.cusps != null && !Array.isArray(data.cusps)) {
+		status.messages.push("Property 'cusps' has to be Array.");
+		status.hasError = true;
+	}
+	if (data.cusps != null && data.cusps.length !== 12) {
+		status.messages.push("Count of 'cusps' values has to be 12.");
+		status.hasError = true;
+	}
+	return status;
+};
+/**
+* Get empty DOMElement with ID
+*
+* @param{String} elementID
+* @param{DOMElement} parent
+* @return {DOMElement}
+*/
+const getEmptyWrapper = (parent, elementID, _paperElementId) => {
+	const element = document.getElementById(elementID);
+	if (element != null) {
+		removeChilds(element);
+		return element;
+	}
+	const paper = document.getElementById(_paperElementId);
+	if (paper == null) throw new Error("Paper element should exist");
+	const wrapper = document.createElementNS(paper.namespaceURI, "g");
+	wrapper.setAttribute("id", elementID);
+	parent.appendChild(wrapper);
+	return wrapper;
+};
+/**
+* Remove childs
+*
+* @param{DOMElement} parent
+*/
+const removeChilds = (parent) => {
+	if (parent == null) return;
+	let last;
+	while ((last = parent.lastChild) != null) parent.removeChild(last);
+};
+/**
+* Check circle collision between two objects
+*
+* @param {Object} circle1, {x:123, y:123, r:50}
+* @param {Object} circle2, {x:456, y:456, r:60}
+* @return {boolean}
+*/
+const isCollision = (circle1, circle2) => {
+	const vx = circle1.x - circle2.x;
+	const vy = circle1.y - circle2.y;
+	return Math.sqrt(vx * vx + vy * vy) <= circle1.r + circle2.r;
+};
+/**
+* Places a new point in the located list
+*
+* @param {Array<Object>} locatedPoints, [{name:"Mars", x:123, y:123, r:50, ephemeris:45.96}, {name:"Sun", x:1234, y:1234, r:50, ephemeris:100.96}]
+* @param {Object} point, {name:"Venus", x:78, y:56, r:50, angle:15.96}
+* @param {Object} universe - current universe
+* @return {Array<Object>} locatedPoints
+*/
+const assemble = (locatedPoints, point, universe, astrology) => {
+	if (locatedPoints.length === 0) {
+		locatedPoints.push(point);
+		return locatedPoints;
+	}
+	if (2 * Math.PI * universe.r - 2 * (astrology.COLLISION_RADIUS * astrology.SYMBOL_SCALE) * (locatedPoints.length + 2) <= 0) {
+		if (astrology.DEBUG) console.log("Universe circumference: " + 2 * Math.PI * universe.r + ", Planets circumference: " + 2 * (astrology.COLLISION_RADIUS * astrology.SYMBOL_SCALE) * (locatedPoints.length + 2));
+		throw new Error("Unresolved planet collision. Try change SYMBOL_SCALE or paper size.");
+	}
+	let hasCollision = false;
+	let locatedButInCollisionPoint;
+	locatedPoints.sort(comparePoints);
+	for (let i = 0, ln = locatedPoints.length; i < ln; i++) if (isCollision(locatedPoints[i], point)) {
+		hasCollision = true;
+		locatedButInCollisionPoint = locatedPoints[i];
+		locatedButInCollisionPoint.index = i;
+		if (astrology.DEBUG) console.log("Resolve collision: " + locatedButInCollisionPoint.name + " X " + point.name);
+		break;
+	}
+	if (hasCollision && locatedButInCollisionPoint != null && locatedButInCollisionPoint.index != null) {
+		placePointsInCollision(locatedButInCollisionPoint, point);
+		let newPointPosition = getPointPosition(universe.cx, universe.cy, universe.r, locatedButInCollisionPoint.angle, astrology);
+		locatedButInCollisionPoint.x = newPointPosition.x;
+		locatedButInCollisionPoint.y = newPointPosition.y;
+		newPointPosition = getPointPosition(universe.cx, universe.cy, universe.r, point.angle, astrology);
+		point.x = newPointPosition.x;
+		point.y = newPointPosition.y;
+		locatedPoints.splice(locatedButInCollisionPoint.index, 1);
+		locatedPoints = assemble(locatedPoints, locatedButInCollisionPoint, universe, astrology);
+		locatedPoints = assemble(locatedPoints, point, universe, astrology);
+	} else locatedPoints.push(point);
+	locatedPoints.sort(comparePoints);
+	return locatedPoints;
+};
+/**
+* Sets the positions of two points that are in collision.
+*
+* @param {Object} p1, {..., pointer:123, angle:456}
+* @param {Object} p2, {..., pointer:23, angle:56}
+*/
+const placePointsInCollision = (p1, p2) => {
+	const step = 1;
+	let adjustedP1Pointer = p1.pointer === void 0 ? p1.angle : p1.pointer;
+	let adjustedP2Pointer = p2.pointer === void 0 ? p2.angle : p2.pointer;
+	if (Math.abs(adjustedP1Pointer - adjustedP2Pointer) > 180) {
+		adjustedP1Pointer = (adjustedP1Pointer + 180) % 360;
+		adjustedP2Pointer = (adjustedP2Pointer + 180) % 360;
+	}
+	if (adjustedP1Pointer <= adjustedP2Pointer) {
+		p1.angle = p1.angle - step;
+		p2.angle = p2.angle + step;
+	} else if (adjustedP1Pointer >= adjustedP2Pointer) {
+		p1.angle = p1.angle + step;
+		p2.angle = p2.angle - step;
+	}
+	p1.angle = (p1.angle + 360) % 360;
+	p2.angle = (p2.angle + 360) % 360;
+};
+/**
+* Check collision between angle and object
+*
+* @param {double} angle
+* @param {Array<Object>} points, [{x:456, y:456, r:60, angle:123}, ...]
+* @return {boolean}
+*/
+const isInCollision = (angle, points, astrology) => {
+	const deg360 = radiansToDegree(2 * Math.PI);
+	const collisionRadius = astrology.COLLISION_RADIUS * astrology.SYMBOL_SCALE / 2;
+	let result = false;
+	for (let i = 0, ln = points.length; i < ln; i++) if (Math.abs(points[i].angle - angle) <= collisionRadius || deg360 - Math.abs(points[i].angle - angle) <= collisionRadius) {
+		result = true;
+		break;
+	}
+	return result;
+};
+/**
+* Calculates positions of the dashed line passing through the obstacle.
+*   *
+* @param {double} centerX
+* @param {double} centerY
+* @param {double} angle - line angle
+* @param {double} lineStartRadius
+* @param {double} lineEndRadius
+* @param {double} obstacleRadius
+* @param {Array<Object>} obstacles, [{x:456, y:456, r:60, angle:123}, ...]
+*
+* @return {Array<any>} [{startX:1, startY:1, endX:4, endY:4}, {startX:6, startY:6, endX:8, endY:8}]
+*/
+const getDashedLinesPositions = (centerX, centerY, angle, lineStartRadius, lineEndRadius, obstacleRadius, obstacles, astrology) => {
+	let startPos;
+	let endPos;
+	const result = [];
+	if (isInCollision(angle, obstacles, astrology)) {
+		startPos = getPointPosition(centerX, centerY, lineStartRadius, angle, astrology);
+		endPos = getPointPosition(centerX, centerY, obstacleRadius - astrology.COLLISION_RADIUS * astrology.SYMBOL_SCALE, angle, astrology);
+		result.push({
+			startX: startPos.x,
+			startY: startPos.y,
+			endX: endPos.x,
+			endY: endPos.y
+		});
+		if (obstacleRadius + 2 * (astrology.COLLISION_RADIUS * astrology.SYMBOL_SCALE) < lineEndRadius) {
+			startPos = getPointPosition(centerX, centerY, obstacleRadius + 2 * (astrology.COLLISION_RADIUS * astrology.SYMBOL_SCALE), angle, astrology);
+			endPos = getPointPosition(centerX, centerY, lineEndRadius, angle, astrology);
+			result.push({
+				startX: startPos.x,
+				startY: startPos.y,
+				endX: endPos.x,
+				endY: endPos.y
+			});
+		}
+	} else {
+		startPos = getPointPosition(centerX, centerY, lineStartRadius, angle, astrology);
+		endPos = getPointPosition(centerX, centerY, lineEndRadius, angle, astrology);
+		result.push({
+			startX: startPos.x,
+			startY: startPos.y,
+			endX: endPos.x,
+			endY: endPos.y
+		});
+	}
+	return result;
+};
+/**
+* Calculate ruler positions.
+*
+* @param {Double} centerX
+* @param {Double} centerY
+* @param {Double} startRadius
+* @param {Double} endRadius
+* @param {Boolean} startAngle
+*
+* @return {Array<Object>} [ {startX:1,startY:2, endX:3, endX:4 }, ...]
+*/
+const getRulerPositions = (centerX, centerY, startRadius, endRadius, startAngle, astrology) => {
+	const result = [];
+	const rayRadius = endRadius;
+	const halfRayRadius = startRadius <= endRadius ? rayRadius - Math.abs(endRadius - startRadius) / 2 : rayRadius + Math.abs(endRadius - startRadius) / 2;
+	for (let i = 0, start = 0, step = 5; i < 72; i++) {
+		const angle = start + startAngle;
+		const startPos = getPointPosition(centerX, centerY, startRadius, angle, astrology);
+		const endPos = getPointPosition(centerX, centerY, i % 2 === 0 ? rayRadius : halfRayRadius, angle, astrology);
+		result.push({
+			startX: startPos.x,
+			startY: startPos.y,
+			endX: endPos.x,
+			endY: endPos.y
+		});
+		start += step;
+	}
+	return result;
+};
+/**
+* Compare two points
+*
+* @param {Object} pointA, {name:"Venus", x:78, y:56, r:50, angle:15.96}
+* @param {Object} pointB, {name:"Mercury", x:78, y:56, r:50, angle:20.26}
+* @return
+*/
+const comparePoints = (pointA, pointB) => {
+	return pointA.angle - pointB.angle;
+};
+
+//#endregion
+//#region src/zodiac.ts
+const SIGNS_ARIES = 1;
+const SIGNS_TAURUS = 2;
+const SIGNS_GEMINI = 3;
+const SIGNS_CANCER = 4;
+const SIGNS_LEO = 5;
+const SIGNS_VIRGO = 6;
+const SIGNS_LIBRA = 7;
+const SIGNS_SCORPIO = 8;
+const SIGNS_SAGITTARIUS = 9;
+const SIGNS_CAPRICORN = 10;
+const SIGNS_AQUARIUS = 11;
+const SIGNS_PISCES = 12;
+/**
+* Zodiac
+*
+* Gives the position of points in the zodiac.
+* Position of point in the zodiac.
+* Position of point in houses.
+* Dignities of planets.
+*
+* @class
+* @public
+* @constructor
+* @param {Array} cusps - cusprs in zodiac; [296, 350, 30, 56, 75, 94, 116, 170, 210, 236, 255, 274]
+* @param {Object | null } settings
+*/
+var Zodiac = class {
+	cusps;
+	settings;
+	constructor(cusps, settings) {
+		if (cusps === null) throw new Error("Param 'cusps' must not be empty.");
+		if (!(Array.isArray(cusps) && cusps.length === 12)) throw new Error("Param 'cusps' is not 12 length Array.");
+		this.cusps = cusps;
+		this.settings = settings ?? settings_default;
+	}
+	/**
+	* Get astrological sign
+	* 1 - Arise, ... , 12 - Pisces
+	*
+	* @param {double} point - angle of point in circle
+	* @return { \[1-9] | 1[0-2]\ }
+	*/
+	getSign(point) {
+		const angle = point % radiansToDegree(2 * Math.PI);
+		return Math.floor(angle / 30 + 1);
+	}
+	/**
+	* Is retrograde
+	*
+	* @param {double} speed
+	* @return {boolean}
+	*/
+	isRetrograde(speed) {
+		return speed < 0;
+	}
+	/**
+	* Get house number
+	* 1 - 12
+	*
+	* @param {double} point - angle of point in circle
+	* @return { \[1-9] | 1[0-2]\ }
+	*/
+	getHouseNumber(point) {
+		const angle = point % radiansToDegree(2 * Math.PI);
+		for (let i = 0, ln = this.cusps.length; i < ln; i++) if (angle >= this.cusps[i] && angle < this.cusps[i % (ln - 1) + 1]) return i + 1;
+		for (let i = 0, ln = this.cusps.length; i < ln; i++) if (this.cusps[i] > this.cusps[i % (ln - 1) + 1]) return i + 1;
+		throw new Error("Oops, serious error in the method: 'astrology.Zodiac.getHouseNumber'.");
+	}
+	/**
+	* Calculate dignities of planet
+	*
+	* r - Rulership
+	* d - Detriment
+	* e - Exaltation
+	* E - Exalatation - Exact exaltation
+	* f - Fall
+	*
+	* @param {Object} planet, { name:"Sun", position:60.2 }
+	* @param {Array<Object> | null } exactExaltation - list of named angles, [{ name:"Sun", position:278, orbit:2 }, { name:"Moon", position:3, , orbit:2 }]
+	* @return {Array<String>}
+	*/
+	getDignities(planet, exactExaltation) {
+		if (!(planet && planet.name && planet.position != null)) return [];
+		const result = [];
+		const sign = this.getSign(planet.position);
+		planet.position % radiansToDegree(2 * Math.PI);
+		switch (planet.name) {
+			case this.settings.SYMBOL_SUN:
+				if (sign === SIGNS_LEO) result.push(this.settings.DIGNITIES_RULERSHIP);
+				else if (sign === SIGNS_AQUARIUS) result.push(this.settings.DIGNITIES_DETRIMENT);
+				if (sign === SIGNS_ARIES) result.push(this.settings.DIGNITIES_EXALTATION);
+				else if (sign === SIGNS_VIRGO) result.push(this.settings.DIGNITIES_FALL);
+				break;
+			case this.settings.SYMBOL_MOON:
+				if (sign === SIGNS_CANCER) result.push(this.settings.DIGNITIES_RULERSHIP);
+				else if (sign === SIGNS_CAPRICORN) result.push(this.settings.DIGNITIES_DETRIMENT);
+				if (sign === SIGNS_TAURUS) result.push(this.settings.DIGNITIES_EXALTATION);
+				else if (sign === SIGNS_SCORPIO) result.push(this.settings.DIGNITIES_FALL);
+				break;
+			case this.settings.SYMBOL_MERCURY:
+				if (sign === SIGNS_GEMINI) result.push(this.settings.DIGNITIES_RULERSHIP);
+				else if (sign === SIGNS_SAGITTARIUS) result.push(this.settings.DIGNITIES_DETRIMENT);
+				if (sign === SIGNS_VIRGO) result.push(this.settings.DIGNITIES_EXALTATION);
+				else if (sign === SIGNS_PISCES) result.push(this.settings.DIGNITIES_FALL);
+				break;
+			case this.settings.SYMBOL_VENUS:
+				if (sign === SIGNS_TAURUS || sign === SIGNS_LIBRA) result.push(this.settings.DIGNITIES_RULERSHIP);
+				else if (sign === SIGNS_ARIES || sign === SIGNS_SCORPIO) result.push(this.settings.DIGNITIES_DETRIMENT);
+				if (sign === SIGNS_PISCES) result.push(this.settings.DIGNITIES_EXALTATION);
+				else if (sign === SIGNS_VIRGO) result.push(this.settings.DIGNITIES_FALL);
+				break;
+			case this.settings.SYMBOL_MARS:
+				if (sign === SIGNS_ARIES || sign === SIGNS_SCORPIO) result.push(this.settings.DIGNITIES_RULERSHIP);
+				else if (sign === SIGNS_TAURUS || sign === SIGNS_LIBRA) result.push(this.settings.DIGNITIES_DETRIMENT);
+				if (sign === SIGNS_CAPRICORN) result.push(this.settings.DIGNITIES_EXALTATION);
+				else if (sign === SIGNS_CANCER) result.push(this.settings.DIGNITIES_FALL);
+				break;
+			case this.settings.SYMBOL_JUPITER:
+				if (sign === SIGNS_SAGITTARIUS || sign === SIGNS_PISCES) result.push(this.settings.DIGNITIES_RULERSHIP);
+				else if (sign === SIGNS_GEMINI || sign === SIGNS_VIRGO) result.push(this.settings.DIGNITIES_DETRIMENT);
+				if (sign === SIGNS_CANCER) result.push(this.settings.DIGNITIES_EXALTATION);
+				else if (sign === SIGNS_CAPRICORN) result.push(this.settings.DIGNITIES_FALL);
+				break;
+			case this.settings.SYMBOL_SATURN:
+				if (sign === SIGNS_CAPRICORN || sign === SIGNS_AQUARIUS) result.push(this.settings.DIGNITIES_RULERSHIP);
+				else if (sign === SIGNS_CANCER || sign === SIGNS_LEO) result.push(this.settings.DIGNITIES_DETRIMENT);
+				if (sign === SIGNS_LIBRA) result.push(this.settings.DIGNITIES_EXALTATION);
+				else if (sign === SIGNS_ARIES) result.push(this.settings.DIGNITIES_FALL);
+				break;
+			case this.settings.SYMBOL_URANUS:
+				if (sign === SIGNS_AQUARIUS) result.push(this.settings.DIGNITIES_RULERSHIP);
+				else if (sign === SIGNS_LEO) result.push(this.settings.DIGNITIES_DETRIMENT);
+				if (sign === SIGNS_SCORPIO) result.push(this.settings.DIGNITIES_EXALTATION);
+				else if (sign === SIGNS_TAURUS) result.push(this.settings.DIGNITIES_FALL);
+				break;
+			case this.settings.SYMBOL_NEPTUNE:
+				if (sign === SIGNS_PISCES) result.push(this.settings.DIGNITIES_RULERSHIP);
+				else if (sign === SIGNS_VIRGO) result.push(this.settings.DIGNITIES_DETRIMENT);
+				if (sign === SIGNS_LEO || sign === SIGNS_SAGITTARIUS) result.push(this.settings.DIGNITIES_EXALTATION);
+				else if (sign === SIGNS_AQUARIUS || sign === SIGNS_GEMINI) result.push(this.settings.DIGNITIES_FALL);
+				break;
+			case this.settings.SYMBOL_PLUTO:
+				if (sign === SIGNS_SCORPIO) result.push(this.settings.DIGNITIES_RULERSHIP);
+				else if (sign === SIGNS_TAURUS) result.push(this.settings.DIGNITIES_DETRIMENT);
+				if (sign === SIGNS_ARIES) result.push(this.settings.DIGNITIES_EXALTATION);
+				else if (sign === SIGNS_LIBRA) result.push(this.settings.DIGNITIES_FALL);
+				break;
+			default: break;
+		}
+		if (exactExaltation != null && Array.isArray(exactExaltation)) {
+			for (let i = 0, ln = exactExaltation.length; i < ln; i++) if (planet.name === exactExaltation[i].name) {
+				if (this.hasConjunction(planet.position, exactExaltation[i].position, exactExaltation[i].orbit)) result.push(this.settings.DIGNITIES_EXACT_EXALTATION);
+			}
+		}
+		return result;
+	}
+	toDMS(d) {
+		d += .5 / 3600 / 1e4;
+		const deg = parseInt(d.toString(), 10);
+		d = (d - deg) * 60;
+		const min = parseInt(d.toString(), 10);
+		const sec = parseInt(((d - min) * 60).toString(), 10);
+		return deg + "° " + min + "' " + sec;
+	}
+	hasConjunction(planetPosition, pointPosition, orbit) {
+		let result = false;
+		const minOrbit = pointPosition - orbit / 2 < 0 ? radiansToDegree(2 * Math.PI) - (pointPosition - orbit / 2) : pointPosition - orbit / 2;
+		const maxOrbit = pointPosition + orbit / 2 >= radiansToDegree(2 * Math.PI) ? pointPosition + orbit / 2 - radiansToDegree(2 * Math.PI) : pointPosition + orbit / 2;
+		if (minOrbit > maxOrbit) {
+			if (minOrbit >= planetPosition && planetPosition <= minOrbit) result = true;
+		} else if (minOrbit <= planetPosition && planetPosition <= maxOrbit) result = true;
+		return result;
+	}
+};
+var zodiac_default = Zodiac;
+
+//#endregion
+//#region src/aspect.ts
+const DEFAULT_ASPECTS = {
+	conjunction: {
+		degree: 0,
+		orbit: 10,
+		color: "transparent"
+	},
+	square: {
+		degree: 90,
+		orbit: 8,
+		color: "#FF4500"
+	},
+	trine: {
+		degree: 120,
+		orbit: 8,
+		color: "#27AE60"
+	},
+	opposition: {
+		degree: 180,
+		orbit: 10,
+		color: "#27AE60"
+	}
+};
+/**
+* Aspects calculator
+*
+* @class
+* @public
+* @constructor
+* @param {AspectPoints} points; {"Sun":[0], "Moon":[90], "Neptune":[120], "As":[30]}
+* @param {Object | null } settings
+*/
+var AspectCalculator = class {
+	settings;
+	toPoints;
+	context;
+	constructor(toPoints, settings) {
+		if (toPoints == null) throw new Error("Param 'toPoint' must not be empty.");
+		this.settings = settings ?? {};
+		this.settings.ASPECTS = settings?.ASPECTS ?? DEFAULT_ASPECTS;
+		this.toPoints = toPoints;
+		this.context = this;
+	}
+	/**
+	* Getter for this.toPoints
+	* @see constructor
+	*
+	* @return {Object}
+	*/
+	getToPoints() {
+		return this.toPoints;
+	}
+	/**
+	* Radix aspects
+	*
+	* In radix calculation is the param "points" the same as param "toPoints" in constructor
+	* , but without special points such as: As,Ds, Mc, Ic, ...
+	*
+	* @param {Object} points; {"Sun":[0], "Moon":[90]}
+	*
+	* @return {Array<Object>} [{"aspect":{"name":"conjunction", "degree":120}"", "point":{"name":"Sun", "position":123}, "toPoint":{"name":"Moon", "position":345}, "precision":0.5}]]
+	*/
+	radix(points) {
+		if (points == null) return [];
+		const aspects = [];
+		for (const point in points) if (points.hasOwnProperty(point)) {
+			for (const toPoint in this.toPoints) if (this.toPoints.hasOwnProperty(toPoint)) {
+				if (point !== toPoint) {
+					for (const aspect in this.settings.ASPECTS) if (this.hasAspect(points[point][0], this.toPoints[toPoint][0], this.settings.ASPECTS[aspect])) aspects.push({
+						aspect: {
+							name: aspect,
+							degree: this.settings.ASPECTS[aspect].degree,
+							orbit: this.settings.ASPECTS[aspect].orbit,
+							color: this.settings.ASPECTS[aspect].color
+						},
+						point: {
+							name: point,
+							position: points[point][0]
+						},
+						toPoint: {
+							name: toPoint,
+							position: this.toPoints[toPoint][0]
+						},
+						precision: this.calcPrecision(points[point][0], this.toPoints[toPoint][0], this.settings.ASPECTS[aspect].degree).toFixed(4)
+					});
+				}
+			}
+		}
+		return aspects.sort(this.compareAspectsByPrecision);
+	}
+	/**
+	* Transit aspects
+	*
+	* @param {Object} points - transiting points; {"Sun":[0, 1], "Uranus":[90, -1], "NAME":[ANGLE, SPEED]};
+	* @return {Array<Object>} [{"aspect":{"name":"conjunction", "degree":120}"", "point":{"name":"Sun", "position":123}, "toPoint":{"name":"Moon", "position":345}, "precision":0.5}]]
+	*/
+	transit(points) {
+		if (points == null) return [];
+		const aspects = [];
+		for (const point in points) if (points.hasOwnProperty(point)) {
+			for (const toPoint in this.toPoints) if (this.toPoints.hasOwnProperty(toPoint)) {
+				for (const aspect in this.settings.ASPECTS) if (this.hasAspect(points[point][0], this.toPoints[toPoint][0], this.settings.ASPECTS[aspect])) {
+					let precision = this.calcPrecision(points[point][0], this.toPoints[toPoint][0], this.settings.ASPECTS[aspect].degree);
+					if (this.isTransitPointApproachingToAspect(this.settings.ASPECTS[aspect].degree, this.toPoints[toPoint][0], points[point][0])) precision *= -1;
+					if (points[point][1] && points[point][1] < 0) precision *= -1;
+					aspects.push({
+						aspect: {
+							name: aspect,
+							degree: this.settings.ASPECTS[aspect].degree,
+							orbit: this.settings.ASPECTS[aspect].orbit,
+							color: this.settings.ASPECTS[aspect].color
+						},
+						point: {
+							name: point,
+							position: points[point][0]
+						},
+						toPoint: {
+							name: toPoint,
+							position: this.toPoints[toPoint][0]
+						},
+						precision: precision.toFixed(4)
+					});
+				}
+			}
+		}
+		return aspects.sort(this.compareAspectsByPrecision);
+	}
+	hasAspect(point, toPoint, aspect) {
+		let result = false;
+		let gap = Math.abs(point - toPoint);
+		if (gap > radiansToDegree(Math.PI)) gap = radiansToDegree(2 * Math.PI) - gap;
+		const orbitMin = aspect.degree - aspect.orbit / 2;
+		const orbitMax = aspect.degree + aspect.orbit / 2;
+		if (orbitMin <= gap && gap <= orbitMax) result = true;
+		return result;
+	}
+	calcPrecision(point, toPoint, aspect) {
+		let gap = Math.abs(point - toPoint);
+		if (gap > radiansToDegree(Math.PI)) gap = radiansToDegree(2 * Math.PI) - gap;
+		return Math.abs(gap - aspect);
+	}
+	isTransitPointApproachingToAspect(aspect, toPoint, point) {
+		if (point - toPoint > 0) if (point - toPoint > radiansToDegree(Math.PI)) point = (point + aspect) % radiansToDegree(2 * Math.PI);
+		else toPoint = (toPoint + aspect) % radiansToDegree(2 * Math.PI);
+		else if (toPoint - point > radiansToDegree(Math.PI)) toPoint = (toPoint + aspect) % radiansToDegree(2 * Math.PI);
+		else point = (point + aspect) % radiansToDegree(2 * Math.PI);
+		let _point = point;
+		let _toPoint = toPoint;
+		const difference = _point - _toPoint;
+		if (Math.abs(difference) > radiansToDegree(Math.PI)) {
+			_point = toPoint;
+			_toPoint = point;
+		}
+		return _point - _toPoint < 0;
+	}
+	compareAspectsByPrecision(a, b) {
+		return parseFloat(a.precision) - parseFloat(b.precision);
+	}
+};
+var aspect_default = AspectCalculator;
+
+//#endregion
+//#region src/animation/timer.ts
+var Timer = class {
+	debug;
+	callback;
+	boundTick_;
+	lastGameLoopFrame;
+	requestID_;
+	constructor(callback, debug) {
+		if (typeof callback !== "function") throw new Error("param 'callback' has to be a function.");
+		this.debug = debug;
+		this.callback = callback;
+		this.boundTick_ = this.tick.bind(this);
+	}
+	start() {
+		if (!this.requestID_) {
+			this.lastGameLoopFrame = (/* @__PURE__ */ new Date()).getTime();
+			this.tick();
+			if (this.debug) console.log("[astrology.Timer] start");
+		}
+	}
+	stop() {
+		if (this.requestID_) {
+			window.cancelAnimationFrame(this.requestID_);
+			this.requestID_ = void 0;
+			if (this.debug) console.log("[astrology.Timer] stop");
+		}
+	}
+	isRunning() {
+		return !!this.requestID_;
+	}
+	tick() {
+		const now = (/* @__PURE__ */ new Date()).getTime();
+		this.requestID_ = window.requestAnimationFrame(this.boundTick_);
+		this.callback(now - this.lastGameLoopFrame);
+		this.lastGameLoopFrame = now;
+	}
+};
+var timer_default = Timer;
+
+//#endregion
+//#region src/animation/animator.ts
+/**
+* Transit chart animator
+*
+* Animates the object on a circle.
+*
+* @class
+* @public
+* @constructor
+* @param {Object} from, {"Sun":[12], "Moon":[60]}
+* @param {Object} to, {"Sun":[30], "Moon":[180]}
+* @param {Object} settings, {cx:100, cy:100, radius:200, prefix:"astro-chart-"}
+*/
+var Animator = class {
+	transit;
+	isReverse;
+	rotation;
+	settings;
+	actualPlanetPos;
+	timer;
+	timeSinceLoopStart;
+	context;
+	cuspsElement;
+	data;
+	duration;
+	callback;
+	constructor(transit, settings) {
+		this.transit = transit;
+		this.isReverse = false;
+		this.rotation = 0;
+		this.settings = settings;
+		this.actualPlanetPos = {};
+		for (const planet in this.transit.data.planets) if (this.transit.data.planets.hasOwnProperty(planet)) this.actualPlanetPos[planet] = this.transit.data.planets[planet];
+		this.timer = new timer_default(this.update.bind(this), this.settings.DEBUG);
+		this.timeSinceLoopStart = 0;
+		this.context = this;
+		this.cuspsElement = null;
+	}
+	/**
+	* Animate objects
+	
+	* @param {Object} data, targetPositions
+	* @param {Integer} duration - seconds
+	* @param {boolean} isReverse
+	* @param {Function} callbck - start et the end of animation
+	*/
+	animate(data, duration, isReverse, callback) {
+		this.data = data;
+		this.duration = duration * 1e3;
+		this.isReverse = isReverse || false;
+		this.callback = callback;
+		this.rotation = 0;
+		this.cuspsElement = document.getElementById(this.transit.paper._paperElementId + "-" + this.settings.ID_TRANSIT + "-" + this.settings.ID_CUSPS);
+		this.timer.start();
+	}
+	update(deltaTime) {
+		deltaTime = deltaTime ?? 1;
+		this.timeSinceLoopStart += deltaTime;
+		if (this.timeSinceLoopStart >= this.duration) {
+			this.timer.stop();
+			if (typeof this.callback === "function") this.callback();
+			return;
+		}
+		const expectedNumberOfLoops = this.duration - this.timeSinceLoopStart < deltaTime ? 1 : Math.round((this.duration - this.timeSinceLoopStart) / deltaTime);
+		this.updatePlanets(expectedNumberOfLoops);
+		this.updateCusps(expectedNumberOfLoops);
+	}
+	updateCusps(expectedNumberOfLoops) {
+		const deg360 = radiansToDegree(2 * Math.PI);
+		let targetCuspAngle = this.transit.data.cusps[0] - this.data.cusps[0];
+		if (targetCuspAngle < 0) targetCuspAngle += deg360;
+		if (this.settings.ANIMATION_CUSPS_ROTATION_SPEED > 0) targetCuspAngle += this.isReverse ? -1 * (this.settings.ANIMATION_CUSPS_ROTATION_SPEED * deg360 + deg360) : this.settings.ANIMATION_CUSPS_ROTATION_SPEED * deg360;
+		let difference = this.isReverse ? this.rotation - targetCuspAngle : targetCuspAngle - this.rotation;
+		if (difference < 0) difference += deg360;
+		let increment = difference / expectedNumberOfLoops;
+		if (this.isReverse) increment *= -1;
+		this.rotation += increment;
+		this.cuspsElement.setAttribute("transform", "rotate(" + this.rotation + " " + this.transit.cx + " " + this.transit.cy + ")");
+		if (expectedNumberOfLoops === 1) this.cuspsElement.removeAttribute("transform");
+	}
+	updatePlanets(expectedNumberOfLoops) {
+		for (const planet in this.data.planets) if (this.data.planets.hasOwnProperty(planet)) {
+			const actualPlanetAngle = this.actualPlanetPos[planet][0];
+			const targetPlanetAngle = this.data.planets[planet][0];
+			const isRetrograde = this.actualPlanetPos[planet][1] != null && this.actualPlanetPos[planet][1] < 0;
+			let difference;
+			if (this.isReverse && isRetrograde) difference = targetPlanetAngle - actualPlanetAngle;
+			else if (this.isReverse || isRetrograde) difference = actualPlanetAngle - targetPlanetAngle;
+			else difference = targetPlanetAngle - actualPlanetAngle;
+			if (difference < 0) difference += radiansToDegree(2 * Math.PI);
+			let increment = difference / expectedNumberOfLoops;
+			if (this.isReverse) increment *= -1;
+			if (isRetrograde) increment *= -1;
+			let newPos = actualPlanetAngle + increment;
+			if (newPos < 0) newPos += radiansToDegree(2 * Math.PI);
+			this.actualPlanetPos[planet][0] = newPos;
+		}
+		this.transit.drawPoints(this.actualPlanetPos);
+	}
+};
+var animator_default = Animator;
+
+//#endregion
+//#region src/transit.ts
+/**
+* Transit charts.
+*
+* @class
+* @public
+* @constructor
+* @param {this.settings.Radix} radix
+* @param {Object} data
+*/
+var Transit = class {
+	data;
+	paper;
+	cx;
+	cy;
+	toPoints;
+	radius;
+	settings;
+	rulerRadius;
+	pointRadius;
+	shift;
+	universe;
+	context;
+	locatedPoints;
+	constructor(radix, data, settings) {
+		const status = validate(data);
+		if (status.hasError) throw new Error(status.messages.join(" | "));
+		this.data = data;
+		this.paper = radix.paper;
+		this.cx = radix.cx;
+		this.cy = radix.cy;
+		this.toPoints = radix.toPoints;
+		this.radius = radix.radius;
+		this.settings = settings;
+		this.rulerRadius = this.radius / this.settings.INNER_CIRCLE_RADIUS_RATIO / this.settings.RULER_RADIUS;
+		this.pointRadius = this.radius + (this.radius / this.settings.INNER_CIRCLE_RADIUS_RATIO + this.settings.PADDING * this.settings.SYMBOL_SCALE);
+		this.shift = radix.shift;
+		this.universe = document.createElementNS(this.paper.root.namespaceURI, "g");
+		this.universe.setAttribute("id", this.paper._paperElementId + "-" + this.settings.ID_TRANSIT);
+		this.paper.root.appendChild(this.universe);
+		this.context = this;
+	}
+	/**
+	* Draw background
+	*/
+	drawBg() {
+		const universe = this.universe;
+		const wrapper = getEmptyWrapper(universe, this.paper._paperElementId + "-" + this.settings.ID_BG, this.paper._paperElementId);
+		const hemisphere = this.paper.segment(this.cx, this.cy, this.radius + this.radius / this.settings.INNER_CIRCLE_RADIUS_RATIO, 0, 359.99, this.radius / this.settings.INDOOR_CIRCLE_RADIUS_RATIO, 1);
+		hemisphere.setAttribute("fill", this.settings.STROKE_ONLY ? "none" : this.settings.COLOR_BACKGROUND);
+		wrapper.appendChild(hemisphere);
+	}
+	/**
+	* Draw planets
+	*
+	* @param{undefined | Object} planetsData, posible data planets to draw
+	*/
+	drawPoints(planetsData) {
+		const planets = planetsData == null ? this.data.planets : planetsData;
+		if (planets == null) return;
+		const universe = this.universe;
+		const wrapper = getEmptyWrapper(universe, this.paper._paperElementId + "-" + this.settings.ID_TRANSIT + "-" + this.settings.ID_POINTS, this.paper._paperElementId);
+		(this.radius - (this.radius / this.settings.INNER_CIRCLE_RADIUS_RATIO + this.radius / this.settings.INDOOR_CIRCLE_RADIUS_RATIO) - 2 * (this.settings.PADDING * this.settings.SYMBOL_SCALE)) / Object.keys(planets).length;
+		const pointerRadius = this.radius + this.radius / this.settings.INNER_CIRCLE_RADIUS_RATIO;
+		let startPosition;
+		let endPosition;
+		this.locatedPoints = [];
+		for (const planet in planets) if (planets.hasOwnProperty(planet)) {
+			const position = getPointPosition(this.cx, this.cy, this.pointRadius, planets[planet][0] + this.shift, this.settings);
+			const point = {
+				name: planet,
+				x: position.x,
+				y: position.y,
+				r: this.settings.COLLISION_RADIUS * this.settings.SYMBOL_SCALE,
+				angle: planets[planet][0] + this.shift,
+				pointer: planets[planet][0] + this.shift
+			};
+			this.locatedPoints = assemble(this.locatedPoints, point, {
+				cx: this.cx,
+				cy: this.cy,
+				r: this.pointRadius
+			}, this.settings);
+		}
+		if (this.settings.DEBUG) console.log("Transit count of points: " + this.locatedPoints.length);
+		if (this.settings.DEBUG) console.log("Transit located points:\n" + JSON.stringify(this.locatedPoints));
+		this.locatedPoints.forEach(function(point) {
+			startPosition = getPointPosition(this.cx, this.cy, pointerRadius, planets[point.name][0] + this.shift, this.settings);
+			endPosition = getPointPosition(this.cx, this.cy, pointerRadius + this.rulerRadius / 2, planets[point.name][0] + this.shift, this.settings);
+			const pointer = this.paper.line(startPosition.x, startPosition.y, endPosition.x, endPosition.y);
+			pointer.setAttribute("stroke", this.settings.CIRCLE_COLOR);
+			pointer.setAttribute("stroke-width", this.settings.CUSPS_STROKE * this.settings.SYMBOL_SCALE);
+			wrapper.appendChild(pointer);
+			if (!this.settings.STROKE_ONLY && planets[point.name][0] + this.shift !== point.angle) {
+				startPosition = endPosition;
+				endPosition = getPointPosition(this.cx, this.cy, this.pointRadius - this.settings.COLLISION_RADIUS * this.settings.SYMBOL_SCALE, point.angle, this.settings);
+				const line = this.paper.line(startPosition.x, startPosition.y, endPosition.x, endPosition.y);
+				line.setAttribute("stroke", this.settings.LINE_COLOR);
+				line.setAttribute("stroke-width", .5 * (this.settings.CUSPS_STROKE * this.settings.SYMBOL_SCALE));
+				wrapper.appendChild(line);
+			}
+			const symbol = this.paper.getSymbol(point.name, point.x, point.y);
+			symbol.setAttribute("id", this.paper.root.id + "-" + this.settings.ID_TRANSIT + "-" + this.settings.ID_POINTS + "-" + point.name);
+			wrapper.appendChild(symbol);
+			let textsToShow = [(Math.floor(planets[point.name][0]) % 30).toString()];
+			const zodiac = new zodiac_default(this.data.cusps, this.settings);
+			if (planets[point.name][1] && zodiac.isRetrograde(planets[point.name][1])) textsToShow.push("R");
+			else textsToShow.push("");
+			textsToShow = textsToShow.concat(zodiac.getDignities({
+				name: point.name,
+				position: planets[point.name][0]
+			}, this.settings.DIGNITIES_EXACT_EXALTATION_DEFAULT).join(","));
+			getDescriptionPosition(point, textsToShow, this.settings).forEach(function(dsc) {
+				wrapper.appendChild(this.paper.text(dsc.text, dsc.x, dsc.y, this.settings.POINTS_TEXT_SIZE, this.settings.SIGNS_COLOR));
+			}, this);
+		}, this);
+	}
+	/**
+	* Draw circles
+	*/
+	drawCircles() {
+		const universe = this.universe;
+		const wrapper = getEmptyWrapper(universe, this.paper._paperElementId + "-" + this.settings.ID_TRANSIT + "-" + this.settings.ID_CIRCLES, this.paper._paperElementId);
+		const radius = this.radius + this.radius / this.settings.INNER_CIRCLE_RADIUS_RATIO;
+		const circle = this.paper.circle(this.cx, this.cy, radius);
+		circle.setAttribute("stroke", this.settings.CIRCLE_COLOR);
+		circle.setAttribute("stroke-width", (this.settings.CIRCLE_STRONG * this.settings.SYMBOL_SCALE).toString());
+		wrapper.appendChild(circle);
+	}
+	/**
+	* Draw cusps
+	* @param{undefined | Object} cuspsData, posible data cusps to draw
+	*/
+	drawCusps(cuspsData) {
+		const cusps = cuspsData == null ? this.data.cusps : cuspsData;
+		if (cusps == null) return;
+		const universe = this.universe;
+		const wrapper = getEmptyWrapper(universe, this.paper._paperElementId + "-" + this.settings.ID_TRANSIT + "-" + this.settings.ID_CUSPS, this.paper._paperElementId);
+		const numbersRadius = this.radius + (this.radius / this.settings.INNER_CIRCLE_RADIUS_RATIO - this.rulerRadius) / 2;
+		for (let i = 0, ln = cusps.length; i < ln; i++) {
+			const startPosition = getPointPosition(this.cx, this.cy, this.radius, cusps[i] + this.shift, this.settings);
+			const endPosition = getPointPosition(this.cx, this.cy, this.radius + this.radius / this.settings.INNER_CIRCLE_RADIUS_RATIO - this.rulerRadius, cusps[i] + this.shift, this.settings);
+			const line = this.paper.line(startPosition.x, startPosition.y, endPosition.x, endPosition.y);
+			line.setAttribute("stroke", this.settings.LINE_COLOR);
+			line.setAttribute("stroke-width", (this.settings.CUSPS_STROKE * this.settings.SYMBOL_SCALE).toString());
+			wrapper.appendChild(line);
+			const deg360 = radiansToDegree(2 * Math.PI);
+			const startOfCusp = cusps[i];
+			const endOfCusp = cusps[(i + 1) % 12];
+			const gap = endOfCusp - startOfCusp > 0 ? endOfCusp - startOfCusp : endOfCusp - startOfCusp + deg360;
+			const textPosition = getPointPosition(this.cx, this.cy, numbersRadius, (startOfCusp + gap / 2) % deg360 + this.shift, this.settings);
+			wrapper.appendChild(this.paper.getSymbol((i + 1).toString(), textPosition.x, textPosition.y));
+		}
+	}
+	drawRuler() {
+		const universe = this.universe;
+		const wrapper = getEmptyWrapper(universe, this.paper.root.id + "-" + this.settings.ID_TRANSIT + "-" + this.settings.ID_RULER, this.paper._paperElementId);
+		const startRadius = this.radius + this.radius / this.settings.INNER_CIRCLE_RADIUS_RATIO;
+		getRulerPositions(this.cx, this.cy, startRadius, startRadius - this.rulerRadius, this.shift, this.settings).forEach(function(ray) {
+			const line = this.paper.line(ray.startX, ray.startY, ray.endX, ray.endY);
+			line.setAttribute("stroke", this.settings.CIRCLE_COLOR);
+			line.setAttribute("stroke-width", this.settings.CUSPS_STROKE * this.settings.SYMBOL_SCALE);
+			wrapper.appendChild(line);
+		}, this);
+		const circle = this.paper.circle(this.cx, this.cy, startRadius - this.rulerRadius);
+		circle.setAttribute("stroke", this.settings.CIRCLE_COLOR);
+		circle.setAttribute("stroke-width", (this.settings.CUSPS_STROKE * this.settings.SYMBOL_SCALE).toString());
+		wrapper.appendChild(circle);
+	}
+	/**
+	* Draw aspects
+	* @param{Array<Object> | null} customAspects - posible custom aspects to draw;
+	*/
+	aspects(customAspects) {
+		const aspectsList = customAspects != null && Array.isArray(customAspects) ? customAspects : new aspect_default(this.toPoints, this.settings).transit(this.data.planets);
+		const universe = this.universe;
+		const wrapper = getEmptyWrapper(universe, this.paper.root.id + "-" + this.settings.ID_ASPECTS, this.paper._paperElementId);
+		for (let i = 0, ln = aspectsList.length; i < ln; i++) {
+			const startPoint = getPointPosition(this.cx, this.cy, this.radius / this.settings.INDOOR_CIRCLE_RADIUS_RATIO, aspectsList[i].toPoint.position + this.shift, this.settings);
+			const endPoint = getPointPosition(this.cx, this.cy, this.radius / this.settings.INDOOR_CIRCLE_RADIUS_RATIO, aspectsList[i].point.position + this.shift, this.settings);
+			const line = this.paper.line(startPoint.x, startPoint.y, endPoint.x, endPoint.y);
+			line.setAttribute("stroke", this.settings.STROKE_ONLY ? this.settings.LINE_COLOR : aspectsList[i].aspect.color);
+			line.setAttribute("stroke-width", (this.settings.CUSPS_STROKE * this.settings.SYMBOL_SCALE).toString());
+			line.setAttribute("data-name", aspectsList[i].aspect.name);
+			line.setAttribute("data-degree", aspectsList[i].aspect.degree.toString());
+			line.setAttribute("data-point", aspectsList[i].point.name);
+			line.setAttribute("data-toPoint", aspectsList[i].toPoint.name);
+			line.setAttribute("data-precision", aspectsList[i].precision.toString());
+			wrapper.appendChild(line);
+		}
+		return this.context;
+	}
+	/**
+	* Moves points to another position.
+	*
+	* @param {Object} data - planets target positions.
+	* @param {Integer} duration - in seconds
+	* @param {boolean} isReverse
+	* @param {Function | undefined} callbck - the function executed at the end of animation
+	*/
+	animate(data, duration, isReverse, callback) {
+		const status = validate(data);
+		if (status.hasError) throw new Error(status.messages.join(" | "));
+		getEmptyWrapper(this.universe, this.paper._paperElementId + "-" + this.settings.ID_ASPECTS, this.paper._paperElementId);
+		new animator_default(this.context, this.settings).animate(data, duration, isReverse, function() {
+			this.data = data;
+			this.drawPoints();
+			this.drawCusps();
+			this.aspects();
+			if (typeof callback === "function") callback();
+		}.bind(this));
+		return this.context;
+	}
+};
+var transit_default = Transit;
+
+//#endregion
+//#region src/radix.ts
+/**
+* Radix charts.
+*
+* @class
+* @public
+* @constructor
+* @param {this.settings.SVG} paper
+* @param {int} cx
+* @param {int} cy
+* @param {int} radius
+* @param {Object} data
+*/
+var Radix = class {
+	settings;
+	data;
+	paper;
+	cx;
+	cy;
+	radius;
+	locatedPoints;
+	rulerRadius;
+	pointRadius;
+	toPoints;
+	shift;
+	universe;
+	context;
+	constructor(paper, cx, cy, radius, data, settings) {
+		this.settings = settings;
+		const status = validate(data);
+		if (status.hasError) throw new Error(status.messages.join(" | "));
+		this.data = data;
+		this.paper = paper;
+		this.cx = cx;
+		this.cy = cy;
+		this.radius = radius;
+		this.locatedPoints = [];
+		this.rulerRadius = this.radius / this.settings.INNER_CIRCLE_RADIUS_RATIO / this.settings.RULER_RADIUS;
+		this.pointRadius = this.radius - (this.radius / this.settings.INNER_CIRCLE_RADIUS_RATIO + 2 * this.rulerRadius + this.settings.PADDING * this.settings.SYMBOL_SCALE);
+		this.toPoints = JSON.parse(JSON.stringify(this.data.planets));
+		this.shift = 0;
+		if (this.data.cusps && this.data.cusps[0]) this.shift = radiansToDegree(2 * Math.PI) - this.data.cusps[0];
+		const divisionForAspects = document.createElementNS(this.paper.root.namespaceURI, "g");
+		divisionForAspects.setAttribute("id", this.paper.root.id + "-" + this.settings.ID_ASPECTS);
+		this.paper.root.appendChild(divisionForAspects);
+		this.universe = document.createElementNS(this.paper.root.namespaceURI, "g");
+		this.universe.setAttribute("id", this.paper.root.id + "-" + this.settings.ID_RADIX);
+		this.paper.root.appendChild(this.universe);
+		this.context = this;
+	}
+	/**
+	* Draw background
+	*/
+	drawBg() {
+		const universe = this.universe;
+		const wrapper = getEmptyWrapper(universe, this.paper.root.id + "-" + this.settings.ID_BG, this.paper.root.id);
+		const hemisphere = this.paper.segment(this.cx, this.cy, this.radius - this.radius / this.settings.INNER_CIRCLE_RADIUS_RATIO, 0, 359.99, this.radius / this.settings.INDOOR_CIRCLE_RADIUS_RATIO, 1);
+		hemisphere.setAttribute("fill", this.settings.STROKE_ONLY ? "none" : this.settings.COLOR_BACKGROUND);
+		wrapper.appendChild(hemisphere);
+	}
+	/**
+	* Draw universe.
+	*/
+	drawUniverse() {
+		const universe = this.universe;
+		const wrapper = getEmptyWrapper(universe, this.paper.root.id + "-" + this.settings.ID_RADIX + "-" + this.settings.ID_SIGNS, this.paper.root.id);
+		for (let i = 0, step = 30, start = this.shift, len = this.settings.COLORS_SIGNS.length; i < len; i++) {
+			const segment = this.paper.segment(this.cx, this.cy, this.radius, start, start + step, this.radius - this.radius / this.settings.INNER_CIRCLE_RADIUS_RATIO);
+			segment.setAttribute("fill", this.settings.STROKE_ONLY ? "none" : this.settings.COLORS_SIGNS[i]);
+			segment.setAttribute("id", this.paper.root.id + "-" + this.settings.ID_RADIX + "-" + this.settings.ID_SIGNS + "-" + i);
+			segment.setAttribute("stroke", this.settings.STROKE_ONLY ? this.settings.CIRCLE_COLOR : "none");
+			segment.setAttribute("stroke-width", this.settings.STROKE_ONLY ? "1" : "0");
+			wrapper.appendChild(segment);
+			start += step;
+		}
+		for (let i = 0, step = 30, start = 15 + this.shift, len = this.settings.SYMBOL_SIGNS.length; i < len; i++) {
+			const position = getPointPosition(this.cx, this.cy, this.radius - this.radius / this.settings.INNER_CIRCLE_RADIUS_RATIO / 2, start, this.settings);
+			wrapper.appendChild(this.paper.getSymbol(this.settings.SYMBOL_SIGNS[i], position.x, position.y));
+			start += step;
+		}
+	}
+	/**
+	* Draw points
+	*/
+	drawPoints() {
+		if (this.data.planets == null) return;
+		const universe = this.universe;
+		const wrapper = getEmptyWrapper(universe, this.paper.root.id + "-" + this.settings.ID_RADIX + "-" + this.settings.ID_POINTS, this.paper.root.id);
+		(this.radius - (this.radius / this.settings.INNER_CIRCLE_RADIUS_RATIO + this.radius / this.settings.INDOOR_CIRCLE_RADIUS_RATIO) - 2 * (this.settings.PADDING * this.settings.SYMBOL_SCALE)) / Object.keys(this.data.planets).length;
+		const pointerRadius = this.radius - (this.radius / this.settings.INNER_CIRCLE_RADIUS_RATIO + this.rulerRadius);
+		let startPosition;
+		let endPosition;
+		for (const planet in this.data.planets) if (this.data.planets.hasOwnProperty(planet)) {
+			const position = getPointPosition(this.cx, this.cy, this.pointRadius, this.data.planets[planet][0] + this.shift, this.settings);
+			const point = {
+				name: planet,
+				x: position.x,
+				y: position.y,
+				r: this.settings.COLLISION_RADIUS * this.settings.SYMBOL_SCALE,
+				angle: this.data.planets[planet][0] + this.shift,
+				pointer: this.data.planets[planet][0] + this.shift
+			};
+			this.locatedPoints = assemble(this.locatedPoints, point, {
+				cx: this.cx,
+				cy: this.cy,
+				r: this.pointRadius
+			}, this.settings);
+		}
+		if (this.settings.DEBUG) console.log("Radix count of points: " + this.locatedPoints.length);
+		if (this.settings.DEBUG) console.log("Radix located points:\n" + JSON.stringify(this.locatedPoints));
+		this.locatedPoints.forEach(function(point) {
+			startPosition = getPointPosition(this.cx, this.cy, pointerRadius, this.data.planets[point.name][0] + this.shift, this.settings);
+			endPosition = getPointPosition(this.cx, this.cy, pointerRadius - this.rulerRadius / 2, this.data.planets[point.name][0] + this.shift, this.settings);
+			const pointer = this.paper.line(startPosition.x, startPosition.y, endPosition.x, endPosition.y);
+			pointer.setAttribute("stroke", this.settings.CIRCLE_COLOR);
+			pointer.setAttribute("stroke-width", this.settings.CUSPS_STROKE * this.settings.SYMBOL_SCALE);
+			wrapper.appendChild(pointer);
+			if (!this.settings.STROKE_ONLY && this.data.planets[point.name][0] + this.shift !== point.angle) {
+				startPosition = endPosition;
+				endPosition = getPointPosition(this.cx, this.cy, this.pointRadius + this.settings.COLLISION_RADIUS * this.settings.SYMBOL_SCALE, point.angle, this.settings);
+				const line = this.paper.line(startPosition.x, startPosition.y, endPosition.x, endPosition.y);
+				line.setAttribute("stroke", this.settings.LINE_COLOR);
+				line.setAttribute("stroke-width", .5 * (this.settings.CUSPS_STROKE * this.settings.SYMBOL_SCALE));
+				wrapper.appendChild(line);
+			}
+			const symbol = this.paper.getSymbol(point.name, point.x, point.y);
+			symbol.setAttribute("id", this.paper.root.id + "-" + this.settings.ID_RADIX + "-" + this.settings.ID_POINTS + "-" + point.name);
+			wrapper.appendChild(symbol);
+			let textsToShow = [(Math.floor(this.data.planets[point.name][0]) % 30).toString()];
+			const zodiac = new zodiac_default(this.data.cusps, this.settings);
+			if (this.data.planets[point.name][1] && zodiac.isRetrograde(this.data.planets[point.name][1])) textsToShow.push("R");
+			else textsToShow.push("");
+			if (this.settings.SHOW_DIGNITIES_TEXT) textsToShow = textsToShow.concat(zodiac.getDignities({
+				name: point.name,
+				position: this.data.planets[point.name][0]
+			}, this.settings.DIGNITIES_EXACT_EXALTATION_DEFAULT).join(","));
+			getDescriptionPosition(point, textsToShow, this.settings).forEach(function(dsc) {
+				wrapper.appendChild(this.paper.text(dsc.text, dsc.x, dsc.y, this.settings.POINTS_TEXT_SIZE, this.settings.SIGNS_COLOR));
+			}, this);
+		}, this);
+	}
+	drawAxis() {
+		if (this.data.cusps == null) return;
+		const universe = this.universe;
+		const wrapper = getEmptyWrapper(universe, this.paper.root.id + "-" + this.settings.ID_RADIX + "-" + this.settings.ID_AXIS, this.paper.root.id);
+		const axisRadius = this.radius + this.radius / this.settings.INNER_CIRCLE_RADIUS_RATIO / 4;
+		const AS = 0;
+		const IC = 3;
+		const DC = 6;
+		const MC = 9;
+		let overlapLine;
+		let startPosition;
+		let endPosition;
+		[
+			AS,
+			IC,
+			DC,
+			MC
+		].forEach(function(i) {
+			let textPosition;
+			startPosition = getPointPosition(this.cx, this.cy, this.radius, this.data.cusps[i] + this.shift, this.settings);
+			endPosition = getPointPosition(this.cx, this.cy, axisRadius, this.data.cusps[i] + this.shift, this.settings);
+			overlapLine = this.paper.line(startPosition.x, startPosition.y, endPosition.x, endPosition.y);
+			overlapLine.setAttribute("stroke", this.settings.LINE_COLOR);
+			overlapLine.setAttribute("stroke-width", this.settings.SYMBOL_AXIS_STROKE * this.settings.SYMBOL_SCALE);
+			wrapper.appendChild(overlapLine);
+			if (i === AS) {
+				textPosition = getPointPosition(this.cx, this.cy, axisRadius + 20 * this.settings.SYMBOL_SCALE, this.data.cusps[i] + this.shift, this.settings);
+				wrapper.appendChild(this.paper.getSymbol(this.settings.SYMBOL_AS, textPosition.x, textPosition.y));
+			}
+			if (i === DC) {
+				textPosition = getPointPosition(this.cx, this.cy, axisRadius + 2 * this.settings.SYMBOL_SCALE, this.data.cusps[i] + this.shift, this.settings);
+				wrapper.appendChild(this.paper.getSymbol(this.settings.SYMBOL_DS, textPosition.x, textPosition.y));
+			}
+			if (i === IC) {
+				textPosition = getPointPosition(this.cx, this.cy, axisRadius + 10 * this.settings.SYMBOL_SCALE, this.data.cusps[i] - 2 + this.shift, this.settings);
+				wrapper.appendChild(this.paper.getSymbol(this.settings.SYMBOL_IC, textPosition.x, textPosition.y));
+			}
+			if (i === MC) {
+				textPosition = getPointPosition(this.cx, this.cy, axisRadius + 10 * this.settings.SYMBOL_SCALE, this.data.cusps[i] + 2 + this.shift, this.settings);
+				wrapper.appendChild(this.paper.getSymbol(this.settings.SYMBOL_MC, textPosition.x, textPosition.y));
+			}
+		}, this);
+	}
+	/**
+	* Draw cusps
+	*/
+	drawCusps() {
+		if (this.data.cusps == null) return;
+		let lines;
+		const universe = this.universe;
+		const wrapper = getEmptyWrapper(universe, this.paper.root.id + "-" + this.settings.ID_RADIX + "-" + this.settings.ID_CUSPS, this.paper.root.id);
+		const numbersRadius = this.radius / this.settings.INDOOR_CIRCLE_RADIUS_RATIO + this.settings.COLLISION_RADIUS * this.settings.SYMBOL_SCALE;
+		const mainAxis = [
+			0,
+			3,
+			6,
+			9
+		];
+		for (let i = 0, ln = this.data.cusps.length; i < ln; i++) {
+			lines = getDashedLinesPositions(this.cx, this.cy, this.data.cusps[i] + this.shift, this.radius / this.settings.INDOOR_CIRCLE_RADIUS_RATIO, this.radius - (this.radius / this.settings.INNER_CIRCLE_RADIUS_RATIO + this.rulerRadius), this.pointRadius, this.locatedPoints, this.settings);
+			lines.forEach(function(line) {
+				const newLine = this.paper.line(line.startX, line.startY, line.endX, line.endY);
+				newLine.setAttribute("stroke", this.settings.LINE_COLOR);
+				if (mainAxis.includes(i)) newLine.setAttribute("stroke-width", this.settings.SYMBOL_AXIS_STROKE * this.settings.SYMBOL_SCALE);
+				else newLine.setAttribute("stroke-width", this.settings.CUSPS_STROKE * this.settings.SYMBOL_SCALE);
+				wrapper.appendChild(newLine);
+			}, this);
+			const deg360 = radiansToDegree(2 * Math.PI);
+			const startOfCusp = this.data.cusps[i];
+			const endOfCusp = this.data.cusps[(i + 1) % 12];
+			const gap = endOfCusp - startOfCusp > 0 ? endOfCusp - startOfCusp : endOfCusp - startOfCusp + deg360;
+			const textPosition = getPointPosition(this.cx, this.cy, numbersRadius, (startOfCusp + gap / 2) % deg360 + this.shift, this.settings);
+			wrapper.appendChild(this.paper.getSymbol((i + 1).toString(), textPosition.x, textPosition.y));
+		}
+	}
+	/**
+	* Draw aspects
+	* @param{Array<Object> | null} customAspects - posible custom aspects to draw;
+	*/
+	aspects(customAspects) {
+		const aspectsList = customAspects != null && Array.isArray(customAspects) ? customAspects : new aspect_default(this.toPoints, this.settings).radix(this.data.planets);
+		const universe = this.universe;
+		const wrapper = getEmptyWrapper(universe, this.paper.root.id + "-" + this.settings.ID_ASPECTS, this.paper.root.id);
+		const duplicateCheck = [];
+		for (let i = 0, ln = aspectsList.length; i < ln; i++) {
+			const key = aspectsList[i].aspect.name + "-" + aspectsList[i].point.name + "-" + aspectsList[i].toPoint.name;
+			const opositeKey = aspectsList[i].aspect.name + "-" + aspectsList[i].toPoint.name + "-" + aspectsList[i].point.name;
+			if (!duplicateCheck.includes(opositeKey)) {
+				duplicateCheck.push(key);
+				const startPoint = getPointPosition(this.cx, this.cy, this.radius / this.settings.INDOOR_CIRCLE_RADIUS_RATIO, aspectsList[i].toPoint.position + this.shift, this.settings);
+				const endPoint = getPointPosition(this.cx, this.cy, this.radius / this.settings.INDOOR_CIRCLE_RADIUS_RATIO, aspectsList[i].point.position + this.shift, this.settings);
+				const line = this.paper.line(startPoint.x, startPoint.y, endPoint.x, endPoint.y);
+				line.setAttribute("stroke", this.settings.STROKE_ONLY ? this.settings.LINE_COLOR : aspectsList[i].aspect.color);
+				line.setAttribute("stroke-width", (this.settings.CUSPS_STROKE * this.settings.SYMBOL_SCALE).toString());
+				line.setAttribute("data-name", aspectsList[i].aspect.name);
+				line.setAttribute("data-degree", aspectsList[i].aspect.degree.toString());
+				line.setAttribute("data-point", aspectsList[i].point.name);
+				line.setAttribute("data-toPoint", aspectsList[i].toPoint.name);
+				line.setAttribute("data-precision", aspectsList[i].precision.toString());
+				wrapper.appendChild(line);
+			}
+		}
+		return this.context;
+	}
+	/**
+	* Add points of interest for aspects calculation
+	* @param {Obect} points, {"As":[0],"Ic":[90],"Ds":[180],"Mc":[270]}
+	* @see (this.settings.AspectCalculator( toPoints) )
+	*/
+	addPointsOfInterest(points) {
+		for (const point in points) if (points.hasOwnProperty(point)) this.toPoints[point] = points[point];
+		return this.context;
+	}
+	drawRuler() {
+		const universe = this.universe;
+		const wrapper = getEmptyWrapper(universe, this.paper.root.id + "-" + this.settings.ID_RADIX + "-" + this.settings.ID_RULER, this.paper.root.id);
+		const startRadius = this.radius - (this.radius / this.settings.INNER_CIRCLE_RADIUS_RATIO + this.rulerRadius);
+		getRulerPositions(this.cx, this.cy, startRadius, startRadius + this.rulerRadius, this.shift, this.settings).forEach(function(ray) {
+			const line = this.paper.line(ray.startX, ray.startY, ray.endX, ray.endY);
+			line.setAttribute("stroke", this.settings.CIRCLE_COLOR);
+			line.setAttribute("stroke-width", this.settings.CUSPS_STROKE * this.settings.SYMBOL_SCALE);
+			wrapper.appendChild(line);
+		}, this);
+		const circle = this.paper.circle(this.cx, this.cy, startRadius);
+		circle.setAttribute("stroke", this.settings.CIRCLE_COLOR);
+		circle.setAttribute("stroke-width", (this.settings.CUSPS_STROKE * this.settings.SYMBOL_SCALE).toString());
+		wrapper.appendChild(circle);
+	}
+	/**
+	* Draw circles
+	*/
+	drawCircles() {
+		const universe = this.universe;
+		const wrapper = getEmptyWrapper(universe, this.paper.root.id + "-" + this.settings.ID_RADIX + "-" + this.settings.ID_CIRCLES, this.paper.root.id);
+		let circle = this.paper.circle(this.cx, this.cy, this.radius / this.settings.INDOOR_CIRCLE_RADIUS_RATIO);
+		circle.setAttribute("stroke", this.settings.CIRCLE_COLOR);
+		circle.setAttribute("stroke-width", (this.settings.CIRCLE_STRONG * this.settings.SYMBOL_SCALE).toString());
+		wrapper.appendChild(circle);
+		circle = this.paper.circle(this.cx, this.cy, this.radius);
+		circle.setAttribute("stroke", this.settings.CIRCLE_COLOR);
+		circle.setAttribute("stroke-width", (this.settings.CIRCLE_STRONG * this.settings.SYMBOL_SCALE).toString());
+		wrapper.appendChild(circle);
+		circle = this.paper.circle(this.cx, this.cy, this.radius - this.radius / this.settings.INNER_CIRCLE_RADIUS_RATIO);
+		circle.setAttribute("stroke", this.settings.CIRCLE_COLOR);
+		circle.setAttribute("stroke-width", (this.settings.CIRCLE_STRONG * this.settings.SYMBOL_SCALE).toString());
+		wrapper.appendChild(circle);
+	}
+	/**
+	* Display transit horoscope
+	*
+	* @param {Object} data
+	* @example
+	*  {
+	*    "planets":{"Moon":[0], "Sun":[30],  ... },
+	*    "cusps":[300, 340, 30, 60, 75, 90, 116, 172, 210, 236, 250, 274],  *
+	*  }
+	*
+	* @return {Transit} transit
+	*/
+	transit(data) {
+		getEmptyWrapper(this.universe, this.paper.root.id + "-" + this.settings.ID_RADIX + "-" + this.settings.ID_AXIS, this.paper.root.id);
+		const transit = new transit_default(this.context, data, this.settings);
+		transit.drawBg();
+		transit.drawPoints();
+		transit.drawCusps();
+		transit.drawRuler();
+		transit.drawCircles();
+		return transit;
+	}
+};
+var radix_default = Radix;
+
+//#endregion
+//#region src/svg.ts
+/**
+* SVG tools.
+*
+* @class
+* @public
+* @constructor
+* @param {String} elementId - root DOM Element
+* @param {int} width
+* @param {int} height
+*/
+var SVG = class {
+	settings;
+	_paperElementId;
+	DOMElement;
+	root;
+	width;
+	height;
+	context;
+	constructor(elementId, width, height, settings) {
+		this.settings = settings;
+		const rootElement = document.getElementById(elementId);
+		if (rootElement == null) throw new Error("Root element not found");
+		const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+		svg.setAttributeNS("http://www.w3.org/2000/xmlns/", "xmlns:xlink", "http://www.w3.org/1999/xlink");
+		svg.setAttribute("style", "position: relative; overflow: hidden;");
+		svg.setAttribute("version", "1.1");
+		svg.setAttribute("width", width.toString());
+		svg.setAttribute("height", height.toString());
+		svg.setAttribute("viewBox", "0 0 " + width + " " + height);
+		rootElement.appendChild(svg);
+		this._paperElementId = elementId + "-" + this.settings.ID_CHART;
+		const wrapper = document.createElementNS(svg.namespaceURI, "g");
+		wrapper.setAttribute("id", this._paperElementId);
+		svg.appendChild(wrapper);
+		this.DOMElement = svg;
+		this.root = wrapper;
+		this.width = width;
+		this.height = height;
+		this.context = this;
+	}
+	_getSymbol(name, x, y) {
+		switch (name) {
+			case this.settings.SYMBOL_SUN: return this.sun(x, y);
+			case this.settings.SYMBOL_MOON: return this.moon(x, y);
+			case this.settings.SYMBOL_MERCURY: return this.mercury(x, y);
+			case this.settings.SYMBOL_VENUS: return this.venus(x, y);
+			case this.settings.SYMBOL_MARS: return this.mars(x, y);
+			case this.settings.SYMBOL_JUPITER: return this.jupiter(x, y);
+			case this.settings.SYMBOL_SATURN: return this.saturn(x, y);
+			case this.settings.SYMBOL_URANUS: return this.uranus(x, y);
+			case this.settings.SYMBOL_NEPTUNE: return this.neptune(x, y);
+			case this.settings.SYMBOL_PLUTO: return this.pluto(x, y);
+			case this.settings.SYMBOL_CHIRON: return this.chiron(x, y);
+			case this.settings.SYMBOL_LILITH: return this.lilith(x, y);
+			case this.settings.SYMBOL_NNODE: return this.nnode(x, y);
+			case this.settings.SYMBOL_SNODE: return this.snode(x, y);
+			case this.settings.SYMBOL_FORTUNE: return this.fortune(x, y);
+			case this.settings.SYMBOL_ARIES: return this.aries(x, y);
+			case this.settings.SYMBOL_TAURUS: return this.taurus(x, y);
+			case this.settings.SYMBOL_GEMINI: return this.gemini(x, y);
+			case this.settings.SYMBOL_CANCER: return this.cancer(x, y);
+			case this.settings.SYMBOL_LEO: return this.leo(x, y);
+			case this.settings.SYMBOL_VIRGO: return this.virgo(x, y);
+			case this.settings.SYMBOL_LIBRA: return this.libra(x, y);
+			case this.settings.SYMBOL_SCORPIO: return this.scorpio(x, y);
+			case this.settings.SYMBOL_SAGITTARIUS: return this.sagittarius(x, y);
+			case this.settings.SYMBOL_CAPRICORN: return this.capricorn(x, y);
+			case this.settings.SYMBOL_AQUARIUS: return this.aquarius(x, y);
+			case this.settings.SYMBOL_PISCES: return this.pisces(x, y);
+			case this.settings.SYMBOL_AS: return this.ascendant(x, y);
+			case this.settings.SYMBOL_DS: return this.descendant(x, y);
+			case this.settings.SYMBOL_MC: return this.mediumCoeli(x, y);
+			case this.settings.SYMBOL_IC: return this.immumCoeli(x, y);
+			case this.settings.SYMBOL_CUSP_1: return this.number1(x, y);
+			case this.settings.SYMBOL_CUSP_2: return this.number2(x, y);
+			case this.settings.SYMBOL_CUSP_3: return this.number3(x, y);
+			case this.settings.SYMBOL_CUSP_4: return this.number4(x, y);
+			case this.settings.SYMBOL_CUSP_5: return this.number5(x, y);
+			case this.settings.SYMBOL_CUSP_6: return this.number6(x, y);
+			case this.settings.SYMBOL_CUSP_7: return this.number7(x, y);
+			case this.settings.SYMBOL_CUSP_8: return this.number8(x, y);
+			case this.settings.SYMBOL_CUSP_9: return this.number9(x, y);
+			case this.settings.SYMBOL_CUSP_10: return this.number10(x, y);
+			case this.settings.SYMBOL_CUSP_11: return this.number11(x, y);
+			case this.settings.SYMBOL_CUSP_12: return this.number12(x, y);
+			default: {
+				const unknownPoint = this.circle(x, y, 8);
+				unknownPoint.setAttribute("stroke", "#ffff00");
+				unknownPoint.setAttribute("stroke-width", "1");
+				unknownPoint.setAttribute("fill", "#ff0000");
+				return unknownPoint;
+			}
+		}
+	}
+	/**
+	* Get a required symbol.
+	*
+	* @param {String} name
+	* @param {int} x
+	* @param {int} y
+	*
+	* @return {SVGElement g}
+	*/
+	getSymbol(name, x, y) {
+		if (this.settings.CUSTOM_SYMBOL_FN == null) return this._getSymbol(name, x, y);
+		const symbol = this.settings.CUSTOM_SYMBOL_FN(name, x, y, this.context);
+		if (symbol == null || symbol === void 0) return this._getSymbol(name, x, y);
+		return symbol;
+	}
+	/**
+	* Create transparent rectangle.
+	*
+	* Used to improve area click, @see this.settings.ADD_CLICK_AREA
+	*
+	* @param {Number} x
+	* @param {Number} y
+	*
+	* @return {Element} rect
+	*/
+	createRectForClick(x, y) {
+		const rect = document.createElementNS(this.context.root.namespaceURI, "rect");
+		rect.setAttribute("x", (x - this.settings.SIGNS_STROKE).toString());
+		rect.setAttribute("y", (y - this.settings.SIGNS_STROKE).toString());
+		rect.setAttribute("width", "20px");
+		rect.setAttribute("height", "20px");
+		rect.setAttribute("fill", "transparent");
+		return rect;
+	}
+	/**
+	* Get ID for sign wrapper.
+	*
+	* @param {String} sign
+	*
+	* @return {String id}
+	*/
+	getSignWrapperId(sign) {
+		return this._paperElementId + "-" + this.settings.ID_RADIX + "-" + this.settings.ID_SIGNS + "-" + sign;
+	}
+	/**
+	* Get ID for house wrapper.
+	*
+	* @param {String} house
+	*
+	* @return {String id}
+	*/
+	getHouseIdWrapper(house) {
+		return this._paperElementId + "-" + this.settings.ID_RADIX + "-" + this.settings.ID_CUSPS + "-" + house;
+	}
+	sun(x, y) {
+		const xShift = -1;
+		const yShift = -8;
+		x = Math.round(x + xShift * this.settings.SYMBOL_SCALE);
+		y = Math.round(y + yShift * this.settings.SYMBOL_SCALE);
+		const wrapper = document.createElementNS(this.context.root.namespaceURI, "g");
+		wrapper.setAttribute("transform", "translate(" + -x * (this.settings.SYMBOL_SCALE - 1) + "," + -y * (this.settings.SYMBOL_SCALE - 1) + ") scale(" + this.settings.SYMBOL_SCALE + ")");
+		const node = document.createElementNS(this.context.root.namespaceURI, "path");
+		node.setAttribute("d", "m" + x + ", " + y + " -2.18182,0.727268 -2.181819,1.454543 -1.454552,2.18182 -0.727268,2.181819 0,2.181819 0.727268,2.181819 1.454552,2.18182 2.181819,1.454544 2.18182,0.727276 2.18181,0 2.18182,-0.727276 2.181819,-1.454544 1.454552,-2.18182 0.727268,-2.181819 0,-2.181819 -0.727268,-2.181819 -1.454552,-2.18182 -2.181819,-1.454543 -2.18182,-0.727268 -2.18181,0 m 0.727267,6.54545 -0.727267,0.727276 0,0.727275 0.727267,0.727268 0.727276,0 0.727267,-0.727268 0,-0.727275 -0.727267,-0.727276 -0.727276,0 m 0,0.727276 0,0.727275 0.727276,0 0,-0.727275 -0.727276,0");
+		node.setAttribute("stroke", this.settings.POINTS_COLOR);
+		node.setAttribute("stroke-width", this.settings.POINTS_STROKE.toString());
+		node.setAttribute("fill", "none");
+		wrapper.appendChild(node);
+		return wrapper;
+	}
+	moon(x, y) {
+		const xShift = -2;
+		const yShift = -7;
+		x = Math.round(x + xShift * this.settings.SYMBOL_SCALE);
+		y = Math.round(y + yShift * this.settings.SYMBOL_SCALE);
+		const wrapper = document.createElementNS(this.context.root.namespaceURI, "g");
+		wrapper.setAttribute("transform", "translate(" + -x * (this.settings.SYMBOL_SCALE - 1) + "," + -y * (this.settings.SYMBOL_SCALE - 1) + ") scale(" + this.settings.SYMBOL_SCALE + ")");
+		const node = document.createElementNS(this.context.root.namespaceURI, "path");
+		node.setAttribute("d", "m" + x + ", " + y + " a 7.4969283,7.4969283 0 0 1 0,14.327462 7.4969283,7.4969283 0 1 0 0,-14.327462 z");
+		node.setAttribute("stroke", this.settings.POINTS_COLOR);
+		node.setAttribute("stroke-width", this.settings.POINTS_STROKE.toString());
+		node.setAttribute("fill", "none");
+		wrapper.appendChild(node);
+		return wrapper;
+	}
+	mercury(x, y) {
+		const xShift = -2;
+		const yShift = 7;
+		x = Math.round(x + xShift * this.settings.SYMBOL_SCALE);
+		y = Math.round(y + yShift * this.settings.SYMBOL_SCALE);
+		const wrapper = document.createElementNS(this.context.root.namespaceURI, "g");
+		wrapper.setAttribute("transform", "translate(" + -x * (this.settings.SYMBOL_SCALE - 1) + "," + -y * (this.settings.SYMBOL_SCALE - 1) + ") scale(" + this.settings.SYMBOL_SCALE + ")");
+		const body = document.createElementNS(this.context.root.namespaceURI, "path");
+		body.setAttribute("d", "m" + x + ", " + y + " 4.26011,0 m -2.13005,-2.98207 0,5.11213 m 4.70312,-9.7983 a 4.70315,4.70315 0 0 1 -4.70315,4.70314 4.70315,4.70315 0 0 1 -4.70314,-4.70314 4.70315,4.70315 0 0 1 4.70314,-4.70315 4.70315,4.70315 0 0 1 4.70315,4.70315 z");
+		body.setAttribute("stroke", this.settings.POINTS_COLOR);
+		body.setAttribute("stroke-width", this.settings.POINTS_STROKE.toString());
+		body.setAttribute("fill", "none");
+		wrapper.appendChild(body);
+		const crownXShift = 6;
+		const crownYShift = -16;
+		const crown = document.createElementNS(this.context.root.namespaceURI, "path");
+		crown.setAttribute("d", "m" + (x + crownXShift) + ", " + (y + crownYShift) + " a 3.9717855,3.9717855 0 0 1 -3.95541,3.59054 3.9717855,3.9717855 0 0 1 -3.95185,-3.59445");
+		crown.setAttribute("stroke", this.settings.POINTS_COLOR);
+		crown.setAttribute("stroke-width", this.settings.POINTS_STROKE.toString());
+		crown.setAttribute("fill", "none");
+		wrapper.appendChild(crown);
+		return wrapper;
+	}
+	venus(x, y) {
+		const xShift = 2;
+		const yShift = 7;
+		x = Math.round(x + xShift * this.settings.SYMBOL_SCALE);
+		y = Math.round(y + yShift * this.settings.SYMBOL_SCALE);
+		const wrapper = document.createElementNS(this.context.root.namespaceURI, "g");
+		wrapper.setAttribute("transform", "translate(" + -x * (this.settings.SYMBOL_SCALE - 1) + "," + -y * (this.settings.SYMBOL_SCALE - 1) + ") scale(" + this.settings.SYMBOL_SCALE + ")");
+		const node = document.createElementNS(this.context.root.namespaceURI, "path");
+		node.setAttribute("d", "m" + x + ", " + y + " -4.937669,0.03973 m 2.448972,2.364607 0,-5.79014 c -3.109546,-0.0085 -5.624617,-2.534212 -5.620187,-5.64208 0.0044,-3.107706 2.526514,-5.621689 5.635582,-5.621689 3.109068,0 5.631152,2.513983 5.635582,5.621689 0.0044,3.107868 -2.510641,5.633586 -5.620187,5.64208");
+		node.setAttribute("stroke", this.settings.POINTS_COLOR);
+		node.setAttribute("stroke-width", this.settings.POINTS_STROKE.toString());
+		node.setAttribute("fill", "none");
+		wrapper.appendChild(node);
+		return wrapper;
+	}
+	mars(x, y) {
+		const xShift = 2;
+		const yShift = -2;
+		x = Math.round(x + xShift * this.settings.SYMBOL_SCALE);
+		y = Math.round(y + yShift * this.settings.SYMBOL_SCALE);
+		const wrapper = document.createElementNS(this.context.root.namespaceURI, "g");
+		wrapper.setAttribute("transform", "translate(" + -x * (this.settings.SYMBOL_SCALE - 1) + "," + -y * (this.settings.SYMBOL_SCALE - 1) + ") scale(" + this.settings.SYMBOL_SCALE + ")");
+		const node = document.createElementNS(this.context.root.namespaceURI, "path");
+		node.setAttribute("d", "m" + x + ", " + y + " c -5.247438,-4.150623 -11.6993,3.205518 -7.018807,7.886007 4.680494,4.680488 12.036628,-1.771382 7.885999,-7.018816 z m 0,0 0.433597,0.433595 3.996566,-4.217419 m -3.239802,-0.05521 3.295015,0 0.110427,3.681507");
+		node.setAttribute("stroke", this.settings.POINTS_COLOR);
+		node.setAttribute("stroke-width", this.settings.POINTS_STROKE.toString());
+		node.setAttribute("fill", "none");
+		wrapper.appendChild(node);
+		return wrapper;
+	}
+	jupiter(x, y) {
+		const xShift = -5;
+		const yShift = -2;
+		x = Math.round(x + xShift * this.settings.SYMBOL_SCALE);
+		y = Math.round(y + yShift * this.settings.SYMBOL_SCALE);
+		const wrapper = document.createElementNS(this.context.root.namespaceURI, "g");
+		wrapper.setAttribute("transform", "translate(" + -x * (this.settings.SYMBOL_SCALE - 1) + "," + -y * (this.settings.SYMBOL_SCALE - 1) + ") scale(" + this.settings.SYMBOL_SCALE + ")");
+		const node = document.createElementNS(this.context.root.namespaceURI, "path");
+		node.setAttribute("d", "m" + x + ", " + y + " c -0.43473,0 -1.30422,-0.40572 -1.30422,-2.02857 0,-1.62285 1.73897,-3.2457 3.47792,-3.2457 1.73897,0 3.47792,1.21715 3.47792,4.05713 0,2.83999 -2.1737,7.30283 -6.52108,7.30283 m 12.17269,0 -12.60745,0 m 9.99902,-11.76567 0,15.82279");
+		node.setAttribute("stroke", this.settings.POINTS_COLOR);
+		node.setAttribute("stroke-width", this.settings.POINTS_STROKE.toString());
+		node.setAttribute("fill", "none");
+		wrapper.appendChild(node);
+		if (this.settings.ADD_CLICK_AREA) wrapper.appendChild(this.createRectForClick(x, y - 3));
+		return wrapper;
+	}
+	saturn(x, y) {
+		const xShift = 5;
+		const yShift = 10;
+		x = Math.round(x + xShift * this.settings.SYMBOL_SCALE);
+		y = Math.round(y + yShift * this.settings.SYMBOL_SCALE);
+		const wrapper = document.createElementNS(this.context.root.namespaceURI, "g");
+		wrapper.setAttribute("transform", "translate(" + -x * (this.settings.SYMBOL_SCALE - 1) + "," + -y * (this.settings.SYMBOL_SCALE - 1) + ") scale(" + this.settings.SYMBOL_SCALE + ")");
+		const node = document.createElementNS(this.context.root.namespaceURI, "path");
+		node.setAttribute("d", "m" + x + ", " + y + " c -0.52222,0.52221 -1.04445,1.04444 -1.56666,1.04444 -0.52222,0 -1.56667,-0.52223 -1.56667,-1.56667 0,-1.04443 0.52223,-2.08887 1.56667,-3.13332 1.04444,-1.04443 2.08888,-3.13331 2.08888,-5.22219 0,-2.08888 -1.04444,-4.17776 -3.13332,-4.17776 -1.97566,0 -3.65555,1.04444 -4.69998,3.13333 m -2.55515,-5.87499 6.26664,0 m -3.71149,-2.48054 0,15.14438");
+		node.setAttribute("stroke", this.settings.POINTS_COLOR);
+		node.setAttribute("stroke-width", this.settings.POINTS_STROKE.toString());
+		node.setAttribute("fill", "none");
+		wrapper.appendChild(node);
+		return wrapper;
+	}
+	uranus(x, y) {
+		const xShift = -5;
+		const yShift = -7;
+		x = Math.round(x + xShift * this.settings.SYMBOL_SCALE);
+		y = Math.round(y + yShift * this.settings.SYMBOL_SCALE);
+		const wrapper = document.createElementNS(this.context.root.namespaceURI, "g");
+		wrapper.setAttribute("transform", "translate(" + -x * (this.settings.SYMBOL_SCALE - 1) + "," + -y * (this.settings.SYMBOL_SCALE - 1) + ") scale(" + this.settings.SYMBOL_SCALE + ")");
+		const horns = document.createElementNS(this.context.root.namespaceURI, "path");
+		horns.setAttribute("d", "m" + x + ", " + y + "  0,10.23824 m 10.23633,-10.32764 0,10.23824 m -10.26606,-4.6394 10.23085,0 m -5.06415,-5.51532 0,11.94985");
+		horns.setAttribute("stroke", this.settings.POINTS_COLOR);
+		horns.setAttribute("stroke-width", this.settings.POINTS_STROKE.toString());
+		horns.setAttribute("fill", "none");
+		wrapper.appendChild(horns);
+		const bodyXShift = 7;
+		const bodyYShift = 14.5;
+		const body = document.createElementNS(this.context.root.namespaceURI, "path");
+		body.setAttribute("d", "m" + (x + bodyXShift) + ", " + (y + bodyYShift) + " a 1.8384377,1.8384377 0 0 1 -1.83844,1.83843 1.8384377,1.8384377 0 0 1 -1.83842,-1.83843 1.8384377,1.8384377 0 0 1 1.83842,-1.83844 1.8384377,1.8384377 0 0 1 1.83844,1.83844 z");
+		body.setAttribute("stroke", this.settings.POINTS_COLOR);
+		body.setAttribute("stroke-width", this.settings.POINTS_STROKE.toString());
+		body.setAttribute("fill", "none");
+		wrapper.appendChild(body);
+		if (this.settings.ADD_CLICK_AREA) wrapper.appendChild(this.createRectForClick(x, y));
+		return wrapper;
+	}
+	neptune(x, y) {
+		const xShift = 3;
+		const yShift = -5;
+		x = Math.round(x + xShift * this.settings.SYMBOL_SCALE);
+		y = Math.round(y + yShift * this.settings.SYMBOL_SCALE);
+		const wrapper = document.createElementNS(this.context.root.namespaceURI, "g");
+		wrapper.setAttribute("transform", "translate(" + -x * (this.settings.SYMBOL_SCALE - 1) + "," + -y * (this.settings.SYMBOL_SCALE - 1) + ") scale(" + this.settings.SYMBOL_SCALE + ")");
+		const node = document.createElementNS(this.context.root.namespaceURI, "path");
+		node.setAttribute("d", "m" + x + ", " + y + " 1.77059,-2.36312 2.31872,1.8045 m -14.44264,-0.20006 2.34113,-1.77418 1.74085,2.38595 m -1.80013,-1.77265 c -1.23776,8.40975 0.82518,9.67121 4.95106,9.67121 4.12589,0 6.18883,-1.26146 4.95107,-9.67121 m -7.05334,3.17005 2.03997,-2.12559 2.08565,2.07903 m -5.32406,9.91162 6.60142,0 m -3.30071,-12.19414 0,15.55803");
+		node.setAttribute("stroke", this.settings.POINTS_COLOR);
+		node.setAttribute("stroke-width", this.settings.POINTS_STROKE.toString());
+		node.setAttribute("fill", "none");
+		wrapper.appendChild(node);
+		return wrapper;
+	}
+	pluto(x, y) {
+		const xShift = 5;
+		const yShift = -5;
+		x = Math.round(x + xShift * this.settings.SYMBOL_SCALE);
+		y = Math.round(y + yShift * this.settings.SYMBOL_SCALE);
+		const wrapper = document.createElementNS(this.context.root.namespaceURI, "g");
+		wrapper.setAttribute("transform", "translate(" + -x * (this.settings.SYMBOL_SCALE - 1) + "," + -y * (this.settings.SYMBOL_SCALE - 1) + ") scale(" + this.settings.SYMBOL_SCALE + ")");
+		const body = document.createElementNS(this.context.root.namespaceURI, "path");
+		body.setAttribute("d", "m" + x + ", " + y + " a 5.7676856,5.7676856 0 0 1 -2.88385,4.99496 5.7676856,5.7676856 0 0 1 -5.76768,0 5.7676856,5.7676856 0 0 1 -2.88385,-4.99496 m 5.76771,13.93858 0,-8.17088 m -3.84512,4.32576 7.69024,0");
+		body.setAttribute("stroke", this.settings.POINTS_COLOR);
+		body.setAttribute("stroke-width", this.settings.POINTS_STROKE.toString());
+		body.setAttribute("fill", "none");
+		wrapper.appendChild(body);
+		const headXShift = -2.3;
+		const headYShift = 0;
+		const head = document.createElementNS(this.context.root.namespaceURI, "path");
+		head.setAttribute("d", "m" + (x + headXShift) + ", " + (y + headYShift) + " a 3.3644834,3.3644834 0 0 1 -3.36448,3.36449 3.3644834,3.3644834 0 0 1 -3.36448,-3.36449 3.3644834,3.3644834 0 0 1 3.36448,-3.36448 3.3644834,3.3644834 0 0 1 3.36448,3.36448 z");
+		head.setAttribute("stroke", this.settings.POINTS_COLOR);
+		head.setAttribute("stroke-width", this.settings.POINTS_STROKE.toString());
+		head.setAttribute("fill", "none");
+		wrapper.appendChild(head);
+		return wrapper;
+	}
+	chiron(x, y) {
+		const xShift = 3;
+		const yShift = 5;
+		x = Math.round(x + xShift * this.settings.SYMBOL_SCALE);
+		y = Math.round(y + yShift * this.settings.SYMBOL_SCALE);
+		const wrapper = document.createElementNS(this.context.root.namespaceURI, "g");
+		wrapper.setAttribute("transform", "translate(" + -x * (this.settings.SYMBOL_SCALE - 1) + "," + -y * (this.settings.SYMBOL_SCALE - 1) + ") scale(" + this.settings.SYMBOL_SCALE + ")");
+		const body = document.createElementNS(this.context.root.namespaceURI, "path");
+		body.setAttribute("d", "m" + x + ", " + y + " a 3.8764725,3.0675249 0 0 1 -3.876473,3.067525 3.8764725,3.0675249 0 0 1 -3.876472,-3.067525 3.8764725,3.0675249 0 0 1 3.876472,-3.067525 3.8764725,3.0675249 0 0 1 3.876473,3.067525 z");
+		body.setAttribute("stroke", this.settings.POINTS_COLOR);
+		body.setAttribute("stroke-width", this.settings.POINTS_STROKE.toString());
+		body.setAttribute("fill", "none");
+		wrapper.appendChild(body);
+		const headXShift = 0;
+		const headYShift = -13;
+		const head = document.createElementNS(this.context.root.namespaceURI, "path");
+		head.setAttribute("d", "m" + (x + headXShift) + ", " + (y + headYShift) + "   -3.942997,4.243844 4.110849,3.656151 m -4.867569,-9.009468 0,11.727251");
+		head.setAttribute("stroke", this.settings.POINTS_COLOR);
+		head.setAttribute("stroke-width", this.settings.POINTS_STROKE.toString());
+		head.setAttribute("fill", "none");
+		wrapper.appendChild(head);
+		return wrapper;
+	}
+	lilith(x, y) {
+		const xShift = 2;
+		const yShift = 4;
+		x = Math.round(x + xShift * this.settings.SYMBOL_SCALE);
+		y = Math.round(y + yShift * this.settings.SYMBOL_SCALE);
+		const wrapper = document.createElementNS(this.context.root.namespaceURI, "g");
+		wrapper.setAttribute("transform", "translate(" + -x * (this.settings.SYMBOL_SCALE - 1) + "," + -y * (this.settings.SYMBOL_SCALE - 1) + ") scale(" + this.settings.SYMBOL_SCALE + ")");
+		const node = document.createElementNS(this.context.root.namespaceURI, "path");
+		node.setAttribute("d", "m" + x + ", " + y + " -2.525435,-1.12853 -1.464752,-1.79539 -0.808138,-2.20576 0.151526,-2.05188 0.909156,-1.5389 1.010173,-1.02593 0.909157,-0.56427 1.363735,-0.61556 m 2.315327,-0.39055 -1.716301,0.54716 -1.7163,1.09431 -1.1442,1.64146 -0.572102,1.64146 0,1.64146 0.572102,1.64147 1.1442,1.64145 1.7163,1.09432 1.716301,0.54715 m 0,-11.49024 -2.2884,0 -2.288401,0.54716 -1.716302,1.09431 -1.144201,1.64146 -0.5721,1.64146 0,1.64146 0.5721,1.64147 1.144201,1.64145 1.716302,1.09432 2.288401,0.54715 2.2884,0 m -4.36712,-0.4752 0,6.44307 m -2.709107,-3.41101 5.616025,0");
+		node.setAttribute("stroke", this.settings.POINTS_COLOR);
+		node.setAttribute("stroke-width", this.settings.POINTS_STROKE.toString());
+		node.setAttribute("fill", "none");
+		wrapper.appendChild(node);
+		return wrapper;
+	}
+	nnode(x, y) {
+		const xShift = -2;
+		const yShift = 3;
+		x = Math.round(x + xShift * this.settings.SYMBOL_SCALE);
+		y = Math.round(y + yShift * this.settings.SYMBOL_SCALE);
+		const wrapper = document.createElementNS(this.context.root.namespaceURI, "g");
+		wrapper.setAttribute("transform", "translate(" + -x * (this.settings.SYMBOL_SCALE - 1) + "," + -y * (this.settings.SYMBOL_SCALE - 1) + ") scale(" + this.settings.SYMBOL_SCALE + ")");
+		const node = document.createElementNS(this.context.root.namespaceURI, "path");
+		node.setAttribute("d", "m" + x + ", " + y + " -1.3333334,-0.6666667 -0.6666666,0 -1.3333334,0.6666667 -0.6666667,1.3333333 0,0.6666667 0.6666667,1.3333333 1.3333334,0.6666667 0.6666666,0 1.3333334,-0.6666667 0.6666666,-1.3333333 0,-0.6666667 -0.6666666,-1.3333333 -2,-2.66666665 -0.6666667,-1.99999995 0,-1.3333334 0.6666667,-2 1.3333333,-1.3333333 2,-0.6666667 2.6666666,0 2,0.6666667 1.3333333,1.3333333 0.6666667,2 0,1.3333334 -0.6666667,1.99999995 -2,2.66666665 -0.6666666,1.3333333 0,0.6666667 0.6666666,1.3333333 1.3333334,0.6666667 0.6666666,0 1.3333334,-0.6666667 0.6666667,-1.3333333 0,-0.6666667 -0.6666667,-1.3333333 -1.3333334,-0.6666667 -0.6666666,0 -1.3333334,0.6666667 m -7.9999999,-6 0.6666667,-1.3333333 1.3333333,-1.3333333 2,-0.6666667 2.6666666,0 2,0.6666667 1.3333333,1.3333333 0.6666667,1.3333333");
+		node.setAttribute("stroke", this.settings.POINTS_COLOR);
+		node.setAttribute("stroke-width", this.settings.POINTS_STROKE.toString());
+		node.setAttribute("fill", "none");
+		wrapper.appendChild(node);
+		return wrapper;
+	}
+	snode(x, y) {
+		const xShift = 0;
+		const yShift = -5;
+		x = Math.round(x + xShift * this.settings.SYMBOL_SCALE);
+		y = Math.round(y + yShift * this.settings.SYMBOL_SCALE);
+		const wrapper = document.createElementNS(this.context.root.namespaceURI, "g");
+		wrapper.setAttribute("transform", "translate(" + -x * (this.settings.SYMBOL_SCALE - 1) + "," + -y * (this.settings.SYMBOL_SCALE - 1) + ") scale(" + this.settings.SYMBOL_SCALE + ")");
+		const node = document.createElementNS(this.context.root.namespaceURI, "path");
+		node.setAttribute("d", "m" + x + ", " + y + " l1.3333282470703125,0.666656494140625l0.6666717529296875,0l1.3333282470703125,-0.666656494140625l0.6666717529296875,-1.333343505859375l0,-0.666656494140625l-0.6666717529296875,-1.333343505859375l-1.3333282470703125,-0.666656494140625l-0.6666717529296875,0l-1.3333282470703125,0.666656494140625l-0.6666717529296875,1.333343505859375l0,0.666656494140625l0.6666717529296875,1.333343505859375l2,2.666656494140625l0.6666717529296875,2l0,1.333343505859375l-0.6666717529296875,2l-1.3333282470703125,1.333343505859375l-2,0.666656494140625l-2.6666717529296875,0l-2,-0.666656494140625l-1.3333282470703125,-1.333343505859375l-0.6666717529296875,-2l0,-1.333343505859375l0.6666717529296875,-2l2,-2.666656494140625l0.666656494140625,-1.333343505859375l0,-0.666656494140625l-0.666656494140625,-1.333343505859375l-1.333343505859375,-0.666656494140625l-0.666656494140625,0l-1.333343505859375,0.666656494140625l-0.666656494140625,1.333343505859375l0,0.666656494140625l0.666656494140625,1.333343505859375l1.333343505859375,0.666656494140625l0.666656494140625,0l1.333343505859375,-0.666656494140625m8,6l-0.6666717529296875,1.333343505859375l-1.3333282470703125,1.33331298828125l-2,0.66668701171875l-2.6666717529296875,0l-2,-0.66668701171875l-1.3333282470703125,-1.33331298828125l-0.6666717529296875,-1.333343505859375");
+		node.setAttribute("stroke", this.settings.POINTS_COLOR);
+		node.setAttribute("stroke-width", this.settings.POINTS_STROKE.toString());
+		node.setAttribute("fill", "none");
+		wrapper.appendChild(node);
+		return wrapper;
+	}
+	fortune(x, y) {
+		const xShift = -10;
+		const yShift = -8;
+		x = Math.round(x + xShift * this.settings.SYMBOL_SCALE);
+		y = Math.round(y + yShift * this.settings.SYMBOL_SCALE);
+		const wrapper = document.createElementNS(this.context.root.namespaceURI, "g");
+		wrapper.setAttribute("transform", "translate(" + -x * (this.settings.SYMBOL_SCALE - 1) + "," + -y * (this.settings.SYMBOL_SCALE - 1) + ") scale(" + this.settings.SYMBOL_SCALE + ")");
+		const path1 = document.createElementNS(this.context.root.namespaceURI, "path");
+		path1.setAttribute("d", "M15.971322059631348,8.000000953674316A7.971322252863855,7.971322252863855,0,0,1,8,15.97132396697998A7.971322252863855,7.971322252863855,0,0,1,0.028678132221102715,8.000000953674316A7.971322252863855,7.971322252863855,0,0,1,8,0.028677448630332947A7.971322252863855,7.971322252863855,0,0,1,15.971322059631348,8.000000953674316Z");
+		const path2 = document.createElementNS(this.context.root.namespaceURI, "path");
+		path2.setAttribute("d", "M2.668839454650879,2.043858766555786C6.304587364196777,5.906839370727539,9.94033432006836,9.769822120666504,13.576082229614258,13.632804870605469");
+		const path3 = document.createElementNS(this.context.root.namespaceURI, "path");
+		path3.setAttribute("d", "m2.5541272163391113,13.747519493103027c3.635746955871582,-3.8629846572875977,7.271494388580322,-7.72596549987793,10.90724229812622,-11.588947772979736");
+		const fortuneGroup = document.createElementNS(this.context.root.namespaceURI, "g");
+		fortuneGroup.setAttribute("transform", "translate(" + x + "," + y + ")");
+		fortuneGroup.appendChild(path1);
+		fortuneGroup.appendChild(path2);
+		fortuneGroup.appendChild(path3);
+		wrapper.setAttribute("stroke", this.settings.POINTS_COLOR);
+		wrapper.setAttribute("stroke-width", this.settings.POINTS_STROKE.toString());
+		wrapper.setAttribute("fill", "none");
+		wrapper.appendChild(fortuneGroup);
+		return wrapper;
+	}
+	aries(x, y) {
+		const xShift = -9;
+		const yShift = -2;
+		x = Math.round(x + xShift * this.settings.SYMBOL_SCALE);
+		y = Math.round(y + yShift * this.settings.SYMBOL_SCALE);
+		const wrapper = document.createElementNS(this.context.root.namespaceURI, "g");
+		wrapper.setAttribute("id", this.getSignWrapperId(this.settings.SYMBOL_ARIES));
+		wrapper.setAttribute("transform", "translate(" + -x * (this.settings.SYMBOL_SCALE - 1) + "," + -y * (this.settings.SYMBOL_SCALE - 1) + ") scale(" + this.settings.SYMBOL_SCALE + ")");
+		const node = document.createElementNS(this.context.root.namespaceURI, "path");
+		node.setAttribute("d", "m " + x + ", " + y + " -0.9,-0.9 0,-1.8 0.9,-1.8 1.8,-0.8999998 1.8,0 1.8,0.8999998 0.9,0.9 0.9,1.8 0.9,4.5 m -9,-5.4 1.8,-1.8 1.8,0 1.8,0.9 0.9,0.9 0.9,1.8 0.9,3.6 0,9.9 m 8.1,-12.6 0.9,-0.9 0,-1.8 -0.9,-1.8 -1.8,-0.8999998 -1.8,0 -1.8,0.8999998 -0.9,0.9 -0.9,1.8 -0.9,4.5 m 9,-5.4 -1.8,-1.8 -1.8,0 -1.8,0.9 -0.9,0.9 -0.9,1.8 -0.9,3.6 0,9.9");
+		node.setAttribute("stroke", this.settings.SIGNS_COLOR);
+		node.setAttribute("stroke-width", this.settings.SIGNS_STROKE.toString());
+		node.setAttribute("fill", "none");
+		wrapper.appendChild(node);
+		if (this.settings.ADD_CLICK_AREA) wrapper.appendChild(this.createRectForClick(x, y - 4));
+		return wrapper;
+	}
+	taurus(x, y) {
+		const xShift = -9;
+		const yShift = -11;
+		x = Math.round(x + xShift * this.settings.SYMBOL_SCALE);
+		y = Math.round(y + yShift * this.settings.SYMBOL_SCALE);
+		const wrapper = document.createElementNS(this.context.root.namespaceURI, "g");
+		wrapper.setAttribute("id", this.getSignWrapperId(this.settings.SYMBOL_TAURUS));
+		wrapper.setAttribute("transform", "translate(" + -x * (this.settings.SYMBOL_SCALE - 1) + "," + -y * (this.settings.SYMBOL_SCALE - 1) + ") scale(" + this.settings.SYMBOL_SCALE + ")");
+		const node = document.createElementNS(this.context.root.namespaceURI, "path");
+		node.setAttribute("d", "m " + x + ", " + y + " 1,4 1,2 2,2 3,1 4,0 3,-1 2,-2 1,-2 1,-4 m -18,0 1,3 1,2 2,2 3,1 4,0 3,-1 2,-2 1,-2 1,-3 m -11,8 -2,1 -1,1 -1,2 0,3 1,2 2,2 2,1 2,0 2,-1 2,-2 1,-2 0,-3 -1,-2 -1,-1 -2,-1 m -4,1 -2,1 -1,2 0,3 1,3 m 8,0 1,-3 0,-3 -1,-2 -2,-1");
+		node.setAttribute("stroke", this.settings.SIGNS_COLOR);
+		node.setAttribute("stroke-width", this.settings.SIGNS_STROKE.toString());
+		node.setAttribute("fill", "none");
+		wrapper.appendChild(node);
+		if (this.settings.ADD_CLICK_AREA) wrapper.appendChild(this.createRectForClick(x, y));
+		return wrapper;
+	}
+	gemini(x, y) {
+		const xShift = -6;
+		const yShift = -6;
+		x = Math.round(x + xShift * this.settings.SYMBOL_SCALE);
+		y = Math.round(y + yShift * this.settings.SYMBOL_SCALE);
+		const wrapper = document.createElementNS(this.context.root.namespaceURI, "g");
+		wrapper.setAttribute("id", this.getSignWrapperId(this.settings.SYMBOL_GEMINI));
+		wrapper.setAttribute("transform", "translate(" + -x * (this.settings.SYMBOL_SCALE - 1) + "," + -y * (this.settings.SYMBOL_SCALE - 1) + ") scale(" + this.settings.SYMBOL_SCALE + ")");
+		const node = document.createElementNS(this.context.root.namespaceURI, "path");
+		node.setAttribute("d", "m " + x + ", " + y + " 0,11.546414 m 0.9622011,-10.5842129 0,9.6220117 m 7.6976097,-9.6220117 0,9.6220117 m 0.962201,-10.5842128 0,11.546414 m -13.4708165,-14.4330172 1.9244023,1.924402 1.9244024,0.9622012 2.8866038,0.9622011 3.848804,0 2.886604,-0.9622011 1.924402,-0.9622012 1.924403,-1.924402 m -17.3196215,17.3196207 1.9244023,-1.9244024 1.9244024,-0.9622011 2.8866038,-0.9622012 3.848804,0 2.886604,0.9622012 1.924402,0.9622011 1.924403,1.9244024");
+		node.setAttribute("stroke", this.settings.SIGNS_COLOR);
+		node.setAttribute("stroke-width", this.settings.SIGNS_STROKE.toString());
+		node.setAttribute("fill", "none");
+		wrapper.appendChild(node);
+		if (this.settings.ADD_CLICK_AREA) wrapper.appendChild(this.createRectForClick(x, y));
+		return wrapper;
+	}
+	cancer(x, y) {
+		const xShift = 9;
+		const yShift = -9;
+		x = Math.round(x + xShift * this.settings.SYMBOL_SCALE);
+		y = Math.round(y + yShift * this.settings.SYMBOL_SCALE);
+		const wrapper = document.createElementNS(this.context.root.namespaceURI, "g");
+		wrapper.setAttribute("id", this.getSignWrapperId(this.settings.SYMBOL_CANCER));
+		wrapper.setAttribute("transform", "translate(" + -x * (this.settings.SYMBOL_SCALE - 1) + "," + -y * (this.settings.SYMBOL_SCALE - 1) + ") scale(" + this.settings.SYMBOL_SCALE + ")");
+		const node = document.createElementNS(this.context.root.namespaceURI, "path");
+		node.setAttribute("d", "m " + x + ", " + y + " -15,0 -2,1 -1,2 0,2 1,2 2,1 2,0 2,-1 1,-2 0,-2 -1,-2 11,0 m -18,3 1,2 1,1 2,1 m 4,-4 -1,-2 -1,-1 -2,-1 m -4,15 15,0 2,-1 1,-2 0,-2 -1,-2 -2,-1 -2,0 -2,1 -1,2 0,2 1,2 -11,0 m 18,-3 -1,-2 -1,-1 -2,-1 m -4,4 1,2 1,1 2,1");
+		node.setAttribute("stroke", this.settings.SIGNS_COLOR);
+		node.setAttribute("stroke-width", this.settings.SIGNS_STROKE.toString());
+		node.setAttribute("fill", "none");
+		wrapper.appendChild(node);
+		if (this.settings.ADD_CLICK_AREA) wrapper.appendChild(this.createRectForClick(x - 18, y));
+		return wrapper;
+	}
+	leo(x, y) {
+		const xShift = -3;
+		const yShift = 4;
+		x = Math.round(x + xShift * this.settings.SYMBOL_SCALE);
+		y = Math.round(y + yShift * this.settings.SYMBOL_SCALE);
+		const wrapper = document.createElementNS(this.context.root.namespaceURI, "g");
+		wrapper.setAttribute("id", this.getSignWrapperId(this.settings.SYMBOL_LEO));
+		wrapper.setAttribute("transform", "translate(" + -x * (this.settings.SYMBOL_SCALE - 1) + "," + -y * (this.settings.SYMBOL_SCALE - 1) + ") scale(" + this.settings.SYMBOL_SCALE + ")");
+		const node = document.createElementNS(this.context.root.namespaceURI, "path");
+		node.setAttribute("d", "m " + x + ", " + y + " -2,-1 -1,0 -2,1 -1,2 0,1 1,2 2,1 1,0 2,-1 1,-2 0,-1 -1,-2 -5,-5 -1,-2 0,-3 1,-2 2,-1 3,-1 4,0 4,1 2,2 1,2 0,3 -1,3 -3,3 -1,2 0,2 1,2 2,0 1,-1 1,-2 m -13,-5 -2,-3 -1,-2 0,-3 1,-2 1,-1 m 7,-1 3,1 2,2 1,2 0,3 -1,3 -2,3");
+		node.setAttribute("stroke", this.settings.SIGNS_COLOR);
+		node.setAttribute("stroke-width", this.settings.SIGNS_STROKE.toString());
+		node.setAttribute("fill", "none");
+		wrapper.appendChild(node);
+		if (this.settings.ADD_CLICK_AREA) wrapper.appendChild(this.createRectForClick(x - 6, y - 13));
+		return wrapper;
+	}
+	virgo(x, y) {
+		const xShift = -9;
+		const yShift = -5;
+		x = Math.round(x + xShift * this.settings.SYMBOL_SCALE);
+		y = Math.round(y + yShift * this.settings.SYMBOL_SCALE);
+		const wrapper = document.createElementNS(this.context.root.namespaceURI, "g");
+		wrapper.setAttribute("id", this.getSignWrapperId(this.settings.SYMBOL_VIRGO));
+		wrapper.setAttribute("transform", "translate(" + -x * (this.settings.SYMBOL_SCALE - 1) + "," + -y * (this.settings.SYMBOL_SCALE - 1) + ") scale(" + this.settings.SYMBOL_SCALE + ")");
+		const node = document.createElementNS(this.context.root.namespaceURI, "path");
+		node.setAttribute("d", "m " + x + ", " + y + " 2.5894868,-2.5894868 1.7263245,2.5894868 0,9.4947847 m -2.5894868,-11.2211092 1.7263245,2.5894867 0,8.6316225 m 0.8631623,-9.4947847 2.5894867,-2.5894868 1.72632451,2.5894868 0,8.6316224 m -2.58948671,-10.3579469 1.72632447,2.5894867 0,7.7684602 m 0.86316224,-8.6316224 2.58948679,-2.5894868 1.7263244,2.5894868 0,13.8105959 m -2.5894867,-15.5369204 1.7263245,2.5894867 0,12.9474337 m 0.8631622,-13.8105959 2.5894868,-2.5894868 0.8631622,1.7263245 0.8631623,2.5894868 0,2.5894867 -0.8631623,2.58948673 -0.8631622,1.72632447 -1.7263245,1.7263245 -2.5894867,1.7263245 -4.3158113,1.7263245 m 7.7684602,-15.5369204 0.8631623,0.8631622 0.8631622,2.5894868 0,2.5894867 -0.8631622,2.58948673 -0.8631623,1.72632447 -1.7263245,1.7263245 -2.5894867,1.7263245 -3.452649,1.7263245");
+		node.setAttribute("stroke", this.settings.SIGNS_COLOR);
+		node.setAttribute("stroke-width", this.settings.SIGNS_STROKE.toString());
+		node.setAttribute("fill", "none");
+		wrapper.appendChild(node);
+		if (this.settings.ADD_CLICK_AREA) wrapper.appendChild(this.createRectForClick(x, y));
+		return wrapper;
+	}
+	libra(x, y) {
+		const xShift = -2;
+		const yShift = -8;
+		x = Math.round(x + xShift * this.settings.SYMBOL_SCALE);
+		y = Math.round(y + yShift * this.settings.SYMBOL_SCALE);
+		const wrapper = document.createElementNS(this.context.root.namespaceURI, "g");
+		wrapper.setAttribute("id", this.getSignWrapperId(this.settings.SYMBOL_LIBRA));
+		wrapper.setAttribute("transform", "translate(" + -x * (this.settings.SYMBOL_SCALE - 1) + "," + -y * (this.settings.SYMBOL_SCALE - 1) + ") scale(" + this.settings.SYMBOL_SCALE + ")");
+		const node = document.createElementNS(this.context.root.namespaceURI, "path");
+		node.setAttribute("d", "m " + x + ", " + y + " c 0.7519,1e-5 1.3924,0.12227 1.9316,0.35156 0.6619,0.28495 1.2134,0.63854 1.666,1.0625 0.4838,0.45481 0.853,0.97255 1.1172,1.56641 0.2467,0.56612 0.3711,1.17397 0.3711,1.83789 0,0.64113 -0.1244,1.23948 -0.373,1.80859 -0.1624,0.36305 -0.3631,0.69725 -0.6055,1.00586 l -0.6367,0.8086 4.3789,0 0,0.67187 -5.4024,0 0,-0.91797 c 0.2173,-0.1385 0.4379,-0.27244 0.6367,-0.44726 0.4215,-0.36876 0.7529,-0.82784 0.9883,-1.35547 0.2215,-0.50074 0.334,-1.0358 0.334,-1.58594 0,-0.55653 -0.1122,-1.09434 -0.334,-1.5957 l -0,-0.002 0,-0.004 c -0.2292,-0.49901 -0.5581,-0.94778 -0.9746,-1.33789 l -0,-0.002 -0,-0.002 c -0.3967,-0.36155 -0.8679,-0.65723 -1.4062,-0.88476 l -0,0 c -0.4984,-0.20903 -1.0622,-0.30663 -1.6817,-0.30664 -0.5926,1e-5 -1.1526,0.10008 -1.6699,0.30273 l -0,0 c -0.5261,0.20799 -1.0032,0.5067 -1.4199,0.88867 l -0,0.002 -0,0.002 c -0.4166,0.39011 -0.7454,0.83887 -0.9746,1.33789 l 0,0.004 -0,0.002 c -0.2218,0.50136 -0.334,1.03915 -0.334,1.5957 0,0.55015 0.1125,1.08519 0.334,1.58594 l 0,0.002 0,0.004 c 0.229,0.49855 0.5574,0.94911 0.9746,1.33984 0.1876,0.17482 0.4143,0.31484 0.6367,0.45703 l 0,0.91797 -5.3906,0 0,-0.67187 4.3789,0 -0.6367,-0.8086 c -0.2428,-0.30904 -0.443,-0.64418 -0.6055,-1.00781 -0.2487,-0.56911 -0.3731,-1.16552 -0.3731,-1.80664 0,-0.66391 0.1244,-1.27178 0.3711,-1.83789 l 0,-0.002 c 3e-4,-5.8e-4 -2e-4,-10e-4 0,-0.002 0.2641,-0.59218 0.6326,-1.10871 1.1153,-1.5625 0.4847,-0.45571 1.0332,-0.80585 1.6562,-1.05859 0.5861,-0.23488 1.2294,-0.35546 1.9414,-0.35547 z m -7.8496,13.45899 15.6992,0 0,0.67187 -15.6992,0 z");
+		node.setAttribute("stroke", this.settings.SIGNS_COLOR);
+		node.setAttribute("stroke-width", this.settings.SIGNS_STROKE.toString());
+		node.setAttribute("fill", "none");
+		wrapper.appendChild(node);
+		if (this.settings.ADD_CLICK_AREA) wrapper.appendChild(this.createRectForClick(x - 6, y));
+		return wrapper;
+	}
+	scorpio(x, y) {
+		const xShift = -9;
+		const yShift = -4;
+		x = Math.round(x + xShift * this.settings.SYMBOL_SCALE);
+		y = Math.round(y + yShift * this.settings.SYMBOL_SCALE);
+		const wrapper = document.createElementNS(this.context.root.namespaceURI, "g");
+		wrapper.setAttribute("id", this.getSignWrapperId(this.settings.SYMBOL_SCORPIO));
+		wrapper.setAttribute("transform", "translate(" + -x * (this.settings.SYMBOL_SCALE - 1) + "," + -y * (this.settings.SYMBOL_SCALE - 1) + ") scale(" + this.settings.SYMBOL_SCALE + ")");
+		const node = document.createElementNS(this.context.root.namespaceURI, "path");
+		node.setAttribute("d", "m " + x + ", " + y + " 2.3781101,-2.3781101 2.3781101,2.3781101 0,9.5124404 m -3.1708135,-11.0978471 2.3781101,2.3781101 0,8.719737 m 0.7927034,-9.5124404 2.3781101,-2.3781101 2.37811007,2.3781101 0,9.5124404 m -3.17081347,-11.0978471 2.3781101,2.3781101 0,8.719737 m 0.79270337,-9.5124404 2.37811013,-2.3781101 2.3781101,2.3781101 0,8.719737 1.5854067,1.5854068 m -4.7562202,-11.8905505 2.3781101,2.3781101 0,8.719737 1.5854067,1.5854067 2.3781101,-2.3781101");
+		node.setAttribute("stroke", this.settings.SIGNS_COLOR);
+		node.setAttribute("stroke-width", this.settings.SIGNS_STROKE.toString());
+		node.setAttribute("fill", "none");
+		wrapper.appendChild(node);
+		if (this.settings.ADD_CLICK_AREA) wrapper.appendChild(this.createRectForClick(x, y));
+		return wrapper;
+	}
+	sagittarius(x, y) {
+		const xShift = 7;
+		const yShift = -9;
+		x = Math.round(x + xShift * this.settings.SYMBOL_SCALE);
+		y = Math.round(y + yShift * this.settings.SYMBOL_SCALE);
+		const wrapper = document.createElementNS(this.context.root.namespaceURI, "g");
+		wrapper.setAttribute("id", this.getSignWrapperId(this.settings.SYMBOL_SAGITTARIUS));
+		wrapper.setAttribute("transform", "translate(" + -x * (this.settings.SYMBOL_SCALE - 1) + "," + -y * (this.settings.SYMBOL_SCALE - 1) + ") scale(" + this.settings.SYMBOL_SCALE + ")");
+		const node = document.createElementNS(this.context.root.namespaceURI, "path");
+		node.setAttribute("d", "m " + x + ", " + y + " -17.11444,17.11444 m 17.11444,-17.11444 -3.2089575,1.0696525 -6.417915,0 m 7.4875675,1.0696525 -3.2089575,0 -4.27861,-1.0696525 m 9.6268725,-1.0696525 -1.0696525,3.2089575 0,6.41791504 m -1.0696525,-7.48756754 0,3.2089575 1.0696525,4.27861004 m -8.55722,0 -7.4875675,0 m 6.417915,1.06965246 -3.2089575,0 -3.2089575,-1.06965246 m 7.4875675,0 0,7.48756746 m -1.0696525,-6.417915 0,3.2089575 1.0696525,3.2089575");
+		node.setAttribute("stroke", this.settings.SIGNS_COLOR);
+		node.setAttribute("stroke-width", this.settings.SIGNS_STROKE.toString());
+		node.setAttribute("fill", "none");
+		wrapper.appendChild(node);
+		if (this.settings.ADD_CLICK_AREA) wrapper.appendChild(this.createRectForClick(x - 12, y));
+		return wrapper;
+	}
+	capricorn(x, y) {
+		const xShift = -9;
+		const yShift = -3;
+		x = Math.round(x + xShift * this.settings.SYMBOL_SCALE);
+		y = Math.round(y + yShift * this.settings.SYMBOL_SCALE);
+		const wrapper = document.createElementNS(this.context.root.namespaceURI, "g");
+		wrapper.setAttribute("id", this.getSignWrapperId(this.settings.SYMBOL_CAPRICORN));
+		wrapper.setAttribute("transform", "translate(" + -x * (this.settings.SYMBOL_SCALE - 1) + "," + -y * (this.settings.SYMBOL_SCALE - 1) + ") scale(" + this.settings.SYMBOL_SCALE + ")");
+		const node = document.createElementNS(this.context.root.namespaceURI, "path");
+		node.setAttribute("d", "m " + x + ", " + y + " 1.8047633,-3.6095267 4.5119084,9.0238168 m -4.5119084,-7.2190534 4.5119084,9.0238167 2.707145,-6.3166717 4.5119084,0 2.707145,-0.9023817 0.9023817,-1.8047633 0,-1.8047634 -0.9023817,-1.8047633 -1.8047634,-0.9023817 -0.9023816,0 -1.8047634,0.9023817 -0.9023817,1.8047633 0,1.8047634 0.9023817,2.707145 0.9023817,1.80476336 0.9023817,2.70714504 0,2.707145 -1.8047634,1.8047633 m 1.8047634,-16.2428701 -0.9023817,0.9023817 -0.9023817,1.8047633 0,1.8047634 1.8047634,3.6095267 0.9023816,2.707145 0,2.707145 -0.9023816,1.8047634 -1.8047634,0.9023816");
+		node.setAttribute("stroke", this.settings.SIGNS_COLOR);
+		node.setAttribute("stroke-width", this.settings.SIGNS_STROKE.toString());
+		node.setAttribute("fill", "none");
+		wrapper.appendChild(node);
+		if (this.settings.ADD_CLICK_AREA) wrapper.appendChild(this.createRectForClick(x, y));
+		return wrapper;
+	}
+	aquarius(x, y) {
+		const xShift = -8;
+		const yShift = -2;
+		x = Math.round(x + xShift * this.settings.SYMBOL_SCALE);
+		y = Math.round(y + yShift * this.settings.SYMBOL_SCALE);
+		const wrapper = document.createElementNS(this.context.root.namespaceURI, "g");
+		wrapper.setAttribute("id", this.getSignWrapperId(this.settings.SYMBOL_AQUARIUS));
+		wrapper.setAttribute("transform", "translate(" + -x * (this.settings.SYMBOL_SCALE - 1) + "," + -y * (this.settings.SYMBOL_SCALE - 1) + ") scale(" + this.settings.SYMBOL_SCALE + ")");
+		const node = document.createElementNS(this.context.root.namespaceURI, "path");
+		node.setAttribute("d", "m " + x + ", " + y + " 2.8866035,-2.8866035 3.8488047,1.9244023 m -4.8110059,-0.9622011 3.8488047,1.9244023 2.8866035,-2.8866035 2.8866035,1.9244023 m -3.84880467,-0.9622011 2.88660347,1.9244023 2.8866035,-2.8866035 1.9244024,1.9244023 m -2.8866035,-0.9622011 1.9244023,1.9244023 2.8866035,-2.8866035 m -17.319621,8.6598105 2.8866035,-2.88660348 3.8488047,1.92440238 m -4.8110059,-0.96220121 3.8488047,1.92440231 2.8866035,-2.88660348 2.8866035,1.92440238 m -3.84880467,-0.96220121 2.88660347,1.92440231 2.8866035,-2.88660348 1.9244024,1.92440238 m -2.8866035,-0.96220121 1.9244023,1.92440231 2.8866035,-2.88660348");
+		node.setAttribute("stroke", this.settings.SIGNS_COLOR);
+		node.setAttribute("stroke-width", this.settings.SIGNS_STROKE.toString());
+		node.setAttribute("fill", "none");
+		wrapper.appendChild(node);
+		if (this.settings.ADD_CLICK_AREA) wrapper.appendChild(this.createRectForClick(x, y));
+		return wrapper;
+	}
+	pisces(x, y) {
+		const xShift = -8;
+		const yShift = -8;
+		x = Math.round(x + xShift * this.settings.SYMBOL_SCALE);
+		y = Math.round(y + yShift * this.settings.SYMBOL_SCALE);
+		const wrapper = document.createElementNS(this.context.root.namespaceURI, "g");
+		wrapper.setAttribute("id", this.getSignWrapperId(this.settings.SYMBOL_PISCES));
+		wrapper.setAttribute("transform", "translate(" + -x * (this.settings.SYMBOL_SCALE - 1) + "," + -y * (this.settings.SYMBOL_SCALE - 1) + ") scale(" + this.settings.SYMBOL_SCALE + ")");
+		const node = document.createElementNS(this.context.root.namespaceURI, "path");
+		node.setAttribute("d", "m " + x + ", " + y + " 4,2 2,2 1,3 0,3 -1,3 -2,2 -4,2 m 0,-17 3,1 2,1 2,2 1,3 m 0,3 -1,3 -2,2 -2,1 -3,1 m 16,-17 -3,1 -2,1 -2,2 -1,3 m 0,3 1,3 2,2 2,1 3,1 m 0,-17 -4,2 -2,2 -1,3 0,3 1,3 2,2 4,2 m -17,-9 18,0 m -18,1 18,0");
+		node.setAttribute("stroke", this.settings.SIGNS_COLOR);
+		node.setAttribute("stroke-width", this.settings.SIGNS_STROKE.toString());
+		node.setAttribute("fill", "none");
+		wrapper.appendChild(node);
+		if (this.settings.ADD_CLICK_AREA) wrapper.appendChild(this.createRectForClick(x, y));
+		return wrapper;
+	}
+	/**
+	* Draw As symbol
+	*/
+	ascendant(x, y) {
+		const xShift = 12;
+		const yShift = -2;
+		x = Math.round(x + xShift * this.settings.SYMBOL_SCALE);
+		y = Math.round(y + yShift * this.settings.SYMBOL_SCALE);
+		const wrapper = document.createElementNS(this.context.root.namespaceURI, "g");
+		wrapper.setAttribute("transform", "translate(" + -x * (this.settings.SYMBOL_SCALE - 1) + "," + -y * (this.settings.SYMBOL_SCALE - 1) + ") scale(" + this.settings.SYMBOL_SCALE + ")");
+		const node = document.createElementNS(this.context.root.namespaceURI, "path");
+		node.setAttribute("d", "m " + x + ", " + y + " -0.563078,-1.1261527 -1.689228,-0.5630765 -1.689229,0 -1.68923,0.5630765 -0.563076,1.1261527 0.563076,1.12615272 1.126154,0.56307636 2.815381,0.56307635 1.126152,0.56307647 0.563078,1.1261526 0,0.5630763 -0.563078,1.1261528 -1.689228,0.5630764 -1.689229,0 -1.68923,-0.5630764 -0.563076,-1.1261528 m -6.756916,-10.135374 -4.504611,11.8246032 m 4.504611,-11.8246032 4.504611,11.8246032 m -7.3199925,-3.94153457 5.6307625,0");
+		node.setAttribute("stroke", this.settings.SYMBOL_AXIS_FONT_COLOR);
+		node.setAttribute("stroke-width", (this.settings.SYMBOL_AXIS_STROKE * this.settings.SYMBOL_SCALE).toString());
+		node.setAttribute("fill", "none");
+		wrapper.appendChild(node);
+		return wrapper;
+	}
+	/**
+	* Draw Ds symbol
+	*/
+	descendant(x, y) {
+		const xShift = 22;
+		const yShift = -1;
+		x = Math.round(x + xShift * this.settings.SYMBOL_SCALE);
+		y = Math.round(y + yShift * this.settings.SYMBOL_SCALE);
+		const wrapper = document.createElementNS(this.context.root.namespaceURI, "g");
+		wrapper.setAttribute("transform", "translate(" + -x * (this.settings.SYMBOL_SCALE - 1) + "," + -y * (this.settings.SYMBOL_SCALE - 1) + ") scale(" + this.settings.SYMBOL_SCALE + ")");
+		const node = document.createElementNS(this.context.root.namespaceURI, "path");
+		node.setAttribute("d", "m " + x + ", " + y + " -0.5625,-1.125 -1.6875,-0.5625 -1.6875,0 -1.6875,0.5625 -0.5625,1.125 0.5625,1.125 1.125,0.5625 2.8125,0.5625 1.125,0.5625 0.5625,1.125 0,0.5625 -0.5625,1.125 -1.6875,0.5625 -1.6875,0 -1.6875,-0.5625 -0.5625,-1.125 m -11.25,-10.125 0,11.8125 m 0,-11.8125 3.9375,0 1.6875,0.5625 1.125,1.125 0.5625,1.125 0.5625,1.6875 0,2.8125 -0.5625,1.6875 -0.5625,1.125 -1.125,1.125 -1.6875,0.5625 -3.9375,0");
+		node.setAttribute("stroke", this.settings.SYMBOL_AXIS_FONT_COLOR);
+		node.setAttribute("stroke-width", (this.settings.SYMBOL_AXIS_STROKE * this.settings.SYMBOL_SCALE).toString());
+		node.setAttribute("fill", "none");
+		wrapper.appendChild(node);
+		return wrapper;
+	}
+	/**
+	* Draw MC symbol
+	*/
+	mediumCoeli(x, y) {
+		const xShift = 19;
+		const yShift = -4;
+		x = Math.round(x + xShift * this.settings.SYMBOL_SCALE);
+		y = Math.round(y + yShift * this.settings.SYMBOL_SCALE);
+		const wrapper = document.createElementNS(this.context.root.namespaceURI, "g");
+		wrapper.setAttribute("transform", "translate(" + -x * (this.settings.SYMBOL_SCALE - 1) + "," + -y * (this.settings.SYMBOL_SCALE - 1) + ") scale(" + this.settings.SYMBOL_SCALE + ")");
+		const node = document.createElementNS(this.context.root.namespaceURI, "path");
+		node.setAttribute("d", "m " + x + ", " + y + " -1.004085,-1.0040845 -1.004084,-0.5020423 -1.506127,0 -1.004085,0.5020423 -1.004084,1.0040845 -0.502043,1.50612689 0,1.00408458 0.502043,1.50612683 1.004084,1.0040846 1.004085,0.5020423 1.506127,0 1.004084,-0.5020423 1.004085,-1.0040846 m -17.57148,-9.0367612 0,10.5428881 m 0,-10.5428881 4.016338,10.5428881 m 4.016338,-10.5428881 -4.016338,10.5428881 m 4.016338,-10.5428881 0,10.5428881");
+		node.setAttribute("stroke", this.settings.SYMBOL_AXIS_FONT_COLOR);
+		node.setAttribute("stroke-width", (this.settings.SYMBOL_AXIS_STROKE * this.settings.SYMBOL_SCALE).toString());
+		node.setAttribute("fill", "none");
+		wrapper.appendChild(node);
+		return wrapper;
+	}
+	/**
+	* Draw IC symbol
+	*/
+	immumCoeli(x, y) {
+		const xShift = 19;
+		const yShift = 2;
+		x = Math.round(x + xShift * this.settings.SYMBOL_SCALE);
+		y = Math.round(y + yShift * this.settings.SYMBOL_SCALE);
+		const wrapper = document.createElementNS(this.context.root.namespaceURI, "g");
+		wrapper.setAttribute("transform", "translate(" + -x * (this.settings.SYMBOL_SCALE - 1) + "," + -y * (this.settings.SYMBOL_SCALE - 1) + ") scale(" + this.settings.SYMBOL_SCALE + ")");
+		const node = document.createElementNS(this.context.root.namespaceURI, "path");
+		node.setAttribute("d", "m " + x + ", " + y + " -1.208852,-1.2088514 -1.208851,-0.6044258 -1.813278,0 -1.208852,0.6044258 -1.20885,1.2088514 -0.604426,1.81327715 0,1.20885135 0.604426,1.8132772 1.20885,1.2088513 1.208852,0.6044259 1.813278,0 1.208851,-0.6044259 1.208852,-1.2088513 m -11.4840902,-10.8796629 0,12.6929401");
+		node.setAttribute("stroke", this.settings.SYMBOL_AXIS_FONT_COLOR);
+		node.setAttribute("stroke-width", (this.settings.SYMBOL_AXIS_STROKE * this.settings.SYMBOL_SCALE).toString());
+		node.setAttribute("fill", "none");
+		wrapper.appendChild(node);
+		return wrapper;
+	}
+	number1(x, y) {
+		const xShift = 0;
+		const yShift = -3;
+		x = Math.round(x + xShift * this.settings.SYMBOL_SCALE);
+		y = Math.round(y + yShift * this.settings.SYMBOL_SCALE);
+		const wrapper = document.createElementNS(this.context.root.namespaceURI, "g");
+		wrapper.setAttribute("id", this.getHouseIdWrapper(this.settings.SYMBOL_CUSP_1));
+		wrapper.setAttribute("transform", "translate(" + -x * (this.settings.SYMBOL_SCALE - 1) + "," + -y * (this.settings.SYMBOL_SCALE - 1) + ") scale(" + this.settings.SYMBOL_SCALE + ")");
+		const node = document.createElementNS(this.context.root.namespaceURI, "path");
+		node.setAttribute("d", "m" + x + ", " + y + " -2.5128753,7.7578884 1.00515009,0 m 3.01545031,-9.5832737 -1.0051501,1.8253853 -2.51287527,7.7578884 m 3.51802537,-9.5832737 -3.01545031,9.5832737 m 3.01545031,-9.5832737 -1.5077251,1.3690388 -1.50772521,0.9126929 -1.00515009,0.4563463 m 2.5128753,-0.9126927 -1.00515016,0.4563464 -1.50772514,0.4563463");
+		node.setAttribute("stroke", this.settings.CUSPS_FONT_COLOR);
+		node.setAttribute("stroke-width", (this.settings.CUSPS_STROKE * this.settings.SYMBOL_SCALE).toString());
+		node.setAttribute("fill", "none");
+		wrapper.appendChild(node);
+		if (this.settings.ADD_CLICK_AREA) wrapper.appendChild(this.createRectForClick(x, y));
+		return wrapper;
+	}
+	number2(x, y) {
+		const xShift = -2;
+		const yShift = -3;
+		x = Math.round(x + xShift * this.settings.SYMBOL_SCALE);
+		y = Math.round(y + yShift * this.settings.SYMBOL_SCALE);
+		const wrapper = document.createElementNS(this.context.root.namespaceURI, "g");
+		wrapper.setAttribute("id", this.getHouseIdWrapper(this.settings.SYMBOL_CUSP_2));
+		wrapper.setAttribute("transform", "translate(" + -x * (this.settings.SYMBOL_SCALE - 1) + "," + -y * (this.settings.SYMBOL_SCALE - 1) + ") scale(" + this.settings.SYMBOL_SCALE + ")");
+		const node = document.createElementNS(this.context.root.namespaceURI, "path");
+		node.setAttribute("d", "m" + x + ", " + y + " 0,-0.4545454 0.4545454,0 0,0.9090909 -0.9090909,0 0,-0.9090909 0.4545455,-0.9090909 0.4545454,-0.4545455 1.36363637,-0.4545454 1.36363633,0 1.3636364,0.4545454 0.4545455,0.9090909 0,0.9090909 -0.4545455,0.909091 -0.9090909,0.9090909 -4.5454546,2.72727269 -0.9090909,0.90909091 -0.9090909,1.8181818 m 6.8181818,-9.0909091 0.4545455,0.9090909 0,0.9090909 -0.4545455,0.909091 -0.9090909,0.9090909 -1.36363633,0.9090909 m 1.36363633,-5 0.4545455,0.4545454 0.4545454,0.9090909 0,0.9090909 -0.4545454,0.909091 -0.9090909,0.9090909 -3.6363637,2.72727269 m -1.3636363,1.81818181 0.4545454,-0.4545454 0.9090909,0 2.27272732,0.4545454 2.27272728,0 0.4545454,-0.4545454 m -5,0 2.27272732,0.9090909 2.27272728,0 m -4.5454546,-0.9090909 2.27272732,1.3636363 1.36363638,0 0.9090909,-0.4545454 0.4545454,-0.9090909 0,-0.4545455");
+		node.setAttribute("stroke", this.settings.CUSPS_FONT_COLOR);
+		node.setAttribute("stroke-width", (this.settings.CUSPS_STROKE * this.settings.SYMBOL_SCALE).toString());
+		node.setAttribute("fill", "none");
+		wrapper.appendChild(node);
+		if (this.settings.ADD_CLICK_AREA) wrapper.appendChild(this.createRectForClick(x, y));
+		return wrapper;
+	}
+	number3(x, y) {
+		const xShift = -2;
+		const yShift = -3;
+		x = Math.round(x + xShift * this.settings.SYMBOL_SCALE);
+		y = Math.round(y + yShift * this.settings.SYMBOL_SCALE);
+		const wrapper = document.createElementNS(this.context.root.namespaceURI, "g");
+		wrapper.setAttribute("id", this.getHouseIdWrapper(this.settings.SYMBOL_CUSP_3));
+		wrapper.setAttribute("transform", "translate(" + -x * (this.settings.SYMBOL_SCALE - 1) + "," + -y * (this.settings.SYMBOL_SCALE - 1) + ") scale(" + this.settings.SYMBOL_SCALE + ")");
+		const node = document.createElementNS(this.context.root.namespaceURI, "path");
+		node.setAttribute("d", "m" + x + ", " + y + " 0,-0.4545454 0.45454549,0 0,0.9090909 -0.90909089,0 0,-0.9090909 0.4545454,-0.9090909 0.45454549,-0.4545455 1.36363636,-0.4545454 1.36363635,0 1.3636364,0.4545454 0.4545454,0.9090909 0,0.9090909 -0.4545454,0.909091 -0.4545455,0.4545454 -0.9090909,0.4545455 -1.36363635,0.4545454 m 2.27272725,-4.0909091 0.4545455,0.9090909 0,0.9090909 -0.4545455,0.909091 -0.4545454,0.4545454 m -0.4545455,-3.6363636 0.4545455,0.4545454 0.4545454,0.9090909 0,0.9090909 -0.4545454,0.909091 -0.9090909,0.9090909 -0.90909095,0.4545454 m -0.9090909,0 0.9090909,0 1.36363635,0.4545455 0.4545455,0.45454542 0.4545454,0.90909091 0,1.36363637 -0.4545454,0.9090909 -0.9090909,0.4545455 -1.3636364,0.4545454 -1.3636364,0 -1.3636363,-0.4545454 -0.4545455,-0.4545455 -0.4545454,-0.9090909 0,-0.90909091 0.9090909,0 0,0.90909091 -0.4545455,0 0,-0.45454546 m 5,-1.81818182 0.4545455,0.90909091 0,1.36363637 -0.4545455,0.9090909 m -1.36363635,-4.0909091 0.90909095,0.4545455 0.4545454,0.90909088 0,1.81818182 -0.4545454,0.9090909 -0.45454549,0.4545455 -0.90909091,0.4545454");
+		node.setAttribute("stroke", this.settings.CUSPS_FONT_COLOR);
+		node.setAttribute("stroke-width", (this.settings.CUSPS_STROKE * this.settings.SYMBOL_SCALE).toString());
+		node.setAttribute("fill", "none");
+		wrapper.appendChild(node);
+		if (this.settings.ADD_CLICK_AREA) wrapper.appendChild(this.createRectForClick(x, y));
+		return wrapper;
+	}
+	number4(x, y) {
+		const xShift = 1;
+		const yShift = -4;
+		x = Math.round(x + xShift * this.settings.SYMBOL_SCALE);
+		y = Math.round(y + yShift * this.settings.SYMBOL_SCALE);
+		const wrapper = document.createElementNS(this.context.root.namespaceURI, "g");
+		wrapper.setAttribute("id", this.getHouseIdWrapper(this.settings.SYMBOL_CUSP_4));
+		wrapper.setAttribute("transform", "translate(" + -x * (this.settings.SYMBOL_SCALE - 1) + "," + -y * (this.settings.SYMBOL_SCALE - 1) + ") scale(" + this.settings.SYMBOL_SCALE + ")");
+		const node = document.createElementNS(this.context.root.namespaceURI, "path");
+		node.setAttribute("d", "m" + x + ", " + y + " -2.28678383,7.7750651 0.91471356,0 m 2.74414057,-9.6044922 -0.9147135,1.8294271 -2.28678386,7.7750651 m 3.20149736,-9.6044922 -2.74414057,9.6044922 m 2.74414057,-9.6044922 -7.3177083,6.8603516 7.3177083,0");
+		node.setAttribute("stroke", this.settings.CUSPS_FONT_COLOR);
+		node.setAttribute("stroke-width", (this.settings.CUSPS_STROKE * this.settings.SYMBOL_SCALE).toString());
+		node.setAttribute("fill", "none");
+		wrapper.appendChild(node);
+		if (this.settings.ADD_CLICK_AREA) wrapper.appendChild(this.createRectForClick(x, y));
+		return wrapper;
+	}
+	number5(x, y) {
+		const xShift = -2;
+		const yShift = -5;
+		x = Math.round(x + xShift * this.settings.SYMBOL_SCALE);
+		y = Math.round(y + yShift * this.settings.SYMBOL_SCALE);
+		const wrapper = document.createElementNS(this.context.root.namespaceURI, "g");
+		wrapper.setAttribute("id", this.getHouseIdWrapper(this.settings.SYMBOL_CUSP_5));
+		wrapper.setAttribute("transform", "translate(" + -x * (this.settings.SYMBOL_SCALE - 1) + "," + -y * (this.settings.SYMBOL_SCALE - 1) + ") scale(" + this.settings.SYMBOL_SCALE + ")");
+		const node = document.createElementNS(this.context.root.namespaceURI, "path");
+		node.setAttribute("d", "m" + x + ", " + y + " -2.27272725,4.5454545 m 2.27272725,-4.5454545 4.54545455,0 m -4.54545455,0.4545454 3.63636365,0 m -4.0909091,0.4545455 2.2727273,0 1.8181818,-0.4545455 0.9090909,-0.4545454 m -6.8181818,4.5454545 0.4545454,-0.4545454 1.3636364,-0.4545455 1.36363636,0 1.36363634,0.4545455 0.4545455,0.4545454 0.4545454,0.90909092 0,1.36363638 -0.4545454,1.3636364 -0.9090909,0.9090909 -1.81818185,0.4545454 -1.36363635,0 -0.9090909,-0.4545454 -0.4545455,-0.4545455 -0.4545454,-0.9090909 0,-0.9090909 0.9090909,0 0,0.9090909 -0.4545455,0 0,-0.45454545 m 5,-2.72727275 0.4545455,0.90909092 0,1.36363638 -0.4545455,1.3636364 -0.9090909,0.9090909 m -0.45454544,-5.4545455 0.90909094,0.4545455 0.4545454,0.9090909 0,1.8181818 -0.4545454,1.3636364 -0.90909094,0.9090909 -0.90909091,0.4545454");
+		node.setAttribute("stroke", this.settings.CUSPS_FONT_COLOR);
+		node.setAttribute("stroke-width", (this.settings.CUSPS_STROKE * this.settings.SYMBOL_SCALE).toString());
+		node.setAttribute("fill", "none");
+		wrapper.appendChild(node);
+		if (this.settings.ADD_CLICK_AREA) wrapper.appendChild(this.createRectForClick(x, y));
+		return wrapper;
+	}
+	number6(x, y) {
+		const xShift = 3;
+		const yShift = -3;
+		x = Math.round(x + xShift * this.settings.SYMBOL_SCALE);
+		y = Math.round(y + yShift * this.settings.SYMBOL_SCALE);
+		const wrapper = document.createElementNS(this.context.root.namespaceURI, "g");
+		wrapper.setAttribute("id", this.getHouseIdWrapper(this.settings.SYMBOL_CUSP_6));
+		wrapper.setAttribute("transform", "translate(" + -x * (this.settings.SYMBOL_SCALE - 1) + "," + -y * (this.settings.SYMBOL_SCALE - 1) + ") scale(" + this.settings.SYMBOL_SCALE + ")");
+		const node = document.createElementNS(this.context.root.namespaceURI, "path");
+		node.setAttribute("d", "m" + x + ", " + y + " 0,-0.4545455 -0.4545455,0 0,0.9090909 0.9090909,0 0,-0.9090909 -0.4545454,-0.9090909 -0.909091,-0.4545454 -1.3636363,0 -1.36363638,0.4545454 -0.90909092,0.9090909 -0.9090909,1.3636364 -0.4545455,1.3636364 -0.4545454,1.81818178 0,1.36363636 0.4545454,1.36363636 0.4545455,0.4545455 0.9090909,0.4545454 1.36363637,0 1.36363633,-0.4545454 0.9090909,-0.9090909 0.4545455,-0.90909096 0,-1.36363636 -0.4545455,-0.90909088 -0.4545454,-0.4545455 -0.9090909,-0.4545454 -1.36363638,0 -0.90909092,0.4545454 -0.4545454,0.4545455 -0.4545455,0.90909088 m 1.36363636,-4.54545458 -0.90909086,1.3636364 -0.4545455,1.3636364 -0.4545455,1.81818178 0,1.81818182 0.4545455,0.9090909 m 4.0909091,-0.4545454 0.4545454,-0.90909096 0,-1.36363636 -0.4545454,-0.90909088 m -0.9090909,-5 -0.90909093,0.4545454 -0.90909091,1.3636364 -0.45454546,0.9090909 -0.4545454,1.3636364 -0.4545455,1.81818178 0,2.27272732 0.4545455,0.9090909 0.4545454,0.4545454 m 1.36363637,0 0.90909093,-0.4545454 0.4545454,-0.4545455 0.4545455,-1.36363636 0,-1.81818182 -0.4545455,-0.90909092 -0.4545454,-0.4545454");
+		node.setAttribute("stroke", this.settings.CUSPS_FONT_COLOR);
+		node.setAttribute("stroke-width", (this.settings.CUSPS_STROKE * this.settings.SYMBOL_SCALE).toString());
+		node.setAttribute("fill", "none");
+		wrapper.appendChild(node);
+		if (this.settings.ADD_CLICK_AREA) wrapper.appendChild(this.createRectForClick(x, y));
+		return wrapper;
+	}
+	number7(x, y) {
+		const xShift = -4;
+		const yShift = -4;
+		x = Math.round(x + xShift * this.settings.SYMBOL_SCALE);
+		y = Math.round(y + yShift * this.settings.SYMBOL_SCALE);
+		const wrapper = document.createElementNS(this.context.root.namespaceURI, "g");
+		wrapper.setAttribute("id", this.getHouseIdWrapper(this.settings.SYMBOL_CUSP_7));
+		wrapper.setAttribute("transform", "translate(" + -x * (this.settings.SYMBOL_SCALE - 1) + "," + -y * (this.settings.SYMBOL_SCALE - 1) + ") scale(" + this.settings.SYMBOL_SCALE + ")");
+		const node = document.createElementNS(this.context.root.namespaceURI, "path");
+		node.setAttribute("d", "m" + x + ", " + y + " -0.9090909,2.7272727 m 6.8181818,-2.7272727 -0.4545454,1.3636363 -0.909091,1.3636364 -1.8181818,2.2727273 -0.90909088,1.36363633 -0.45454546,1.36363637 -0.45454545,1.8181818 m 0.90909091,-3.63636362 -0.90909091,1.81818182 -0.45454546,1.8181818 m 4.09090905,-6.8181818 -2.72727268,2.72727272 -0.90909091,1.36363637 -0.45454546,0.90909091 -0.45454545,1.8181818 0.90909091,0 m -1.36363641,-8.1818182 1.36363641,-1.3636363 0.90909091,0 2.27272728,1.3636363 m -3.63636365,-0.9090909 1.36363637,0 2.27272728,0.9090909 m -4.5454546,0 0.90909095,-0.4545454 1.36363637,0 2.27272728,0.4545454 0.9090909,0 0.4545455,-0.4545454 0.4545454,-0.9090909");
+		node.setAttribute("stroke", this.settings.CUSPS_FONT_COLOR);
+		node.setAttribute("stroke-width", (this.settings.CUSPS_STROKE * this.settings.SYMBOL_SCALE).toString());
+		node.setAttribute("fill", "none");
+		wrapper.appendChild(node);
+		if (this.settings.ADD_CLICK_AREA) wrapper.appendChild(this.createRectForClick(x, y));
+		return wrapper;
+	}
+	number8(x, y) {
+		const xShift = -1;
+		const yShift = -5;
+		x = Math.round(x + xShift * this.settings.SYMBOL_SCALE);
+		y = Math.round(y + yShift * this.settings.SYMBOL_SCALE);
+		const wrapper = document.createElementNS(this.context.root.namespaceURI, "g");
+		wrapper.setAttribute("id", this.getHouseIdWrapper(this.settings.SYMBOL_CUSP_8));
+		wrapper.setAttribute("transform", "translate(" + -x * (this.settings.SYMBOL_SCALE - 1) + "," + -y * (this.settings.SYMBOL_SCALE - 1) + ") scale(" + this.settings.SYMBOL_SCALE + ")");
+		const node = document.createElementNS(this.context.root.namespaceURI, "path");
+		node.setAttribute("d", "m" + x + ", " + y + " -1.3631244,0.4543748 -0.4543748,0.4543748 -0.4543748,0.9087496 0,1.3631244 0.4543748,0.9087496 0.9087496,0.4543748 1.3631244,0 1.3631244,-0.4543748 0.9087496,-0.4543748 0.4543748,-0.9087496 0,-1.3631244 -0.4543748,-0.9087496 -0.9087496,-0.4543748 -1.8174992,0 m 0.9087496,0 -2.271874,0.4543748 m 0,0.4543748 -0.4543748,0.9087496 0,1.8174992 0.4543748,0.4543748 m -0.4543748,0 1.3631244,0.4543748 m 0.4543748,0 1.8174992,-0.4543748 m 0.4543748,-0.4543748 0.4543748,-0.9087496 0,-1.3631244 -0.4543748,-0.9087496 m 0.4543748,0 -1.8174992,-0.4543748 m -0.9087496,0 -0.9087496,0.9087496 -0.4543748,0.9087496 0,1.8174992 0.4543748,0.9087496 m 1.3631244,0 0.9087496,-0.4543748 0.4543748,-0.4543748 0.4543748,-0.9087496 0,-1.8174992 -0.4543748,-0.9087496 m -2.7262488,4.543748 -1.8174992,0.4543748 -0.9087496,0.90874964 -0.4543748,0.9087496 0,1.36312436 0.4543748,0.9087496 1.3631244,0.4543748 1.8174992,0 1.8174992,-0.4543748 0.4543748,-0.4543748 0.4543748,-0.9087496 0,-1.36312436 -0.4543748,-0.9087496 -0.4543748,-0.45437484 -0.9087496,-0.4543748 m -0.9087496,0 -2.271874,0.4543748 m 0.4543748,0 -0.9087496,0.90874964 -0.4543748,0.9087496 0,1.36312436 0.4543748,0.9087496 m -0.4543748,0 2.271874,0.4543748 2.7262488,-0.4543748 m 0,-0.4543748 0.4543748,-0.9087496 0,-1.36312436 -0.4543748,-0.9087496 m 0,-0.45437484 -1.3631244,-0.4543748 m -0.9087496,0 -0.9087496,0.4543748 -0.9087496,0.90874964 -0.4543748,0.9087496 0,1.36312436 0.4543748,0.9087496 0.4543748,0.4543748 m 1.8174992,0 0.9087496,-0.4543748 0.4543748,-0.4543748 0.4543748,-0.9087496 0,-1.81749916 -0.4543748,-0.90874964 -0.4543748,-0.4543748");
+		node.setAttribute("stroke", this.settings.CUSPS_FONT_COLOR);
+		node.setAttribute("stroke-width", (this.settings.CUSPS_STROKE * this.settings.SYMBOL_SCALE).toString());
+		node.setAttribute("fill", "none");
+		wrapper.appendChild(node);
+		if (this.settings.ADD_CLICK_AREA) wrapper.appendChild(this.createRectForClick(x, y));
+		return wrapper;
+	}
+	number9(x, y) {
+		const xShift = 1;
+		const yShift = -2;
+		x = Math.round(x + xShift * this.settings.SYMBOL_SCALE);
+		y = Math.round(y + yShift * this.settings.SYMBOL_SCALE);
+		const wrapper = document.createElementNS(this.context.root.namespaceURI, "g");
+		wrapper.setAttribute("id", this.getHouseIdWrapper(this.settings.SYMBOL_CUSP_9));
+		wrapper.setAttribute("transform", "translate(" + -x * (this.settings.SYMBOL_SCALE - 1) + "," + -y * (this.settings.SYMBOL_SCALE - 1) + ") scale(" + this.settings.SYMBOL_SCALE + ")");
+		const node = document.createElementNS(this.context.root.namespaceURI, "path");
+		node.setAttribute("d", "m" + x + ", " + y + " -0.4545455,0.9090909 -0.4545454,0.4545455 -0.9090909,0.45454542 -1.36363638,0 -0.90909092,-0.45454542 -0.4545454,-0.4545455 -0.4545455,-0.9090909 0,-1.3636364 0.4545455,-0.9090909 0.90909086,-0.9090909 1.36363637,-0.4545454 1.36363637,0 0.9090909,0.4545454 0.4545455,0.4545455 0.4545454,1.3636363 0,1.3636364 -0.4545454,1.81818182 -0.4545455,1.36363637 -0.9090909,1.36363641 -0.9090909,0.9090909 -1.36363638,0.4545454 -1.36363632,0 -0.909091,-0.4545454 -0.4545454,-0.9090909 0,-0.90909096 0.9090909,0 0,0.90909096 -0.4545455,0 0,-0.4545455 m 1.3636364,-3.1818182 -0.4545454,-0.9090909 0,-1.3636364 0.4545454,-0.9090909 m 4.0909091,-0.4545454 0.4545455,0.9090909 0,1.8181818 -0.4545455,1.81818182 -0.4545455,1.36363637 -0.9090909,1.36363641 m -1.81818178,-2.72727278 -0.45454546,-0.45454542 -0.45454546,-0.9090909 0,-1.8181819 0.45454546,-1.3636363 0.45454546,-0.4545455 0.90909091,-0.4545454 m 1.36363637,0 0.4545454,0.4545454 0.4545455,0.9090909 0,2.2727273 -0.4545455,1.81818182 -0.4545454,1.36363637 -0.4545455,0.90909091 -0.90909087,1.3636364 -0.90909091,0.4545454");
+		node.setAttribute("stroke", this.settings.CUSPS_FONT_COLOR);
+		node.setAttribute("stroke-width", (this.settings.CUSPS_STROKE * this.settings.SYMBOL_SCALE).toString());
+		node.setAttribute("fill", "none");
+		wrapper.appendChild(node);
+		if (this.settings.ADD_CLICK_AREA) wrapper.appendChild(this.createRectForClick(x, y));
+		return wrapper;
+	}
+	number10(x, y) {
+		const xShift = -3;
+		const yShift = -3.5;
+		x = Math.round(x + xShift * this.settings.SYMBOL_SCALE);
+		y = Math.round(y + yShift * this.settings.SYMBOL_SCALE);
+		const wrapper = document.createElementNS(this.context.root.namespaceURI, "g");
+		wrapper.setAttribute("id", this.getHouseIdWrapper(this.settings.SYMBOL_CUSP_10));
+		wrapper.setAttribute("transform", "translate(" + -x * (this.settings.SYMBOL_SCALE - 1) + "," + -y * (this.settings.SYMBOL_SCALE - 1) + ") scale(" + this.settings.SYMBOL_SCALE + ")");
+		const one = document.createElementNS(this.context.root.namespaceURI, "path");
+		one.setAttribute("d", "m" + x + ", " + y + " -2.28795747,7.7790553 0.91518297,0 m 2.7455489,-9.6094213 -0.9151829,1.830366 -2.28795748,7.7790553 m 3.20314038,-9.6094213 -2.7455489,9.6094213 m 2.7455489,-9.6094213 -1.3727744,1.3727745 -1.3727745,0.915183 -0.91518297,0.4575915 m 2.28795747,-0.915183 -0.91518301,0.4575915 -1.37277446,0.4575915");
+		one.setAttribute("stroke", this.settings.CUSPS_FONT_COLOR);
+		one.setAttribute("stroke-width", (this.settings.CUSPS_STROKE * this.settings.SYMBOL_SCALE).toString());
+		one.setAttribute("fill", "none");
+		wrapper.appendChild(one);
+		const numberXShift = 6.5;
+		const numberYShift = -1.5;
+		const zero = document.createElementNS(this.context.root.namespaceURI, "path");
+		zero.setAttribute("d", "m" + (x + numberXShift) + ", " + (y + numberYShift) + " -1.36363638,0.4545454 -0.90909092,0.9090909 -0.9090909,1.3636364 -0.4545455,1.3636364 -0.4545454,1.81818178 0,1.36363636 0.4545454,1.36363636 0.4545455,0.4545455 0.9090909,0.4545454 0.90909092,0 1.36363638,-0.4545454 0.9090909,-0.9090909 0.9090909,-1.36363641 0.4545455,-1.36363637 0.4545454,-1.81818182 0,-1.3636364 -0.4545454,-1.3636363 -0.4545455,-0.4545455 -0.9090909,-0.4545454 -0.9090909,0 m -1.36363638,0.9090909 -0.90909092,0.9090909 -0.4545454,0.9090909 -0.4545455,1.3636364 -0.4545455,1.81818178 0,1.81818182 0.4545455,0.9090909 m 3.1818182,0 0.9090909,-0.9090909 0.4545454,-0.90909091 0.4545455,-1.36363637 0.4545455,-1.81818182 0,-1.8181818 -0.4545455,-0.9090909 m -1.8181818,-0.9090909 -0.90909093,0.4545454 -0.90909091,1.3636364 -0.45454546,0.9090909 -0.4545454,1.3636364 -0.4545455,1.81818178 0,2.27272732 0.4545455,0.9090909 0.4545454,0.4545454 m 0.90909092,0 0.90909091,-0.4545454 0.90909087,-1.3636364 0.4545455,-0.90909091 0.4545454,-1.36363637 0.4545455,-1.81818182 0,-2.2727273 -0.4545455,-0.9090909 -0.4545454,-0.4545454");
+		zero.setAttribute("stroke", this.settings.CUSPS_FONT_COLOR);
+		zero.setAttribute("stroke-width", (this.settings.CUSPS_STROKE * this.settings.SYMBOL_SCALE).toString());
+		zero.setAttribute("fill", "none");
+		wrapper.appendChild(zero);
+		if (this.settings.ADD_CLICK_AREA) wrapper.appendChild(this.createRectForClick(x, y));
+		return wrapper;
+	}
+	number11(x, y) {
+		const xShift = -3;
+		const yShift = -3;
+		x = Math.round(x + xShift * this.settings.SYMBOL_SCALE);
+		y = Math.round(y + yShift * this.settings.SYMBOL_SCALE);
+		const wrapper = document.createElementNS(this.context.root.namespaceURI, "g");
+		wrapper.setAttribute("id", this.getHouseIdWrapper(this.settings.SYMBOL_CUSP_11));
+		wrapper.setAttribute("transform", "translate(" + -x * (this.settings.SYMBOL_SCALE - 1) + "," + -y * (this.settings.SYMBOL_SCALE - 1) + ") scale(" + this.settings.SYMBOL_SCALE + ")");
+		const one = document.createElementNS(this.context.root.namespaceURI, "path");
+		one.setAttribute("d", "m" + x + ", " + y + " -2.28795747,7.7790553 0.91518297,0 m 2.7455489,-9.6094213 -0.9151829,1.830366 -2.28795748,7.7790553 m 3.20314038,-9.6094213 -2.7455489,9.6094213 m 2.7455489,-9.6094213 -1.3727744,1.3727745 -1.3727745,0.915183 -0.91518297,0.4575915 m 2.28795747,-0.915183 -0.91518301,0.4575915 -1.37277446,0.4575915");
+		one.setAttribute("stroke", this.settings.CUSPS_FONT_COLOR);
+		one.setAttribute("stroke-width", (this.settings.CUSPS_STROKE * this.settings.SYMBOL_SCALE).toString());
+		one.setAttribute("fill", "none");
+		wrapper.appendChild(one);
+		const numberXShift = 6;
+		const numberYShift = 0;
+		const one2 = document.createElementNS(this.context.root.namespaceURI, "path");
+		one2.setAttribute("d", "m" + (x + numberXShift) + ", " + (y + numberYShift) + " -2.28795747,7.7790553 0.91518297,0 m 2.7455489,-9.6094213 -0.9151829,1.830366 -2.28795748,7.7790553 m 3.20314038,-9.6094213 -2.7455489,9.6094213 m 2.7455489,-9.6094213 -1.3727744,1.3727745 -1.3727745,0.915183 -0.91518297,0.4575915 m 2.28795747,-0.915183 -0.91518301,0.4575915 -1.37277446,0.4575915");
+		one2.setAttribute("stroke", this.settings.CUSPS_FONT_COLOR);
+		one2.setAttribute("stroke-width", (this.settings.CUSPS_STROKE * this.settings.SYMBOL_SCALE).toString());
+		one2.setAttribute("fill", "none");
+		wrapper.appendChild(one2);
+		if (this.settings.ADD_CLICK_AREA) wrapper.appendChild(this.createRectForClick(x, y));
+		return wrapper;
+	}
+	number12(x, y) {
+		const xShift = -3;
+		const yShift = -3;
+		x = Math.round(x + xShift * this.settings.SYMBOL_SCALE);
+		y = Math.round(y + yShift * this.settings.SYMBOL_SCALE);
+		const wrapper = document.createElementNS(this.context.root.namespaceURI, "g");
+		wrapper.setAttribute("id", this.getHouseIdWrapper(this.settings.SYMBOL_CUSP_12));
+		wrapper.setAttribute("transform", "translate(" + -x * (this.settings.SYMBOL_SCALE - 1) + "," + -y * (this.settings.SYMBOL_SCALE - 1) + ") scale(" + this.settings.SYMBOL_SCALE + ")");
+		const one = document.createElementNS(this.context.root.namespaceURI, "path");
+		one.setAttribute("d", "m" + x + ", " + y + " -2.28795747,7.7790553 0.91518297,0 m 2.7455489,-9.6094213 -0.9151829,1.830366 -2.28795748,7.7790553 m 3.20314038,-9.6094213 -2.7455489,9.6094213 m 2.7455489,-9.6094213 -1.3727744,1.3727745 -1.3727745,0.915183 -0.91518297,0.4575915 m 2.28795747,-0.915183 -0.91518301,0.4575915 -1.37277446,0.4575915");
+		one.setAttribute("stroke", this.settings.CUSPS_FONT_COLOR);
+		one.setAttribute("stroke-width", (this.settings.CUSPS_STROKE * this.settings.SYMBOL_SCALE).toString());
+		one.setAttribute("fill", "none");
+		wrapper.appendChild(one);
+		const numberXShift = 4;
+		const numberYShift = 1;
+		const two = document.createElementNS(this.context.root.namespaceURI, "path");
+		two.setAttribute("d", "m" + (x + numberXShift) + ", " + (y + numberYShift) + " 0,-0.4545454 0.4545454,0 0,0.9090909 -0.9090909,0 0,-0.9090909 0.4545455,-0.9090909 0.4545454,-0.4545455 1.36363637,-0.4545454 1.36363633,0 1.3636364,0.4545454 0.4545455,0.9090909 0,0.9090909 -0.4545455,0.909091 -0.9090909,0.9090909 -4.5454546,2.72727269 -0.9090909,0.90909091 -0.9090909,1.8181818 m 6.8181818,-9.0909091 0.4545455,0.9090909 0,0.9090909 -0.4545455,0.909091 -0.9090909,0.9090909 -1.36363633,0.9090909 m 1.36363633,-5 0.4545455,0.4545454 0.4545454,0.9090909 0,0.9090909 -0.4545454,0.909091 -0.9090909,0.9090909 -3.6363637,2.72727269 m -1.3636363,1.81818181 0.4545454,-0.4545454 0.9090909,0 2.27272732,0.4545454 2.27272728,0 0.4545454,-0.4545454 m -5,0 2.27272732,0.9090909 2.27272728,0 m -4.5454546,-0.9090909 2.27272732,1.3636363 1.36363638,0 0.9090909,-0.4545454 0.4545454,-0.9090909 0,-0.4545455");
+		two.setAttribute("stroke", this.settings.CUSPS_FONT_COLOR);
+		two.setAttribute("stroke-width", (this.settings.CUSPS_STROKE * this.settings.SYMBOL_SCALE).toString());
+		two.setAttribute("fill", "none");
+		wrapper.appendChild(two);
+		if (this.settings.ADD_CLICK_AREA) wrapper.appendChild(this.createRectForClick(x, y));
+		return wrapper;
+	}
+	/**
+	* Draw circular sector
+	*
+	* @param {int} x - circle x center position
+	* @param {int} y - circle y center position
+	* @param {int} radius - circle radius in px
+	* @param {int} a1 - angleFrom in degree
+	* @param {int} a2 - angleTo in degree
+	* @param {int} thickness - from outside to center in px
+	*
+	* @return {SVGElement} segment
+	*
+	* @see SVG Path arc: https://www.w3.org/TR/SVG/paths.html#PathData
+	*/
+	segment(x, y, radius, a1, a2, thickness, lFlag, sFlag) {
+		const LARGE_ARC_FLAG = lFlag || 0;
+		const SWEET_FLAG = sFlag || 0;
+		a1 = (this.settings.SHIFT_IN_DEGREES - a1) % 360 * Math.PI / 180;
+		a2 = (this.settings.SHIFT_IN_DEGREES - a2) % 360 * Math.PI / 180;
+		const segment = document.createElementNS(this.context.root.namespaceURI, "path");
+		segment.setAttribute("d", "M " + (x + thickness * Math.cos(a1)) + ", " + (y + thickness * Math.sin(a1)) + " l " + (radius - thickness) * Math.cos(a1) + ", " + (radius - thickness) * Math.sin(a1) + " A " + radius + ", " + radius + ",0 ," + LARGE_ARC_FLAG + ", " + SWEET_FLAG + ", " + (x + radius * Math.cos(a2)) + ", " + (y + radius * Math.sin(a2)) + " l " + (radius - thickness) * -Math.cos(a2) + ", " + (radius - thickness) * -Math.sin(a2) + " A " + thickness + ", " + thickness + ",0 ," + LARGE_ARC_FLAG + ", 1, " + (x + thickness * Math.cos(a1)) + ", " + (y + thickness * Math.sin(a1)));
+		segment.setAttribute("fill", "none");
+		return segment;
+	}
+	/**
+	* Draw line in circle
+	*
+	* @param {int} x1
+	* @param {int} y2
+	* @param {int} x2
+	* @param {int} y2
+	* @param {String} color - HTML rgb
+	*
+	* @return {SVGElement} line
+	*/
+	line(x1, y1, x2, y2) {
+		const line = document.createElementNS(this.context.root.namespaceURI, "line");
+		line.setAttribute("x1", x1.toString());
+		line.setAttribute("y1", y1.toString());
+		line.setAttribute("x2", x2.toString());
+		line.setAttribute("y2", y2.toString());
+		return line;
+	}
+	/**
+	* Draw a circle
+	*
+	* @param {int} cx
+	* @param {int} cy
+	* @param {int} radius
+	*
+	* @return {SVGElement} circle
+	*/
+	circle(cx, cy, radius) {
+		const circle = document.createElementNS(this.context.root.namespaceURI, "circle");
+		circle.setAttribute("cx", cx.toString());
+		circle.setAttribute("cy", cy.toString());
+		circle.setAttribute("r", radius.toString());
+		circle.setAttribute("fill", "none");
+		return circle;
+	}
+	/**
+	* Draw a text
+	*
+	* @param {String} text
+	* @param {int} x
+	* @param {int} y
+	* @param {String} size - etc. "13px"
+	* @param {String} color - HTML rgb
+	*
+	* @return {SVGElement} text
+	*/
+	text(txt, x, y, size, color) {
+		const text = document.createElementNS(this.context.root.namespaceURI, "text");
+		text.setAttribute("x", x.toString());
+		text.setAttribute("y", y.toString());
+		text.setAttribute("font-size", size);
+		text.setAttribute("fill", color);
+		text.setAttribute("font-family", "serif");
+		text.setAttribute("dominant-baseline", "central");
+		text.appendChild(document.createTextNode(txt));
+		text.setAttribute("transform", "translate(" + -x * (this.settings.SYMBOL_SCALE - 1) + "," + -y * (this.settings.SYMBOL_SCALE - 1) + ") scale(" + this.settings.SYMBOL_SCALE + ")");
+		return text;
+	}
+};
+var svg_default = SVG;
+
+//#endregion
+//#region src/chart.ts
+/**
+* Displays astrology charts.
+*
+* @class
+* @public
+* @constructor
+* @param {String} elementId - root DOMElement
+* @param {int} width
+* @param {int} height
+* @param {Object} settings
+*/
+var Chart = class {
+	paper;
+	cx;
+	cy;
+	radius;
+	settings;
+	constructor(elementId, width, height, settings) {
+		const chartSettings = settings_default;
+		if (settings != null) {
+			Object.assign(chartSettings, settings);
+			if (!("COLORS_SIGNS" in settings)) chartSettings.COLORS_SIGNS = [
+				settings_default.COLOR_ARIES,
+				settings_default.COLOR_TAURUS,
+				settings_default.COLOR_GEMINI,
+				settings_default.COLOR_CANCER,
+				settings_default.COLOR_LEO,
+				settings_default.COLOR_VIRGO,
+				settings_default.COLOR_LIBRA,
+				settings_default.COLOR_SCORPIO,
+				settings_default.COLOR_SAGITTARIUS,
+				settings_default.COLOR_CAPRICORN,
+				settings_default.COLOR_AQUARIUS,
+				settings_default.COLOR_PISCES
+			];
+		}
+		if (elementId !== "" && document.getElementById(elementId) == null) {
+			const paper = document.createElement("div");
+			paper.setAttribute("id", elementId);
+			document.body.appendChild(paper);
+		}
+		this.paper = new svg_default(elementId, width, height, chartSettings);
+		this.cx = this.paper.width / 2;
+		this.cy = this.paper.height / 2;
+		this.radius = this.paper.height / 2 - chartSettings.MARGIN;
+		this.settings = chartSettings;
+	}
+	/**
+	* Display radix horoscope
+	*
+	* @param {Object} data
+	* @example
+	*  {
+	*    "points":{"Moon":[0], "Sun":[30],  ... },
+	*    "cusps":[300, 340, 30, 60, 75, 90, 116, 172, 210, 236, 250, 274]
+	*  }
+	*
+	* @return {Radix} radix
+	*/
+	radix(data) {
+		const radix = new radix_default(this.paper, this.cx, this.cy, this.radius, data, this.settings);
+		radix.drawBg();
+		radix.drawUniverse();
+		radix.drawRuler();
+		radix.drawPoints();
+		radix.drawCusps();
+		radix.drawAxis();
+		radix.drawCircles();
+		return radix;
+	}
+	/**
+	* Scale chart
+	*
+	* @param {int} factor
+	*/
+	scale(factor) {
+		this.paper.root.setAttribute("transform", "translate(" + -this.cx * (factor - 1) + "," + -this.cy * (factor - 1) + ") scale(" + factor + ")");
+	}
+	/**
+	* Draw the symbol on the axis.
+	* For debug only.
+	*
+	*/
+	calibrate() {
+		let positions;
+		let circle;
+		let line;
+		const startRadius = 60;
+		const planets = [
+			"Sun",
+			"Moon",
+			"Mercury",
+			"Venus",
+			"Mars",
+			"Jupiter",
+			"Saturn",
+			"Uranus",
+			"Neptune",
+			"Pluto",
+			"Chiron",
+			"Lilith",
+			"NNode"
+		];
+		for (let planet = 0; planet < planets.length; planet++) {
+			positions = getPointPosition(this.cx, this.cy, this.radius * 2, planet * 30, this.settings);
+			line = this.paper.line(this.cx, this.cy, positions.x, positions.y);
+			line.setAttribute("stroke", this.settings.LINE_COLOR);
+			this.paper.root.appendChild(line);
+			circle = this.paper.circle(this.cx, this.cy, startRadius + startRadius * planet);
+			circle.setAttribute("stroke", this.settings.LINE_COLOR);
+			circle.setAttribute("stroke-width", "1");
+			this.paper.root.appendChild(circle);
+		}
+		for (let n = 0, ln = planets.length; n < ln; n++) {
+			const radius = startRadius + startRadius * n;
+			for (let i = 0; i < 12; i++) {
+				positions = getPointPosition(this.cx, this.cy, radius, i * 30, this.settings);
+				circle = this.paper.circle(positions.x, positions.y, this.settings.COLLISION_RADIUS * this.settings.SYMBOL_SCALE);
+				circle.setAttribute("stroke", "red");
+				circle.setAttribute("stroke-width", "1");
+				this.paper.root.appendChild(circle);
+				this.paper.root.appendChild(this.paper.getSymbol(planets[n], positions.x, positions.y));
+			}
+		}
+		return this;
+	}
+};
+var chart_default = Chart;
+
+//#endregion
+export { aspect_default as AspectCalculator, chart_default as Chart, degreeToRadians, getPointPosition, radiansToDegree, validate };
+//# sourceMappingURL=index.mjs.map