tsparticles 1.38.0 → 1.39.3

package/browser/Plugins/PolygonMask/Options/Interfaces/{IDrawStroke.d.ts → IPolygonMaskDrawStroke.d.ts}

@@ -1,8 +1,8 @@
-import type { IColor } from "../../../../Core/Interfaces/Colors";
+import type { IColor } from "../../../../Core";
 /**
  * @category Polygon Mask Plugin
  */
-export interface IDrawStroke {
+export interface IPolygonMaskDrawStroke {
     color: string | IColor;
     width: number;
     opacity: number;

package/browser/Plugins/PolygonMask/Options/Interfaces/IPolygonMaskInline.d.ts

@@ -0,0 +1,7 @@
+import type { PolygonMaskInlineArrangement, PolygonMaskInlineArrangementAlt } from "../../Enums";
+/**
+ * @category Polygon Mask Plugin
+ */
+export interface IPolygonMaskInline {
+    arrangement: PolygonMaskInlineArrangement | keyof typeof PolygonMaskInlineArrangement | PolygonMaskInlineArrangementAlt;
+}

package/browser/Plugins/PolygonMask/Options/Interfaces/{ILocalSvg.d.ts → IPolygonMaskLocalSvg.d.ts}

@@ -1,9 +1,9 @@
+import type { IDimension } from "../../../../Core";
 import type { SingleOrMultiple } from "../../../../Types";
-import type { IDimension } from "../../../../Core/Interfaces/IDimension";
 /**
  * @category Polygon Mask Plugin
  */
-export interface ILocalSvg {
+export interface IPolygonMaskLocalSvg {
     path: SingleOrMultiple<string>;
     size: IDimension;
 }

package/browser/Plugins/PolygonMask/Options/Interfaces/IPolygonMaskMove.d.ts

@@ -0,0 +1,8 @@
+import type { PolygonMaskMoveType } from "../../Enums";
+/**
+ * @category Polygon Mask Plugin
+ */
+export interface IPolygonMaskMove {
+    radius: number;
+    type: PolygonMaskMoveType | keyof typeof PolygonMaskMoveType;
+}

package/browser/Plugins/PolygonMask/PolygonMaskInstance.d.ts

@@ -1,11 +1,9 @@
-import type { Container } from "../../Core/Container";
-import type { IContainerPlugin, ICoordinates, IDelta, IDimension } from "../../Core/Interfaces";
-import { Particle } from "../../Core/Particle";
+import type { Container, IContainerPlugin, ICoordinates, IDelta, IDimension, Particle } from "../../Core";
+import type { IPolygonMaskOptions } from "./Types";
 import type { ISvgPath } from "./Interfaces/ISvgPath";
-import type { RecursivePartial } from "../../Types";
-import { PolygonMask } from "./Options/Classes/PolygonMask";
 import { OutModeDirection } from "../../Enums";
-import type { IPolygonMaskOptions } from "./types";
+import { PolygonMask } from "./Options/Classes/PolygonMask";
+import type { RecursivePartial } from "../../Types";
 /**
  * Polygon Mask manager
  * @category Polygon Mask Plugin

package/browser/Plugins/PolygonMask/PolygonMaskInstance.js

@@ -1,8 +1,7 @@
-import { InlineArrangement, Type } from "./Enums";
-import { Constants, deepExtend, getDistance, getDistances, itemFromArray } from "../../Utils";
+import { calcClosestPtOnSegment, drawPolygonMask, drawPolygonMaskPath, parsePaths, segmentBounce } from "./Utils";
+import { deepExtend, getDistance, getDistances, itemFromArray } from "../../Utils";
+import { Constants } from "../../Core";
 import { PolygonMask } from "./Options/Classes/PolygonMask";
-import { OutModeDirection } from "../../Enums";
-import { calcClosestPtOnSegment, drawPolygonMask, drawPolygonMaskPath, parsePaths, segmentBounce } from "./utils";
 /**
  * Polygon Mask manager
  * @category Polygon Mask Plugin
@@ -30,7 +29,7 @@ export class PolygonMaskInstance {
     resize() {
         const container = this.container;
         const options = this.options;
-        if (!(options.enable && options.type !== Type.none)) {
+        if (!(options.enable && options.type !== "none" /* none */)) {
             return;
         }
         if (this.redrawTimeout) {
@@ -48,9 +47,9 @@ export class PolygonMaskInstance {
     particlesInitialization() {
         const options = this.options;
         if (options.enable &&
-            options.type === Type.inline &&
-            (options.inline.arrangement === InlineArrangement.onePerPoint ||
-                options.inline.arrangement === InlineArrangement.perPoint)) {
+            options.type === "inline" /* inline */ &&
+            (options.inline.arrangement === "one-per-point" /* onePerPoint */ ||
+                options.inline.arrangement === "per-point" /* perPoint */)) {
             this.drawPoints();
             return true;
         }
@@ -70,8 +69,8 @@ export class PolygonMaskInstance {
     clickPositionValid(position) {
         const options = this.options;
         return (options.enable &&
-            options.type !== Type.none &&
-            options.type !== Type.inline &&
+            options.type !== "none" /* none */ &&
+            options.type !== "inline" /* inline */ &&
             this.checkInsidePolygon(position));
     }
     draw(context) {
@@ -101,10 +100,10 @@ export class PolygonMaskInstance {
     }
     polygonBounce(particle, _delta, direction) {
         const options = this.options;
-        if (!this.raw || !options.enable || direction !== OutModeDirection.top) {
+        if (!this.raw || !options.enable || direction !== "top" /* top */) {
             return false;
         }
-        if (options.type === Type.inside || options.type === Type.outside) {
+        if (options.type === "inside" /* inside */ || options.type === "outside" /* outside */) {
             let closest, dx, dy;
             const pos = particle.getPosition(), radius = particle.getRadius();
             for (let i = 0, j = this.raw.length - 1; i < this.raw.length; j = i++) {
@@ -131,7 +130,7 @@ export class PolygonMaskInstance {
                 return true;
             }
         }
-        else if (options.type === Type.inline && particle.initialPosition) {
+        else if (options.type === "inline" /* inline */ && particle.initialPosition) {
             const dist = getDistance(particle.initialPosition, particle.getPosition());
             if (dist > this.polygonMaskMoveRadius) {
                 particle.velocity.x = particle.velocity.y / 2 - particle.velocity.x;
@@ -145,7 +144,7 @@ export class PolygonMaskInstance {
         var _a, _b;
         const container = this.container;
         const options = this.options;
-        if (!options.enable || options.type === Type.none || options.type === Type.inline) {
+        if (!options.enable || options.type === "none" /* none */ || options.type === "inline" /* inline */) {
             return true;
         }
         // https://github.com/substack/point-in-polygon
@@ -170,7 +169,11 @@ export class PolygonMaskInstance {
             }
         }
         // }
-        return options.type === Type.inside ? inside : options.type === Type.outside ? !inside : false;
+        return options.type === "inside" /* inside */
+            ? inside
+            : options.type === "outside" /* outside */
+                ? !inside
+                : false;
     }
     parseSvgPath(xml, force) {
         var _a, _b, _c;
@@ -249,19 +252,19 @@ export class PolygonMaskInstance {
         const container = this.container;
         const options = this.options;
         let position;
-        if (options.type === Type.inline) {
+        if (options.type === "inline" /* inline */) {
             switch (options.inline.arrangement) {
-                case InlineArrangement.randomPoint:
+                case "random-point" /* randomPoint */:
                     position = this.getRandomPoint();
                     break;
-                case InlineArrangement.randomLength:
+                case "random-length" /* randomLength */:
                     position = this.getRandomPointByLength();
                     break;
-                case InlineArrangement.equidistant:
+                case "equidistant" /* equidistant */:
                     position = this.getEquidistantPointByIndex(container.particles.count);
                     break;
-                case InlineArrangement.onePerPoint:
-                case InlineArrangement.perPoint:
+                case "one-per-point" /* onePerPoint */:
+                case "per-point" /* perPoint */:
                 default:
                     position = this.getPointByIndex(container.particles.count);
             }

package/{esm/Plugins/PolygonMask/types.d.ts → browser/Plugins/PolygonMask/Types.d.ts}

@@ -1,6 +1,6 @@
+import type { SVGPathSegArcAbs, SVGPathSegArcRel, SVGPathSegCurvetoCubicAbs, SVGPathSegCurvetoCubicRel, SVGPathSegCurvetoCubicSmoothAbs, SVGPathSegCurvetoCubicSmoothRel, SVGPathSegCurvetoQuadraticAbs, SVGPathSegCurvetoQuadraticRel, SVGPathSegCurvetoQuadraticSmoothAbs, SVGPathSegCurvetoQuadraticSmoothRel, SVGPathSegLinetoAbs, SVGPathSegLinetoRel, SVGPathSegMovetoAbs, SVGPathSegMovetoRel } from "./pathseg";
 import type { IOptions } from "../../Options/Interfaces/IOptions";
 import type { IPolygonMask } from "./Options/Interfaces/IPolygonMask";
-import type { SVGPathSegArcAbs, SVGPathSegCurvetoCubicAbs, SVGPathSegCurvetoCubicSmoothAbs, SVGPathSegCurvetoQuadraticAbs, SVGPathSegCurvetoQuadraticSmoothAbs, SVGPathSegLinetoAbs, SVGPathSegMovetoAbs, SVGPathSegArcRel, SVGPathSegCurvetoCubicRel, SVGPathSegCurvetoCubicSmoothRel, SVGPathSegCurvetoQuadraticRel, SVGPathSegCurvetoQuadraticSmoothRel, SVGPathSegLinetoRel, SVGPathSegMovetoRel } from "./pathseg";
 export declare type SvgAbsoluteCoordinatesTypes = SVGPathSegArcAbs | SVGPathSegCurvetoCubicAbs | SVGPathSegCurvetoCubicSmoothAbs | SVGPathSegCurvetoQuadraticAbs | SVGPathSegCurvetoQuadraticSmoothAbs | SVGPathSegLinetoAbs | SVGPathSegMovetoAbs;
 export declare type SvgRelativeCoordinatesTypes = SVGPathSegArcRel | SVGPathSegCurvetoCubicRel | SVGPathSegCurvetoCubicSmoothRel | SVGPathSegCurvetoQuadraticRel | SVGPathSegCurvetoQuadraticSmoothRel | SVGPathSegLinetoRel | SVGPathSegMovetoRel;
 export declare type IPolygonMaskOptions = IOptions & {

package/{Plugins/PolygonMask/utils.d.ts → browser/Plugins/PolygonMask/Utils.d.ts}

@@ -1,9 +1,9 @@
-import type { ICoordinates } from "../../Core/Interfaces";
-import type { IDrawStroke } from "./Options/Interfaces/IDrawStroke";
+import type { ICoordinates } from "../../Core";
+import type { IPolygonMaskDrawStroke } from "./Options/Interfaces/IPolygonMaskDrawStroke";
 import type { ISvgPath } from "./Interfaces/ISvgPath";
-import { Vector } from "../../Core/Particle/Vector";
-export declare function drawPolygonMask(context: CanvasRenderingContext2D, rawData: ICoordinates[], stroke: IDrawStroke): void;
-export declare function drawPolygonMaskPath(context: CanvasRenderingContext2D, path: Path2D, stroke: IDrawStroke, position: ICoordinates): void;
+import { Vector } from "../../Core";
+export declare function drawPolygonMask(context: CanvasRenderingContext2D, rawData: ICoordinates[], stroke: IPolygonMaskDrawStroke): void;
+export declare function drawPolygonMaskPath(context: CanvasRenderingContext2D, path: Path2D, stroke: IPolygonMaskDrawStroke, position: ICoordinates): void;
 export declare function parsePaths(paths: ISvgPath[], scale: number, offset: ICoordinates): ICoordinates[];
 export declare function calcClosestPtOnSegment(s1: ICoordinates, s2: ICoordinates, pos: ICoordinates): ICoordinates & {
     isOnSegment: boolean;

package/browser/Plugins/PolygonMask/{utils.js → Utils.js}

@@ -1,4 +1,5 @@
 import { colorToRgb, getDistances, getStyleFromRgb } from "../../Utils";
+import { Vector } from "../../Core";
 export function drawPolygonMask(context, rawData, stroke) {
     const color = colorToRgb(stroke.color);
     if (!color) {
@@ -101,25 +102,27 @@ export function calcClosestPtOnSegment(s1, s2, pos) {
     // == dot product divided by delta line distances squared
     const t = (dx * dxx + dy * dyy) / (dxx ** 2 + dyy ** 2);
     // calc nearest pt on line
-    let x = s1.x + dxx * t;
-    let y = s1.y + dyy * t;
+    const res = {
+        x: s1.x + dxx * t,
+        y: s1.x + dyy * t,
+        isOnSegment: t >= 0 && t <= 1,
+    };
     // clamp results to being on the segment
     if (t < 0) {
-        x = s1.x;
-        y = s1.y;
+        res.x = s1.x;
+        res.y = s1.y;
     }
     else if (t > 1) {
-        x = s2.x;
-        y = s2.y;
+        res.x = s2.x;
+        res.y = s2.y;
     }
-    return { x: x, y: y, isOnSegment: t >= 0 && t <= 1 };
+    return res;
 }
 export function segmentBounce(start, stop, velocity) {
     const { dx, dy } = getDistances(start, stop);
     const wallAngle = Math.atan2(dy, dx); // + Math.PI / 2;
-    const wallNormalX = Math.sin(wallAngle);
-    const wallNormalY = -Math.cos(wallAngle);
-    const d = 2 * (velocity.x * wallNormalX + velocity.y * wallNormalY);
-    velocity.x -= d * wallNormalX;
-    velocity.y -= d * wallNormalY;
+    const wallNormal = Vector.create(Math.sin(wallAngle), -Math.cos(wallAngle));
+    const d = 2 * (velocity.x * wallNormal.x + velocity.y * wallNormal.y);
+    wallNormal.multTo(d);
+    velocity.subFrom(wallNormal);
 }

package/browser/Plugins/PolygonMask/index.d.ts

@@ -0,0 +1,2 @@
+import type { Engine } from "../../engine";
+export declare function loadPolygonMaskPlugin(engine: Engine): Promise<void>;

package/browser/Plugins/PolygonMask/{plugin.js → index.js}

@@ -1,11 +1,10 @@
-import { PolygonMaskInstance } from "./PolygonMaskInstance";
 import { PolygonMask } from "./Options/Classes/PolygonMask";
-import { Type } from "./Enums";
+import { PolygonMaskInstance } from "./PolygonMaskInstance";
 import { isSsr } from "../../Utils";
 /**
  * @category Polygon Mask Plugin
  */
-class Plugin {
+class PolygonMaskPlugin {
     constructor() {
         this.id = "polygonMask";
     }
@@ -14,7 +13,7 @@ class Plugin {
     }
     needsPlugin(options) {
         var _a, _b, _c;
-        return (_b = (_a = options === null || options === void 0 ? void 0 : options.polygon) === null || _a === void 0 ? void 0 : _a.enable) !== null && _b !== void 0 ? _b : (((_c = options === null || options === void 0 ? void 0 : options.polygon) === null || _c === void 0 ? void 0 : _c.type) !== undefined && options.polygon.type !== Type.none);
+        return ((_b = (_a = options === null || options === void 0 ? void 0 : options.polygon) === null || _a === void 0 ? void 0 : _a.enable) !== null && _b !== void 0 ? _b : (((_c = options === null || options === void 0 ? void 0 : options.polygon) === null || _c === void 0 ? void 0 : _c.type) !== undefined && options.polygon.type !== "none" /* none */));
     }
     loadOptions(options, source) {
         if (!this.needsPlugin(source)) {
@@ -28,15 +27,15 @@ class Plugin {
         polygonOptions.load(source === null || source === void 0 ? void 0 : source.polygon);
     }
 }
-export async function loadPolygonMaskPlugin(tsParticles) {
-    if (!isSsr() && !window.SVGPathSeg) {
+export async function loadPolygonMaskPlugin(engine) {
+    if (!isSsr() && !("SVGPathSeg" in window)) {
         await import(
-        /* webpackChunkName: "tsparticles.pathseg" */
+        /* webpackChunkName: "tsparticles.pathseg.min" */
         /* webpackMode: "lazy" */
         /* webpackPrefetch: true */
         /* webpackPreload: true */
         "./pathseg");
     }
-    const plugin = new Plugin();
-    await tsParticles.addPlugin(plugin);
+    const plugin = new PolygonMaskPlugin();
+    await engine.addPlugin(plugin);
 }

package/browser/Plugins/PolygonMask/pathseg.js

@@ -1,6 +1,5 @@
 "use strict";
 // SVGPathSeg API polyfill
-// https://github.com/progers/pathseg
 //
 // This is a drop-in replacement for the SVGPathSeg and SVGPathSegList APIs that were removed from
 // SVG2 (https://lists.w3.org/Archives/Public/www-svg/2015Jun/0044.html), including the latest spec
@@ -1049,9 +1048,9 @@
                 window.SVGPathElement.prototype.getPathSegAtLength = function (distance) {
                     if (distance === undefined || !isFinite(distance))
                         throw "Invalid arguments.";
-                    var measurementElement = document.createElementNS("http://www.w3.org/2000/svg", "path");
+                    const measurementElement = document.createElementNS("http://www.w3.org/2000/svg", "path");
                     measurementElement.setAttribute("d", this.getAttribute("d"));
-                    var lastPathSegment = measurementElement.pathSegList.numberOfItems - 1;
+                    let lastPathSegment = measurementElement.pathSegList.numberOfItems - 1;
                     // If the path is empty, return 0.
                     if (lastPathSegment <= 0)
                         return 0;
@@ -1134,7 +1133,7 @@
             window.SVGPathSegList.prototype._updateListFromPathMutations = function (mutationRecords) {
                 if (!this._pathElement)
                     return;
-                var hasPathMutations = false;
+                let hasPathMutations = false;
                 mutationRecords.forEach(function (record) {
                     if (record.attributeName == "d")
                         hasPathMutations = true;
@@ -1205,7 +1204,7 @@
             window.SVGPathSegList.prototype.removeItem = function (index) {
                 this._checkPathSynchronizedToList();
                 this._checkValidIndex(index);
-                var item = this._list[index];
+                const item = this._list[index];
                 this._list.splice(index, 1);
                 this._writeListToPath();
                 return item;
@@ -1223,8 +1222,8 @@
                 return newItem;
             };
             window.SVGPathSegList._pathSegArrayAsString = function (pathSegArray) {
-                var string = "";
-                var first = true;
+                let string = "";
+                let first = true;
                 pathSegArray.forEach(function (pathSeg) {
                     if (first) {
                         first = false;
@@ -1240,14 +1239,14 @@
             window.SVGPathSegList.prototype._parsePath = function (string) {
                 if (!string || string.length == 0)
                     return [];
-                var owningPathSegList = this;
-                var Builder = function () {
+                const owningPathSegList = this;
+                const Builder = function () {
                     this.pathSegList = [];
                 };
                 Builder.prototype.appendSegment = function (pathSeg) {
                     this.pathSegList.push(pathSeg);
                 };
-                var Source = function (string) {
+                const Source = function (string) {
                     this._string = string;
                     this._currentIndex = 0;
                     this._endIndex = this._string.length;
@@ -1255,9 +1254,13 @@
                     this._skipOptionalSpaces();
                 };
                 Source.prototype._isCurrentSpace = function () {
-                    var character = this._string[this._currentIndex];
+                    const character = this._string[this._currentIndex];
                     return (character <= " " &&
-                        (character == " " || character == "\n" || character == "\t" || character == "\r" || character == "\f"));
+                        (character == " " ||
+                            character == "\n" ||
+                            character == "\t" ||
+                            character == "\r" ||
+                            character == "\f"));
                 };
                 Source.prototype._skipOptionalSpaces = function () {
                     while (this._currentIndex < this._endIndex && this._isCurrentSpace())
@@ -1281,7 +1284,7 @@
                     return this._currentIndex < this._endIndex;
                 };
                 Source.prototype.peekSegmentType = function () {
-                    var lookahead = this._string[this._currentIndex];
+                    const lookahead = this._string[this._currentIndex];
                     return this._pathSegTypeFromChar(lookahead);
                 };
                 Source.prototype._pathSegTypeFromChar = function (lookahead) {
@@ -1331,7 +1334,10 @@
                 };
                 Source.prototype._nextCommandHelper = function (lookahead, previousCommand) {
                     // Check for remaining coordinates in the current command.
-                    if ((lookahead == "+" || lookahead == "-" || lookahead == "." || (lookahead >= "0" && lookahead <= "9")) &&
+                    if ((lookahead == "+" ||
+                        lookahead == "-" ||
+                        lookahead == "." ||
+                        (lookahead >= "0" && lookahead <= "9")) &&
                         previousCommand != window.SVGPathSeg.PATHSEG_CLOSEPATH) {
                         if (previousCommand == window.SVGPathSeg.PATHSEG_MOVETO_ABS)
                             return window.SVGPathSeg.PATHSEG_LINETO_ABS;
@@ -1345,20 +1351,21 @@
                     // If the path is empty it is still valid, so return true.
                     if (!this.hasMoreData())
                         return true;
-                    var command = this.peekSegmentType();
+                    const command = this.peekSegmentType();
                     // Path must start with moveTo.
-                    return command == window.SVGPathSeg.PATHSEG_MOVETO_ABS || command == window.SVGPathSeg.PATHSEG_MOVETO_REL;
+                    return (command == window.SVGPathSeg.PATHSEG_MOVETO_ABS ||
+                        command == window.SVGPathSeg.PATHSEG_MOVETO_REL);
                 };
                 // Parse a number from an SVG path. This very closely follows genericParseNumber(...) from Source/core/svg/SVGParserUtilities.cpp.
                 // Spec: http://www.w3.org/TR/SVG11/single-page.html#paths-PathDataBNF
                 Source.prototype._parseNumber = function () {
-                    var exponent = 0;
-                    var integer = 0;
-                    var frac = 1;
-                    var decimal = 0;
-                    var sign = 1;
-                    var expsign = 1;
-                    var startIndex = this._currentIndex;
+                    let exponent = 0;
+                    let integer = 0;
+                    let frac = 1;
+                    let decimal = 0;
+                    let sign = 1;
+                    let expsign = 1;
+                    const startIndex = this._currentIndex;
                     this._skipOptionalSpaces();
                     // Read the sign.
                     if (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) == "+")
@@ -1368,19 +1375,20 @@
                         sign = -1;
                     }
                     if (this._currentIndex == this._endIndex ||
-                        ((this._string.charAt(this._currentIndex) < "0" || this._string.charAt(this._currentIndex) > "9") &&
+                        ((this._string.charAt(this._currentIndex) < "0" ||
+                            this._string.charAt(this._currentIndex) > "9") &&
                             this._string.charAt(this._currentIndex) != "."))
                         // The first character of a number must be one of [0-9+-.].
                         return undefined;
                     // Read the integer part, build right-to-left.
-                    var startIntPartIndex = this._currentIndex;
+                    const startIntPartIndex = this._currentIndex;
                     while (this._currentIndex < this._endIndex &&
                         this._string.charAt(this._currentIndex) >= "0" &&
                         this._string.charAt(this._currentIndex) <= "9")
                         this._currentIndex++; // Advance to first non-digit.
                     if (this._currentIndex != startIntPartIndex) {
-                        var scanIntPartIndex = this._currentIndex - 1;
-                        var multiplier = 1;
+                        let scanIntPartIndex = this._currentIndex - 1;
+                        let multiplier = 1;
                         while (scanIntPartIndex >= startIntPartIndex) {
                             integer += multiplier * (this._string.charAt(scanIntPartIndex--) - "0");
                             multiplier *= 10;
@@ -1405,7 +1413,8 @@
                     // Read the exponent part.
                     if (this._currentIndex != startIndex &&
                         this._currentIndex + 1 < this._endIndex &&
-                        (this._string.charAt(this._currentIndex) == "e" || this._string.charAt(this._currentIndex) == "E") &&
+                        (this._string.charAt(this._currentIndex) == "e" ||
+                            this._string.charAt(this._currentIndex) == "E") &&
                         this._string.charAt(this._currentIndex + 1) != "x" &&
                         this._string.charAt(this._currentIndex + 1) != "m") {
                         this._currentIndex++;
@@ -1430,7 +1439,7 @@
                             this._currentIndex++;
                         }
                     }
-                    var number = integer + decimal;
+                    let number = integer + decimal;
                     number *= sign;
                     if (exponent)
                         number *= Math.pow(10, expsign * exponent);
@@ -1442,8 +1451,8 @@
                 Source.prototype._parseArcFlag = function () {
                     if (this._currentIndex >= this._endIndex)
                         return undefined;
-                    var flag = false;
-                    var flagChar = this._string.charAt(this._currentIndex++);
+                    let flag = false;
+                    const flagChar = this._string.charAt(this._currentIndex++);
                     if (flagChar == "0")
                         flag = false;
                     else if (flagChar == "1")
@@ -1454,8 +1463,8 @@
                     return flag;
                 };
                 Source.prototype.parseSegment = function () {
-                    var lookahead = this._string[this._currentIndex];
-                    var command = this._pathSegTypeFromChar(lookahead);
+                    const lookahead = this._string[this._currentIndex];
+                    let command = this._pathSegTypeFromChar(lookahead);
                     if (command == window.SVGPathSeg.PATHSEG_UNKNOWN) {
                         // Possibly an implicit command. Not allowed if this is the first command.
                         if (this._previousCommand == window.SVGPathSeg.PATHSEG_UNKNOWN)
@@ -1468,6 +1477,7 @@
                         this._currentIndex++;
                     }
                     this._previousCommand = command;
+                    let points;
                     switch (command) {
                         case window.SVGPathSeg.PATHSEG_MOVETO_REL:
                             return new window.SVGPathSegMovetoRel(owningPathSegList, this._parseNumber(), this._parseNumber());
@@ -1489,7 +1499,7 @@
                             this._skipOptionalSpaces();
                             return new window.SVGPathSegClosePath(owningPathSegList);
                         case window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_REL:
-                            var points = {
+                            points = {
                                 x1: this._parseNumber(),
                                 y1: this._parseNumber(),
                                 x2: this._parseNumber(),
@@ -1499,7 +1509,7 @@
                             };
                             return new window.SVGPathSegCurvetoCubicRel(owningPathSegList, points.x, points.y, points.x1, points.y1, points.x2, points.y2);
                         case window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_ABS:
-                            var points = {
+                            points = {
                                 x1: this._parseNumber(),
                                 y1: this._parseNumber(),
                                 x2: this._parseNumber(),
@@ -1509,7 +1519,7 @@
                             };
                             return new window.SVGPathSegCurvetoCubicAbs(owningPathSegList, points.x, points.y, points.x1, points.y1, points.x2, points.y2);
                         case window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_REL:
-                            var points = {
+                            points = {
                                 x2: this._parseNumber(),
                                 y2: this._parseNumber(),
                                 x: this._parseNumber(),
@@ -1517,7 +1527,7 @@
                             };
                             return new window.SVGPathSegCurvetoCubicSmoothRel(owningPathSegList, points.x, points.y, points.x2, points.y2);
                         case window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_ABS:
-                            var points = {
+                            points = {
                                 x2: this._parseNumber(),
                                 y2: this._parseNumber(),
                                 x: this._parseNumber(),
@@ -1525,7 +1535,7 @@
                             };
                             return new window.SVGPathSegCurvetoCubicSmoothAbs(owningPathSegList, points.x, points.y, points.x2, points.y2);
                         case window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_REL:
-                            var points = {
+                            points = {
                                 x1: this._parseNumber(),
                                 y1: this._parseNumber(),
                                 x: this._parseNumber(),
@@ -1533,7 +1543,7 @@
                             };
                             return new window.SVGPathSegCurvetoQuadraticRel(owningPathSegList, points.x, points.y, points.x1, points.y1);
                         case window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_ABS:
-                            var points = {
+                            points = {
                                 x1: this._parseNumber(),
                                 y1: this._parseNumber(),
                                 x: this._parseNumber(),
@@ -1545,7 +1555,7 @@
                         case window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS:
                             return new window.SVGPathSegCurvetoQuadraticSmoothAbs(owningPathSegList, this._parseNumber(), this._parseNumber());
                         case window.SVGPathSeg.PATHSEG_ARC_REL:
-                            var points = {
+                            points = {
                                 x1: this._parseNumber(),
                                 y1: this._parseNumber(),
                                 arcAngle: this._parseNumber(),
@@ -1556,7 +1566,7 @@
                             };
                             return new window.SVGPathSegArcRel(owningPathSegList, points.x, points.y, points.x1, points.y1, points.arcAngle, points.arcLarge, points.arcSweep);
                         case window.SVGPathSeg.PATHSEG_ARC_ABS:
-                            var points = {
+                            points = {
                                 x1: this._parseNumber(),
                                 y1: this._parseNumber(),
                                 arcAngle: this._parseNumber(),
@@ -1570,12 +1580,12 @@
                             throw "Unknown path seg type.";
                     }
                 };
-                var builder = new Builder();
-                var source = new Source(string);
+                const builder = new Builder();
+                const source = new Source(string);
                 if (!source.initialCommandIsMoveTo())
                     return [];
                 while (source.hasMoreData()) {
-                    var pathSeg = source.parseSegment();
+                    const pathSeg = source.parseSegment();
                     if (!pathSeg)
                         return [];
                     builder.appendSegment(pathSeg);

package/browser/Shapes/Circle/CircleDrawer.d.ts

@@ -1,4 +1,4 @@
-import type { IParticle, IShapeDrawer } from "../../Core/Interfaces";
+import type { IParticle, IShapeDrawer } from "../../Core";
 /**
  * @category Shape Drawers
  */

package/browser/Shapes/Circle/index.d.ts

@@ -1,2 +1,2 @@
-import type { Main } from "../../main";
-export declare function loadCircleShape(tsParticles: Main): Promise<void>;
+import type { Engine } from "../../engine";
+export declare function loadCircleShape(engine: Engine): Promise<void>;

package/browser/Shapes/Circle/index.js

@@ -1,4 +1,4 @@
 import { CircleDrawer } from "./CircleDrawer";
-export async function loadCircleShape(tsParticles) {
-    await tsParticles.addShape("circle", new CircleDrawer());
+export async function loadCircleShape(engine) {
+    await engine.addShape("circle", new CircleDrawer());
 }