tsparticles 1.38.0 → 1.39.3

package/Plugins/PolygonMask/{types.d.ts → 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/Types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/{esm/Plugins/PolygonMask/utils.d.ts → 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/Plugins/PolygonMask/{utils.js → Utils.js}

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.segmentBounce = exports.calcClosestPtOnSegment = exports.parsePaths = exports.drawPolygonMaskPath = exports.drawPolygonMask = void 0;
 const Utils_1 = require("../../Utils");
+const Core_1 = require("../../Core");
 function drawPolygonMask(context, rawData, stroke) {
     const color = (0, Utils_1.colorToRgb)(stroke.color);
     if (!color) {
@@ -96,26 +97,28 @@ function calcClosestPtOnSegment(s1, s2, pos) {
     const { dx, dy } = (0, Utils_1.getDistances)(pos, s1);
     const { dx: dxx, dy: dyy } = (0, Utils_1.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;
 }
 exports.calcClosestPtOnSegment = calcClosestPtOnSegment;
 function segmentBounce(start, stop, velocity) {
     const { dx, dy } = (0, Utils_1.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 = Core_1.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);
 }
 exports.segmentBounce = segmentBounce;

package/Plugins/PolygonMask/index.d.ts

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

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

@@ -20,11 +20,10 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.loadPolygonMaskPlugin = void 0;
-const PolygonMaskInstance_1 = require("./PolygonMaskInstance");
 const PolygonMask_1 = require("./Options/Classes/PolygonMask");
-const Enums_1 = require("./Enums");
+const PolygonMaskInstance_1 = require("./PolygonMaskInstance");
 const Utils_1 = require("../../Utils");
-class Plugin {
+class PolygonMaskPlugin {
     constructor() {
         this.id = "polygonMask";
     }
@@ -33,7 +32,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 !== Enums_1.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)) {
@@ -47,11 +46,11 @@ class Plugin {
         polygonOptions.load(source === null || source === void 0 ? void 0 : source.polygon);
     }
 }
-async function loadPolygonMaskPlugin(tsParticles) {
-    if (!(0, Utils_1.isSsr)() && !window.SVGPathSeg) {
+async function loadPolygonMaskPlugin(engine) {
+    if (!(0, Utils_1.isSsr)() && !("SVGPathSeg" in window)) {
         await Promise.resolve().then(() => __importStar(require("./pathseg")));
     }
-    const plugin = new Plugin();
-    await tsParticles.addPlugin(plugin);
+    const plugin = new PolygonMaskPlugin();
+    await engine.addPlugin(plugin);
 }
 exports.loadPolygonMaskPlugin = loadPolygonMaskPlugin;

package/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);