tsparticles 1.42.2 → 1.43.0

package/umd/Plugins/Emitters/Options/Classes/Emitter.js

@@ -4,17 +4,18 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "../../../../Utils", "../../../../Options/Classes/AnimatableColor", "./EmitterLife", "./EmitterRate", "./EmitterSize"], factory);
+        define(["require", "exports", "../../../../Options/Classes/AnimatableColor", "./EmitterLife", "./EmitterRate", "./EmitterSize", "../../../../Utils/Utils", "../../../../Utils/NumberUtils"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.Emitter = void 0;
-    const Utils_1 = require("../../../../Utils");
     const AnimatableColor_1 = require("../../../../Options/Classes/AnimatableColor");
     const EmitterLife_1 = require("./EmitterLife");
     const EmitterRate_1 = require("./EmitterRate");
     const EmitterSize_1 = require("./EmitterSize");
+    const Utils_1 = require("../../../../Utils/Utils");
+    const NumberUtils_1 = require("../../../../Utils/NumberUtils");
     class Emitter {
         constructor() {
             this.autoPlay = true;
@@ -56,10 +57,10 @@
             if (data.position !== undefined) {
                 this.position = {};
                 if (data.position.x !== undefined) {
-                    this.position.x = (0, Utils_1.setRangeValue)(data.position.x);
+                    this.position.x = (0, NumberUtils_1.setRangeValue)(data.position.x);
                 }
                 if (data.position.y !== undefined) {
-                    this.position.y = (0, Utils_1.setRangeValue)(data.position.y);
+                    this.position.y = (0, NumberUtils_1.setRangeValue)(data.position.y);
                 }
             }
             if (data.spawnColor !== undefined) {

package/umd/Plugins/Emitters/Options/Classes/EmitterRate.js

@@ -4,13 +4,13 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "../../../../Utils"], factory);
+        define(["require", "exports", "../../../../Utils/NumberUtils"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.EmitterRate = void 0;
-    const Utils_1 = require("../../../../Utils");
+    const NumberUtils_1 = require("../../../../Utils/NumberUtils");
     class EmitterRate {
         constructor() {
             this.quantity = 1;
@@ -21,10 +21,10 @@
                 return;
             }
             if (data.quantity !== undefined) {
-                this.quantity = (0, Utils_1.setRangeValue)(data.quantity);
+                this.quantity = (0, NumberUtils_1.setRangeValue)(data.quantity);
             }
             if (data.delay !== undefined) {
-                this.delay = (0, Utils_1.setRangeValue)(data.delay);
+                this.delay = (0, NumberUtils_1.setRangeValue)(data.delay);
             }
         }
     }

package/umd/Plugins/Emitters/Shapes/Circle/CircleShape.js

@@ -13,9 +13,7 @@
     class CircleShape {
         randomPosition(position, size, fill) {
             const generateTheta = (x, y) => {
-                const u = Math.random() / 4.0;
-                const theta = Math.atan((y / x) * Math.tan(2 * Math.PI * u));
-                const v = Math.random();
+                const u = Math.random() / 4.0, theta = Math.atan((y / x) * Math.tan(2 * Math.PI * u)), v = Math.random();
                 if (v < 0.25) {
                     return theta;
                 }
@@ -28,10 +26,7 @@
                 else {
                     return -theta;
                 }
-            };
-            const radius = (x, y, theta) => (x * y) / Math.sqrt((y * Math.cos(theta)) ** 2 + (x * Math.sin(theta)) ** 2);
-            const [a, b] = [size.width / 2, size.height / 2];
-            const randomTheta = generateTheta(a, b), maxRadius = radius(a, b, randomTheta), randomRadius = fill ? maxRadius * Math.sqrt(Math.random()) : maxRadius;
+            }, radius = (x, y, theta) => (x * y) / Math.sqrt((y * Math.cos(theta)) ** 2 + (x * Math.sin(theta)) ** 2), [a, b] = [size.width / 2, size.height / 2], randomTheta = generateTheta(a, b), maxRadius = radius(a, b, randomTheta), randomRadius = fill ? maxRadius * Math.sqrt(Math.random()) : maxRadius;
             return {
                 x: position.x + randomRadius * Math.cos(randomTheta),
                 y: position.y + randomRadius * Math.sin(randomTheta),

package/umd/Plugins/Emitters/index.js

@@ -1,6 +1,10 @@
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -25,7 +29,7 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./Shapes/Circle/CircleShape", "./Options/Classes/Emitter", "./Emitters", "./ShapeManager", "./Shapes/Square/SquareShape", "../../Utils", "./EmittersEngine"], factory);
+        define(["require", "exports", "./Shapes/Circle/CircleShape", "./Options/Classes/Emitter", "./Emitters", "./ShapeManager", "./Shapes/Square/SquareShape", "../../Utils/Utils", "./EmittersEngine", "./Enums/EmitterClickMode", "./Enums/EmitterShapeType", "./Options/Interfaces/IEmitterOptions"], factory);
     }
 })(function (require, exports) {
     "use strict";
@@ -37,7 +41,7 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
     const Emitters_1 = require("./Emitters");
     const ShapeManager_1 = require("./ShapeManager");
     const SquareShape_1 = require("./Shapes/Square/SquareShape");
-    const Utils_1 = require("../../Utils");
+    const Utils_1 = require("../../Utils/Utils");
     class EmittersPlugin {
         constructor(engine) {
             _EmittersPlugin_engine.set(this, void 0);
@@ -117,4 +121,7 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
     }
     exports.loadEmittersPlugin = loadEmittersPlugin;
     __exportStar(require("./EmittersEngine"), exports);
+    __exportStar(require("./Enums/EmitterClickMode"), exports);
+    __exportStar(require("./Enums/EmitterShapeType"), exports);
+    __exportStar(require("./Options/Interfaces/IEmitterOptions"), exports);
 });

package/umd/Plugins/PolygonMask/Options/Classes/PolygonMask.js

@@ -4,7 +4,7 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./PolygonMaskDraw", "./PolygonMaskInline", "./PolygonMaskLocalSvg", "./PolygonMaskMove", "../../../../Utils"], factory);
+        define(["require", "exports", "./PolygonMaskDraw", "./PolygonMaskInline", "./PolygonMaskLocalSvg", "./PolygonMaskMove", "../../../../Utils/Utils"], factory);
     }
 })(function (require, exports) {
     "use strict";
@@ -14,7 +14,7 @@
     const PolygonMaskInline_1 = require("./PolygonMaskInline");
     const PolygonMaskLocalSvg_1 = require("./PolygonMaskLocalSvg");
     const PolygonMaskMove_1 = require("./PolygonMaskMove");
-    const Utils_1 = require("../../../../Utils");
+    const Utils_1 = require("../../../../Utils/Utils");
     class PolygonMask {
         constructor() {
             this.draw = new PolygonMaskDraw_1.PolygonMaskDraw();

package/umd/Plugins/PolygonMask/Options/Classes/PolygonMaskDrawStroke.js

@@ -4,14 +4,14 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "../../../../Options/Classes/OptionsColor", "../../../../Utils"], factory);
+        define(["require", "exports", "../../../../Options/Classes/OptionsColor", "../../../../Utils/ColorUtils"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.PolygonMaskDrawStroke = void 0;
     const OptionsColor_1 = require("../../../../Options/Classes/OptionsColor");
-    const Utils_1 = require("../../../../Utils");
+    const ColorUtils_1 = require("../../../../Utils/ColorUtils");
     class PolygonMaskDrawStroke {
         constructor() {
             this.color = new OptionsColor_1.OptionsColor();
@@ -25,7 +25,7 @@
             }
             this.color = OptionsColor_1.OptionsColor.create(this.color, data.color);
             if (typeof this.color.value === "string") {
-                this.opacity = (_a = (0, Utils_1.stringToAlpha)(this.color.value)) !== null && _a !== void 0 ? _a : this.opacity;
+                this.opacity = (_a = (0, ColorUtils_1.stringToAlpha)(this.color.value)) !== null && _a !== void 0 ? _a : this.opacity;
             }
             if (data.opacity !== undefined) {
                 this.opacity = data.opacity;

package/umd/Plugins/PolygonMask/PolygonMaskInstance.js

@@ -4,15 +4,16 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./Utils", "../../Utils", "../../Core", "./Options/Classes/PolygonMask"], factory);
+        define(["require", "exports", "./Utils", "../../Utils/Utils", "../../Utils/NumberUtils", "../../Core/Utils/Constants", "./Options/Classes/PolygonMask"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.PolygonMaskInstance = void 0;
     const Utils_1 = require("./Utils");
-    const Utils_2 = require("../../Utils");
-    const Core_1 = require("../../Core");
+    const Utils_2 = require("../../Utils/Utils");
+    const NumberUtils_1 = require("../../Utils/NumberUtils");
+    const Constants_1 = require("../../Core/Utils/Constants");
     const PolygonMask_1 = require("./Options/Classes/PolygonMask");
     class PolygonMaskInstance {
         constructor(container) {
@@ -34,8 +35,7 @@
             }
         }
         resize() {
-            const container = this.container;
-            const options = this.options;
+            const container = this.container, options = this.options;
             if (!(options.enable && options.type !== "none")) {
                 return;
             }
@@ -85,15 +85,13 @@
             if (!((_a = this.paths) === null || _a === void 0 ? void 0 : _a.length)) {
                 return;
             }
-            const options = this.options;
-            const polygonDraw = options.draw;
-            if (!(options.enable && polygonDraw.enable)) {
+            const options = this.options, polygonDraw = options.draw;
+            if (!options.enable || !polygonDraw.enable) {
                 return;
             }
             const rawData = this.raw;
             for (const path of this.paths) {
-                const path2d = path.path2d;
-                const path2dSupported = this.path2DSupported;
+                const path2d = path.path2d, path2dSupported = this.path2DSupported;
                 if (!context) {
                     continue;
                 }
@@ -116,7 +114,7 @@
                 for (let i = 0, j = this.raw.length - 1; i < this.raw.length; j = i++) {
                     const pi = this.raw[i], pj = this.raw[j];
                     closest = (0, Utils_1.calcClosestPtOnSegment)(pi, pj, pos);
-                    const dist = (0, Utils_2.getDistances)(pos, closest);
+                    const dist = (0, NumberUtils_1.getDistances)(pos, closest);
                     [dx, dy] = [dist.dx, dist.dy];
                     if (dist.distance < radius) {
                         (0, Utils_1.segmentBounce)(pi, pj, particle.velocity);
@@ -138,7 +136,7 @@
                 }
             }
             else if (options.type === "inline" && particle.initialPosition) {
-                const dist = (0, Utils_2.getDistance)(particle.initialPosition, particle.getPosition());
+                const dist = (0, NumberUtils_1.getDistance)(particle.initialPosition, particle.getPosition());
                 if (dist > this.polygonMaskMoveRadius) {
                     particle.velocity.x = particle.velocity.y / 2 - particle.velocity.x;
                     particle.velocity.y = particle.velocity.x / 2 - particle.velocity.y;
@@ -149,22 +147,17 @@
         }
         checkInsidePolygon(position) {
             var _a, _b;
-            const container = this.container;
-            const options = this.options;
+            const container = this.container, options = this.options;
             if (!options.enable || options.type === "none" || options.type === "inline") {
                 return true;
             }
             if (!this.raw) {
-                throw new Error(Core_1.Constants.noPolygonFound);
+                throw new Error(Constants_1.Constants.noPolygonFound);
             }
-            const canvasSize = container.canvas.size;
-            const x = (_a = position === null || position === void 0 ? void 0 : position.x) !== null && _a !== void 0 ? _a : Math.random() * canvasSize.width;
-            const y = (_b = position === null || position === void 0 ? void 0 : position.y) !== null && _b !== void 0 ? _b : Math.random() * canvasSize.height;
+            const canvasSize = container.canvas.size, x = (_a = position === null || position === void 0 ? void 0 : position.x) !== null && _a !== void 0 ? _a : Math.random() * canvasSize.width, y = (_b = position === null || position === void 0 ? void 0 : position.y) !== null && _b !== void 0 ? _b : Math.random() * canvasSize.height;
             let inside = false;
             for (let i = 0, j = this.raw.length - 1; i < this.raw.length; j = i++) {
-                const pi = this.raw[i];
-                const pj = this.raw[j];
-                const intersect = pi.y > y !== pj.y > y && x < ((pj.x - pi.x) * (y - pi.y)) / (pj.y - pi.y) + pi.x;
+                const pi = this.raw[i], pj = this.raw[j], intersect = pi.y > y !== pj.y > y && x < ((pj.x - pi.x) * (y - pi.y)) / (pj.y - pi.y) + pi.x;
                 if (intersect) {
                     inside = !inside;
                 }
@@ -181,11 +174,7 @@
             if (this.paths !== undefined && !forceDownload) {
                 return this.raw;
             }
-            const container = this.container;
-            const options = this.options;
-            const parser = new DOMParser();
-            const doc = parser.parseFromString(xml, "image/svg+xml");
-            const svg = doc.getElementsByTagName("svg")[0];
+            const container = this.container, options = this.options, parser = new DOMParser(), doc = parser.parseFromString(xml, "image/svg+xml"), svg = doc.getElementsByTagName("svg")[0];
             let svgPaths = svg.getElementsByTagName("path");
             if (!svgPaths.length) {
                 svgPaths = doc.getElementsByTagName("path");
@@ -200,8 +189,7 @@
                     });
                 }
             }
-            const pxRatio = container.retina.pixelRatio;
-            const scale = options.scale / pxRatio;
+            const pxRatio = container.retina.pixelRatio, scale = options.scale / pxRatio;
             this.dimension.width = parseFloat((_a = svg.getAttribute("width")) !== null && _a !== void 0 ? _a : "0") * scale;
             this.dimension.height = parseFloat((_b = svg.getAttribute("height")) !== null && _b !== void 0 ? _b : "0") * scale;
             const position = (_c = options.position) !== null && _c !== void 0 ? _c : {
@@ -215,9 +203,7 @@
             return (0, Utils_1.parsePaths)(this.paths, scale, this.offset);
         }
         async downloadSvgPath(svgUrl, force) {
-            const options = this.options;
-            const url = svgUrl || options.url;
-            const forceDownload = force !== null && force !== void 0 ? force : false;
+            const options = this.options, url = svgUrl || options.url, forceDownload = force !== null && force !== void 0 ? force : false;
             if (!url || (this.paths !== undefined && !forceDownload)) {
                 return this.raw;
             }
@@ -239,8 +225,7 @@
             }
         }
         randomPoint() {
-            const container = this.container;
-            const options = this.options;
+            const container = this.container, options = this.options;
             let position;
             if (options.type === "inline") {
                 switch (options.inline.arrangement) {
@@ -274,7 +259,7 @@
         }
         getRandomPoint() {
             if (!this.raw || !this.raw.length) {
-                throw new Error(Core_1.Constants.noPolygonDataLoaded);
+                throw new Error(Constants_1.Constants.noPolygonDataLoaded);
             }
             const coords = (0, Utils_2.itemFromArray)(this.raw);
             return {
@@ -286,11 +271,9 @@
             var _a, _b, _c;
             const options = this.options;
             if (!this.raw || !this.raw.length || !((_a = this.paths) === null || _a === void 0 ? void 0 : _a.length)) {
-                throw new Error(Core_1.Constants.noPolygonDataLoaded);
+                throw new Error(Constants_1.Constants.noPolygonDataLoaded);
             }
-            const path = (0, Utils_2.itemFromArray)(this.paths);
-            const distance = Math.floor(Math.random() * path.length) + 1;
-            const point = path.element.getPointAtLength(distance);
+            const path = (0, Utils_2.itemFromArray)(this.paths), distance = Math.floor(Math.random() * path.length) + 1, point = path.element.getPointAtLength(distance);
             return {
                 x: point.x * options.scale + (((_b = this.offset) === null || _b === void 0 ? void 0 : _b.x) || 0),
                 y: point.y * options.scale + (((_c = this.offset) === null || _c === void 0 ? void 0 : _c.y) || 0),
@@ -298,14 +281,11 @@
         }
         getEquidistantPointByIndex(index) {
             var _a, _b, _c, _d, _e, _f, _g;
-            const options = this.container.actualOptions;
-            const polygonMaskOptions = this.options;
+            const options = this.container.actualOptions, polygonMaskOptions = this.options;
             if (!this.raw || !this.raw.length || !((_a = this.paths) === null || _a === void 0 ? void 0 : _a.length))
-                throw new Error(Core_1.Constants.noPolygonDataLoaded);
-            let offset = 0;
-            let point;
-            const totalLength = this.paths.reduce((tot, path) => tot + path.length, 0);
-            const distance = totalLength / options.particles.number.value;
+                throw new Error(Constants_1.Constants.noPolygonDataLoaded);
+            let offset = 0, point;
+            const totalLength = this.paths.reduce((tot, path) => tot + path.length, 0), distance = totalLength / options.particles.number.value;
             for (const path of this.paths) {
                 const pathDistance = distance * index - offset;
                 if (pathDistance <= path.length) {
@@ -323,7 +303,7 @@
         }
         getPointByIndex(index) {
             if (!this.raw || !this.raw.length) {
-                throw new Error(Core_1.Constants.noPolygonDataLoaded);
+                throw new Error(Constants_1.Constants.noPolygonDataLoaded);
             }
             const coords = this.raw[index % this.raw.length];
             return {
@@ -340,10 +320,7 @@
             for (const path of this.paths) {
                 const pathData = (_b = path.element) === null || _b === void 0 ? void 0 : _b.getAttribute("d");
                 if (pathData) {
-                    const path2d = new Path2D(pathData);
-                    const matrix = document.createElementNS("http://www.w3.org/2000/svg", "svg").createSVGMatrix();
-                    const finalPath = new Path2D();
-                    const transform = matrix.scale(options.scale);
+                    const path2d = new Path2D(pathData), matrix = document.createElementNS("http://www.w3.org/2000/svg", "svg").createSVGMatrix(), finalPath = new Path2D(), transform = matrix.scale(options.scale);
                     if (finalPath.addPath) {
                         finalPath.addPath(path2d, transform);
                         path.path2d = finalPath;

package/umd/Plugins/PolygonMask/Utils.js

@@ -4,16 +4,17 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "../../Utils", "../../Core"], factory);
+        define(["require", "exports", "../../Utils/ColorUtils", "../../Core/Utils/Vector", "../../Utils/NumberUtils"], factory);
     }
 })(function (require, exports) {
     "use strict";
     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");
+    const ColorUtils_1 = require("../../Utils/ColorUtils");
+    const Vector_1 = require("../../Core/Utils/Vector");
+    const NumberUtils_1 = require("../../Utils/NumberUtils");
     function drawPolygonMask(context, rawData, stroke) {
-        const color = (0, Utils_1.colorToRgb)(stroke.color);
+        const color = (0, ColorUtils_1.colorToRgb)(stroke.color);
         if (!color) {
             return;
         }
@@ -23,18 +24,18 @@
             context.lineTo(item.x, item.y);
         }
         context.closePath();
-        context.strokeStyle = (0, Utils_1.getStyleFromRgb)(color);
+        context.strokeStyle = (0, ColorUtils_1.getStyleFromRgb)(color);
         context.lineWidth = stroke.width;
         context.stroke();
     }
     exports.drawPolygonMask = drawPolygonMask;
     function drawPolygonMaskPath(context, path, stroke, position) {
         context.translate(position.x, position.y);
-        const color = (0, Utils_1.colorToRgb)(stroke.color);
+        const color = (0, ColorUtils_1.colorToRgb)(stroke.color);
         if (!color) {
             return;
         }
-        context.strokeStyle = (0, Utils_1.getStyleFromRgb)(color, stroke.opacity);
+        context.strokeStyle = (0, ColorUtils_1.getStyleFromRgb)(color, stroke.opacity);
         context.lineWidth = stroke.width;
         context.stroke(path);
     }
@@ -43,9 +44,7 @@
         var _a;
         const res = [];
         for (const path of paths) {
-            const segments = path.element.pathSegList;
-            const len = (_a = segments === null || segments === void 0 ? void 0 : segments.numberOfItems) !== null && _a !== void 0 ? _a : 0;
-            const p = {
+            const segments = path.element.pathSegList, len = (_a = segments === null || segments === void 0 ? void 0 : segments.numberOfItems) !== null && _a !== void 0 ? _a : 0, p = {
                 x: 0,
                 y: 0,
             };
@@ -103,10 +102,7 @@
     }
     exports.parsePaths = parsePaths;
     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);
-        const res = {
+        const { dx, dy } = (0, NumberUtils_1.getDistances)(pos, s1), { dx: dxx, dy: dyy } = (0, NumberUtils_1.getDistances)(s2, s1), t = (dx * dxx + dy * dyy) / (dxx ** 2 + dyy ** 2), res = {
             x: s1.x + dxx * t,
             y: s1.x + dyy * t,
             isOnSegment: t >= 0 && t <= 1,
@@ -123,10 +119,7 @@
     }
     exports.calcClosestPtOnSegment = calcClosestPtOnSegment;
     function segmentBounce(start, stop, velocity) {
-        const { dx, dy } = (0, Utils_1.getDistances)(start, stop);
-        const wallAngle = Math.atan2(dy, dx);
-        const wallNormal = Core_1.Vector.create(Math.sin(wallAngle), -Math.cos(wallAngle));
-        const d = 2 * (velocity.x * wallNormal.x + velocity.y * wallNormal.y);
+        const { dx, dy } = (0, NumberUtils_1.getDistances)(start, stop), wallAngle = Math.atan2(dy, dx), wallNormal = Vector_1.Vector.create(Math.sin(wallAngle), -Math.cos(wallAngle)), d = 2 * (velocity.x * wallNormal.x + velocity.y * wallNormal.y);
         wallNormal.multTo(d);
         velocity.subFrom(wallNormal);
     }

package/umd/Plugins/PolygonMask/index.js

@@ -1,6 +1,10 @@
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -17,13 +21,16 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 (function (factory) {
     if (typeof module === "object" && typeof module.exports === "object") {
         var v = factory(require, exports);
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./Options/Classes/PolygonMask", "./PolygonMaskInstance", "../../Utils"], factory);
+        define(["require", "exports", "./Options/Classes/PolygonMask", "./PolygonMaskInstance", "../../Utils/Utils", "./Enums/PolygonMaskInlineArrangement", "./Enums/PolygonMaskMoveType", "./Enums/PolygonMaskType", "./Options/Interfaces/IPolygonMaskOptions"], factory);
     }
 })(function (require, exports) {
     "use strict";
@@ -32,7 +39,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
     exports.loadPolygonMaskPlugin = void 0;
     const PolygonMask_1 = require("./Options/Classes/PolygonMask");
     const PolygonMaskInstance_1 = require("./PolygonMaskInstance");
-    const Utils_1 = require("../../Utils");
+    const Utils_1 = require("../../Utils/Utils");
     class PolygonMaskPlugin {
         constructor() {
             this.id = "polygonMask";
@@ -58,10 +65,14 @@ var __importStar = (this && this.__importStar) || function (mod) {
     }
     async function loadPolygonMaskPlugin(engine) {
         if (!(0, Utils_1.isSsr)() && !("SVGPathSeg" in window)) {
-            await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./pathseg"))) : new Promise((resolve_1, reject_1) => { require(["./pathseg"], resolve_1, reject_1); }).then(__importStar));
+            await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./pathseg.js"))) : new Promise((resolve_1, reject_1) => { require(["./pathseg.js"], resolve_1, reject_1); }).then(__importStar));
         }
         const plugin = new PolygonMaskPlugin();
         await engine.addPlugin(plugin);
     }
     exports.loadPolygonMaskPlugin = loadPolygonMaskPlugin;
+    __exportStar(require("./Enums/PolygonMaskInlineArrangement"), exports);
+    __exportStar(require("./Enums/PolygonMaskMoveType"), exports);
+    __exportStar(require("./Enums/PolygonMaskType"), exports);
+    __exportStar(require("./Options/Interfaces/IPolygonMaskOptions"), exports);
 });

package/umd/Shapes/Image/ImageDrawer.js

@@ -51,26 +51,6 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
         destroy() {
             __classPrivateFieldSet(this, _ImageDrawer_images, [], "f");
         }
-        async loadImageShape(container, imageShape) {
-            const source = imageShape.src;
-            if (!source) {
-                throw new Error("Error tsParticles - No image.src");
-            }
-            try {
-                const image = {
-                    source: source,
-                    type: source.substr(source.length - 3),
-                    error: false,
-                    loading: true,
-                };
-                this.addImage(container, image);
-                const imageFunc = imageShape.replaceColor ? Utils_1.downloadSvgImage : Utils_1.loadImage;
-                await imageFunc(image);
-            }
-            catch (_a) {
-                throw new Error(`tsParticles error - ${imageShape.src} not found`);
-            }
-        }
         draw(context, particle, radius, opacity) {
             var _a, _b;
             const image = particle.image;
@@ -136,6 +116,26 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
             particle.fill = imageShape.fill;
             particle.close = imageShape.close;
         }
+        async loadImageShape(container, imageShape) {
+            const source = imageShape.src;
+            if (!source) {
+                throw new Error("Error tsParticles - No image.src");
+            }
+            try {
+                const image = {
+                    source: source,
+                    type: source.substr(source.length - 3),
+                    error: false,
+                    loading: true,
+                };
+                this.addImage(container, image);
+                const imageFunc = imageShape.replaceColor ? Utils_1.downloadSvgImage : Utils_1.loadImage;
+                await imageFunc(image);
+            }
+            catch (_a) {
+                throw new Error(`tsParticles error - ${imageShape.src} not found`);
+            }
+        }
     }
     exports.ImageDrawer = ImageDrawer;
     _ImageDrawer_images = new WeakMap();

package/umd/Shapes/Image/Utils.js

@@ -4,20 +4,20 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "../../Utils"], factory);
+        define(["require", "exports", "../../Utils/ColorUtils"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.replaceImageColor = exports.downloadSvgImage = exports.loadImage = void 0;
-    const Utils_1 = require("../../Utils");
+    const ColorUtils_1 = require("../../Utils/ColorUtils");
     const currentColorRegex = /(#(?:[0-9a-f]{2}){2,4}|(#[0-9a-f]{3})|(rgb|hsl)a?\((-?\d+%?[,\s]+){2,3}\s*[\d.]+%?\))|currentcolor/gi;
     function replaceColorSvg(imageShape, color, opacity) {
         const { svgData } = imageShape;
         if (!svgData) {
             return "";
         }
-        const colorStyle = (0, Utils_1.getStyleFromHsl)(color, opacity);
+        const colorStyle = (0, ColorUtils_1.getStyleFromHsl)(color, opacity);
         if (svgData.includes("fill")) {
             return svgData.replace(currentColorRegex, () => colorStyle);
         }

package/umd/Shapes/Text/TextDrawer.js

@@ -4,13 +4,13 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "../../Utils"], factory);
+        define(["require", "exports", "../../Utils/Utils"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.TextDrawer = exports.validTypes = void 0;
-    const Utils_1 = require("../../Utils");
+    const Utils_1 = require("../../Utils/Utils");
     exports.validTypes = ["text", "character", "char"];
     class TextDrawer {
         getSidesCount() {

package/umd/Updaters/Angle/AngleUpdater.js

@@ -4,13 +4,13 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "../../Utils"], factory);
+        define(["require", "exports", "../../Utils/NumberUtils"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.AngleUpdater = void 0;
-    const Utils_1 = require("../../Utils");
+    const NumberUtils_1 = require("../../Utils/NumberUtils");
     function updateAngle(particle, delta) {
         var _a;
         const rotate = particle.rotate;
@@ -48,7 +48,7 @@
             const rotateOptions = particle.options.rotate;
             particle.rotate = {
                 enable: rotateOptions.animation.enable,
-                value: ((0, Utils_1.getRangeValue)(rotateOptions.value) * Math.PI) / 180,
+                value: ((0, NumberUtils_1.getRangeValue)(rotateOptions.value) * Math.PI) / 180,
             };
             let rotateDirection = rotateOptions.direction;
             if (rotateDirection === "random") {
@@ -67,7 +67,7 @@
             const rotateAnimation = particle.options.rotate.animation;
             if (rotateAnimation.enable) {
                 particle.rotate.velocity =
-                    ((0, Utils_1.getRangeValue)(rotateAnimation.speed) / 360) * this.container.retina.reduceFactor;
+                    ((0, NumberUtils_1.getRangeValue)(rotateAnimation.speed) / 360) * this.container.retina.reduceFactor;
                 if (!rotateAnimation.sync) {
                     particle.rotate.velocity *= Math.random();
                 }