@tsparticles/updater-destroy 4.0.0-beta.0 → 4.0.0-beta.10

package/960.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_updater_destroy=this.webpackChunk_tsparticles_updater_destroy||[]).push([[960],{960(t,e,o){o.d(e,{DestroyUpdater:()=>h});var l,i,s=o(303);class r{bottom;left;right;top;load(t){(0,s.isNull)(t)||(void 0!==t.bottom&&(this.bottom=(0,s.setRangeValue)(t.bottom)),void 0!==t.left&&(this.left=(0,s.setRangeValue)(t.left)),void 0!==t.right&&(this.right=(0,s.setRangeValue)(t.right)),void 0!==t.top&&(this.top=(0,s.setRangeValue)(t.top)))}}(l=i||(i={})).none="none",l.split="split";class n extends s.ValueWithRandom{constructor(){super(),this.value=3}}class a extends s.ValueWithRandom{constructor(){super(),this.value={min:4,max:9}}}class f{count;factor;fillColor;fillColorOffset;particles;rate;sizeOffset;strokeColor;strokeColorOffset;constructor(){this.count=1,this.factor=new n,this.rate=new a,this.sizeOffset=!0}load(t){!(0,s.isNull)(t)&&(void 0!==t.fillColor&&(this.fillColor=s.OptionsColor.create(this.fillColor,t.fillColor)),void 0!==t.strokeColor&&(this.strokeColor=s.OptionsColor.create(this.strokeColor,t.strokeColor)),void 0!==t.count&&(this.count=t.count),this.factor.load(t.factor),this.rate.load(t.rate),this.particles=(0,s.executeOnSingleOrMultiple)(t.particles,t=>(0,s.deepExtend)({},t)),void 0!==t.sizeOffset&&(this.sizeOffset=t.sizeOffset),t.fillColorOffset&&(this.fillColorOffset=this.fillColorOffset??{},void 0!==t.fillColorOffset.h&&(this.fillColorOffset.h=t.fillColorOffset.h),void 0!==t.fillColorOffset.s&&(this.fillColorOffset.s=t.fillColorOffset.s),void 0!==t.fillColorOffset.l&&(this.fillColorOffset.l=t.fillColorOffset.l)),t.strokeColorOffset&&(this.strokeColorOffset=this.strokeColorOffset??{},void 0!==t.strokeColorOffset.h&&(this.strokeColorOffset.h=t.strokeColorOffset.h),void 0!==t.strokeColorOffset.s&&(this.strokeColorOffset.s=t.strokeColorOffset.s),void 0!==t.strokeColorOffset.l&&(this.strokeColorOffset.l=t.strokeColorOffset.l)))}}class u{bounds;mode;split;constructor(){this.bounds=new r,this.mode=i.none,this.split=new f}load(t){(0,s.isNull)(t)||(t.mode&&(this.mode=t.mode),t.bounds&&this.bounds.load(t.bounds),this.split.load(t.split))}}function d(t,e,o,l){if(t&&l){let e,o,i,r,n,a;return e=(0,s.getRangeValue)(t.h??0),o=(0,s.getRangeValue)(t.s??0),i=(0,s.getRangeValue)(t.l??0),r=(l.h+e)%360,n=Math.max(0,Math.min(100,l.s+o)),a=Math.max(0,Math.min(100,l.l+i)),s.AnimatableColor.create(void 0,{value:{hsl:{h:r<0?r+360:r,s:n,l:a}}})}return e?s.AnimatableColor.create(void 0,e):o?s.AnimatableColor.create(void 0,o):l?s.AnimatableColor.create(void 0,{value:{hsl:l}}):void 0}class h{_container;_pluginManager;constructor(t,e){this._container=e,this._pluginManager=t}init(t){let e=this._container,o=t.options.destroy;if(!o)return;t.splitCount=0;let l=o.bounds;t.destroyBounds??={};let{bottom:i,left:r,right:n,top:a}=l,{destroyBounds:f}=t,u=e.canvas.size;i&&(f.bottom=(0,s.getRangeValue)(i)*u.height/s.percentDenominator),r&&(f.left=(0,s.getRangeValue)(r)*u.width/s.percentDenominator),n&&(f.right=(0,s.getRangeValue)(n)*u.width/s.percentDenominator),a&&(f.top=(0,s.getRangeValue)(a)*u.height/s.percentDenominator)}isEnabled(t){return!t.destroyed}loadOptions(t,...e){for(let o of(t.destroy??=new u,e))t.destroy.load(o?.destroy)}particleDestroyed(t,e){if(e)return;let o=t.options.destroy;o?.mode===i.split&&function(t,e,o){let l=o.options.destroy;if(!l)return;let i=l.split;if(i.count>=0){if(void 0===o.splitCount||o.splitCount>i.count)return;o.splitCount++}let r=(0,s.getRangeValue)(i.rate.value),n=(0,s.itemFromSingleOrMultiple)(i.particles);for(let l=0;l<r;l++)!function(t,e,o,l){let i=o.options.destroy;if(!i)return;let r=i.split,n=(0,s.loadParticlesOptions)(t,e,o.options),a=(0,s.itemFromSingleOrMultiple)(r.fillColor),f=(0,s.itemFromSingleOrMultiple)(r.strokeColor),u=o.getFillColor(),h=o.getStrokeColor();n.move.load({center:{x:o.position.x,y:o.position.y,mode:s.PixelMode.precise}});let c=s.identity/(0,s.getRangeValue)(r.factor.value);(0,s.isNumber)(n.size.value)?n.size.value*=c:(n.size.value.min*=c,n.size.value.max*=c),n.load(l);let p=(0,s.itemFromSingleOrMultiple)(n.paint),C=p?.fill,g=p?.stroke,m=d(r.fillColorOffset,a,C?.color,u),v=d(r.strokeColorOffset,f,g?.color,h);m&&C&&(C.color=m),v&&g&&(g.color=v);let O=r.sizeOffset?(0,s.setRangeValue)(-o.size.value,o.size.value):0,b={x:o.position.x+(0,s.randomInRangeValue)(O),y:o.position.y+(0,s.randomInRangeValue)(O)};e.particles.addParticle(b,n,o.group,t=>!(t.size.value<.5)&&(t.velocity.length=(0,s.randomInRangeValue)((0,s.setRangeValue)(o.velocity.length,t.velocity.length)),t.splitCount=(o.splitCount??0)+1,t.unbreakable=!0,t.unbreakableUntil=performance.now()+500,!0))}(t,e,o,n)}(this._pluginManager,this._container,t)}update(t){void 0!==t.unbreakableUntil&&performance.now()>=t.unbreakableUntil&&(t.unbreakable=!1,t.unbreakableUntil=void 0);let e=t.getPosition(),o=t.destroyBounds;o&&(void 0!==o.bottom&&e.y>=o.bottom||void 0!==o.left&&e.x<=o.left||void 0!==o.right&&e.x>=o.right||void 0!==o.top&&e.y<=o.top)&&t.destroy()}}}}]);

