tsparticles 1.37.5 → 1.39.1

package/Core/Particle.js

@@ -1,14 +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 Enums_1 = require("../Enums");
-const Utils_1 = require("../Utils");
-const Vector_1 = require("./Particle/Vector");
-const Vector3d_1 = require("./Particle/Vector3d");
 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);
         }
@@ -39,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();
@@ -66,34 +64,34 @@ 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,
         };
         const sizeAnimation = sizeOptions.animation;
         if (sizeAnimation.enable) {
-            this.size.status = Enums_1.AnimationStatus.increasing;
+            this.size.status = 0;
             switch (sizeAnimation.startValue) {
-                case Enums_1.StartValueType.min:
+                case "min":
                     this.size.value = this.size.min;
-                    this.size.status = Enums_1.AnimationStatus.increasing;
+                    this.size.status = 0;
                     break;
-                case Enums_1.StartValueType.random:
-                    this.size.value = (0, Utils_1.randomInRange)(this.size) * pxRatio;
-                    this.size.status = Math.random() >= 0.5 ? Enums_1.AnimationStatus.increasing : Enums_1.AnimationStatus.decreasing;
+                case "random":
+                    this.size.value = (0, Utils_2.randomInRange)(this.size) * pxRatio;
+                    this.size.status = Math.random() >= 0.5 ? 0 : 1;
                     break;
-                case Enums_1.StartValueType.max:
+                case "max":
                 default:
                     this.size.value = this.size.max;
-                    this.size.status = Enums_1.AnimationStatus.decreasing;
+                    this.size.status = 1;
                     break;
             }
             this.size.velocity =
@@ -103,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 = Vector_1.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;
@@ -141,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 ? Enums_1.RotateDirection.clockwise : Enums_1.RotateDirection.counterClockwise,
+                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);
@@ -199,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) {
@@ -207,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);
                 }
             }
         }
@@ -215,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;
@@ -234,7 +232,7 @@ class Particle {
             return;
         }
         const destroyOptions = this.options.destroy;
-        if (destroyOptions.mode === Enums_1.DestroyMode.split) {
+        if (destroyOptions.mode === "split") {
             this.split();
         }
     }
@@ -249,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);
         }
