@tsparticles/engine 3.0.0-beta.0 → 3.0.0-beta.1

package/types/exports.d.ts

@@ -1,89 +1,89 @@
-export * from "./Core/Utils/Circle";
-export * from "./Core/Utils/Constants";
-export * from "./Core/Utils/ExternalInteractorBase";
-export * from "./Core/Utils/ParticlesInteractorBase";
-export * from "./Core/Utils/Point";
-export * from "./Core/Utils/Range";
-export * from "./Core/Utils/Rectangle";
-export * from "./Core/Utils/Vector";
-export * from "./Core/Utils/Vector3d";
-export * from "./Enums/Directions/MoveDirection";
-export * from "./Enums/Directions/RotateDirection";
-export * from "./Enums/Directions/OutModeDirection";
-export * from "./Enums/Modes/AnimationMode";
-export * from "./Enums/Modes/ClickMode";
-export * from "./Enums/Modes/DivMode";
-export * from "./Enums/Modes/HoverMode";
-export * from "./Enums/Modes/CollisionMode";
-export * from "./Enums/Modes/OutMode";
-export * from "./Enums/Modes/PixelMode";
-export * from "./Enums/Modes/ThemeMode";
-export * from "./Enums/Modes/ResponsiveMode";
-export * from "./Enums/Types/AlterType";
-export * from "./Enums/Types/DestroyType";
-export * from "./Enums/Types/GradientType";
-export * from "./Enums/Types/InteractorType";
-export * from "./Enums/Types/ParticleOutType";
-export * from "./Enums/Types/StartValueType";
-export * from "./Enums/Types/DivType";
-export * from "./Enums/Types/EasingType";
-export * from "./Enums/Types/EventType";
-export * from "./Enums/AnimationStatus";
-export * from "./Enums/InteractivityDetect";
-export * from "./Options/Classes/AnimatableColor";
-export * from "./Options/Classes/AnimationOptions";
-export * from "./Options/Classes/Background/Background";
-export * from "./Options/Classes/BackgroundMask/BackgroundMask";
-export * from "./Options/Classes/BackgroundMask/BackgroundMaskCover";
-export * from "./Options/Classes/ColorAnimation";
-export * from "./Options/Classes/FullScreen/FullScreen";
-export * from "./Options/Classes/HslAnimation";
-export * from "./Options/Classes/Interactivity/Events/ClickEvent";
-export * from "./Options/Classes/Interactivity/Events/DivEvent";
-export * from "./Options/Classes/Interactivity/Events/ClickEvent";
-export * from "./Options/Classes/Interactivity/Events/DivEvent";
-export * from "./Options/Classes/Interactivity/Events/Events";
-export * from "./Options/Classes/Interactivity/Events/HoverEvent";
-export * from "./Options/Classes/Interactivity/Events/Parallax";
-export * from "./Options/Classes/Interactivity/Events/ResizeEvent";
-export * from "./Options/Classes/Interactivity/Interactivity";
-export * from "./Options/Classes/Interactivity/Modes/Modes";
-export * from "./Options/Classes/ManualParticle";
-export * from "./Options/Classes/Options";
-export * from "./Options/Classes/OptionsColor";
-export * from "./Options/Classes/Particles/Bounce/ParticlesBounce";
-export * from "./Options/Classes/Particles/Bounce/ParticlesBounceFactor";
-export * from "./Options/Classes/Particles/Collisions/Collisions";
-export * from "./Options/Classes/Particles/Collisions/CollisionsAbsorb";
-export * from "./Options/Classes/Particles/Collisions/CollisionsOverlap";
-export * from "./Options/Classes/Particles/ParticlesOptions";
-export * from "./Options/Classes/Particles/Shadow";
-export * from "./Options/Classes/Particles/Stroke";
-export * from "./Options/Classes/Particles/Move/MoveAttract";
-export * from "./Options/Classes/Particles/Move/Move";
-export * from "./Options/Classes/Particles/Move/MoveAngle";
-export * from "./Options/Classes/Particles/Move/MoveCenter";
-export * from "./Options/Classes/Particles/Move/MoveGravity";
-export * from "./Options/Classes/Particles/Move/OutModes";
-export * from "./Options/Classes/Particles/Move/Path/MovePath";
-export * from "./Options/Classes/Particles/Move/Spin";
-export * from "./Options/Classes/Particles/Move/MoveTrail";
-export * from "./Options/Classes/Particles/Number/ParticlesNumber";
-export * from "./Options/Classes/Particles/Number/ParticlesDensity";
-export * from "./Options/Classes/Particles/Opacity/Opacity";
-export * from "./Options/Classes/Particles/Opacity/OpacityAnimation";
-export * from "./Options/Classes/Particles/Shape/Shape";
-export * from "./Options/Classes/Particles/Size/Size";
-export * from "./Options/Classes/Particles/Size/SizeAnimation";
-export * from "./Options/Classes/Particles/ZIndex/ZIndex";
-export * from "./Options/Classes/Responsive";
-export * from "./Options/Classes/Theme/Theme";
-export * from "./Options/Classes/Theme/ThemeDefault";
-export * from "./Options/Classes/ValueWithRandom";
-export * from "./Utils/CanvasUtils";
-export * from "./Utils/ColorUtils";
-export * from "./Utils/HslColorManager";
-export * from "./Utils/NumberUtils";
-export * from "./Utils/OptionsUtils";
-export * from "./Utils/RgbColorManager";
-export * from "./Utils/Utils";
+export * from "./Core/Utils/Circle.js";
+export * from "./Core/Utils/Constants.js";
+export * from "./Core/Utils/ExternalInteractorBase.js";
+export * from "./Core/Utils/ParticlesInteractorBase.js";
+export * from "./Core/Utils/Point.js";
+export * from "./Core/Utils/Range.js";
+export * from "./Core/Utils/Rectangle.js";
+export * from "./Core/Utils/Vector.js";
+export * from "./Core/Utils/Vector3d.js";
+export * from "./Enums/Directions/MoveDirection.js";
+export * from "./Enums/Directions/RotateDirection.js";
+export * from "./Enums/Directions/OutModeDirection.js";
+export * from "./Enums/Modes/AnimationMode.js";
+export * from "./Enums/Modes/ClickMode.js";
+export * from "./Enums/Modes/DivMode.js";
+export * from "./Enums/Modes/HoverMode.js";
+export * from "./Enums/Modes/CollisionMode.js";
+export * from "./Enums/Modes/OutMode.js";
+export * from "./Enums/Modes/PixelMode.js";
+export * from "./Enums/Modes/ThemeMode.js";
+export * from "./Enums/Modes/ResponsiveMode.js";
+export * from "./Enums/Types/AlterType.js";
+export * from "./Enums/Types/DestroyType.js";
+export * from "./Enums/Types/GradientType.js";
+export * from "./Enums/Types/InteractorType.js";
+export * from "./Enums/Types/ParticleOutType.js";
+export * from "./Enums/Types/StartValueType.js";
+export * from "./Enums/Types/DivType.js";
+export * from "./Enums/Types/EasingType.js";
+export * from "./Enums/Types/EventType.js";
+export * from "./Enums/AnimationStatus.js";
+export * from "./Enums/InteractivityDetect.js";
+export * from "./Options/Classes/AnimatableColor.js";
+export * from "./Options/Classes/AnimationOptions.js";
+export * from "./Options/Classes/Background/Background.js";
+export * from "./Options/Classes/BackgroundMask/BackgroundMask.js";
+export * from "./Options/Classes/BackgroundMask/BackgroundMaskCover.js";
+export * from "./Options/Classes/ColorAnimation.js";
+export * from "./Options/Classes/FullScreen/FullScreen.js";
+export * from "./Options/Classes/HslAnimation.js";
+export * from "./Options/Classes/Interactivity/Events/ClickEvent.js";
+export * from "./Options/Classes/Interactivity/Events/DivEvent.js";
+export * from "./Options/Classes/Interactivity/Events/ClickEvent.js";
+export * from "./Options/Classes/Interactivity/Events/DivEvent.js";
+export * from "./Options/Classes/Interactivity/Events/Events.js";
+export * from "./Options/Classes/Interactivity/Events/HoverEvent.js";
+export * from "./Options/Classes/Interactivity/Events/Parallax.js";
+export * from "./Options/Classes/Interactivity/Events/ResizeEvent.js";
+export * from "./Options/Classes/Interactivity/Interactivity.js";
+export * from "./Options/Classes/Interactivity/Modes/Modes.js";
+export * from "./Options/Classes/ManualParticle.js";
+export * from "./Options/Classes/Options.js";
+export * from "./Options/Classes/OptionsColor.js";
+export * from "./Options/Classes/Particles/Bounce/ParticlesBounce.js";
+export * from "./Options/Classes/Particles/Bounce/ParticlesBounceFactor.js";
+export * from "./Options/Classes/Particles/Collisions/Collisions.js";
+export * from "./Options/Classes/Particles/Collisions/CollisionsAbsorb.js";
+export * from "./Options/Classes/Particles/Collisions/CollisionsOverlap.js";
+export * from "./Options/Classes/Particles/ParticlesOptions.js";
+export * from "./Options/Classes/Particles/Shadow.js";
+export * from "./Options/Classes/Particles/Stroke.js";
+export * from "./Options/Classes/Particles/Move/MoveAttract.js";
+export * from "./Options/Classes/Particles/Move/Move.js";
+export * from "./Options/Classes/Particles/Move/MoveAngle.js";
+export * from "./Options/Classes/Particles/Move/MoveCenter.js";
+export * from "./Options/Classes/Particles/Move/MoveGravity.js";
+export * from "./Options/Classes/Particles/Move/OutModes.js";
+export * from "./Options/Classes/Particles/Move/Path/MovePath.js";
+export * from "./Options/Classes/Particles/Move/Spin.js";
+export * from "./Options/Classes/Particles/Move/MoveTrail.js";
+export * from "./Options/Classes/Particles/Number/ParticlesNumber.js";
+export * from "./Options/Classes/Particles/Number/ParticlesDensity.js";
+export * from "./Options/Classes/Particles/Opacity/Opacity.js";
+export * from "./Options/Classes/Particles/Opacity/OpacityAnimation.js";
+export * from "./Options/Classes/Particles/Shape/Shape.js";
+export * from "./Options/Classes/Particles/Size/Size.js";
+export * from "./Options/Classes/Particles/Size/SizeAnimation.js";
+export * from "./Options/Classes/Particles/ZIndex/ZIndex.js";
+export * from "./Options/Classes/Responsive.js";
+export * from "./Options/Classes/Theme/Theme.js";
+export * from "./Options/Classes/Theme/ThemeDefault.js";
+export * from "./Options/Classes/ValueWithRandom.js";
+export * from "./Utils/CanvasUtils.js";
+export * from "./Utils/ColorUtils.js";
+export * from "./Utils/HslColorManager.js";
+export * from "./Utils/NumberUtils.js";
+export * from "./Utils/OptionsUtils.js";
+export * from "./Utils/RgbColorManager.js";
+export * from "./Utils/Utils.js";