package/README.md

@@ -8,6 +8,12 @@
 
 [tsParticles](https://github.com/tsparticles/tsparticles) updater plugin for destroy animations.
 
+## Quick checklist
+
+1. Install `@tsparticles/engine` (or use the CDN bundle below)
+2. Call the package loader function(s) before `tsParticles.load(...)`
+3. Apply the package options in your `tsParticles.load(...)` config
+
 ## How to use it
 
 ### CDN / Vanilla JS / jQuery
@@ -72,3 +78,26 @@ import { loadDestroyUpdater } from "@tsparticles/updater-destroy";
   await loadDestroyUpdater(tsParticles);
 })();
 ```
+
+## Option mapping
+
+- Primary options key: `particles.destroy`
+
+```json
+{
+  "particles": {
+    "destroy": {}
+  }
+}
+```
+
+## Common pitfalls
+
+- Calling `tsParticles.load(...)` before `loadDestroyUpdater(...)`
+- Verify required peer packages before enabling advanced options
+- Change one option group at a time to isolate regressions quickly
+
+## Related docs
+
+- All packages catalog: <https://github.com/tsparticles/tsparticles>
+- Main docs: <https://particles.js.org/docs/>

package/browser/DestroyUpdater.js

@@ -3,14 +3,14 @@ import { Destroy } from "./Options/Classes/Destroy.js";
 import { DestroyMode } from "./Enums/DestroyMode.js";
 import { split } from "./Utils.js";
 export class DestroyUpdater {
-    container;
-    engine;
-    constructor(engine, container) {
-        this.container = container;
-        this.engine = engine;
+    _container;
+    _pluginManager;
+    constructor(pluginManager, container) {
+        this._container = container;
+        this._pluginManager = pluginManager;
     }
     init(particle) {
-        const container = this.container, particlesOptions = particle.options, destroyOptions = particlesOptions.destroy;
+        const container = this._container, particlesOptions = particle.options, destroyOptions = particlesOptions.destroy;
         if (!destroyOptions) {
             return;
         }
@@ -46,7 +46,7 @@ export class DestroyUpdater {
         }
         const destroyOptions = particle.options.destroy;
         if (destroyOptions?.mode === DestroyMode.split) {
-            split(this.engine, this.container, particle);
+            split(this._pluginManager, this._container, particle);
         }
     }
     update(particle) {

package/browser/Utils.js

@@ -1,60 +1,43 @@
 import { AnimatableColor, PixelMode, getRangeValue, identity, isNumber, itemFromSingleOrMultiple, loadParticlesOptions, randomInRangeValue, setRangeValue, } from "@tsparticles/engine";
-const defaultOffset = 0, minDestroySize = 0.5, defaultSplitCount = 0, increment = 1, unbreakableTime = 500, minSplitCount = 0;
-function addSplitParticle(engine, container, parent, splitParticlesOptions) {
+const defaultOffset = 0, minDestroySize = 0.5, defaultSplitCount = 0, increment = 1, unbreakableTime = 500, minSplitCount = 0, minHue = 0, hueRange = 360, minSaturation = 0, maxSaturation = 100, minLightness = 0, maxLightness = 100;
+function createParentColor(parentColor) {
+    return AnimatableColor.create(undefined, {
+        value: {
+            hsl: parentColor,
+        },
+    });
+}
+function createOffsetColor(parentColor, offset) {
+    const offsetH = getRangeValue(offset.h ?? defaultOffset), offsetS = getRangeValue(offset.s ?? defaultOffset), offsetL = getRangeValue(offset.l ?? defaultOffset), h = (parentColor.h + offsetH) % hueRange, s = Math.max(minSaturation, Math.min(maxSaturation, parentColor.s + offsetS)), l = Math.max(minLightness, Math.min(maxLightness, parentColor.l + offsetL));
+    return AnimatableColor.create(undefined, {
+        value: {
+            hsl: {
+                h: h < minHue ? h + hueRange : h,
+                s,
+                l,
+            },
+        },
+    });
+}
+function resolveSplitColor(offset, splitColor, splitParticlesColor, parentColor) {
+    if (offset && parentColor) {
+        return createOffsetColor(parentColor, offset);
+    }
+    if (splitColor) {
+        return AnimatableColor.create(undefined, splitColor);
+    }
+    if (splitParticlesColor) {
+        return AnimatableColor.create(undefined, splitParticlesColor);
+    }
+    return parentColor ? createParentColor(parentColor) : undefined;
+}
+function addSplitParticle(pluginManager, container, parent, splitParticlesOptions) {
     const destroyOptions = parent.options.destroy;
     if (!destroyOptions) {
         return;
     }
-    const splitOptions = destroyOptions.split, options = loadParticlesOptions(engine, container, parent.options), fillOptions = itemFromSingleOrMultiple(options.fill), strokeOptions = itemFromSingleOrMultiple(options.stroke);
-    if (fillOptions?.enable) {
-        const fillColor = AnimatableColor.create(undefined, fillOptions.color), parentFillColor = parent.getFillColor();
-        if (fillColor.value) {
-            fillColor.load(splitOptions.fillColor);
-        }
-        else if (splitOptions.fillColorOffset && parentFillColor) {
-            fillColor.load({
-                value: {
-                    hsl: {
-                        h: parentFillColor.h + getRangeValue(splitOptions.fillColorOffset.h ?? defaultOffset),
-                        s: parentFillColor.s + getRangeValue(splitOptions.fillColorOffset.s ?? defaultOffset),
-                        l: parentFillColor.l + getRangeValue(splitOptions.fillColorOffset.l ?? defaultOffset),
-                    },
-                },
-            });
-        }
-        else {
-            fillColor.load({
-                value: {
-                    hsl: parent.getFillColor(),
-                },
-            });
-        }
-    }
-    if (strokeOptions?.width) {
-        const strokeColor = AnimatableColor.create(undefined, strokeOptions.color), parentStrokeColor = parent.getStrokeColor();
-        if (strokeColor.value) {
-            strokeColor.load(splitOptions.strokeColor);
-        }
-        else if (splitOptions.strokeColorOffset && parentStrokeColor) {
-            strokeColor.load({
-                value: {
-                    hsl: {
-                        h: parentStrokeColor.h + getRangeValue(splitOptions.strokeColorOffset.h ?? defaultOffset),
-                        s: parentStrokeColor.s + getRangeValue(splitOptions.strokeColorOffset.s ?? defaultOffset),
-                        l: parentStrokeColor.l + getRangeValue(splitOptions.strokeColorOffset.l ?? defaultOffset),
-                    },
-                },
-            });
-        }
-        else {
-            strokeColor.load({
-                value: {
-                    hsl: parent.getStrokeColor(),
-                },
-            });
-        }
-    }
-    options.move.load({
+    const splitOptions = destroyOptions.split, splitParticleOptions = loadParticlesOptions(pluginManager, container, parent.options), splitFillColor = itemFromSingleOrMultiple(splitOptions.fillColor), splitStrokeColor = itemFromSingleOrMultiple(splitOptions.strokeColor), parentFillColor = parent.getFillColor(), parentStrokeColor = parent.getStrokeColor();
+    splitParticleOptions.move.load({
         center: {
             x: parent.position.x,
             y: parent.position.y,
@@ -62,19 +45,26 @@ function addSplitParticle(engine, container, parent, splitParticlesOptions) {
         },
     });
     const factor = identity / getRangeValue(splitOptions.factor.value);
-    if (isNumber(options.size.value)) {
-        options.size.value *= factor;
+    if (isNumber(splitParticleOptions.size.value)) {
+        splitParticleOptions.size.value *= factor;
     }
     else {
-        options.size.value.min *= factor;
-        options.size.value.max *= factor;
+        splitParticleOptions.size.value.min *= factor;
+        splitParticleOptions.size.value.max *= factor;
+    }
+    splitParticleOptions.load(splitParticlesOptions);
+    const splitParticlePaintOptions = itemFromSingleOrMultiple(splitParticleOptions.paint), splitParticleFillOptions = splitParticlePaintOptions?.fill, splitParticleStrokeOptions = splitParticlePaintOptions?.stroke, fillColor = resolveSplitColor(splitOptions.fillColorOffset, splitFillColor, splitParticleFillOptions?.color, parentFillColor), strokeColor = resolveSplitColor(splitOptions.strokeColorOffset, splitStrokeColor, splitParticleStrokeOptions?.color, parentStrokeColor);
+    if (fillColor && splitParticleFillOptions) {
+        splitParticleFillOptions.color = fillColor;
+    }
+    if (strokeColor && splitParticleStrokeOptions) {
+        splitParticleStrokeOptions.color = strokeColor;
     }
-    options.load(splitParticlesOptions);
     const offset = splitOptions.sizeOffset ? setRangeValue(-parent.size.value, parent.size.value) : defaultOffset, position = {
         x: parent.position.x + randomInRangeValue(offset),
         y: parent.position.y + randomInRangeValue(offset),
     };
-    return container.particles.addParticle(position, options, parent.group, (particle) => {
+    return container.particles.addParticle(position, splitParticleOptions, parent.group, (particle) => {
         if (particle.size.value < minDestroySize) {
             return false;
         }
@@ -85,7 +75,7 @@ function addSplitParticle(engine, container, parent, splitParticlesOptions) {
         return true;
     });
 }
-export function split(engine, container, particle) {
+export function split(pluginManager, container, particle) {
     const destroyOptions = particle.options.destroy;
     if (!destroyOptions) {
         return;
@@ -99,6 +89,6 @@ export function split(engine, container, particle) {
     }
     const rate = getRangeValue(splitOptions.rate.value), particlesSplitOptions = itemFromSingleOrMultiple(splitOptions.particles);
     for (let i = 0; i < rate; i++) {
-        addSplitParticle(engine, container, particle, particlesSplitOptions);
+        addSplitParticle(pluginManager, container, particle, particlesSplitOptions);
     }
 }

package/browser/index.js

@@ -1,9 +1,9 @@
 export async function loadDestroyUpdater(engine) {
-    engine.checkVersion("4.0.0-beta.0");
-    await engine.register(e => {
-        e.addParticleUpdater("destroy", async (container) => {
+    engine.checkVersion("4.0.0-beta.10");
+    await engine.pluginManager.register(e => {
+        e.pluginManager.addParticleUpdater("destroy", async (container) => {
             const { DestroyUpdater } = await import("./DestroyUpdater.js");
-            return new DestroyUpdater(e, container);
+            return new DestroyUpdater(e.pluginManager, container);
         });
     });
 }

package/cjs/DestroyUpdater.js

@@ -3,14 +3,14 @@ import { Destroy } from "./Options/Classes/Destroy.js";
 import { DestroyMode } from "./Enums/DestroyMode.js";
 import { split } from "./Utils.js";
 export class DestroyUpdater {
-    container;
-    engine;
-    constructor(engine, container) {
-        this.container = container;
-        this.engine = engine;
+    _container;
+    _pluginManager;
+    constructor(pluginManager, container) {
+        this._container = container;
+        this._pluginManager = pluginManager;
     }
     init(particle) {
-        const container = this.container, particlesOptions = particle.options, destroyOptions = particlesOptions.destroy;
+        const container = this._container, particlesOptions = particle.options, destroyOptions = particlesOptions.destroy;
         if (!destroyOptions) {
             return;
         }
@@ -46,7 +46,7 @@ export class DestroyUpdater {
         }
         const destroyOptions = particle.options.destroy;
         if (destroyOptions?.mode === DestroyMode.split) {
-            split(this.engine, this.container, particle);
+            split(this._pluginManager, this._container, particle);
         }
     }
     update(particle) {

package/cjs/Utils.js

@@ -1,60 +1,43 @@
 import { AnimatableColor, PixelMode, getRangeValue, identity, isNumber, itemFromSingleOrMultiple, loadParticlesOptions, randomInRangeValue, setRangeValue, } from "@tsparticles/engine";
-const defaultOffset = 0, minDestroySize = 0.5, defaultSplitCount = 0, increment = 1, unbreakableTime = 500, minSplitCount = 0;
-function addSplitParticle(engine, container, parent, splitParticlesOptions) {
+const defaultOffset = 0, minDestroySize = 0.5, defaultSplitCount = 0, increment = 1, unbreakableTime = 500, minSplitCount = 0, minHue = 0, hueRange = 360, minSaturation = 0, maxSaturation = 100, minLightness = 0, maxLightness = 100;
+function createParentColor(parentColor) {
+    return AnimatableColor.create(undefined, {
+        value: {
+            hsl: parentColor,
+        },
+    });
+}
+function createOffsetColor(parentColor, offset) {
+    const offsetH = getRangeValue(offset.h ?? defaultOffset), offsetS = getRangeValue(offset.s ?? defaultOffset), offsetL = getRangeValue(offset.l ?? defaultOffset), h = (parentColor.h + offsetH) % hueRange, s = Math.max(minSaturation, Math.min(maxSaturation, parentColor.s + offsetS)), l = Math.max(minLightness, Math.min(maxLightness, parentColor.l + offsetL));
+    return AnimatableColor.create(undefined, {
+        value: {
+            hsl: {
+                h: h < minHue ? h + hueRange : h,
+                s,
+                l,
+            },
+        },
+    });
+}
+function resolveSplitColor(offset, splitColor, splitParticlesColor, parentColor) {
+    if (offset && parentColor) {
+        return createOffsetColor(parentColor, offset);
+    }
+    if (splitColor) {
+        return AnimatableColor.create(undefined, splitColor);
+    }
+    if (splitParticlesColor) {
+        return AnimatableColor.create(undefined, splitParticlesColor);
+    }
+    return parentColor ? createParentColor(parentColor) : undefined;
+}
+function addSplitParticle(pluginManager, container, parent, splitParticlesOptions) {
     const destroyOptions = parent.options.destroy;
     if (!destroyOptions) {
         return;
     }
-    const splitOptions = destroyOptions.split, options = loadParticlesOptions(engine, container, parent.options), fillOptions = itemFromSingleOrMultiple(options.fill), strokeOptions = itemFromSingleOrMultiple(options.stroke);
-    if (fillOptions?.enable) {
-        const fillColor = AnimatableColor.create(undefined, fillOptions.color), parentFillColor = parent.getFillColor();
-        if (fillColor.value) {
-            fillColor.load(splitOptions.fillColor);
-        }
-        else if (splitOptions.fillColorOffset && parentFillColor) {
-            fillColor.load({
-                value: {
-                    hsl: {
-                        h: parentFillColor.h + getRangeValue(splitOptions.fillColorOffset.h ?? defaultOffset),
-                        s: parentFillColor.s + getRangeValue(splitOptions.fillColorOffset.s ?? defaultOffset),
-                        l: parentFillColor.l + getRangeValue(splitOptions.fillColorOffset.l ?? defaultOffset),
-                    },
-                },
-            });
-        }
-        else {
-            fillColor.load({
-                value: {
-                    hsl: parent.getFillColor(),
-                },
-            });
-        }
-    }
-    if (strokeOptions?.width) {
-        const strokeColor = AnimatableColor.create(undefined, strokeOptions.color), parentStrokeColor = parent.getStrokeColor();
-        if (strokeColor.value) {
-            strokeColor.load(splitOptions.strokeColor);
-        }
-        else if (splitOptions.strokeColorOffset && parentStrokeColor) {
-            strokeColor.load({
-                value: {
-                    hsl: {
-                        h: parentStrokeColor.h + getRangeValue(splitOptions.strokeColorOffset.h ?? defaultOffset),
-                        s: parentStrokeColor.s + getRangeValue(splitOptions.strokeColorOffset.s ?? defaultOffset),
-                        l: parentStrokeColor.l + getRangeValue(splitOptions.strokeColorOffset.l ?? defaultOffset),
-                    },
-                },
-            });
-        }
-        else {
-            strokeColor.load({
-                value: {
-                    hsl: parent.getStrokeColor(),
-                },
-            });
-        }
-    }
-    options.move.load({
+    const splitOptions = destroyOptions.split, splitParticleOptions = loadParticlesOptions(pluginManager, container, parent.options), splitFillColor = itemFromSingleOrMultiple(splitOptions.fillColor), splitStrokeColor = itemFromSingleOrMultiple(splitOptions.strokeColor), parentFillColor = parent.getFillColor(), parentStrokeColor = parent.getStrokeColor();
+    splitParticleOptions.move.load({
         center: {
             x: parent.position.x,
             y: parent.position.y,
@@ -62,19 +45,26 @@ function addSplitParticle(engine, container, parent, splitParticlesOptions) {
         },
     });
     const factor = identity / getRangeValue(splitOptions.factor.value);
-    if (isNumber(options.size.value)) {
-        options.size.value *= factor;
+    if (isNumber(splitParticleOptions.size.value)) {
+        splitParticleOptions.size.value *= factor;
     }
     else {
-        options.size.value.min *= factor;
-        options.size.value.max *= factor;
+        splitParticleOptions.size.value.min *= factor;
+        splitParticleOptions.size.value.max *= factor;
+    }
+    splitParticleOptions.load(splitParticlesOptions);
+    const splitParticlePaintOptions = itemFromSingleOrMultiple(splitParticleOptions.paint), splitParticleFillOptions = splitParticlePaintOptions?.fill, splitParticleStrokeOptions = splitParticlePaintOptions?.stroke, fillColor = resolveSplitColor(splitOptions.fillColorOffset, splitFillColor, splitParticleFillOptions?.color, parentFillColor), strokeColor = resolveSplitColor(splitOptions.strokeColorOffset, splitStrokeColor, splitParticleStrokeOptions?.color, parentStrokeColor);
+    if (fillColor && splitParticleFillOptions) {
+        splitParticleFillOptions.color = fillColor;
+    }
+    if (strokeColor && splitParticleStrokeOptions) {
+        splitParticleStrokeOptions.color = strokeColor;
     }
-    options.load(splitParticlesOptions);
     const offset = splitOptions.sizeOffset ? setRangeValue(-parent.size.value, parent.size.value) : defaultOffset, position = {
         x: parent.position.x + randomInRangeValue(offset),
         y: parent.position.y + randomInRangeValue(offset),
     };
-    return container.particles.addParticle(position, options, parent.group, (particle) => {
+    return container.particles.addParticle(position, splitParticleOptions, parent.group, (particle) => {
         if (particle.size.value < minDestroySize) {
             return false;
         }
@@ -85,7 +75,7 @@ function addSplitParticle(engine, container, parent, splitParticlesOptions) {
         return true;
     });
 }
-export function split(engine, container, particle) {
+export function split(pluginManager, container, particle) {
     const destroyOptions = particle.options.destroy;
     if (!destroyOptions) {
         return;
@@ -99,6 +89,6 @@ export function split(engine, container, particle) {
     }
     const rate = getRangeValue(splitOptions.rate.value), particlesSplitOptions = itemFromSingleOrMultiple(splitOptions.particles);
     for (let i = 0; i < rate; i++) {
-        addSplitParticle(engine, container, particle, particlesSplitOptions);
+        addSplitParticle(pluginManager, container, particle, particlesSplitOptions);
     }
 }

package/cjs/index.js

@@ -1,9 +1,9 @@
 export async function loadDestroyUpdater(engine) {
-    engine.checkVersion("4.0.0-beta.0");
-    await engine.register(e => {
-        e.addParticleUpdater("destroy", async (container) => {
+    engine.checkVersion("4.0.0-beta.10");
+    await engine.pluginManager.register(e => {
+        e.pluginManager.addParticleUpdater("destroy", async (container) => {
             const { DestroyUpdater } = await import("./DestroyUpdater.js");
-            return new DestroyUpdater(e, container);
+            return new DestroyUpdater(e.pluginManager, container);
         });
     });
 }

package/dist_browser_DestroyUpdater_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-beta.0
+ * v4.0.0-beta.10
  */
 "use strict";
 /*
@@ -23,7 +23,7 @@
   \****************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   DestroyUpdater: () => (/* binding */ DestroyUpdater)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _Options_Classes_Destroy_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Options/Classes/Destroy.js */ \"./dist/browser/Options/Classes/Destroy.js\");\n/* harmony import */ var _Enums_DestroyMode_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Enums/DestroyMode.js */ \"./dist/browser/Enums/DestroyMode.js\");\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Utils.js */ \"./dist/browser/Utils.js\");\n\n\n\n\nclass DestroyUpdater {\n    container;\n    engine;\n    constructor(engine, container){\n        this.container = container;\n        this.engine = engine;\n    }\n    init(particle) {\n        const container = this.container, particlesOptions = particle.options, destroyOptions = particlesOptions.destroy;\n        if (!destroyOptions) {\n            return;\n        }\n        particle.splitCount = 0;\n        const destroyBoundsOptions = destroyOptions.bounds;\n        particle.destroyBounds ??= {};\n        const { bottom, left, right, top } = destroyBoundsOptions, { destroyBounds } = particle, canvasSize = container.canvas.size;\n        if (bottom) {\n            destroyBounds.bottom = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(bottom) * canvasSize.height / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator;\n        }\n        if (left) {\n            destroyBounds.left = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(left) * canvasSize.width / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator;\n        }\n        if (right) {\n            destroyBounds.right = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(right) * canvasSize.width / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator;\n        }\n        if (top) {\n            destroyBounds.top = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(top) * canvasSize.height / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator;\n        }\n    }\n    isEnabled(particle) {\n        return !particle.destroyed;\n    }\n    loadOptions(options, ...sources) {\n        options.destroy ??= new _Options_Classes_Destroy_js__WEBPACK_IMPORTED_MODULE_1__.Destroy();\n        for (const source of sources){\n            options.destroy.load(source?.destroy);\n        }\n    }\n    particleDestroyed(particle, override) {\n        if (override) {\n            return;\n        }\n        const destroyOptions = particle.options.destroy;\n        if (destroyOptions?.mode === _Enums_DestroyMode_js__WEBPACK_IMPORTED_MODULE_2__.DestroyMode.split) {\n            (0,_Utils_js__WEBPACK_IMPORTED_MODULE_3__.split)(this.engine, this.container, particle);\n        }\n    }\n    update(particle) {\n        if (particle.unbreakableUntil !== undefined && performance.now() >= particle.unbreakableUntil) {\n            particle.unbreakable = false;\n            particle.unbreakableUntil = undefined;\n        }\n        const position = particle.getPosition(), bounds = particle.destroyBounds;\n        if (!bounds) {\n            return;\n        }\n        if (bounds.bottom !== undefined && position.y >= bounds.bottom || bounds.left !== undefined && position.x <= bounds.left || bounds.right !== undefined && position.x >= bounds.right || bounds.top !== undefined && position.y <= bounds.top) {\n            particle.destroy();\n        }\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/updater-destroy/./dist/browser/DestroyUpdater.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   DestroyUpdater: () => (/* binding */ DestroyUpdater)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _Options_Classes_Destroy_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Options/Classes/Destroy.js */ \"./dist/browser/Options/Classes/Destroy.js\");\n/* harmony import */ var _Enums_DestroyMode_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Enums/DestroyMode.js */ \"./dist/browser/Enums/DestroyMode.js\");\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Utils.js */ \"./dist/browser/Utils.js\");\n\n\n\n\nclass DestroyUpdater {\n    _container;\n    _pluginManager;\n    constructor(pluginManager, container){\n        this._container = container;\n        this._pluginManager = pluginManager;\n    }\n    init(particle) {\n        const container = this._container, particlesOptions = particle.options, destroyOptions = particlesOptions.destroy;\n        if (!destroyOptions) {\n            return;\n        }\n        particle.splitCount = 0;\n        const destroyBoundsOptions = destroyOptions.bounds;\n        particle.destroyBounds ??= {};\n        const { bottom, left, right, top } = destroyBoundsOptions, { destroyBounds } = particle, canvasSize = container.canvas.size;\n        if (bottom) {\n            destroyBounds.bottom = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(bottom) * canvasSize.height / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator;\n        }\n        if (left) {\n            destroyBounds.left = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(left) * canvasSize.width / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator;\n        }\n        if (right) {\n            destroyBounds.right = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(right) * canvasSize.width / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator;\n        }\n        if (top) {\n            destroyBounds.top = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(top) * canvasSize.height / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator;\n        }\n    }\n    isEnabled(particle) {\n        return !particle.destroyed;\n    }\n    loadOptions(options, ...sources) {\n        options.destroy ??= new _Options_Classes_Destroy_js__WEBPACK_IMPORTED_MODULE_1__.Destroy();\n        for (const source of sources){\n            options.destroy.load(source?.destroy);\n        }\n    }\n    particleDestroyed(particle, override) {\n        if (override) {\n            return;\n        }\n        const destroyOptions = particle.options.destroy;\n        if (destroyOptions?.mode === _Enums_DestroyMode_js__WEBPACK_IMPORTED_MODULE_2__.DestroyMode.split) {\n            (0,_Utils_js__WEBPACK_IMPORTED_MODULE_3__.split)(this._pluginManager, this._container, particle);\n        }\n    }\n    update(particle) {\n        if (particle.unbreakableUntil !== undefined && performance.now() >= particle.unbreakableUntil) {\n            particle.unbreakable = false;\n            particle.unbreakableUntil = undefined;\n        }\n        const position = particle.getPosition(), bounds = particle.destroyBounds;\n        if (!bounds) {\n            return;\n        }\n        if (bounds.bottom !== undefined && position.y >= bounds.bottom || bounds.left !== undefined && position.x <= bounds.left || bounds.right !== undefined && position.x >= bounds.right || bounds.top !== undefined && position.y <= bounds.top) {\n            particle.destroy();\n        }\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/updater-destroy/./dist/browser/DestroyUpdater.js?\n}");
 
 /***/ },
 
@@ -93,7 +93,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \*******************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   split: () => (/* binding */ split)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst defaultOffset = 0, minDestroySize = 0.5, defaultSplitCount = 0, increment = 1, unbreakableTime = 500, minSplitCount = 0;\nfunction addSplitParticle(engine, container, parent, splitParticlesOptions) {\n    const destroyOptions = parent.options.destroy;\n    if (!destroyOptions) {\n        return;\n    }\n    const splitOptions = destroyOptions.split, options = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.loadParticlesOptions)(engine, container, parent.options), fillOptions = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.itemFromSingleOrMultiple)(options.fill), strokeOptions = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.itemFromSingleOrMultiple)(options.stroke);\n    if (fillOptions?.enable) {\n        const fillColor = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.AnimatableColor.create(undefined, fillOptions.color), parentFillColor = parent.getFillColor();\n        if (fillColor.value) {\n            fillColor.load(splitOptions.fillColor);\n        } else if (splitOptions.fillColorOffset && parentFillColor) {\n            fillColor.load({\n                value: {\n                    hsl: {\n                        h: parentFillColor.h + (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(splitOptions.fillColorOffset.h ?? defaultOffset),\n                        s: parentFillColor.s + (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(splitOptions.fillColorOffset.s ?? defaultOffset),\n                        l: parentFillColor.l + (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(splitOptions.fillColorOffset.l ?? defaultOffset)\n                    }\n                }\n            });\n        } else {\n            fillColor.load({\n                value: {\n                    hsl: parent.getFillColor()\n                }\n            });\n        }\n    }\n    if (strokeOptions?.width) {\n        const strokeColor = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.AnimatableColor.create(undefined, strokeOptions.color), parentStrokeColor = parent.getStrokeColor();\n        if (strokeColor.value) {\n            strokeColor.load(splitOptions.strokeColor);\n        } else if (splitOptions.strokeColorOffset && parentStrokeColor) {\n            strokeColor.load({\n                value: {\n                    hsl: {\n                        h: parentStrokeColor.h + (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(splitOptions.strokeColorOffset.h ?? defaultOffset),\n                        s: parentStrokeColor.s + (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(splitOptions.strokeColorOffset.s ?? defaultOffset),\n                        l: parentStrokeColor.l + (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(splitOptions.strokeColorOffset.l ?? defaultOffset)\n                    }\n                }\n            });\n        } else {\n            strokeColor.load({\n                value: {\n                    hsl: parent.getStrokeColor()\n                }\n            });\n        }\n    }\n    options.move.load({\n        center: {\n            x: parent.position.x,\n            y: parent.position.y,\n            mode: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.PixelMode.precise\n        }\n    });\n    const factor = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.identity / (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(splitOptions.factor.value);\n    if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNumber)(options.size.value)) {\n        options.size.value *= factor;\n    } else {\n        options.size.value.min *= factor;\n        options.size.value.max *= factor;\n    }\n    options.load(splitParticlesOptions);\n    const offset = splitOptions.sizeOffset ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.setRangeValue)(-parent.size.value, parent.size.value) : defaultOffset, position = {\n        x: parent.position.x + (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.randomInRangeValue)(offset),\n        y: parent.position.y + (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.randomInRangeValue)(offset)\n    };\n    return container.particles.addParticle(position, options, parent.group, (particle)=>{\n        if (particle.size.value < minDestroySize) {\n            return false;\n        }\n        particle.velocity.length = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.randomInRangeValue)((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.setRangeValue)(parent.velocity.length, particle.velocity.length));\n        particle.splitCount = (parent.splitCount ?? defaultSplitCount) + increment;\n        particle.unbreakable = true;\n        particle.unbreakableUntil = performance.now() + unbreakableTime;\n        return true;\n    });\n}\nfunction split(engine, container, particle) {\n    const destroyOptions = particle.options.destroy;\n    if (!destroyOptions) {\n        return;\n    }\n    const splitOptions = destroyOptions.split;\n    if (splitOptions.count >= minSplitCount) {\n        if (particle.splitCount === undefined || particle.splitCount > splitOptions.count) {\n            return;\n        }\n        particle.splitCount++;\n    }\n    const rate = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(splitOptions.rate.value), particlesSplitOptions = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.itemFromSingleOrMultiple)(splitOptions.particles);\n    for(let i = 0; i < rate; i++){\n        addSplitParticle(engine, container, particle, particlesSplitOptions);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/updater-destroy/./dist/browser/Utils.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   split: () => (/* binding */ split)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst defaultOffset = 0, minDestroySize = 0.5, defaultSplitCount = 0, increment = 1, unbreakableTime = 500, minSplitCount = 0, minHue = 0, hueRange = 360, minSaturation = 0, maxSaturation = 100, minLightness = 0, maxLightness = 100;\nfunction createParentColor(parentColor) {\n    return _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.AnimatableColor.create(undefined, {\n        value: {\n            hsl: parentColor\n        }\n    });\n}\nfunction createOffsetColor(parentColor, offset) {\n    const offsetH = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(offset.h ?? defaultOffset), offsetS = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(offset.s ?? defaultOffset), offsetL = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(offset.l ?? defaultOffset), h = (parentColor.h + offsetH) % hueRange, s = Math.max(minSaturation, Math.min(maxSaturation, parentColor.s + offsetS)), l = Math.max(minLightness, Math.min(maxLightness, parentColor.l + offsetL));\n    return _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.AnimatableColor.create(undefined, {\n        value: {\n            hsl: {\n                h: h < minHue ? h + hueRange : h,\n                s,\n                l\n            }\n        }\n    });\n}\nfunction resolveSplitColor(offset, splitColor, splitParticlesColor, parentColor) {\n    if (offset && parentColor) {\n        return createOffsetColor(parentColor, offset);\n    }\n    if (splitColor) {\n        return _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.AnimatableColor.create(undefined, splitColor);\n    }\n    if (splitParticlesColor) {\n        return _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.AnimatableColor.create(undefined, splitParticlesColor);\n    }\n    return parentColor ? createParentColor(parentColor) : undefined;\n}\nfunction addSplitParticle(pluginManager, container, parent, splitParticlesOptions) {\n    const destroyOptions = parent.options.destroy;\n    if (!destroyOptions) {\n        return;\n    }\n    const splitOptions = destroyOptions.split, splitParticleOptions = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.loadParticlesOptions)(pluginManager, container, parent.options), splitFillColor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.itemFromSingleOrMultiple)(splitOptions.fillColor), splitStrokeColor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.itemFromSingleOrMultiple)(splitOptions.strokeColor), parentFillColor = parent.getFillColor(), parentStrokeColor = parent.getStrokeColor();\n    splitParticleOptions.move.load({\n        center: {\n            x: parent.position.x,\n            y: parent.position.y,\n            mode: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.PixelMode.precise\n        }\n    });\n    const factor = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.identity / (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(splitOptions.factor.value);\n    if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNumber)(splitParticleOptions.size.value)) {\n        splitParticleOptions.size.value *= factor;\n    } else {\n        splitParticleOptions.size.value.min *= factor;\n        splitParticleOptions.size.value.max *= factor;\n    }\n    splitParticleOptions.load(splitParticlesOptions);\n    const splitParticlePaintOptions = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.itemFromSingleOrMultiple)(splitParticleOptions.paint), splitParticleFillOptions = splitParticlePaintOptions?.fill, splitParticleStrokeOptions = splitParticlePaintOptions?.stroke, fillColor = resolveSplitColor(splitOptions.fillColorOffset, splitFillColor, splitParticleFillOptions?.color, parentFillColor), strokeColor = resolveSplitColor(splitOptions.strokeColorOffset, splitStrokeColor, splitParticleStrokeOptions?.color, parentStrokeColor);\n    if (fillColor && splitParticleFillOptions) {\n        splitParticleFillOptions.color = fillColor;\n    }\n    if (strokeColor && splitParticleStrokeOptions) {\n        splitParticleStrokeOptions.color = strokeColor;\n    }\n    const offset = splitOptions.sizeOffset ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.setRangeValue)(-parent.size.value, parent.size.value) : defaultOffset, position = {\n        x: parent.position.x + (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.randomInRangeValue)(offset),\n        y: parent.position.y + (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.randomInRangeValue)(offset)\n    };\n    return container.particles.addParticle(position, splitParticleOptions, parent.group, (particle)=>{\n        if (particle.size.value < minDestroySize) {\n            return false;\n        }\n        particle.velocity.length = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.randomInRangeValue)((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.setRangeValue)(parent.velocity.length, particle.velocity.length));\n        particle.splitCount = (parent.splitCount ?? defaultSplitCount) + increment;\n        particle.unbreakable = true;\n        particle.unbreakableUntil = performance.now() + unbreakableTime;\n        return true;\n    });\n}\nfunction split(pluginManager, container, particle) {\n    const destroyOptions = particle.options.destroy;\n    if (!destroyOptions) {\n        return;\n    }\n    const splitOptions = destroyOptions.split;\n    if (splitOptions.count >= minSplitCount) {\n        if (particle.splitCount === undefined || particle.splitCount > splitOptions.count) {\n            return;\n        }\n        particle.splitCount++;\n    }\n    const rate = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(splitOptions.rate.value), particlesSplitOptions = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.itemFromSingleOrMultiple)(splitOptions.particles);\n    for(let i = 0; i < rate; i++){\n        addSplitParticle(pluginManager, container, particle, particlesSplitOptions);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/updater-destroy/./dist/browser/Utils.js?\n}");
 
 /***/ }
 

package/esm/DestroyUpdater.js

@@ -3,14 +3,14 @@ import { Destroy } from "./Options/Classes/Destroy.js";
 import { DestroyMode } from "./Enums/DestroyMode.js";
 import { split } from "./Utils.js";
 export class DestroyUpdater {
-    container;
-    engine;
-    constructor(engine, container) {
-        this.container = container;
-        this.engine = engine;
+    _container;
+    _pluginManager;
+    constructor(pluginManager, container) {
+        this._container = container;
+        this._pluginManager = pluginManager;
     }
     init(particle) {
-        const container = this.container, particlesOptions = particle.options, destroyOptions = particlesOptions.destroy;
+        const container = this._container, particlesOptions = particle.options, destroyOptions = particlesOptions.destroy;
         if (!destroyOptions) {
             return;
         }
@@ -46,7 +46,7 @@ export class DestroyUpdater {
         }
         const destroyOptions = particle.options.destroy;
         if (destroyOptions?.mode === DestroyMode.split) {
-            split(this.engine, this.container, particle);
+            split(this._pluginManager, this._container, particle);
         }
     }
     update(particle) {