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

package/umd/Core/Engine.js

@@ -37,7 +37,7 @@ var __importStar = (this && this.__importStar) || (function () {
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./Utils/Constants.js", "../Utils/Utils.js", "../Utils/EventDispatcher.js", "../Enums/Types/EventType.js", "../Utils/LogUtils.js", "../Utils/MathUtils.js"], factory);
+        define(["require", "exports", "./Utils/Constants.js", "../Utils/Utils.js", "../Utils/EventDispatcher.js", "./Utils/PluginManager.js", "../Utils/LogUtils.js", "../Utils/MathUtils.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
@@ -47,7 +47,7 @@ var __importStar = (this && this.__importStar) || (function () {
     const Constants_js_1 = require("./Utils/Constants.js");
     const Utils_js_1 = require("../Utils/Utils.js");
     const EventDispatcher_js_1 = require("../Utils/EventDispatcher.js");
-    const EventType_js_1 = require("../Enums/Types/EventType.js");
+    const PluginManager_js_1 = require("./Utils/PluginManager.js");
     const LogUtils_js_1 = require("../Utils/LogUtils.js");
     const MathUtils_js_1 = require("../Utils/MathUtils.js");
     const fullPercent = "100%";
@@ -91,142 +91,41 @@ var __importStar = (this && this.__importStar) || (function () {
         if (domContainer) {
             return domContainer;
         }
-        domContainer = documentSafe.createElement("div");
+        domContainer = documentSafe.createElement("canvas");
         domContainer.id = id;
         domContainer.dataset[Constants_js_1.generatedAttribute] = Constants_js_1.generatedTrue;
         documentSafe.body.append(domContainer);
         return domContainer;
     };
     class Engine {
-        colorManagers = new Map();
-        easingFunctions = new Map();
-        effectDrawers = new Map();
-        initializers = {
-            effects: new Map(),
-            shapes: new Map(),
-            updaters: new Map(),
-        };
-        palettes = new Map();
-        plugins = [];
-        presets = new Map();
-        shapeDrawers = new Map();
-        updaters = new Map();
-        _allLoadersSet = new Set();
-        _configs = new Map();
+        pluginManager = new PluginManager_js_1.PluginManager(this);
         _domArray = [];
         _eventDispatcher = new EventDispatcher_js_1.EventDispatcher();
-        _executedSet = new Set();
         _initialized = false;
-        _isRunningLoaders = false;
-        _loadPromises = new Set();
-        get configs() {
-            const res = {};
-            for (const [name, config] of this._configs) {
-                res[name] = config;
-            }
-            return res;
-        }
         get items() {
             return this._domArray;
         }
         get version() {
-            return "4.0.0-beta.0";
-        }
-        addColorManager(name, manager) {
-            this.colorManagers.set(name, manager);
-        }
-        addConfig(config) {
-            const key = config.key ?? config.name ?? "default";
-            this._configs.set(key, config);
-            this._eventDispatcher.dispatchEvent(EventType_js_1.EventType.configAdded, { data: { name: key, config } });
-        }
-        addEasing(name, easing) {
-            if (this.easingFunctions.get(name)) {
-                return;
-            }
-            this.easingFunctions.set(name, easing);
-        }
-        addEffect(effect, drawer) {
-            this.initializers.effects.set(effect, drawer);
+            return "4.0.0-beta.1";
         }
         addEventListener(type, listener) {
             this._eventDispatcher.addEventListener(type, listener);
         }
-        addPalette(name, palette) {
-            this.palettes.set(name, palette);
-        }
-        addParticleUpdater(name, updaterInitializer) {
-            this.initializers.updaters.set(name, updaterInitializer);
-        }
-        addPlugin(plugin) {
-            if (this.getPlugin(plugin.id)) {
-                return;
-            }
-            this.plugins.push(plugin);
-        }
-        addPreset(preset, options, override = false) {
-            if (!(override || !this.getPreset(preset))) {
-                return;
-            }
-            this.presets.set(preset, options);
-        }
-        addShape(shapes, drawer) {
-            for (const shape of shapes) {
-                this.initializers.shapes.set(shape, drawer);
-            }
-        }
         checkVersion(pluginVersion) {
             if (this.version === pluginVersion) {
                 return;
             }
             throw new Error(`The tsParticles version is different from the loaded plugins version. Engine version: ${this.version}. Plugin version: ${pluginVersion}`);
         }
-        clearPlugins(container) {
-            this.effectDrawers.delete(container);
-            this.shapeDrawers.delete(container);
-            this.updaters.delete(container);
-        }
         dispatchEvent(type, args) {
             this._eventDispatcher.dispatchEvent(type, args);
         }
-        getEasing(name) {
-            return this.easingFunctions.get(name) ?? ((value) => value);
-        }
-        getEffectDrawers(container, force = false) {
-            return (0, Utils_js_1.getItemMapFromInitializer)(container, this.effectDrawers, this.initializers.effects, force);
-        }
-        getPalette(name) {
-            return this.palettes.get(name);
-        }
-        getPlugin(plugin) {
-            return this.plugins.find(t => t.id === plugin);
-        }
-        getPreset(preset) {
-            return this.presets.get(preset);
-        }
-        async getShapeDrawers(container, force = false) {
-            return (0, Utils_js_1.getItemMapFromInitializer)(container, this.shapeDrawers, this.initializers.shapes, force);
-        }
-        async getUpdaters(container, force = false) {
-            return (0, Utils_js_1.getItemsFromInitializer)(container, this.updaters, this.initializers.updaters, force);
-        }
         async init() {
-            if (this._initialized || this._isRunningLoaders) {
+            if (this._initialized) {
                 return;
             }
-            this._isRunningLoaders = true;
-            this._executedSet = new Set();
-            this._allLoadersSet = new Set(this._loadPromises);
-            try {
-                for (const loader of this._allLoadersSet) {
-                    await this._runLoader(loader, this._executedSet, this._allLoadersSet);
-                }
-            }
-            finally {
-                this._loadPromises.clear();
-                this._isRunningLoaders = false;
-                this._initialized = true;
-            }
+            await this.pluginManager.init();
+            this._initialized = true;
         }
         item(index) {
             const { items } = this, item = items[index];
@@ -238,7 +137,23 @@ var __importStar = (this && this.__importStar) || (function () {
         }
         async load(params) {
             await this.init();
-            const { Container } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./Container.js"))) : new Promise((resolve_1, reject_1) => { require(["./Container.js"], resolve_1, reject_1); }).then(__importStar)), id = params.id ?? params.element?.id ?? `tsparticles${Math.floor((0, MathUtils_js_1.getRandom)() * Constants_js_1.loadRandomFactor).toString()}`, { index, url } = params, options = url ? await getDataFromUrl({ fallback: params.options, url, index }) : params.options, currentOptions = (0, Utils_js_1.itemFromSingleOrMultiple)(options, index), { items } = this, oldIndex = items.findIndex(v => v.id.description === id), newItem = new Container(this, id, currentOptions);
+            const { Container } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./Container.js"))) : new Promise((resolve_1, reject_1) => { require(["./Container.js"], resolve_1, reject_1); }).then(__importStar)), id = params.id ?? params.element?.id ?? `tsparticles${Math.floor((0, MathUtils_js_1.getRandom)() * Constants_js_1.loadRandomFactor).toString()}`, { index, url } = params, options = url ? await getDataFromUrl({ fallback: params.options, url, index }) : params.options, currentOptions = (0, Utils_js_1.itemFromSingleOrMultiple)(options, index), { items } = this, oldIndex = items.findIndex(v => v.id.description === id), newItem = new Container({
+                dispatchCallback: (eventType, args) => {
+                    this.dispatchEvent(eventType, args);
+                },
+                id,
+                onDestroy: (remove) => {
+                    if (!remove) {
+                        return;
+                    }
+                    const mainArr = this.items, idx = mainArr.indexOf(newItem);
+                    if (idx >= Constants_js_1.removeMinIndex) {
+                        mainArr.splice(idx, Constants_js_1.removeDeleteCount);
+                    }
+                },
+                pluginManager: this.pluginManager,
+                sourceOptions: currentOptions,
+            });
             if (oldIndex >= Constants_js_1.loadMinIndex) {
                 const old = this.item(oldIndex), deleteCount = old ? Constants_js_1.one : Constants_js_1.none;
                 if (old && !old.destroyed) {
@@ -254,42 +169,15 @@ var __importStar = (this && this.__importStar) || (function () {
             await newItem.start();
             return newItem;
         }
-        loadParticlesOptions(container, options, ...sourceOptions) {
-            const updaters = this.updaters.get(container);
-            if (!updaters) {
-                return;
-            }
-            updaters.forEach(updater => updater.loadOptions?.(options, ...sourceOptions));
-        }
         async refresh(refresh = true) {
             if (!refresh) {
                 return;
             }
             await Promise.all(this.items.map(t => t.refresh()));
         }
-        async register(...loaders) {
-            if (this._initialized) {
-                throw new Error("Register plugins can only be done before calling tsParticles.load()");
-            }
-            for (const loader of loaders) {
-                if (this._isRunningLoaders) {
-                    await this._runLoader(loader, this._executedSet, this._allLoadersSet);
-                }
-                else {
-                    this._loadPromises.add(loader);
-                }
-            }
-        }
         removeEventListener(type, listener) {
             this._eventDispatcher.removeEventListener(type, listener);
         }
-        async _runLoader(loader, executed, allLoaders) {
-            if (executed.has(loader))
-                return;
-            executed.add(loader);
-            allLoaders.add(loader);
-            await loader(this);
-        }
     }
     exports.Engine = Engine;
 });

package/umd/Core/Particle.js

@@ -45,7 +45,6 @@
         }
     }
     class Particle {
-        container;
         backColor;
         bubble;
         destroyed;
@@ -101,10 +100,11 @@
             c: 0,
             d: 1,
         };
-        _engine;
-        constructor(engine, container) {
-            this.container = container;
-            this._engine = engine;
+        _container;
+        _pluginManager;
+        constructor(pluginManager, container) {
+            this._pluginManager = pluginManager;
+            this._container = container;
         }
         destroy(override) {
             if (this.unbreakable || this.destroyed) {
@@ -113,25 +113,22 @@
             this.destroyed = true;
             this.bubble.inRange = false;
             this.slow.inRange = false;
-            const container = this.container, shapeDrawer = this.shape ? container.particles.shapeDrawers.get(this.shape) : undefined;
+            const container = this._container, shapeDrawer = this.shape ? container.shapeDrawers.get(this.shape) : undefined;
             shapeDrawer?.particleDestroy?.(this);
             for (const plugin of container.particleDestroyedPlugins) {
                 plugin.particleDestroyed?.(this, override);
             }
-            for (const updater of container.particles.updaters) {
+            for (const updater of container.particleUpdaters) {
                 updater.particleDestroyed?.(this, override);
             }
-            this._engine.dispatchEvent(EventType_js_1.EventType.particleDestroyed, {
-                container: this.container,
-                data: {
-                    particle: this,
-                },
+            this._container.dispatchEvent(EventType_js_1.EventType.particleDestroyed, {
+                particle: this,
             });
         }
         draw(delta) {
-            const container = this.container, canvas = container.canvas;
-            canvas.drawParticlePlugins(this, delta);
-            canvas.drawParticle(this, delta);
+            const container = this._container, render = container.canvas.render;
+            render.drawParticlePlugins(this, delta);
+            render.drawParticle(this, delta);
         }
         getAngle() {
             return this.rotation + (this.pathRotation ? this.velocity.angle : Constants_js_1.defaultAngle);
@@ -180,7 +177,7 @@
             return this._cachedTransform;
         }
         init(id, position, overrideOptions, group) {
-            const container = this.container;
+            const container = this._container;
             this.id = id;
             this.group = group;
             this.effectClose = true;
@@ -194,10 +191,14 @@
             this.misplaced = false;
             this.retina = {
                 maxDistance: {},
+                maxSpeed: 0,
+                moveDrift: 0,
+                moveSpeed: 0,
+                sizeAnimationSpeed: 0,
             };
             this.outType = ParticleOutType_js_1.ParticleOutType.normal;
             this.ignoresResizeRatio = true;
-            const pxRatio = container.retina.pixelRatio, mainOptions = container.actualOptions, particlesOptions = (0, OptionsUtils_js_1.loadParticlesOptions)(this._engine, container, mainOptions.particles), reduceDuplicates = particlesOptions.reduceDuplicates, effectType = particlesOptions.effect.type, shapeType = particlesOptions.shape.type;
+            const pxRatio = container.retina.pixelRatio, mainOptions = container.actualOptions, particlesOptions = (0, OptionsUtils_js_1.loadParticlesOptions)(this._pluginManager, container, mainOptions.particles), reduceDuplicates = particlesOptions.reduceDuplicates, effectType = particlesOptions.effect.type, shapeType = particlesOptions.shape.type;
             this.effect = (0, Utils_js_1.itemFromSingleOrMultiple)(effectType, this.id, reduceDuplicates);
             this.shape = (0, Utils_js_1.itemFromSingleOrMultiple)(shapeType, this.id, reduceDuplicates);
             const effectOptions = particlesOptions.effect, shapeOptions = particlesOptions.shape;
@@ -218,11 +219,11 @@
                 }
             }
             if (this.effect === Constants_js_1.randomColorValue) {
-                const availableEffects = [...this.container.particles.effectDrawers.keys()];
+                const availableEffects = [...this._container.effectDrawers.keys()];
                 this.effect = availableEffects[Math.floor((0, MathUtils_js_1.getRandom)() * availableEffects.length)];
             }
             if (this.shape === Constants_js_1.randomColorValue) {
-                const availableShapes = [...this.container.particles.shapeDrawers.keys()];
+                const availableShapes = [...this._container.shapeDrawers.keys()];
                 this.shape = availableShapes[Math.floor((0, MathUtils_js_1.getRandom)() * availableShapes.length)];
             }
             this.effectData = this.effect ? loadEffectData(this.effect, effectOptions, this.id, reduceDuplicates) : undefined;
@@ -257,13 +258,13 @@
             this.sides = 24;
             let effectDrawer, shapeDrawer;
             if (this.effect) {
-                effectDrawer = container.particles.effectDrawers.get(this.effect);
+                effectDrawer = container.effectDrawers.get(this.effect);
             }
             if (effectDrawer?.loadEffect) {
                 effectDrawer.loadEffect(this);
             }
             if (this.shape) {
-                shapeDrawer = container.particles.shapeDrawers.get(this.shape);
+                shapeDrawer = container.shapeDrawers.get(this.shape);
             }
             if (shapeDrawer?.loadShape) {
                 shapeDrawer.loadShape(this);
@@ -273,7 +274,7 @@
                 this.sides = sideCountFunc(this);
             }
             this.spawning = false;
-            for (const updater of particles.updaters) {
+            for (const updater of container.particleUpdaters) {
                 updater.init(this);
             }
             effectDrawer?.particleInit?.(container, this);
@@ -283,7 +284,7 @@
             }
         }
         isInsideCanvas() {
-            const radius = this.getRadius(), canvasSize = this.container.canvas.size, position = this.position;
+            const radius = this.getRadius(), canvasSize = this._container.canvas.size, position = this.position;
             return (position.x >= -radius &&
                 position.y >= -radius &&
                 position.y <= canvasSize.height + radius &&
@@ -312,13 +313,13 @@
             return !this.destroyed && !this.spawning && this.isInsideCanvas();
         }
         reset() {
-            for (const updater of this.container.particles.updaters) {
+            for (const updater of this._container.particleUpdaters) {
                 updater.reset?.(this);
             }
         }
         _calcPosition = (position, zIndex) => {
             let tryCount = Constants_js_1.defaultRetryCount, posVec = position ? Vectors_js_1.Vector3d.create(position.x, position.y, zIndex) : undefined;
-            const container = this.container, plugins = container.particlePositionPlugins, outModes = this.options.move.outModes, radius = this.getRadius(), canvasSize = container.canvas.size, abortController = new AbortController(), { signal } = abortController;
+            const container = this._container, plugins = container.particlePositionPlugins, outModes = this.options.move.outModes, radius = this.getRadius(), canvasSize = container.canvas.size, abortController = new AbortController(), { signal } = abortController;
             while (!signal.aborted) {
                 for (const plugin of plugins) {
                     const pluginPos = plugin.particlePosition?.(posVec, this);
@@ -371,7 +372,7 @@
                 outMode,
                 checkModes: [OutMode_js_1.OutMode.bounce],
                 coord: pos.x,
-                maxCoord: this.container.canvas.size.width,
+                maxCoord: this._container.canvas.size.width,
                 setCb: (value) => (pos.x += value),
                 radius,
             });
@@ -381,7 +382,7 @@
                 outMode,
                 checkModes: [OutMode_js_1.OutMode.bounce],
                 coord: pos.y,
-                maxCoord: this.container.canvas.size.height,
+                maxCoord: this._container.canvas.size.height,
                 setCb: (value) => (pos.y += value),
                 radius,
             });
@@ -402,7 +403,7 @@
             return color;
         };
         _initPosition = position => {
-            const container = this.container, zIndexValue = (0, MathUtils_js_1.getRangeValue)(this.options.zIndex.value), initialPosition = this._calcPosition(position, (0, MathUtils_js_1.clamp)(zIndexValue, Constants_js_1.minZ, container.zLayers));
+            const container = this._container, zIndexValue = (0, MathUtils_js_1.getRangeValue)(this.options.zIndex.value), initialPosition = this._calcPosition(position, (0, MathUtils_js_1.clamp)(zIndexValue, Constants_js_1.minZ, container.zLayers));
             if (!initialPosition) {
                 throw new Error("a valid position cannot be found for particle");
             }

package/umd/Core/{Particles.js → ParticlesManager.js}

@@ -9,7 +9,7 @@
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.Particles = void 0;
+    exports.ParticlesManager = void 0;
     const Constants_js_1 = require("./Utils/Constants.js");
     const EventType_js_1 = require("../Enums/Types/EventType.js");
     const LimitMode_js_1 = require("../Enums/Modes/LimitMode.js");
@@ -17,15 +17,11 @@
     const SpatialHashGrid_js_1 = require("./Utils/SpatialHashGrid.js");
     const LogUtils_js_1 = require("../Utils/LogUtils.js");
     const OptionsUtils_js_1 = require("../Utils/OptionsUtils.js");
-    class Particles {
+    class ParticlesManager {
         checkParticlePositionPlugins;
-        effectDrawers;
         grid;
-        shapeDrawers;
-        updaters;
         _array;
         _container;
-        _engine;
         _groupLimits;
         _limit;
         _maxZIndex;
@@ -34,14 +30,15 @@
         _nextId;
         _particleResetPlugins;
         _particleUpdatePlugins;
+        _pluginManager;
         _pool;
         _postParticleUpdatePlugins;
         _postUpdatePlugins;
         _resizeFactor;
         _updatePlugins;
         _zArray;
-        constructor(engine, container) {
-            this._engine = engine;
+        constructor(pluginManager, container) {
+            this._pluginManager = pluginManager;
             this._container = container;
             this._nextId = 0;
             this._array = [];
@@ -53,9 +50,6 @@
             this._minZIndex = 0;
             this._maxZIndex = 0;
             this.grid = new SpatialHashGrid_js_1.SpatialHashGrid(Constants_js_1.spatialHashGridCellSize);
-            this.effectDrawers = new Map();
-            this.shapeDrawers = new Map();
-            this.updaters = [];
             this.checkParticlePositionPlugins = [];
             this._particleResetPlugins = [];
             this._particleUpdatePlugins = [];
@@ -87,7 +81,7 @@
                 }
             }
             try {
-                const particle = this._pool.pop() ?? new Particle_js_1.Particle(this._engine, this._container);
+                const particle = this._pool.pop() ?? new Particle_js_1.Particle(this._pluginManager, this._container);
                 particle.init(this._nextId, position, overrideOptions, group);
                 let canAdd = true;
                 if (initializer) {
@@ -100,11 +94,8 @@
                 this._array.push(particle);
                 this._zArray.push(particle);
                 this._nextId++;
-                this._engine.dispatchEvent(EventType_js_1.EventType.particleAdded, {
-                    container: this._container,
-                    data: {
-                        particle,
-                    },
+                this._container.dispatchEvent(EventType_js_1.EventType.particleAdded, {
+                    particle,
                 });
                 return particle;
             }
@@ -118,19 +109,9 @@
             this._zArray = [];
         }
         destroy() {
-            const container = this._container;
-            for (const [, effectDrawer] of this.effectDrawers) {
-                effectDrawer.destroy?.(container);
-            }
-            for (const [, shapeDrawer] of this.shapeDrawers) {
-                shapeDrawer.destroy?.(container);
-            }
             this._array = [];
             this._pool.length = 0;
             this._zArray = [];
-            this.effectDrawers = new Map();
-            this.shapeDrawers = new Map();
-            this.updaters = [];
             this.checkParticlePositionPlugins = [];
             this._particleResetPlugins = [];
             this._particleUpdatePlugins = [];
@@ -187,11 +168,11 @@
                     this._postParticleUpdatePlugins.push(plugin);
                 }
             }
-            await this.initPlugins();
-            for (const drawer of this.effectDrawers.values()) {
+            await this._container.initDrawersAndUpdaters();
+            for (const drawer of this._container.effectDrawers.values()) {
                 await drawer.init?.(container);
             }
-            for (const drawer of this.shapeDrawers.values()) {
+            for (const drawer of this._container.shapeDrawers.values()) {
                 await drawer.init?.(container);
             }
             let handled = false;
@@ -217,12 +198,6 @@
                 }
             }
         }
-        async initPlugins() {
-            const container = this._container;
-            this.effectDrawers = await this._engine.getEffectDrawers(container, true);
-            this.shapeDrawers = await this._engine.getShapeDrawers(container, true);
-            this.updaters = await this._engine.getUpdaters(container, true);
-        }
         push(nb, position, overrideOptions, group) {
             for (let i = 0; i < nb; i++) {
                 this.addParticle(position, overrideOptions, group);
@@ -231,7 +206,7 @@
         async redraw() {
             this.clear();
             await this.init();
-            this._container.canvas.drawParticles({ value: 0, factor: 0 });
+            this._container.canvas.render.drawParticles({ value: 0, factor: 0 });
         }
         remove(particle, group, override) {
             this.removeAt(this._array.indexOf(particle), undefined, group, override);
@@ -264,7 +239,7 @@
                 if (!groupData) {
                     continue;
                 }
-                const groupDataOptions = (0, OptionsUtils_js_1.loadParticlesOptions)(this._engine, this._container, groupData);
+                const groupDataOptions = (0, OptionsUtils_js_1.loadParticlesOptions)(this._pluginManager, this._container, groupData);
                 this._applyDensity(groupDataOptions, pluginsCount, group);
             }
             this._applyDensity(options.particles, pluginsCount);
@@ -305,25 +280,15 @@
                 }
                 this.grid.insert(particle);
             }
-            if (particlesToDelete.size) {
-                const checkDelete = (p) => !particlesToDelete.has(p);
-                this._array = this.filter(checkDelete);
-                this._zArray = this._zArray.filter(checkDelete);
-                for (const particle of particlesToDelete) {
-                    this._engine.dispatchEvent(EventType_js_1.EventType.particleRemoved, {
-                        container: this._container,
-                        data: {
-                            particle,
-                        },
-                    });
-                }
-                this._addToPool(...particlesToDelete);
-            }
             for (const plugin of this._postUpdatePlugins) {
                 plugin.postUpdate?.(delta);
             }
             for (const particle of this._array) {
-                for (const updater of this.updaters) {
+                if (particle.destroyed) {
+                    particlesToDelete.add(particle);
+                    continue;
+                }
+                for (const updater of this._container.particleUpdaters) {
                     updater.update(particle, delta);
                 }
                 if (!particle.destroyed && !particle.spawning) {
@@ -331,6 +296,14 @@
                         plugin.postParticleUpdate?.(particle, delta);
                     }
                 }
+                else if (particle.destroyed) {
+                    particlesToDelete.add(particle);
+                }
+            }
+            if (particlesToDelete.size) {
+                for (const particle of particlesToDelete) {
+                    this.remove(particle);
+                }
             }
             delete this._resizeFactor;
             if (this._needsSort) {
@@ -393,15 +366,12 @@
             this._array.splice(index, Constants_js_1.deleteCount);
             this._zArray.splice(zIdx, Constants_js_1.deleteCount);
             particle.destroy(override);
-            this._engine.dispatchEvent(EventType_js_1.EventType.particleRemoved, {
-                container: this._container,
-                data: {
-                    particle,
-                },
+            this._container.dispatchEvent(EventType_js_1.EventType.particleRemoved, {
+                particle,
             });
             this._addToPool(particle);
             return true;
         };
     }
-    exports.Particles = Particles;
+    exports.ParticlesManager = ParticlesManager;
 });