tsparticles 1.38.0 → 1.39.0

package/esm/Plugins/PolygonMask/Options/Interfaces/IPolygonMaskDrawStroke.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,4 @@
+import type { PolygonMaskInlineArrangement, PolygonMaskInlineArrangementAlt } from "../../Enums";
+export interface IPolygonMaskInline {
+    arrangement: PolygonMaskInlineArrangement | keyof typeof PolygonMaskInlineArrangement | PolygonMaskInlineArrangementAlt;
+}

package/esm/Plugins/PolygonMask/Options/Interfaces/IPolygonMaskInline.js

@@ -0,0 +1 @@
+export {};

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

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

package/esm/Plugins/PolygonMask/Options/Interfaces/IPolygonMaskLocalSvg.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,5 @@
+import type { PolygonMaskMoveType } from "../../Enums";
+export interface IPolygonMaskMove {
+    radius: number;
+    type: PolygonMaskMoveType | keyof typeof PolygonMaskMoveType;
+}

package/esm/Plugins/PolygonMask/Options/Interfaces/IPolygonMaskMove.js

@@ -0,0 +1 @@
+export {};

package/esm/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 { 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 type { IPolygonMaskOptions } from "./Types";
 export declare class PolygonMaskInstance implements IContainerPlugin {
     private readonly container;
     redrawTimeout?: number;

package/esm/Plugins/PolygonMask/PolygonMaskInstance.js

@@ -1,8 +1,7 @@
-import { InlineArrangement, Type } from "./Enums";
-import { Constants, deepExtend, getDistance, getDistances, itemFromArray } from "../../Utils";
+import { Constants } from "../../Core";
+import { deepExtend, getDistance, getDistances, itemFromArray } from "../../Utils";
 import { PolygonMask } from "./Options/Classes/PolygonMask";
-import { OutModeDirection } from "../../Enums";
-import { calcClosestPtOnSegment, drawPolygonMask, drawPolygonMaskPath, parsePaths, segmentBounce } from "./utils";
+import { calcClosestPtOnSegment, drawPolygonMask, drawPolygonMaskPath, parsePaths, segmentBounce } from "./Utils";
 export class PolygonMaskInstance {
     constructor(container) {
         this.container = container;
@@ -25,7 +24,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")) {
             return;
         }
         if (this.redrawTimeout) {
@@ -43,9 +42,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" &&
+            (options.inline.arrangement === "one-per-point" ||
+                options.inline.arrangement === "per-point")) {
             this.drawPoints();
             return true;
         }
@@ -65,8 +64,8 @@ export class PolygonMaskInstance {
     clickPositionValid(position) {
         const options = this.options;
         return (options.enable &&
-            options.type !== Type.none &&
-            options.type !== Type.inline &&
+            options.type !== "none" &&
+            options.type !== "inline" &&
             this.checkInsidePolygon(position));
     }
     draw(context) {
@@ -96,10 +95,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") {
             return false;
         }
-        if (options.type === Type.inside || options.type === Type.outside) {
+        if (options.type === "inside" || options.type === "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++) {
@@ -126,7 +125,7 @@ export class PolygonMaskInstance {
                 return true;
             }
         }
-        else if (options.type === Type.inline && particle.initialPosition) {
+        else if (options.type === "inline" && particle.initialPosition) {
             const dist = getDistance(particle.initialPosition, particle.getPosition());
             if (dist > this.polygonMaskMoveRadius) {
                 particle.velocity.x = particle.velocity.y / 2 - particle.velocity.x;
@@ -140,7 +139,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" || options.type === "inline") {
             return true;
         }
         if (!this.raw) {
@@ -158,7 +157,11 @@ export class PolygonMaskInstance {
                 inside = !inside;
             }
         }
-        return options.type === Type.inside ? inside : options.type === Type.outside ? !inside : false;
+        return options.type === "inside"
+            ? inside
+            : options.type === "outside"
+                ? !inside
+                : false;
     }
     parseSvgPath(xml, force) {
         var _a, _b, _c;
@@ -227,19 +230,19 @@ export class PolygonMaskInstance {
         const container = this.container;
         const options = this.options;
         let position;
-        if (options.type === Type.inline) {
+        if (options.type === "inline") {
             switch (options.inline.arrangement) {
-                case InlineArrangement.randomPoint:
+                case "random-point":
                     position = this.getRandomPoint();
                     break;
-                case InlineArrangement.randomLength:
+                case "random-length":
                     position = this.getRandomPointByLength();
                     break;
-                case InlineArrangement.equidistant:
+                case "equidistant":
                     position = this.getEquidistantPointByIndex(container.particles.count);
                     break;
-                case InlineArrangement.onePerPoint:
-                case InlineArrangement.perPoint:
+                case "one-per-point":
+                case "per-point":
                 default:
                     position = this.getPointByIndex(container.particles.count);
             }

package/esm/Plugins/PolygonMask/Types.js

@@ -0,0 +1 @@
+export {};

package/{browser/Plugins/PolygonMask/utils.d.ts → esm/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/esm/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) {
@@ -90,24 +91,26 @@ export function calcClosestPtOnSegment(s1, s2, pos) {
     const { dx, dy } = getDistances(pos, s1);
     const { dx: dxx, dy: dyy } = getDistances(s2, s1);
     const t = (dx * dxx + dy * dyy) / (dxx ** 2 + dyy ** 2);
-    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,
+    };
     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);
-    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/esm/Plugins/PolygonMask/index.d.ts

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

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

@@ -1,8 +1,7 @@
 import { PolygonMaskInstance } from "./PolygonMaskInstance";
 import { PolygonMask } from "./Options/Classes/PolygonMask";
-import { Type } from "./Enums";
 import { isSsr } from "../../Utils";
-class Plugin {
+class PolygonMaskPlugin {
     constructor() {
         this.id = "polygonMask";
     }
@@ -11,7 +10,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"));
     }
     loadOptions(options, source) {
         if (!this.needsPlugin(source)) {
@@ -26,9 +25,9 @@ class Plugin {
     }
 }
 export async function loadPolygonMaskPlugin(tsParticles) {
-    if (!isSsr() && !window.SVGPathSeg) {
+    if (!isSsr() && !("SVGPathSeg" in window)) {
         await import("./pathseg");
     }
-    const plugin = new Plugin();
+    const plugin = new PolygonMaskPlugin();
     await tsParticles.addPlugin(plugin);
 }

package/esm/Plugins/PolygonMask/pathseg.js

@@ -1033,9 +1033,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 (lastPathSegment <= 0)
                         return 0;
                     do {
@@ -1103,7 +1103,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;
@@ -1169,7 +1169,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;
@@ -1185,8 +1185,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;
@@ -1201,14 +1201,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;
@@ -1216,9 +1216,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())
@@ -1242,7 +1246,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) {
@@ -1291,7 +1295,10 @@
                     }
                 };
                 Source.prototype._nextCommandHelper = function (lookahead, previousCommand) {
-                    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;
@@ -1304,17 +1311,18 @@
                 Source.prototype.initialCommandIsMoveTo = function () {
                     if (!this.hasMoreData())
                         return true;
-                    var command = this.peekSegmentType();
-                    return command == window.SVGPathSeg.PATHSEG_MOVETO_ABS || command == window.SVGPathSeg.PATHSEG_MOVETO_REL;
+                    const command = this.peekSegmentType();
+                    return (command == window.SVGPathSeg.PATHSEG_MOVETO_ABS ||
+                        command == window.SVGPathSeg.PATHSEG_MOVETO_REL);
                 };
                 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();
                     if (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) == "+")
                         this._currentIndex++;
@@ -1323,17 +1331,18 @@
                         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) != "."))
                         return undefined;
-                    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++;
                     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;
@@ -1355,7 +1364,8 @@
                     }
                     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++;
@@ -1378,7 +1388,7 @@
                             this._currentIndex++;
                         }
                     }
-                    var number = integer + decimal;
+                    let number = integer + decimal;
                     number *= sign;
                     if (exponent)
                         number *= Math.pow(10, expsign * exponent);
@@ -1390,8 +1400,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")
@@ -1402,8 +1412,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) {
                         if (this._previousCommand == window.SVGPathSeg.PATHSEG_UNKNOWN)
                             return null;
@@ -1415,6 +1425,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());
@@ -1436,7 +1447,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(),
@@ -1446,7 +1457,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(),
@@ -1456,7 +1467,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(),
@@ -1464,7 +1475,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(),
@@ -1472,7 +1483,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(),
@@ -1480,7 +1491,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(),
@@ -1492,7 +1503,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(),
@@ -1503,7 +1514,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(),
@@ -1517,12 +1528,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/esm/Shapes/Circle/CircleDrawer.d.ts

@@ -1,4 +1,4 @@
-import type { IParticle, IShapeDrawer } from "../../Core/Interfaces";
+import type { IParticle, IShapeDrawer } from "../../Core";
 export declare class CircleDrawer implements IShapeDrawer {
     getSidesCount(): number;
     draw(context: CanvasRenderingContext2D, particle: IParticle, radius: number): void;

package/esm/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(tsParticles: Engine): Promise<void>;

package/esm/Shapes/Image/ImageDrawer.d.ts

@@ -1,7 +1,5 @@
-import type { IParticle, IShapeDrawer } from "../../Core/Interfaces";
-import type { Container } from "../../Core/Container";
-import type { IImage } from "./Utils";
-import { Particle } from "../../Core/Particle";
+import type { Container, IShapeDrawer, Particle } from "../../Core";
+import type { IImage, IImageParticle } from "./Utils";
 interface ContainerImage {
     id: string;
     images: IImage[];
@@ -12,11 +10,9 @@ export declare class ImageDrawer implements IShapeDrawer {
     getSidesCount(): number;
     getImages(container: Container): ContainerImage;
     addImage(container: Container, image: IImage): void;
-    init(container: Container): Promise<void>;
     destroy(): void;
-    private loadImagesFromParticlesOptions;
     private loadImageShape;
-    draw(context: CanvasRenderingContext2D, particle: IParticle, radius: number, opacity: number): void;
+    draw(context: CanvasRenderingContext2D, particle: IImageParticle, radius: number, opacity: number): void;
     loadShape(particle: Particle): void;
 }
 export {};