package/types/index.d.ts

@@ -1,4 +1,4 @@
-declare const tsParticles: import("./export-types").Engine;
-export * from "./exports";
-export * from "./export-types";
+declare const tsParticles: import("./export-types.js").Engine;
+export * from "./exports.js";
+export * from "./export-types.js";
 export { tsParticles };

package/types/init.d.ts

@@ -1,2 +1,2 @@
-import { Engine } from "./Core/Engine";
+import { Engine } from "./Core/Engine.js";
 export declare function init(): Engine;

package/umd/Core/Canvas.js

@@ -4,16 +4,16 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "../Utils/CanvasUtils", "../Utils/Utils", "../Utils/ColorUtils", "./Utils/Constants"], factory);
+        define(["require", "exports", "../Utils/CanvasUtils.js", "../Utils/Utils.js", "../Utils/ColorUtils.js", "./Utils/Constants.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.Canvas = void 0;
-    const CanvasUtils_1 = require("../Utils/CanvasUtils");
-    const Utils_1 = require("../Utils/Utils");
-    const ColorUtils_1 = require("../Utils/ColorUtils");
-    const Constants_1 = require("./Utils/Constants");
+    const CanvasUtils_js_1 = require("../Utils/CanvasUtils.js");
+    const Utils_js_1 = require("../Utils/Utils.js");
+    const ColorUtils_js_1 = require("../Utils/ColorUtils.js");
+    const Constants_js_1 = require("./Utils/Constants.js");
     function setTransformValue(factor, newFactor, key) {
         const newValue = newFactor[key];
         if (newValue !== undefined) {
@@ -57,10 +57,10 @@
                 let fColor, sColor;
                 for (const plugin of this._colorPlugins) {
                     if (!fColor && plugin.particleFillColor) {
-                        fColor = (0, ColorUtils_1.rangeColorToHsl)(plugin.particleFillColor(particle));
+                        fColor = (0, ColorUtils_js_1.rangeColorToHsl)(plugin.particleFillColor(particle));
                     }
                     if (!sColor && plugin.particleStrokeColor) {
-                        sColor = (0, ColorUtils_1.rangeColorToHsl)(plugin.particleStrokeColor(particle));
+                        sColor = (0, ColorUtils_js_1.rangeColorToHsl)(plugin.particleStrokeColor(particle));
                     }
                     if (fColor && sColor) {
                         break;
@@ -69,13 +69,13 @@
                 return [fColor, sColor];
             };
             this._initCover = () => {
-                const options = this.container.actualOptions, cover = options.backgroundMask.cover, color = cover.color, coverRgb = (0, ColorUtils_1.rangeColorToRgb)(color);
+                const options = this.container.actualOptions, cover = options.backgroundMask.cover, color = cover.color, coverRgb = (0, ColorUtils_js_1.rangeColorToRgb)(color);
                 if (coverRgb) {
                     const coverColor = {
                         ...coverRgb,
                         a: cover.opacity,
                     };
-                    this._coverColorStyle = (0, ColorUtils_1.getStyleFromRgb)(coverColor, coverColor.a);
+                    this._coverColorStyle = (0, ColorUtils_js_1.getStyleFromRgb)(coverColor, coverColor.a);
                 }
             };
             this._initStyle = () => {
@@ -84,7 +84,7 @@
                     return;
                 }
                 if (this._fullScreen) {
-                    this._originalStyle = (0, Utils_1.deepExtend)({}, element.style);
+                    this._originalStyle = (0, Utils_js_1.deepExtend)({}, element.style);
                     this._setFullScreenStyle();
                 }
                 else {
@@ -107,7 +107,7 @@
                     return;
                 }
                 if (trailFill.color) {
-                    const fillColor = (0, ColorUtils_1.rangeColorToRgb)(trailFill.color);
+                    const fillColor = (0, ColorUtils_js_1.rangeColorToRgb)(trailFill.color);
                     if (!fillColor) {
                         return;
                     }
@@ -140,10 +140,10 @@
                 }
             };
             this._paintBase = (baseColor) => {
-                this.draw((ctx) => (0, CanvasUtils_1.paintBase)(ctx, this.size, baseColor));
+                this.draw((ctx) => (0, CanvasUtils_js_1.paintBase)(ctx, this.size, baseColor));
             };
             this._paintImage = (image, opacity) => {
-                this.draw((ctx) => (0, CanvasUtils_1.paintImage)(ctx, this.size, image, opacity));
+                this.draw((ctx) => (0, CanvasUtils_js_1.paintImage)(ctx, this.size, image, opacity));
             };
             this._repairStyle = () => {
                 const element = this.element;
@@ -208,7 +208,7 @@
             }
             else if (trail.enable && trail.length > 0 && trailFill) {
                 if (trailFill.color) {
-                    this._paintBase((0, ColorUtils_1.getStyleFromRgb)(trailFill.color, trailFill.opacity));
+                    this._paintBase((0, ColorUtils_js_1.getStyleFromRgb)(trailFill.color, trailFill.opacity));
                 }
                 else if (trailFill.image) {
                     this._paintImage(trailFill.image, trailFill.opacity);
@@ -216,7 +216,7 @@
             }
             else {
                 this.draw((ctx) => {
-                    (0, CanvasUtils_1.clear)(ctx, this.size);
+                    (0, CanvasUtils_js_1.clear)(ctx, this.size);
                 });
             }
         }
@@ -262,11 +262,11 @@
             }
             this.draw((ctx) => {
                 const container = this.container, options = container.actualOptions, zIndexOptions = particle.options.zIndex, zOpacityFactor = (1 - particle.zIndexFactor) ** zIndexOptions.opacityRate, opacity = particle.bubble.opacity ?? particle.opacity?.value ?? 1, strokeOpacity = particle.strokeOpacity ?? opacity, zOpacity = opacity * zOpacityFactor, zStrokeOpacity = strokeOpacity * zOpacityFactor, transform = {}, colorStyles = {
-                    fill: fColor ? (0, ColorUtils_1.getStyleFromHsl)(fColor, zOpacity) : undefined,
+                    fill: fColor ? (0, ColorUtils_js_1.getStyleFromHsl)(fColor, zOpacity) : undefined,
                 };
-                colorStyles.stroke = sColor ? (0, ColorUtils_1.getStyleFromHsl)(sColor, zStrokeOpacity) : colorStyles.fill;
+                colorStyles.stroke = sColor ? (0, ColorUtils_js_1.getStyleFromHsl)(sColor, zStrokeOpacity) : colorStyles.fill;
                 this._applyPreDrawUpdaters(ctx, particle, radius, zOpacity, colorStyles, transform);
-                (0, CanvasUtils_1.drawParticle)({
+                (0, CanvasUtils_js_1.drawParticle)({
                     container,
                     context: ctx,
                     particle,
@@ -283,14 +283,14 @@
             });
         }
         drawParticlePlugin(plugin, particle, delta) {
-            this.draw((ctx) => (0, CanvasUtils_1.drawParticlePlugin)(ctx, plugin, particle, delta));
+            this.draw((ctx) => (0, CanvasUtils_js_1.drawParticlePlugin)(ctx, plugin, particle, delta));
         }
         drawPlugin(plugin, delta) {
-            this.draw((ctx) => (0, CanvasUtils_1.drawPlugin)(ctx, plugin, delta));
+            this.draw((ctx) => (0, CanvasUtils_js_1.drawPlugin)(ctx, plugin, delta));
         }
         async init() {
             this._safeMutationObserver((obs) => obs.disconnect());
-            this._mutationObserver = (0, Utils_1.safeMutationObserver)((records) => {
+            this._mutationObserver = (0, Utils_js_1.safeMutationObserver)((records) => {
                 for (const record of records) {
                     if (record.type === "attributes" && record.attributeName === "style") {
                         this._repairStyle();
@@ -304,7 +304,7 @@
                 await this._initTrail();
             }
             catch (e) {
-                (0, Utils_1.getLogger)().error(e);
+                (0, Utils_js_1.getLogger)().error(e);
             }
             this.initBackground();
             this._safeMutationObserver((obs) => {
@@ -327,8 +327,8 @@
                 return;
             }
             if (background.color) {
-                const color = (0, ColorUtils_1.rangeColorToRgb)(background.color);
-                elementStyle.backgroundColor = color ? (0, ColorUtils_1.getStyleFromRgb)(color, background.opacity) : "";
+                const color = (0, ColorUtils_js_1.rangeColorToRgb)(background.color);
+                elementStyle.backgroundColor = color ? (0, ColorUtils_js_1.getStyleFromRgb)(color, background.opacity) : "";
             }
             else {
                 elementStyle.backgroundColor = "";
@@ -366,12 +366,12 @@
                 this.element.remove();
             }
             this._generated =
-                canvas.dataset && Constants_1.generatedAttribute in canvas.dataset
-                    ? canvas.dataset[Constants_1.generatedAttribute] === "true"
+                canvas.dataset && Constants_js_1.generatedAttribute in canvas.dataset
+                    ? canvas.dataset[Constants_js_1.generatedAttribute] === "true"
                     : this._generated;
             this.element = canvas;
             this.element.ariaHidden = "true";
-            this._originalStyle = (0, Utils_1.deepExtend)({}, this.element.style);
+            this._originalStyle = (0, Utils_js_1.deepExtend)({}, this.element.style);
             this.size.height = canvas.offsetHeight;
             this.size.width = canvas.offsetWidth;
             this._context = this.element.getContext("2d");
@@ -388,7 +388,7 @@
             const options = this.container.actualOptions;
             this.draw((ctx) => {
                 if (options.backgroundMask.enable && options.backgroundMask.cover) {
-                    (0, CanvasUtils_1.clear)(ctx, this.size);
+                    (0, CanvasUtils_js_1.clear)(ctx, this.size);
                     this._paintBase(this._coverColorStyle);
                 }
                 else {
@@ -424,7 +424,7 @@
         stop() {
             this._safeMutationObserver((obs) => obs.disconnect());
             this._mutationObserver = undefined;
-            this.draw((ctx) => (0, CanvasUtils_1.clear)(ctx, this.size));
+            this.draw((ctx) => (0, CanvasUtils_js_1.clear)(ctx, this.size));
         }
         async windowResize() {
             if (!this.element || !this.resize()) {

package/umd/Core/Container.js

@@ -4,21 +4,21 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./Canvas", "./Utils/EventListeners", "../Options/Classes/Options", "./Particles", "./Retina", "./Utils/Constants", "../Utils/Utils", "../Utils/NumberUtils", "../Utils/OptionsUtils"], factory);
+        define(["require", "exports", "./Canvas.js", "./Utils/EventListeners.js", "../Options/Classes/Options.js", "./Particles.js", "./Retina.js", "./Utils/Constants.js", "../Utils/Utils.js", "../Utils/NumberUtils.js", "../Utils/OptionsUtils.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.Container = void 0;
-    const Canvas_1 = require("./Canvas");
-    const EventListeners_1 = require("./Utils/EventListeners");
-    const Options_1 = require("../Options/Classes/Options");
-    const Particles_1 = require("./Particles");
-    const Retina_1 = require("./Retina");
-    const Constants_1 = require("./Utils/Constants");
-    const Utils_1 = require("../Utils/Utils");
-    const NumberUtils_1 = require("../Utils/NumberUtils");
-    const OptionsUtils_1 = require("../Utils/OptionsUtils");
+    const Canvas_js_1 = require("./Canvas.js");
+    const EventListeners_js_1 = require("./Utils/EventListeners.js");
+    const Options_js_1 = require("../Options/Classes/Options.js");
+    const Particles_js_1 = require("./Particles.js");
+    const Retina_js_1 = require("./Retina.js");
+    const Constants_js_1 = require("./Utils/Constants.js");
+    const Utils_js_1 = require("../Utils/Utils.js");
+    const NumberUtils_js_1 = require("../Utils/NumberUtils.js");
+    const OptionsUtils_js_1 = require("../Utils/OptionsUtils.js");
     function guardCheck(container) {
         return container && !container.destroyed;
     }
@@ -29,8 +29,8 @@
         };
     }
     function loadContainerOptions(engine, container, ...sourceOptionsArr) {
-        const options = new Options_1.Options(engine, container);
-        (0, OptionsUtils_1.loadOptions)(options, ...sourceOptionsArr);
+        const options = new Options_js_1.Options(engine, container);
+        (0, OptionsUtils_js_1.loadOptions)(options, ...sourceOptionsArr);
         return options;
     }
     class Container {
@@ -73,7 +73,7 @@
                     }
                 }
                 catch (e) {
-                    (0, Utils_1.getLogger)().error(`${Constants_1.errorPrefix} in animation loop`, e);
+                    (0, Utils_js_1.getLogger)().error(`${Constants_js_1.errorPrefix} in animation loop`, e);
                 }
             };
             this._engine = engine;
@@ -91,9 +91,9 @@
             this.pageHidden = false;
             this._sourceOptions = sourceOptions;
             this._initialSourceOptions = sourceOptions;
-            this.retina = new Retina_1.Retina(this);
-            this.canvas = new Canvas_1.Canvas(this);
-            this.particles = new Particles_1.Particles(this._engine, this);
+            this.retina = new Retina_js_1.Retina(this);
+            this.canvas = new Canvas_js_1.Canvas(this);
+            this.particles = new Particles_js_1.Particles(this._engine, this);
             this.pathGenerators = new Map();
             this.interactivity = {
                 mouse: {
@@ -105,7 +105,7 @@
             this.drawers = new Map();
             this._options = loadContainerOptions(this._engine, this);
             this.actualOptions = loadContainerOptions(this._engine, this);
-            this._eventListeners = new EventListeners_1.EventListeners(this);
+            this._eventListeners = new EventListeners_js_1.EventListeners(this);
             if (typeof IntersectionObserver !== "undefined" && IntersectionObserver) {
                 this._intersectionObserver = new IntersectionObserver((entries) => this._intersectionManager(entries));
             }
@@ -252,7 +252,7 @@
                 }
                 return res.blob;
             }
-            (0, Utils_1.getLogger)().error(`${Constants_1.errorPrefix} - Export plugin with type ${type} not found`);
+            (0, Utils_js_1.getLogger)().error(`${Constants_js_1.errorPrefix} - Export plugin with type ${type} not found`);
         }
         getAnimationStatus() {
             return !this._paused && !this.pageHidden && guardCheck(this);
@@ -289,8 +289,8 @@
             this.canvas.initBackground();
             this.canvas.resize();
             this.zLayers = this.actualOptions.zLayers;
-            this._duration = (0, NumberUtils_1.getRangeValue)(this.actualOptions.duration) * 1000;
-            this._delay = (0, NumberUtils_1.getRangeValue)(this.actualOptions.delay) * 1000;
+            this._duration = (0, NumberUtils_js_1.getRangeValue)(this.actualOptions.duration) * 1000;
+            this._delay = (0, NumberUtils_js_1.getRangeValue)(this.actualOptions.delay) * 1000;
             this._lifeTime = 0;
             this.fpsLimit = this.actualOptions.fpsLimit > 0 ? this.actualOptions.fpsLimit : 120;
             this.smooth = this.actualOptions.smooth;

package/umd/Core/Engine.js

@@ -4,17 +4,17 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./Utils/Constants", "../Utils/Utils", "./Container", "../Utils/EventDispatcher", "../Utils/NumberUtils"], factory);
+        define(["require", "exports", "./Utils/Constants.js", "../Utils/Utils.js", "./Container.js", "../Utils/EventDispatcher.js", "../Utils/NumberUtils.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.Engine = void 0;
-    const Constants_1 = require("./Utils/Constants");
-    const Utils_1 = require("../Utils/Utils");
-    const Container_1 = require("./Container");
-    const EventDispatcher_1 = require("../Utils/EventDispatcher");
-    const NumberUtils_1 = require("../Utils/NumberUtils");
+    const Constants_js_1 = require("./Utils/Constants.js");
+    const Utils_js_1 = require("../Utils/Utils.js");
+    const Container_js_1 = require("./Container.js");
+    const EventDispatcher_js_1 = require("../Utils/EventDispatcher.js");
+    const NumberUtils_js_1 = require("../Utils/NumberUtils.js");
     function getItemsFromInitializer(container, map, initializers, force = false) {
         let res = map.get(container);
         if (!res || force) {
@@ -24,7 +24,7 @@
         return res;
     }
     async function getDataFromUrl(data) {
-        const url = (0, Utils_1.itemFromSingleOrMultiple)(data.url, data.index);
+        const url = (0, Utils_js_1.itemFromSingleOrMultiple)(data.url, data.index);
         if (!url) {
             return data.fallback;
         }
@@ -32,14 +32,14 @@
         if (response.ok) {
             return response.json();
         }
-        (0, Utils_1.getLogger)().error(`${Constants_1.errorPrefix} ${response.status} while retrieving config file`);
+        (0, Utils_js_1.getLogger)().error(`${Constants_js_1.errorPrefix} ${response.status} while retrieving config file`);
         return data.fallback;
     }
     class Engine {
         constructor() {
             this._configs = new Map();
             this._domArray = [];
-            this._eventDispatcher = new EventDispatcher_1.EventDispatcher();
+            this._eventDispatcher = new EventDispatcher_js_1.EventDispatcher();
             this._initialized = false;
             this.plugins = [];
             this._initializers = {
@@ -62,10 +62,10 @@
             return res;
         }
         get version() {
-            return "3.0.0-beta.0";
+            return "3.0.0-beta.1";
         }
         addConfig(nameOrConfig, config) {
-            if ((0, Utils_1.isString)(nameOrConfig)) {
+            if ((0, Utils_js_1.isString)(nameOrConfig)) {
                 if (config) {
                     config.name = nameOrConfig;
                     this._configs.set(nameOrConfig, config);
@@ -105,28 +105,28 @@
         async addShape(shape, drawer, initOrRefresh, afterEffectOrRefresh, destroyOrRefresh, refresh = true) {
             let customDrawer;
             let realRefresh = refresh, realInit, realAfterEffect, realDestroy;
-            if ((0, Utils_1.isBoolean)(initOrRefresh)) {
+            if ((0, Utils_js_1.isBoolean)(initOrRefresh)) {
                 realRefresh = initOrRefresh;
                 realInit = undefined;
             }
             else {
                 realInit = initOrRefresh;
             }
-            if ((0, Utils_1.isBoolean)(afterEffectOrRefresh)) {
+            if ((0, Utils_js_1.isBoolean)(afterEffectOrRefresh)) {
                 realRefresh = afterEffectOrRefresh;
                 realAfterEffect = undefined;
             }
             else {
                 realAfterEffect = afterEffectOrRefresh;
             }
-            if ((0, Utils_1.isBoolean)(destroyOrRefresh)) {
+            if ((0, Utils_js_1.isBoolean)(destroyOrRefresh)) {
                 realRefresh = destroyOrRefresh;
                 realDestroy = undefined;
             }
             else {
                 realDestroy = destroyOrRefresh;
             }
-            if ((0, Utils_1.isFunction)(drawer)) {
+            if ((0, Utils_js_1.isFunction)(drawer)) {
                 customDrawer = {
                     afterEffect: realAfterEffect,
                     destroy: realDestroy,
@@ -137,7 +137,7 @@
             else {
                 customDrawer = drawer;
             }
-            (0, Utils_1.executeOnSingleOrMultiple)(shape, (type) => {
+            (0, Utils_js_1.executeOnSingleOrMultiple)(shape, (type) => {
                 !this.getShapeDrawer(type) && this.drawers.set(type, customDrawer);
             });
             await this.refresh(realRefresh);
@@ -199,14 +199,14 @@
             this._initialized = true;
         }
         async load(params) {
-            const id = params.id ?? `tsparticles${Math.floor((0, NumberUtils_1.getRandom)() * 10000)}`, { index, url } = params, options = url ? await getDataFromUrl({ fallback: params.options, url, index }) : params.options;
+            const id = params.id ?? `tsparticles${Math.floor((0, NumberUtils_js_1.getRandom)() * 10000)}`, { index, url } = params, options = url ? await getDataFromUrl({ fallback: params.options, url, index }) : params.options;
             let domContainer = params.element ?? document.getElementById(id);
             if (!domContainer) {
                 domContainer = document.createElement("div");
                 domContainer.id = id;
                 document.body.append(domContainer);
             }
-            const currentOptions = (0, Utils_1.itemFromSingleOrMultiple)(options, index), dom = this.dom(), oldIndex = dom.findIndex((v) => v.id === id);
+            const currentOptions = (0, Utils_js_1.itemFromSingleOrMultiple)(options, index), dom = this.dom(), oldIndex = dom.findIndex((v) => v.id === id);
             if (oldIndex >= 0) {
                 const old = this.domItem(oldIndex);
                 if (old && !old.destroyed) {
@@ -217,17 +217,17 @@
             let canvasEl;
             if (domContainer.tagName.toLowerCase() === "canvas") {
                 canvasEl = domContainer;
-                canvasEl.dataset[Constants_1.generatedAttribute] = "false";
+                canvasEl.dataset[Constants_js_1.generatedAttribute] = "false";
             }
             else {
                 const existingCanvases = domContainer.getElementsByTagName("canvas");
                 if (existingCanvases.length) {
                     canvasEl = existingCanvases[0];
-                    canvasEl.dataset[Constants_1.generatedAttribute] = "false";
+                    canvasEl.dataset[Constants_js_1.generatedAttribute] = "false";
                 }
                 else {
                     canvasEl = document.createElement("canvas");
-                    canvasEl.dataset[Constants_1.generatedAttribute] = "true";
+                    canvasEl.dataset[Constants_js_1.generatedAttribute] = "true";
                     domContainer.appendChild(canvasEl);
                 }
             }
@@ -237,7 +237,7 @@
             if (!canvasEl.style.height) {
                 canvasEl.style.height = "100%";
             }
-            const newItem = new Container_1.Container(this, id, currentOptions);
+            const newItem = new Container_js_1.Container(this, id, currentOptions);
             if (oldIndex >= 0) {
                 dom.splice(oldIndex, 0, newItem);
             }
@@ -274,7 +274,7 @@
         setOnClickHandler(callback) {
             const dom = this.dom();
             if (!dom.length) {
-                throw new Error(`${Constants_1.errorPrefix} can only set click handlers after calling tsParticles.load()`);
+                throw new Error(`${Constants_js_1.errorPrefix} can only set click handlers after calling tsParticles.load()`);
             }
             for (const domItem of dom) {
                 domItem.addClickHandler(callback);