@@ -259,16 +257,16 @@ class Particle {
         for (const [, plugin] of container.plugins) {
             const pluginPos = plugin.particlePosition !== undefined ? plugin.particlePosition(position, this) : undefined;
             if (pluginPos !== undefined) {
-                return Vector3d_1.Vector3d.create(pluginPos.x, pluginPos.y, zIndex);
+                return Utils_1.Vector3d.create(pluginPos.x, pluginPos.y, zIndex);
             }
         }
         const canvasSize = container.canvas.size;
-        const pos = Vector3d_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 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({
                 outMode,
-                checkModes: [Enums_1.OutMode.bounce, Enums_1.OutMode.bounceHorizontal],
+                checkModes: ["bounce", "bounce-horizontal"],
                 coord: pos.x,
                 maxCoord: container.canvas.size.width,
                 setCb: (value) => (pos.x += value),
@@ -277,7 +275,7 @@ class Particle {
         }, fixVertical = (outMode) => {
             fixOutMode({
                 outMode,
-                checkModes: [Enums_1.OutMode.bounce, Enums_1.OutMode.bounceVertical],
+                checkModes: ["bounce", "bounce-vertical"],
                 coord: pos.y,
                 maxCoord: container.canvas.size.height,
                 setCb: (value) => (pos.y += value),
@@ -309,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;
             }
@@ -317,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;
@@ -327,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();
@@ -337,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() {
@@ -346,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,

package/Core/Particles.d.ts

@@ -1,9 +1,9 @@
+import type { ICoordinates, IDelta, IMouseData, IParticle, IRgb } from "./Interfaces";
+import { QuadTree } from "./Utils";
 import type { Container } from "./Container";
+import type { IParticles } from "../Options/Interfaces/Particles/IParticles";
 import { Particle } from "./Particle";
-import { QuadTree } from "../Utils";
 import type { RecursivePartial } from "../Types";
-import type { IParticles } from "../Options/Interfaces/Particles/IParticles";
-import type { ICoordinates, IDelta, IMouseData, IParticle, IRgb } from "./Interfaces";
 export declare class Particles {
     private readonly container;
     get count(): number;

package/Core/Particles.js

@@ -1,18 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Particles = void 0;
+const Utils_1 = require("./Utils");
+const Utils_2 = require("../Utils");
 const Particle_1 = require("./Particle");
-const Utils_1 = require("../Utils");
-const InteractionManager_1 = require("./InteractionManager");
 const ParticlesOptions_1 = require("../Options/Classes/Particles/ParticlesOptions");
-const Mover_1 = require("./Particle/Mover");
 class Particles {
     constructor(container) {
         this.container = container;
         this.nextId = 0;
         this.array = [];
         this.zArray = [];
-        this.mover = new Mover_1.Mover(container);
+        this.mover = new Utils_1.ParticlesMover(container);
         this.limit = 0;
         this.needsSort = false;
         this.lastZIndex = 0;
@@ -20,7 +19,7 @@ class Particles {
             links: new Map(),
             triangles: new Map(),
         };
-        this.interactionManager = new InteractionManager_1.InteractionManager(container);
+        this.interactionManager = new Utils_1.InteractionManager(container);
         const canvasSize = this.container.canvas.size;
         this.linksColors = new Map();
         this.quadTree = new Utils_1.QuadTree(new Utils_1.Rectangle(-canvasSize.width / 4, -canvasSize.height / 4, (canvasSize.width * 3) / 2, (canvasSize.height * 3) / 2), 4);
@@ -162,9 +161,7 @@ class Particles {
         this.pushing = false;
     }
     addParticle(position, overrideOptions, group) {
-        const container = this.container;
-        const options = container.actualOptions;
-        const limit = options.particles.number.limit * container.density;
+        const container = this.container, options = container.actualOptions, limit = options.particles.number.limit * container.density;
         if (limit > 0) {
             const countToRemove = this.count + 1 - limit;
             if (countToRemove > 0) {
@@ -174,10 +171,9 @@ class Particles {
         return this.pushParticle(position, overrideOptions, group);
     }
     addSplitParticle(parent) {
-        const splitOptions = parent.options.destroy.split;
-        const options = new ParticlesOptions_1.ParticlesOptions();
+        const splitOptions = parent.options.destroy.split, options = new ParticlesOptions_1.ParticlesOptions();
         options.load(parent.options);
-        const factor = (0, Utils_1.getRangeValue)(splitOptions.factor.value);
+        const factor = (0, Utils_2.getRangeValue)(splitOptions.factor.value);
         options.color.load({
             value: {
                 hsl: parent.getFillColor(),
@@ -191,16 +187,16 @@ class Particles {
             options.size.value.max /= factor;
         }
         options.load(splitOptions.particles);
-        const offset = splitOptions.sizeOffset ? (0, Utils_1.setRangeValue)(-parent.size.value, parent.size.value) : 0;
+        const offset = splitOptions.sizeOffset ? (0, Utils_2.setRangeValue)(-parent.size.value, parent.size.value) : 0;
         const position = {
-            x: parent.position.x + (0, Utils_1.randomInRange)(offset),
-            y: parent.position.y + (0, Utils_1.randomInRange)(offset),
+            x: parent.position.x + (0, Utils_2.randomInRange)(offset),
+            y: parent.position.y + (0, Utils_2.randomInRange)(offset),
         };
         return this.pushParticle(position, options, parent.group, (particle) => {
             if (particle.size.value < 0.5) {
                 return false;
             }
-            particle.velocity.length = (0, Utils_1.randomInRange)((0, Utils_1.setRangeValue)(parent.velocity.length, particle.velocity.length));
+            particle.velocity.length = (0, Utils_2.randomInRange)((0, Utils_2.setRangeValue)(parent.velocity.length, particle.velocity.length));
             particle.splitCount = parent.splitCount + 1;
             particle.unbreakable = true;
             setTimeout(() => {
@@ -213,7 +209,7 @@ class Particles {
         this.removeAt(0, quantity, group);
     }
     getLinkFrequency(p1, p2) {
-        const key = `${Math.min(p1.id, p2.id)}_${Math.max(p1.id, p2.id)}`;
+        const range = (0, Utils_2.setRangeValue)(p1.id, p2.id), key = `${(0, Utils_2.getRangeMin)(range)}_${(0, Utils_2.getRangeMax)(range)}`;
         let res = this.freqs.links.get(key);
         if (res === undefined) {
             res = Math.random();
@@ -241,8 +237,7 @@ class Particles {
         return res;
     }
     addManualParticles() {
-        const container = this.container;
-        const options = container.actualOptions;
+        const container = this.container, options = container.actualOptions;
         for (const particle of options.manualParticles) {
             const pos = particle.position
                 ? {
@@ -284,8 +279,7 @@ class Particles {
         if (!container.canvas.element || !densityOptions.enable) {
             return 1;
         }
-        const canvas = container.canvas.element;
-        const pxRatio = container.retina.pixelRatio;
+        const canvas = container.canvas.element, pxRatio = container.retina.pixelRatio;
         return (canvas.width * canvas.height) / (densityOptions.factor * pxRatio ** 2 * densityOptions.area);
     }
     pushParticle(position, overrideOptions, group, initializer) {

package/{Utils → Core/Utils}/Circle.d.ts

@@ -1,5 +1,5 @@
+import type { ICoordinates } from "../Interfaces";
 import { Range } from "./Range";
-import type { ICoordinates } from "../Core/Interfaces";
 export declare class Circle extends Range {
     readonly radius: number;
     constructor(x: number, y: number, radius: number);

package/{Utils → Core/Utils}/Circle.js

@@ -2,14 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Circle = void 0;
 const Range_1 = require("./Range");
-const NumberUtils_1 = require("./NumberUtils");
+const Utils_1 = require("../../Utils");
 class Circle extends Range_1.Range {
     constructor(x, y, radius) {
         super(x, y);
         this.radius = radius;
     }
     contains(point) {
-        return (0, NumberUtils_1.getDistance)(point, this.position) <= this.radius;
+        return (0, Utils_1.getDistance)(point, this.position) <= this.radius;
     }
     intersects(range) {
         const rect = range;

package/{esm → Core}/Utils/CircleWarp.d.ts

@@ -1,7 +1,6 @@
-import { Range } from "./Range";
-import type { ICoordinates } from "../Core/Interfaces/ICoordinates";
+import type { ICoordinates, IDimension } from "../Interfaces";
 import { Circle } from "./Circle";
-import type { IDimension } from "../Core/Interfaces/IDimension";
+import { Range } from "./Range";
 export declare class CircleWarp extends Circle {
     private readonly canvasSize;
     constructor(x: number, y: number, radius: number, canvasSize: IDimension);

package/{Utils → Core/Utils}/CircleWarp.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CircleWarp = void 0;
-const Rectangle_1 = require("./Rectangle");
 const Circle_1 = require("./Circle");
+const Rectangle_1 = require("./Rectangle");
 class CircleWarp extends Circle_1.Circle {
     constructor(x, y, radius, canvasSize) {
         super(x, y, radius);

package/{Utils → Core/Utils}/Constants.d.ts

@@ -1,5 +1,5 @@
 export declare class Constants {
-    static readonly canvasClass: string;
+    static readonly generatedAttribute: string;
     static readonly randomColorValue: string;
     static readonly midColorValue: string;
     static readonly touchEndEvent: string;

package/{Utils → Core/Utils}/Constants.js

@@ -4,7 +4,7 @@ exports.Constants = void 0;
 class Constants {
 }
 exports.Constants = Constants;
-Constants.canvasClass = "tsparticles-canvas-el";
+Constants.generatedAttribute = "generated";
 Constants.randomColorValue = "random";
 Constants.midColorValue = "mid";
 Constants.touchEndEvent = "touchend";

package/{Utils → Core/Utils}/EventListeners.d.ts

@@ -1,4 +1,4 @@
-import type { Container } from "../Core/Container";
+import type { Container } from "../Container";
 export declare class EventListeners {
     private readonly container;
     private readonly mouseMoveHandler;

package/{Utils → Core/Utils}/EventListeners.js

@@ -1,9 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EventListeners = void 0;
-const Enums_1 = require("../Enums");
+const Utils_1 = require("../../Utils");
 const Constants_1 = require("./Constants");
-const Utils_1 = require("./Utils");
 function manageListener(element, event, handler, add, options) {
     if (add) {
         let addOptions = { passive: true };
@@ -50,11 +49,11 @@ class EventListeners {
         const options = container.actualOptions;
         const detectType = options.interactivity.detectsOn;
         let mouseLeaveEvent = Constants_1.Constants.mouseLeaveEvent;
-        if (detectType === Enums_1.InteractivityDetect.window) {
+        if (detectType === "window") {
             container.interactivity.element = window;
             mouseLeaveEvent = Constants_1.Constants.mouseOutEvent;
         }
-        else if (detectType === Enums_1.InteractivityDetect.parent && container.canvas.element) {
+        else if (detectType === "parent" && container.canvas.element) {
             const canvasEl = container.canvas.element;
             container.interactivity.element = (_a = canvasEl.parentElement) !== null && _a !== void 0 ? _a : canvasEl.parentNode;
         }
@@ -131,7 +130,7 @@ class EventListeners {
             clearTimeout(this.resizeTimeout);
             delete this.resizeTimeout;
         }
-        this.resizeTimeout = setTimeout(() => { var _a; return (_a = this.container.canvas) === null || _a === void 0 ? void 0 : _a.windowResize(); }, 500);
+        this.resizeTimeout = setTimeout(async () => { var _a; return await ((_a = this.container.canvas) === null || _a === void 0 ? void 0 : _a.windowResize()); }, 500);
     }
     handleVisibilityChange() {
         const container = this.container;
@@ -184,7 +183,7 @@ class EventListeners {
                     };
                 }
             }
-            else if (options.interactivity.detectsOn === Enums_1.InteractivityDetect.parent) {
+            else if (options.interactivity.detectsOn === "parent") {
                 const source = mouseEvent.target;
                 const target = mouseEvent.currentTarget;
                 const canvasEl = container.canvas.element;
@@ -312,7 +311,7 @@ class EventListeners {
         const pushNb = options.interactivity.modes.push.quantity;
         const removeNb = options.interactivity.modes.remove.quantity;
         switch (mode) {
-            case Enums_1.ClickMode.push: {
+            case "push": {
                 if (pushNb > 0) {
                     const pushOptions = options.interactivity.modes.push;
                     const group = (0, Utils_1.itemFromArray)([undefined, ...pushOptions.groups]);
@@ -321,13 +320,13 @@ class EventListeners {
                 }
                 break;
             }
-            case Enums_1.ClickMode.remove:
+            case "remove":
                 container.particles.removeQuantity(removeNb);
                 break;
-            case Enums_1.ClickMode.bubble:
+            case "bubble":
                 container.bubble.clicking = true;
                 break;
-            case Enums_1.ClickMode.repulse:
+            case "repulse":
                 container.repulse.clicking = true;
                 container.repulse.count = 0;
                 for (const particle of container.repulse.particles) {
@@ -341,7 +340,7 @@ class EventListeners {
                     }
                 }, options.interactivity.modes.repulse.duration * 1000);
                 break;
-            case Enums_1.ClickMode.attract:
+            case "attract":
                 container.attract.clicking = true;
                 container.attract.count = 0;
                 for (const particle of container.attract.particles) {
@@ -355,7 +354,7 @@ class EventListeners {
                     }
                 }, options.interactivity.modes.attract.duration * 1000);
                 break;
-            case Enums_1.ClickMode.pause:
+            case "pause":
                 if (container.getAnimationStatus()) {
                     container.pause();
                 }

package/Core/{ExternalInteractorBase.d.ts → Utils/ExternalInteractorBase.d.ts}

@@ -1,7 +1,7 @@
-import type { IDelta, IExternalInteractor } from "./Interfaces";
-import type { Particle } from "./Particle";
-import type { Container } from "./Container";
-import { InteractorType } from "../Enums";
+import type { IDelta, IExternalInteractor } from "../Interfaces";
+import type { Container } from "../Container";
+import { InteractorType } from "../../Enums";
+import type { Particle } from "../Particle";
 export declare abstract class ExternalInteractorBase implements IExternalInteractor {
     protected readonly container: Container;
     protected constructor(container: Container);

package/Core/{ExternalInteractorBase.js → Utils/ExternalInteractorBase.js}

@@ -1,11 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ExternalInteractorBase = void 0;
-const Enums_1 = require("../Enums");
 class ExternalInteractorBase {
     constructor(container) {
         this.container = container;
-        this.type = Enums_1.InteractorType.External;
+        this.type = 0;
     }
 }
 exports.ExternalInteractorBase = ExternalInteractorBase;

package/{esm/Core → Core/Utils}/FrameManager.d.ts

@@ -1,4 +1,4 @@
-import type { Container } from "./Container";
+import type { Container } from "../Container";
 export declare class FrameManager {
     private readonly container;
     constructor(container: Container);

package/{esm/Core → Core/Utils}/InteractionManager.d.ts

@@ -1,6 +1,6 @@
-import type { Container } from "./Container";
-import type { Particle } from "./Particle";
-import type { IDelta } from "./Interfaces";
+import type { IDelta } from "../Interfaces";
+import type { Container } from "../Container";
+import type { Particle } from "../Particle";
 export declare class InteractionManager {
     private readonly container;
     private readonly externalInteractors;

package/Core/{InteractionManager.js → Utils/InteractionManager.js}

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InteractionManager = void 0;
 const Utils_1 = require("../Utils");
-const Enums_1 = require("../Enums");
 class InteractionManager {
     constructor(container) {
         this.container = container;
@@ -14,10 +13,10 @@ class InteractionManager {
         const interactors = Utils_1.Plugins.getInteractors(this.container, true);
         for (const interactor of interactors) {
             switch (interactor.type) {
-                case Enums_1.InteractorType.External:
+                case 0:
                     this.externalInteractors.push(interactor);
                     break;
-                case Enums_1.InteractorType.Particles:
+                case 1:
                     this.particleInteractors.push(interactor);
                     break;
             }

package/{esm/Core → Core/Utils}/ParticlesInteractorBase.d.ts

@@ -1,7 +1,7 @@
-import type { IDelta, IParticlesInteractor } from "./Interfaces";
-import type { Particle } from "./Particle";
-import type { Container } from "./Container";
-import { InteractorType } from "../Enums";
+import type { IDelta, IParticlesInteractor } from "../Interfaces";
+import type { Container } from "../Container";
+import { InteractorType } from "../../Enums";
+import type { Particle } from "../Particle";
 export declare abstract class ParticlesInteractorBase implements IParticlesInteractor {
     protected readonly container: Container;
     protected constructor(container: Container);

package/Core/{ParticlesInteractorBase.js → Utils/ParticlesInteractorBase.js}

@@ -1,11 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ParticlesInteractorBase = void 0;
-const Enums_1 = require("../Enums");
 class ParticlesInteractorBase {
     constructor(container) {
         this.container = container;
-        this.type = Enums_1.InteractorType.Particles;
+        this.type = 1;
     }
 }
 exports.ParticlesInteractorBase = ParticlesInteractorBase;

package/{esm/Core/Particle/Mover.d.ts → Core/Utils/ParticlesMover.d.ts}

@@ -1,7 +1,7 @@
 import type { Container } from "../Container";
-import type { Particle } from "../Particle";
 import type { IDelta } from "../Interfaces";
-export declare class Mover {
+import type { Particle } from "../Particle";
+export declare class ParticlesMover {
     private readonly container;
     constructor(container: Container);
     move(particle: Particle, delta: IDelta): void;