tsparticles 1.39.0 → 1.39.1

package/Core/Canvas.d.ts

@@ -1,6 +1,6 @@
+import type { IContainerPlugin, ICoordinates, IDelta, IDimension, IParticle, IRgb } from "./Interfaces";
 import type { Container } from "./Container";
 import type { Particle } from "./Particle";
-import type { IContainerPlugin, ICoordinates, IDelta, IDimension, IParticle, IRgb } from "./Interfaces";
 export declare class Canvas {
     private readonly container;
     element?: HTMLCanvasElement;

package/Core/Canvas.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Canvas = void 0;
-const Utils_1 = require("./Utils");
-const Utils_2 = require("../Utils");
+const Utils_1 = require("../Utils");
+const Utils_2 = require("./Utils");
 class Canvas {
     constructor(container) {
         this.container = container;
@@ -27,11 +27,11 @@ class Canvas {
             (_a = this.element) === null || _a === void 0 ? void 0 : _a.remove();
         }
         this.generatedCanvas =
-            canvas.dataset && Utils_1.Constants.generatedAttribute in canvas.dataset
-                ? canvas.dataset[Utils_1.Constants.generatedAttribute] === "true"
+            canvas.dataset && Utils_2.Constants.generatedAttribute in canvas.dataset
+                ? canvas.dataset[Utils_2.Constants.generatedAttribute] === "true"
                 : this.generatedCanvas;
         this.element = canvas;
-        this.originalStyle = (0, Utils_2.deepExtend)({}, this.element.style);
+        this.originalStyle = (0, Utils_1.deepExtend)({}, this.element.style);
         this.size.height = canvas.offsetHeight;
         this.size.width = canvas.offsetWidth;
         this.context = this.element.getContext("2d");
@@ -44,15 +44,15 @@ class Canvas {
             (_a = this.element) === null || _a === void 0 ? void 0 : _a.remove();
         }
         this.draw((ctx) => {
-            (0, Utils_2.clear)(ctx, this.size);
+            (0, Utils_1.clear)(ctx, this.size);
         });
     }
     paint() {
         const options = this.container.actualOptions;
         this.draw((ctx) => {
             if (options.backgroundMask.enable && options.backgroundMask.cover && this.coverColor) {
-                (0, Utils_2.clear)(ctx, this.size);
-                this.paintBase((0, Utils_2.getStyleFromRgb)(this.coverColor, this.coverColor.a));
+                (0, Utils_1.clear)(ctx, this.size);
+                this.paintBase((0, Utils_1.getStyleFromRgb)(this.coverColor, this.coverColor.a));
             }
             else {
                 this.paintBase();
@@ -66,11 +66,11 @@ class Canvas {
             this.paint();
         }
         else if (trail.enable && trail.length > 0 && this.trailFillColor) {
-            this.paintBase((0, Utils_2.getStyleFromRgb)(this.trailFillColor, 1 / trail.length));
+            this.paintBase((0, Utils_1.getStyleFromRgb)(this.trailFillColor, 1 / trail.length));
         }
         else {
             this.draw((ctx) => {
-                (0, Utils_2.clear)(ctx, this.size);
+                (0, Utils_1.clear)(ctx, this.size);
             });
         }
     }
@@ -122,7 +122,7 @@ class Canvas {
             }
             const pos1 = p1.getPosition();
             const pos2 = p2.getPosition();
-            (0, Utils_2.drawConnectLine)(ctx, (_a = p1.retina.linksWidth) !== null && _a !== void 0 ? _a : this.container.retina.linksWidth, lineStyle, pos1, pos2);
+            (0, Utils_1.drawConnectLine)(ctx, (_a = p1.retina.linksWidth) !== null && _a !== void 0 ? _a : this.container.retina.linksWidth, lineStyle, pos1, pos2);
         });
     }
     drawGrabLine(particle, lineColor, opacity, mousePos) {
@@ -130,7 +130,7 @@ class Canvas {
         this.draw((ctx) => {
             var _a;
             const beginPos = particle.getPosition();
-            (0, Utils_2.drawGrabLine)(ctx, (_a = particle.retina.linksWidth) !== null && _a !== void 0 ? _a : container.retina.linksWidth, beginPos, mousePos, lineColor, opacity);
+            (0, Utils_1.drawGrabLine)(ctx, (_a = particle.retina.linksWidth) !== null && _a !== void 0 ? _a : container.retina.linksWidth, beginPos, mousePos, lineColor, opacity);
         });
     }
     drawParticle(particle, delta) {
@@ -148,7 +148,7 @@ class Canvas {
         const twinkle = pOptions.twinkle.particles;
         const twinkling = twinkle.enable && Math.random() < twinkle.frequency;
         if (!fColor || !sColor) {
-            const twinkleRgb = (0, Utils_2.colorToHsl)(twinkle.color);
+            const twinkleRgb = (0, Utils_1.colorToHsl)(twinkle.color);
             if (!fColor) {
                 fColor = twinkling && twinkleRgb !== undefined ? twinkleRgb : pfColor ? pfColor : undefined;
             }
@@ -163,14 +163,14 @@ class Canvas {
         const opacity = twinkling ? twinkle.opacity : (_d = (_b = particle.bubble.opacity) !== null && _b !== void 0 ? _b : (_c = particle.opacity) === null || _c === void 0 ? void 0 : _c.value) !== null && _d !== void 0 ? _d : 1;
         const strokeOpacity = (_f = (_e = particle.stroke) === null || _e === void 0 ? void 0 : _e.opacity) !== null && _f !== void 0 ? _f : opacity;
         const zOpacity = opacity * zOpacityFactor;
-        const fillColorValue = fColor ? (0, Utils_2.getStyleFromHsl)(fColor, zOpacity) : undefined;
+        const fillColorValue = fColor ? (0, Utils_1.getStyleFromHsl)(fColor, zOpacity) : undefined;
         if (!fillColorValue && !sColor) {
             return;
         }
         this.draw((ctx) => {
             const zSizeFactor = (1 - particle.zIndexFactor) ** zIndexOptions.sizeRate;
             const zStrokeOpacity = strokeOpacity * zOpacityFactor;
-            const strokeColorValue = sColor ? (0, Utils_2.getStyleFromHsl)(sColor, zStrokeOpacity) : fillColorValue;
+            const strokeColorValue = sColor ? (0, Utils_1.getStyleFromHsl)(sColor, zStrokeOpacity) : fillColorValue;
             if (radius <= 0) {
                 return;
             }
@@ -180,7 +180,7 @@ class Canvas {
                     updater.beforeDraw(particle);
                 }
             }
-            (0, Utils_2.drawParticle)(this.container, ctx, particle, delta, fillColorValue, strokeColorValue, options.backgroundMask.enable, options.backgroundMask.composite, radius * zSizeFactor, zOpacity, particle.options.shadow, particle.gradient);
+            (0, Utils_1.drawParticle)(this.container, ctx, particle, delta, fillColorValue, strokeColorValue, options.backgroundMask.enable, options.backgroundMask.composite, radius * zSizeFactor, zOpacity, particle.options.shadow, particle.gradient);
             for (const updater of container.particles.updaters) {
                 if (updater.afterDraw) {
                     updater.afterDraw(particle);
@@ -190,12 +190,12 @@ class Canvas {
     }
     drawPlugin(plugin, delta) {
         this.draw((ctx) => {
-            (0, Utils_2.drawPlugin)(ctx, plugin, delta);
+            (0, Utils_1.drawPlugin)(ctx, plugin, delta);
         });
     }
     drawParticlePlugin(plugin, particle, delta) {
         this.draw((ctx) => {
-            (0, Utils_2.drawParticlePlugin)(ctx, plugin, particle, delta);
+            (0, Utils_1.drawParticlePlugin)(ctx, plugin, particle, delta);
         });
     }
     initBackground() {
@@ -207,8 +207,8 @@ class Canvas {
             return;
         }
         if (background.color) {
-            const color = (0, Utils_2.colorToRgb)(background.color);
-            elementStyle.backgroundColor = color ? (0, Utils_2.getStyleFromRgb)(color, background.opacity) : "";
+            const color = (0, Utils_1.colorToRgb)(background.color);
+            elementStyle.backgroundColor = color ? (0, Utils_1.getStyleFromRgb)(color, background.opacity) : "";
         }
         else {
             elementStyle.backgroundColor = "";
@@ -228,7 +228,7 @@ class Canvas {
         const options = this.container.actualOptions;
         const cover = options.backgroundMask.cover;
         const color = cover.color;
-        const coverRgb = (0, Utils_2.colorToRgb)(color);
+        const coverRgb = (0, Utils_1.colorToRgb)(color);
         if (coverRgb) {
             this.coverColor = {
                 r: coverRgb.r,
@@ -241,7 +241,7 @@ class Canvas {
     initTrail() {
         const options = this.container.actualOptions;
         const trail = options.particles.move.trail;
-        const fillColor = (0, Utils_2.colorToRgb)(trail.fillColor);
+        const fillColor = (0, Utils_1.colorToRgb)(trail.fillColor);
         if (fillColor) {
             const trail = options.particles.move.trail;
             this.trailFillColor = {
@@ -257,10 +257,10 @@ class Canvas {
         let sColor;
         for (const [, plugin] of this.container.plugins) {
             if (!fColor && plugin.particleFillColor) {
-                fColor = (0, Utils_2.colorToHsl)(plugin.particleFillColor(particle));
+                fColor = (0, Utils_1.colorToHsl)(plugin.particleFillColor(particle));
             }
             if (!sColor && plugin.particleStrokeColor) {
-                sColor = (0, Utils_2.colorToHsl)(plugin.particleStrokeColor(particle));
+                sColor = (0, Utils_1.colorToHsl)(plugin.particleStrokeColor(particle));
             }
             if (fColor && sColor) {
                 break;
@@ -275,7 +275,7 @@ class Canvas {
         }
         const originalStyle = this.originalStyle;
         if (options.fullScreen.enable) {
-            this.originalStyle = (0, Utils_2.deepExtend)({}, element.style);
+            this.originalStyle = (0, Utils_1.deepExtend)({}, element.style);
             element.style.setProperty("position", "fixed", "important");
             element.style.setProperty("z-index", options.fullScreen.zIndex.toString(10), "important");
             element.style.setProperty("top", "0", "important");
@@ -304,14 +304,14 @@ class Canvas {
     }
     paintBase(baseColor) {
         this.draw((ctx) => {
-            (0, Utils_2.paintBase)(ctx, this.size, baseColor);
+            (0, Utils_1.paintBase)(ctx, this.size, baseColor);
         });
     }
     lineStyle(p1, p2) {
         return this.draw((ctx) => {
             const options = this.container.actualOptions;
             const connectOptions = options.interactivity.modes.connect;
-            return (0, Utils_2.gradient)(ctx, p1, p2, connectOptions.links.opacity);
+            return (0, Utils_1.gradient)(ctx, p1, p2, connectOptions.links.opacity);
         });
     }
 }

package/Core/Container.d.ts

@@ -1,12 +1,12 @@
+import { FrameManager, Vector } from "./Utils";
+import type { IAttract, IBubble, IContainerInteractivity, IContainerPlugin, IMovePathGenerator, IRepulse, IShapeDrawer } from "./Interfaces";
 import { Canvas } from "./Canvas";
-import { Particles } from "./Particles";
-import { Retina } from "./Retina";
 import type { IOptions } from "../Options/Interfaces/IOptions";
-import { FrameManager, Vector } from "./Utils";
-import type { RecursivePartial } from "../Types";
 import { Options } from "../Options/Classes/Options";
 import { Particle } from "./Particle";
-import type { IAttract, IBubble, IContainerInteractivity, IContainerPlugin, IMovePathGenerator, IRepulse, IShapeDrawer } from "./Interfaces";
+import { Particles } from "./Particles";
+import type { RecursivePartial } from "../Types";
+import { Retina } from "./Retina";
 export declare class Container {
     readonly id: string;
     started: boolean;

package/Core/Container.js

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Container = void 0;
+const Utils_1 = require("./Utils");
+const Utils_2 = require("../Utils");
 const Canvas_1 = require("./Canvas");
+const Options_1 = require("../Options/Classes/Options");
 const Particles_1 = require("./Particles");
 const Retina_1 = require("./Retina");
-const Utils_1 = require("./Utils");
-const Options_1 = require("../Options/Classes/Options");
-const Utils_2 = require("../Utils");
 class Container {
     constructor(id, sourceOptions, ...presets) {
         this.id = id;

package/Core/Interfaces/Gradients.d.ts

@@ -1,7 +1,7 @@
-import type { IColor } from "./Colors";
 import type { GradientType, RotateDirectionAlt } from "../../Enums";
-import type { RotateDirection } from "../../Enums";
+import type { IColor } from "./Colors";
 import type { RangeValue } from "../../Types";
+import type { RotateDirection } from "../../Enums";
 export interface IGradientColorOpacity {
     value: RangeValue;
 }

package/Core/Interfaces/ICircleBouncer.d.ts

@@ -1,5 +1,5 @@
-import type { Vector } from "../Utils";
 import type { ICoordinates } from "./ICoordinates";
+import type { Vector } from "../Utils";
 export interface ICircleBouncer {
     position: ICoordinates;
     velocity: Vector;

package/Core/Interfaces/IContainerPlugin.d.ts

@@ -1,10 +1,10 @@
+import type { ClickMode, OutModeDirection } from "../../Enums";
+import type { IColor } from "./Colors";
 import type { ICoordinates } from "./ICoordinates";
+import type { IDelta } from "./IDelta";
+import type { IOptions } from "../../Options/Interfaces/IOptions";
 import type { Particle } from "../Particle";
-import type { ClickMode, OutModeDirection } from "../../Enums";
 import type { RecursivePartial } from "../../Types";
-import type { IOptions } from "../../Options/Interfaces/IOptions";
-import type { IDelta } from "./IDelta";
-import type { IColor } from "./Colors";
 export interface IContainerPlugin {
     clickPositionValid?: (position: ICoordinates) => boolean;
     draw?: (context: CanvasRenderingContext2D, delta: IDelta) => void;

package/Core/Interfaces/IExternalInteractor.d.ts

@@ -1,5 +1,5 @@
-import type { IInteractor } from "./IInteractor";
 import type { IDelta } from "./IDelta";
+import type { IInteractor } from "./IInteractor";
 export interface IExternalInteractor extends IInteractor {
     isEnabled(): boolean;
     interact(delta: IDelta): void;

package/Core/Interfaces/IInteractor.d.ts

@@ -1,5 +1,5 @@
-import type { Particle } from "../Particle";
 import type { InteractorType } from "../../Enums";
+import type { Particle } from "../Particle";
 export interface IInteractor {
     type: InteractorType;
     reset(particle: Particle): void;

package/Core/Interfaces/IParticle.d.ts

@@ -1,17 +1,17 @@
-import type { IStroke } from "../../Options/Interfaces/Particles/IStroke";
-import type { ICoordinates3d } from "./ICoordinates";
-import type { ShapeType } from "../../Enums";
+import type { IHsl, IRgb } from "./Colors";
 import type { IParticleTiltValueAnimation, IParticleValueAnimation } from "./IParticleValueAnimation";
-import type { IShapeValues } from "./IShapeValues";
 import type { IBubbleParticleData } from "./IBubbleParticleData";
-import type { IParticles } from "../../Options/Interfaces/Particles/IParticles";
-import type { IHsl, IRgb } from "./Colors";
-import type { IParticleHslAnimation } from "./IParticleHslAnimation";
-import type { Vector } from "../Utils";
+import type { ICoordinates3d } from "./ICoordinates";
 import type { IParticleGradientAnimation } from "./IParticleGradientAnimation";
+import type { IParticleHslAnimation } from "./IParticleHslAnimation";
 import type { IParticleRetinaProps } from "./IParticleRetinaProps";
 import type { IParticleRoll } from "./IParticleRoll";
 import type { IParticleWobble } from "./IParticleWobble";
+import type { IParticles } from "../../Options/Interfaces/Particles/IParticles";
+import type { IShapeValues } from "./IShapeValues";
+import type { IStroke } from "../../Options/Interfaces/Particles/IStroke";
+import type { ShapeType } from "../../Enums";
+import type { Vector } from "../Utils";
 export interface IParticle {
     misplaced: boolean;
     randomIndexData?: number;

package/Core/Interfaces/IParticleGradientAnimation.d.ts

@@ -1,6 +1,6 @@
-import type { IParticleValueAnimation } from "./IParticleValueAnimation";
 import type { GradientType } from "../../Enums";
 import type { IParticleGradientColorAnimation } from "./IParticleGradientColorAnimation";
+import type { IParticleValueAnimation } from "./IParticleValueAnimation";
 export interface IParticleGradientAnimation {
     angle: IParticleValueAnimation<number>;
     type: GradientType;

package/Core/Interfaces/IParticleSpin.d.ts

@@ -1,5 +1,5 @@
-import type { RotateDirection } from "../../Enums";
 import type { ICoordinates } from "./ICoordinates";
+import type { RotateDirection } from "../../Enums";
 export interface IParticleSpin {
     acceleration: number;
     angle: number;

package/Core/Interfaces/IParticlesInteractor.d.ts

@@ -1,6 +1,6 @@
-import type { Particle } from "../Particle";
-import type { IInteractor } from "./IInteractor";
 import type { IDelta } from "./IDelta";
+import type { IInteractor } from "./IInteractor";
+import type { Particle } from "../Particle";
 export interface IParticlesInteractor extends IInteractor {
     isEnabled(particle: Particle): boolean;
     interact(particle: Particle, delta: IDelta): void;

package/Core/Interfaces/IPlugin.d.ts

@@ -1,8 +1,8 @@
 import type { Container } from "../Container";
 import type { IContainerPlugin } from "./IContainerPlugin";
 import type { IOptions } from "../../Options/Interfaces/IOptions";
-import type { RecursivePartial } from "../../Types";
 import type { Options } from "../../Options/Classes/Options";
+import type { RecursivePartial } from "../../Types";
 export interface IPlugin {
     readonly id: string;
     needsPlugin(options?: RecursivePartial<IOptions>): boolean;

package/Core/Loader.d.ts

@@ -1,7 +1,7 @@
 import { Container } from "./Container";
 import type { IOptions } from "../Options/Interfaces/IOptions";
-import type { RecursivePartial } from "../Types";
 import type { Particle } from "./Particle";
+import type { RecursivePartial } from "../Types";
 import type { SingleOrMultiple } from "../Types";
 interface LoaderParams {
     element?: HTMLElement;

package/Core/Loader.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Loader = void 0;
+const Utils_1 = require("./Utils");
 const Container_1 = require("./Container");
-const Utils_1 = require("../Utils");
-const Utils_2 = require("./Utils");
+const Utils_2 = require("../Utils");
 const tsParticlesDom = [];
 function fetchError(statusCode) {
     console.error(`Error tsParticles - fetch status: ${statusCode}`);
@@ -31,7 +31,7 @@ class Loader {
             domContainer.id = tagId;
             (_c = document.querySelector("body")) === null || _c === void 0 ? void 0 : _c.append(domContainer);
         }
-        const currentOptions = options instanceof Array ? (0, Utils_1.itemFromArray)(options, index) : options;
+        const currentOptions = options instanceof Array ? (0, Utils_2.itemFromArray)(options, index) : options;
         const dom = Loader.dom();
         const oldIndex = dom.findIndex((v) => v.id === tagId);
         if (oldIndex >= 0) {
@@ -44,17 +44,17 @@ class Loader {
         let canvasEl;
         if (domContainer.tagName.toLowerCase() === "canvas") {
             canvasEl = domContainer;
-            canvasEl.dataset[Utils_2.Constants.generatedAttribute] = "false";
+            canvasEl.dataset[Utils_1.Constants.generatedAttribute] = "false";
         }
         else {
             const existingCanvases = domContainer.getElementsByTagName("canvas");
             if (existingCanvases.length) {
                 canvasEl = existingCanvases[0];
-                canvasEl.dataset[Utils_2.Constants.generatedAttribute] = "false";
+                canvasEl.dataset[Utils_1.Constants.generatedAttribute] = "false";
             }
             else {
                 canvasEl = document.createElement("canvas");
-                canvasEl.dataset[Utils_2.Constants.generatedAttribute] = "true";
+                canvasEl.dataset[Utils_1.Constants.generatedAttribute] = "true";
                 canvasEl.style.width = "100%";
                 canvasEl.style.height = "100%";
                 domContainer.appendChild(canvasEl);
@@ -73,7 +73,7 @@ class Loader {
     }
     static async loadRemoteOptions(params) {
         const { url: jsonUrl, index } = params;
-        const url = jsonUrl instanceof Array ? (0, Utils_1.itemFromArray)(jsonUrl, index) : jsonUrl;
+        const url = jsonUrl instanceof Array ? (0, Utils_2.itemFromArray)(jsonUrl, index) : jsonUrl;
         if (!url) {
             return;
         }

package/Core/Particle.d.ts

@@ -1,11 +1,11 @@
+import { ShapeType } from "../Enums";
+import type { IBubbleParticleData, ICoordinates, ICoordinates3d, IDelta, IHsl, IParticle, IParticleGradientAnimation, IParticleHslAnimation, IParticleLife, IParticleNumericValueAnimation, IParticleRetinaProps, IParticleRoll, IParticleSpin, IParticleTiltValueAnimation, IParticleValueAnimation, IParticleWobble, IRgb, IShapeValues } from "./Interfaces";
+import { Vector, Vector3d } from "./Utils";
 import type { Container } from "./Container";
 import type { IParticles } from "../Options/Interfaces/Particles/IParticles";
 import { ParticlesOptions } from "../Options/Classes/Particles/ParticlesOptions";
-import { ShapeType } from "../Enums";
 import type { RecursivePartial } from "../Types";
 import type { Stroke } from "../Options/Classes/Particles/Stroke";
-import { Vector, Vector3d } from "./Utils";
-import type { IBubbleParticleData, ICoordinates, ICoordinates3d, IDelta, IHsl, IParticle, IParticleGradientAnimation, IParticleHslAnimation, IParticleLife, IParticleNumericValueAnimation, IParticleSpin, IParticleTiltValueAnimation, IParticleValueAnimation, IRgb, IShapeValues, IParticleRetinaProps, IParticleRoll, IParticleWobble } from "./Interfaces";
 export declare class Particle implements IParticle {
     readonly id: number;
     readonly container: Container;

package/Core/Particle.js

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Particle = void 0;
+const Utils_1 = require("./Utils");
+const Utils_2 = require("../Utils");
 const ParticlesOptions_1 = require("../Options/Classes/Particles/ParticlesOptions");
 const Shape_1 = require("../Options/Classes/Particles/Shape/Shape");
-const Utils_1 = require("../Utils");
-const Utils_2 = require("./Utils");
 const fixOutMode = (data) => {
-    if ((0, Utils_1.isInArray)(data.outMode, data.checkModes) || (0, Utils_1.isInArray)(data.outMode, data.checkModes)) {
+    if ((0, Utils_2.isInArray)(data.outMode, data.checkModes) || (0, Utils_2.isInArray)(data.outMode, data.checkModes)) {
         if (data.coord > data.maxCoord - data.radius * 2) {
             data.setCb(-data.radius);
         }
@@ -37,13 +37,13 @@ class Particle {
         particlesOptions.load(mainOptions.particles);
         const shapeType = particlesOptions.shape.type;
         const reduceDuplicates = particlesOptions.reduceDuplicates;
-        this.shape = shapeType instanceof Array ? (0, Utils_1.itemFromArray)(shapeType, this.id, reduceDuplicates) : shapeType;
+        this.shape = shapeType instanceof Array ? (0, Utils_2.itemFromArray)(shapeType, this.id, reduceDuplicates) : shapeType;
         if (overrideOptions === null || overrideOptions === void 0 ? void 0 : overrideOptions.shape) {
             if (overrideOptions.shape.type) {
                 const overrideShapeType = overrideOptions.shape.type;
                 this.shape =
                     overrideShapeType instanceof Array
-                        ? (0, Utils_1.itemFromArray)(overrideShapeType, this.id, reduceDuplicates)
+                        ? (0, Utils_2.itemFromArray)(overrideShapeType, this.id, reduceDuplicates)
                         : overrideShapeType;
             }
             const shapeOptions = new Shape_1.Shape();
@@ -64,15 +64,15 @@ class Particle {
         this.fill = (_d = (_c = this.shapeData) === null || _c === void 0 ? void 0 : _c.fill) !== null && _d !== void 0 ? _d : this.fill;
         this.close = (_f = (_e = this.shapeData) === null || _e === void 0 ? void 0 : _e.close) !== null && _f !== void 0 ? _f : this.close;
         this.options = particlesOptions;
-        this.pathDelay = (0, Utils_1.getValue)(this.options.move.path.delay) * 1000;
-        const zIndexValue = (0, Utils_1.getRangeValue)(this.options.zIndex.value);
+        this.pathDelay = (0, Utils_2.getValue)(this.options.move.path.delay) * 1000;
+        const zIndexValue = (0, Utils_2.getRangeValue)(this.options.zIndex.value);
         container.retina.initParticle(this);
         const sizeOptions = this.options.size, sizeRange = sizeOptions.value;
         this.size = {
             enable: sizeOptions.animation.enable,
-            value: (0, Utils_1.getValue)(sizeOptions) * container.retina.pixelRatio,
-            max: (0, Utils_1.getRangeMax)(sizeRange) * pxRatio,
-            min: (0, Utils_1.getRangeMin)(sizeRange) * pxRatio,
+            value: (0, Utils_2.getValue)(sizeOptions) * container.retina.pixelRatio,
+            max: (0, Utils_2.getRangeMax)(sizeRange) * pxRatio,
+            min: (0, Utils_2.getRangeMin)(sizeRange) * pxRatio,
             loops: 0,
             maxLoops: sizeOptions.animation.count,
         };
@@ -85,7 +85,7 @@ class Particle {
                     this.size.status = 0;
                     break;
                 case "random":
-                    this.size.value = (0, Utils_1.randomInRange)(this.size) * pxRatio;
+                    this.size.value = (0, Utils_2.randomInRange)(this.size) * pxRatio;
                     this.size.status = Math.random() >= 0.5 ? 0 : 1;
                     break;
                 case "max":
@@ -101,16 +101,16 @@ class Particle {
                 this.size.velocity *= Math.random();
             }
         }
-        this.direction = (0, Utils_1.getParticleDirectionAngle)(this.options.move.direction);
+        this.direction = (0, Utils_2.getParticleDirectionAngle)(this.options.move.direction);
         this.bubble = {
             inRange: false,
         };
         this.initialVelocity = this.calculateVelocity();
         this.velocity = this.initialVelocity.copy();
-        this.moveDecay = 1 - (0, Utils_1.getRangeValue)(this.options.move.decay);
-        this.position = this.calcPosition(container, position, (0, Utils_1.clamp)(zIndexValue, 0, container.zLayers));
+        this.moveDecay = 1 - (0, Utils_2.getRangeValue)(this.options.move.decay);
+        this.position = this.calcPosition(container, position, (0, Utils_2.clamp)(zIndexValue, 0, container.zLayers));
         this.initialPosition = this.position.copy();
-        this.offset = Utils_2.Vector.origin;
+        this.offset = Utils_1.Vector.origin;
         const particles = container.particles;
         particles.needsSort = particles.needsSort || particles.lastZIndex < this.position.z;
         particles.lastZIndex = this.position.z;
@@ -118,7 +118,7 @@ class Particle {
         this.sides = 24;
         let drawer = container.drawers.get(this.shape);
         if (!drawer) {
-            drawer = Utils_2.Plugins.getShapeDrawer(this.shape);
+            drawer = Utils_1.Plugins.getShapeDrawer(this.shape);
             if (drawer) {
                 container.drawers.set(this.shape, drawer);
             }
@@ -139,16 +139,16 @@ class Particle {
                 y: (spinPos.y / 100) * container.canvas.size.height,
             };
             const pos = this.getPosition();
-            const distance = (0, Utils_1.getDistance)(pos, spinCenter);
+            const distance = (0, Utils_2.getDistance)(pos, spinCenter);
             this.spin = {
                 center: spinCenter,
                 direction: this.velocity.x >= 0 ? "clockwise" : "counter-clockwise",
                 angle: this.velocity.angle,
                 radius: distance,
-                acceleration: (_j = this.retina.spinAcceleration) !== null && _j !== void 0 ? _j : (0, Utils_1.getRangeValue)(this.options.move.spin.acceleration),
+                acceleration: (_j = this.retina.spinAcceleration) !== null && _j !== void 0 ? _j : (0, Utils_2.getRangeValue)(this.options.move.spin.acceleration),
             };
         }
-        this.shadowColor = (0, Utils_1.colorToRgb)(this.options.shadow.color);
+        this.shadowColor = (0, Utils_2.colorToRgb)(this.options.shadow.color);
         for (const updater of container.particles.updaters) {
             if (updater.init) {
                 updater.init(this);
@@ -197,7 +197,7 @@ class Particle {
     }
     getFillColor() {
         var _a, _b, _c;
-        const color = (_a = this.bubble.color) !== null && _a !== void 0 ? _a : (0, Utils_1.getHslFromAnimation)(this.color);
+        const color = (_a = this.bubble.color) !== null && _a !== void 0 ? _a : (0, Utils_2.getHslFromAnimation)(this.color);
         if (color && this.roll && (this.backColor || this.roll.alter)) {
             const rolled = Math.floor(((_c = (_b = this.roll) === null || _b === void 0 ? void 0 : _b.angle) !== null && _c !== void 0 ? _c : 0) / (Math.PI / 2)) % 2;
             if (rolled) {
@@ -205,7 +205,7 @@ class Particle {
                     return this.backColor;
                 }
                 if (this.roll.alter) {
-                    return (0, Utils_1.alterHsl)(color, this.roll.alter.type, this.roll.alter.value);
+                    return (0, Utils_2.alterHsl)(color, this.roll.alter.type, this.roll.alter.value);
                 }
             }
         }
@@ -213,7 +213,7 @@ class Particle {
     }
     getStrokeColor() {
         var _a, _b;
-        return (_b = (_a = this.bubble.color) !== null && _a !== void 0 ? _a : (0, Utils_1.getHslFromAnimation)(this.strokeColor)) !== null && _b !== void 0 ? _b : this.getFillColor();
+        return (_b = (_a = this.bubble.color) !== null && _a !== void 0 ? _a : (0, Utils_2.getHslFromAnimation)(this.strokeColor)) !== null && _b !== void 0 ? _b : this.getFillColor();
     }
     destroy(override) {
         this.destroyed = true;
@@ -247,7 +247,7 @@ class Particle {
         if (splitOptions.count >= 0 && this.splitCount++ > splitOptions.count) {
             return;
         }
-        const rate = (0, Utils_1.getRangeValue)(splitOptions.rate.value);
+        const rate = (0, Utils_2.getRangeValue)(splitOptions.rate.value);
         for (let i = 0; i < rate; i++) {
             this.container.particles.addSplitParticle(this);
         }
@@ -257,11 +257,11 @@ class Particle {
         for (const [, plugin] of container.plugins) {
             const pluginPos = plugin.particlePosition !== undefined ? plugin.particlePosition(position, this) : undefined;
             if (pluginPos !== undefined) {
-                return Utils_2.Vector3d.create(pluginPos.x, pluginPos.y, zIndex);
+                return Utils_1.Vector3d.create(pluginPos.x, pluginPos.y, zIndex);
             }
         }
         const canvasSize = container.canvas.size;
-        const pos = Utils_2.Vector3d.create((_a = position === null || position === void 0 ? void 0 : position.x) !== null && _a !== void 0 ? _a : Math.random() * canvasSize.width, (_b = position === null || position === void 0 ? void 0 : position.y) !== null && _b !== void 0 ? _b : Math.random() * canvasSize.height, zIndex);
+        const pos = Utils_1.Vector3d.create((_a = position === null || position === void 0 ? void 0 : position.x) !== null && _a !== void 0 ? _a : Math.random() * canvasSize.width, (_b = position === null || position === void 0 ? void 0 : position.y) !== null && _b !== void 0 ? _b : Math.random() * canvasSize.height, zIndex);
         const radius = this.getRadius();
         const outModes = this.options.move.outModes, fixHorizontal = (outMode) => {
             fixOutMode({
@@ -307,7 +307,7 @@ class Particle {
         }
         let overlaps = false;
         for (const particle of this.container.particles.array) {
-            if ((0, Utils_1.getDistance)(pos, particle.position) < radius + particle.getRadius()) {
+            if ((0, Utils_2.getDistance)(pos, particle.position) < radius + particle.getRadius()) {
                 overlaps = true;
                 break;
             }
@@ -315,7 +315,7 @@ class Particle {
         return overlaps;
     }
     calculateVelocity() {
-        const baseVelocity = (0, Utils_1.getParticleBaseVelocity)(this.direction);
+        const baseVelocity = (0, Utils_2.getParticleBaseVelocity)(this.direction);
         const res = baseVelocity.copy();
         const moveOptions = this.options.move;
         const rad = (Math.PI / 180) * moveOptions.angle.value;
@@ -325,7 +325,7 @@ class Particle {
             right: radOffset + rad / 2,
         };
         if (!moveOptions.straight) {
-            res.angle += (0, Utils_1.randomInRange)((0, Utils_1.setRangeValue)(range.left, range.right));
+            res.angle += (0, Utils_2.randomInRange)((0, Utils_2.setRangeValue)(range.left, range.right));
         }
         if (moveOptions.random && typeof moveOptions.speed === "number") {
             res.length *= Math.random();
@@ -335,7 +335,7 @@ class Particle {
     loadShapeData(shapeOptions, reduceDuplicates) {
         const shapeData = shapeOptions.options[this.shape];
         if (shapeData) {
-            return (0, Utils_1.deepExtend)({}, shapeData instanceof Array ? (0, Utils_1.itemFromArray)(shapeData, this.id, reduceDuplicates) : shapeData);
+            return (0, Utils_2.deepExtend)({}, shapeData instanceof Array ? (0, Utils_2.itemFromArray)(shapeData, this.id, reduceDuplicates) : shapeData);
         }
     }
     loadLife() {
@@ -344,13 +344,13 @@ class Particle {
         const lifeOptions = particlesOptions.life;
         const life = {
             delay: container.retina.reduceFactor
-                ? (((0, Utils_1.getRangeValue)(lifeOptions.delay.value) * (lifeOptions.delay.sync ? 1 : Math.random())) /
+                ? (((0, Utils_2.getRangeValue)(lifeOptions.delay.value) * (lifeOptions.delay.sync ? 1 : Math.random())) /
                     container.retina.reduceFactor) *
                     1000
                 : 0,
             delayTime: 0,
             duration: container.retina.reduceFactor
-                ? (((0, Utils_1.getRangeValue)(lifeOptions.duration.value) * (lifeOptions.duration.sync ? 1 : Math.random())) /
+                ? (((0, Utils_2.getRangeValue)(lifeOptions.duration.value) * (lifeOptions.duration.sync ? 1 : Math.random())) /
                     container.retina.reduceFactor) *
                     1000
                 : 0,