@tsparticles/updater-destroy 3.9.1 → 4.0.0-alpha.1

package/541.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see 541.min.js.LICENSE.txt */
+(this.webpackChunk_tsparticles_updater_destroy=this.webpackChunk_tsparticles_updater_destroy||[]).push([[541],{541(t,e,o){o.d(e,{DestroyUpdater:()=>d});var s,i=o(303);class l{load(t){(0,i.isNull)(t)||(void 0!==t.bottom&&(this.bottom=(0,i.setRangeValue)(t.bottom)),void 0!==t.left&&(this.left=(0,i.setRangeValue)(t.left)),void 0!==t.right&&(this.right=(0,i.setRangeValue)(t.right)),void 0!==t.top&&(this.top=(0,i.setRangeValue)(t.top)))}}!function(t){t.none="none",t.split="split"}(s||(s={}));class n extends i.ValueWithRandom{constructor(){super(),this.value=3}}class r extends i.ValueWithRandom{constructor(){super(),this.value={min:4,max:9}}}class a{constructor(){this.count=1,this.factor=new n,this.rate=new r,this.sizeOffset=!0}load(t){(0,i.isNull)(t)||(void 0!==t.color&&(this.color=i.OptionsColor.create(this.color,t.color)),void 0!==t.count&&(this.count=t.count),this.factor.load(t.factor),this.rate.load(t.rate),this.particles=(0,i.executeOnSingleOrMultiple)(t.particles,(t=>(0,i.deepExtend)({},t))),void 0!==t.sizeOffset&&(this.sizeOffset=t.sizeOffset),t.colorOffset&&(this.colorOffset=this.colorOffset??{},void 0!==t.colorOffset.h&&(this.colorOffset.h=t.colorOffset.h),void 0!==t.colorOffset.s&&(this.colorOffset.s=t.colorOffset.s),void 0!==t.colorOffset.l&&(this.colorOffset.l=t.colorOffset.l)))}}class c{constructor(){this.bounds=new l,this.mode=s.none,this.split=new a}load(t){(0,i.isNull)(t)||(t.mode&&(this.mode=t.mode),t.bounds&&this.bounds.load(t.bounds),this.split.load(t.split))}}function u(t,e,o,s){const l=o.options.destroy;if(!l)return;const n=l.split,r=(0,i.loadParticlesOptions)(t,e,o.options),a=(0,i.getRangeValue)(n.factor.value),c=o.getFillColor();n.color?r.color.load(n.color):n.colorOffset&&c?r.color.load({value:{hsl:{h:c.h+(0,i.getRangeValue)(n.colorOffset.h??0),s:c.s+(0,i.getRangeValue)(n.colorOffset.s??0),l:c.l+(0,i.getRangeValue)(n.colorOffset.l??0)}}}):r.color.load({value:{hsl:o.getFillColor()}}),r.move.load({center:{x:o.position.x,y:o.position.y,mode:i.PixelMode.precise}}),(0,i.isNumber)(r.size.value)?r.size.value/=a:(r.size.value.min/=a,r.size.value.max/=a),r.load(s);const u=n.sizeOffset?(0,i.setRangeValue)(-o.size.value,o.size.value):0,d={x:o.position.x+(0,i.randomInRangeValue)(u),y:o.position.y+(0,i.randomInRangeValue)(u)};return e.particles.addParticle(d,r,o.group,(t=>!(t.size.value<.5)&&(t.velocity.length=(0,i.randomInRangeValue)((0,i.setRangeValue)(o.velocity.length,t.velocity.length)),t.splitCount=(o.splitCount??0)+1,t.unbreakable=!0,setTimeout((()=>{t.unbreakable=!1}),500),!0)))}class d{constructor(t,e){this.container=e,this.engine=t}init(t){const e=this.container,o=t.options.destroy;if(!o)return;t.splitCount=0;const s=o.bounds;t.destroyBounds??={};const{bottom:l,left:n,right:r,top:a}=s,{destroyBounds:c}=t,u=e.canvas.size;l&&(c.bottom=(0,i.getRangeValue)(l)*u.height/i.percentDenominator),n&&(c.left=(0,i.getRangeValue)(n)*u.width/i.percentDenominator),r&&(c.right=(0,i.getRangeValue)(r)*u.width/i.percentDenominator),a&&(c.top=(0,i.getRangeValue)(a)*u.height/i.percentDenominator)}isEnabled(t){return!t.destroyed}loadOptions(t,...e){t.destroy??=new c;for(const o of e)t.destroy.load(o?.destroy)}particleDestroyed(t,e){if(e)return;const o=t.options.destroy;o?.mode===s.split&&function(t,e,o){const s=o.options.destroy;if(!s)return;const l=s.split;if(l.count>=0&&(void 0===o.splitCount||o.splitCount++>l.count))return;const n=(0,i.getRangeValue)(l.rate.value),r=(0,i.itemFromSingleOrMultiple)(l.particles);for(let s=0;s<n;s++)u(t,e,o,r)}(this.engine,this.container,t)}update(t){if(!this.isEnabled(t))return;const 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/541.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! tsParticles Destroy Updater v4.0.0-alpha.1 by Matteo Bruni */

package/browser/DestroyUpdater.js

@@ -14,9 +14,7 @@ export class DestroyUpdater {
         }
         particle.splitCount = 0;
         const destroyBoundsOptions = destroyOptions.bounds;
-        if (!particle.destroyBounds) {
-            particle.destroyBounds = {};
-        }
+        particle.destroyBounds ??= {};
         const { bottom, left, right, top } = destroyBoundsOptions, { destroyBounds } = particle, canvasSize = container.canvas.size;
         if (bottom) {
             destroyBounds.bottom = (getRangeValue(bottom) * canvasSize.height) / percentDenominator;
@@ -35,9 +33,7 @@ export class DestroyUpdater {
         return !particle.destroyed;
     }
     loadOptions(options, ...sources) {
-        if (!options.destroy) {
-            options.destroy = new Destroy();
-        }
+        options.destroy ??= new Destroy();
         for (const source of sources) {
             options.destroy.load(source?.destroy);
         }
@@ -47,7 +43,7 @@ export class DestroyUpdater {
             return;
         }
         const destroyOptions = particle.options.destroy;
-        if (destroyOptions && destroyOptions.mode === DestroyMode.split) {
+        if (destroyOptions?.mode === DestroyMode.split) {
             split(this.engine, this.container, particle);
         }
     }

package/browser/Utils.js

@@ -1,4 +1,4 @@
-import { PixelMode, getRangeValue, isNumber, itemFromSingleOrMultiple, loadParticlesOptions, randomInRange, setRangeValue, } from "@tsparticles/engine";
+import { PixelMode, getRangeValue, 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 destroyOptions = parent.options.destroy;
@@ -43,14 +43,14 @@ function addSplitParticle(engine, container, parent, splitParticlesOptions) {
     }
     options.load(splitParticlesOptions);
     const offset = splitOptions.sizeOffset ? setRangeValue(-parent.size.value, parent.size.value) : defaultOffset, position = {
-        x: parent.position.x + randomInRange(offset),
-        y: parent.position.y + randomInRange(offset),
+        x: parent.position.x + randomInRangeValue(offset),
+        y: parent.position.y + randomInRangeValue(offset),
     };
     return container.particles.addParticle(position, options, parent.group, (particle) => {
         if (particle.size.value < minDestroySize) {
             return false;
         }
-        particle.velocity.length = randomInRange(setRangeValue(parent.velocity.length, particle.velocity.length));
+        particle.velocity.length = randomInRangeValue(setRangeValue(parent.velocity.length, particle.velocity.length));
         particle.splitCount = (parent.splitCount ?? defaultSplitCount) + increment;
         particle.unbreakable = true;
         setTimeout(() => {

package/browser/index.js

@@ -1,7 +1,9 @@
-import { DestroyUpdater } from "./DestroyUpdater.js";
-export async function loadDestroyUpdater(engine, refresh = true) {
-    engine.checkVersion("3.9.1");
-    await engine.addParticleUpdater("destroy", container => {
-        return Promise.resolve(new DestroyUpdater(engine, container));
-    }, refresh);
+export function loadDestroyUpdater(engine) {
+    engine.checkVersion("4.0.0-alpha.1");
+    engine.register(e => {
+        e.addParticleUpdater("destroy", async (container) => {
+            const { DestroyUpdater } = await import("./DestroyUpdater.js");
+            return new DestroyUpdater(e, container);
+        });
+    });
 }

package/cjs/DestroyUpdater.js

@@ -1,11 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DestroyUpdater = void 0;
-const engine_1 = require("@tsparticles/engine");
-const Destroy_js_1 = require("./Options/Classes/Destroy.js");
-const DestroyMode_js_1 = require("./Enums/DestroyMode.js");
-const Utils_js_1 = require("./Utils.js");
-class DestroyUpdater {
+import { getRangeValue, percentDenominator, } from "@tsparticles/engine";
+import { Destroy } from "./Options/Classes/Destroy.js";
+import { DestroyMode } from "./Enums/DestroyMode.js";
+import { split } from "./Utils.js";
+export class DestroyUpdater {
     constructor(engine, container) {
         this.container = container;
         this.engine = engine;
@@ -17,30 +14,26 @@ class DestroyUpdater {
         }
         particle.splitCount = 0;
         const destroyBoundsOptions = destroyOptions.bounds;
-        if (!particle.destroyBounds) {
-            particle.destroyBounds = {};
-        }
+        particle.destroyBounds ??= {};
         const { bottom, left, right, top } = destroyBoundsOptions, { destroyBounds } = particle, canvasSize = container.canvas.size;
         if (bottom) {
-            destroyBounds.bottom = ((0, engine_1.getRangeValue)(bottom) * canvasSize.height) / engine_1.percentDenominator;
+            destroyBounds.bottom = (getRangeValue(bottom) * canvasSize.height) / percentDenominator;
         }
         if (left) {
-            destroyBounds.left = ((0, engine_1.getRangeValue)(left) * canvasSize.width) / engine_1.percentDenominator;
+            destroyBounds.left = (getRangeValue(left) * canvasSize.width) / percentDenominator;
         }
         if (right) {
-            destroyBounds.right = ((0, engine_1.getRangeValue)(right) * canvasSize.width) / engine_1.percentDenominator;
+            destroyBounds.right = (getRangeValue(right) * canvasSize.width) / percentDenominator;
         }
         if (top) {
-            destroyBounds.top = ((0, engine_1.getRangeValue)(top) * canvasSize.height) / engine_1.percentDenominator;
+            destroyBounds.top = (getRangeValue(top) * canvasSize.height) / percentDenominator;
         }
     }
     isEnabled(particle) {
         return !particle.destroyed;
     }
     loadOptions(options, ...sources) {
-        if (!options.destroy) {
-            options.destroy = new Destroy_js_1.Destroy();
-        }
+        options.destroy ??= new Destroy();
         for (const source of sources) {
             options.destroy.load(source?.destroy);
         }
@@ -50,8 +43,8 @@ class DestroyUpdater {
             return;
         }
         const destroyOptions = particle.options.destroy;
-        if (destroyOptions && destroyOptions.mode === DestroyMode_js_1.DestroyMode.split) {
-            (0, Utils_js_1.split)(this.engine, this.container, particle);
+        if (destroyOptions?.mode === DestroyMode.split) {
+            split(this.engine, this.container, particle);
         }
     }
     update(particle) {
@@ -70,4 +63,3 @@ class DestroyUpdater {
         }
     }
 }
-exports.DestroyUpdater = DestroyUpdater;

package/cjs/Enums/DestroyMode.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DestroyMode = void 0;
-var DestroyMode;
+export var DestroyMode;
 (function (DestroyMode) {
     DestroyMode["none"] = "none";
     DestroyMode["split"] = "split";
-})(DestroyMode || (exports.DestroyMode = DestroyMode = {}));
+})(DestroyMode || (DestroyMode = {}));

package/cjs/Options/Classes/Destroy.js

@@ -1,18 +1,15 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Destroy = void 0;
-const engine_1 = require("@tsparticles/engine");
-const DestroyBounds_js_1 = require("./DestroyBounds.js");
-const DestroyMode_js_1 = require("../../Enums/DestroyMode.js");
-const Split_js_1 = require("./Split.js");
-class Destroy {
+import { isNull } from "@tsparticles/engine";
+import { DestroyBounds } from "./DestroyBounds.js";
+import { DestroyMode } from "../../Enums/DestroyMode.js";
+import { Split } from "./Split.js";
+export class Destroy {
     constructor() {
-        this.bounds = new DestroyBounds_js_1.DestroyBounds();
-        this.mode = DestroyMode_js_1.DestroyMode.none;
-        this.split = new Split_js_1.Split();
+        this.bounds = new DestroyBounds();
+        this.mode = DestroyMode.none;
+        this.split = new Split();
     }
     load(data) {
-        if ((0, engine_1.isNull)(data)) {
+        if (isNull(data)) {
             return;
         }
         if (data.mode) {
@@ -24,4 +21,3 @@ class Destroy {
         this.split.load(data.split);
     }
 }
-exports.Destroy = Destroy;

package/cjs/Options/Classes/DestroyBounds.js

@@ -1,24 +1,20 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DestroyBounds = void 0;
-const engine_1 = require("@tsparticles/engine");
-class DestroyBounds {
+import { isNull, setRangeValue } from "@tsparticles/engine";
+export class DestroyBounds {
     load(data) {
-        if ((0, engine_1.isNull)(data)) {
+        if (isNull(data)) {
             return;
         }
         if (data.bottom !== undefined) {
-            this.bottom = (0, engine_1.setRangeValue)(data.bottom);
+            this.bottom = setRangeValue(data.bottom);
         }
         if (data.left !== undefined) {
-            this.left = (0, engine_1.setRangeValue)(data.left);
+            this.left = setRangeValue(data.left);
         }
         if (data.right !== undefined) {
-            this.right = (0, engine_1.setRangeValue)(data.right);
+            this.right = setRangeValue(data.right);
         }
         if (data.top !== undefined) {
-            this.top = (0, engine_1.setRangeValue)(data.top);
+            this.top = setRangeValue(data.top);
         }
     }
 }
-exports.DestroyBounds = DestroyBounds;

package/cjs/Options/Classes/Split.js

@@ -1,30 +1,27 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Split = void 0;
-const engine_1 = require("@tsparticles/engine");
-const SplitFactor_js_1 = require("./SplitFactor.js");
-const SplitRate_js_1 = require("./SplitRate.js");
-class Split {
+import { OptionsColor, deepExtend, executeOnSingleOrMultiple, isNull, } from "@tsparticles/engine";
+import { SplitFactor } from "./SplitFactor.js";
+import { SplitRate } from "./SplitRate.js";
+export class Split {
     constructor() {
         this.count = 1;
-        this.factor = new SplitFactor_js_1.SplitFactor();
-        this.rate = new SplitRate_js_1.SplitRate();
+        this.factor = new SplitFactor();
+        this.rate = new SplitRate();
         this.sizeOffset = true;
     }
     load(data) {
-        if ((0, engine_1.isNull)(data)) {
+        if (isNull(data)) {
             return;
         }
         if (data.color !== undefined) {
-            this.color = engine_1.OptionsColor.create(this.color, data.color);
+            this.color = OptionsColor.create(this.color, data.color);
         }
         if (data.count !== undefined) {
             this.count = data.count;
         }
         this.factor.load(data.factor);
         this.rate.load(data.rate);
-        this.particles = (0, engine_1.executeOnSingleOrMultiple)(data.particles, particles => {
-            return (0, engine_1.deepExtend)({}, particles);
+        this.particles = executeOnSingleOrMultiple(data.particles, particles => {
+            return deepExtend({}, particles);
         });
         if (data.sizeOffset !== undefined) {
             this.sizeOffset = data.sizeOffset;
@@ -43,4 +40,3 @@ class Split {
         }
     }
 }
-exports.Split = Split;

package/cjs/Options/Classes/SplitFactor.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SplitFactor = void 0;
-const engine_1 = require("@tsparticles/engine");
-class SplitFactor extends engine_1.ValueWithRandom {
+import { ValueWithRandom } from "@tsparticles/engine";
+export class SplitFactor extends ValueWithRandom {
     constructor() {
         super();
         this.value = 3;
     }
 }
-exports.SplitFactor = SplitFactor;

package/cjs/Options/Classes/SplitRate.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SplitRate = void 0;
-const engine_1 = require("@tsparticles/engine");
-class SplitRate extends engine_1.ValueWithRandom {
+import { ValueWithRandom } from "@tsparticles/engine";
+export class SplitRate extends ValueWithRandom {
     constructor() {
         super();
         this.value = { min: 4, max: 9 };
     }
 }
-exports.SplitRate = SplitRate;

package/cjs/Options/Interfaces/IDestroy.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/cjs/Options/Interfaces/IDestroyBounds.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/cjs/Options/Interfaces/ISplit.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/cjs/Types.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/cjs/Utils.js

@@ -1,14 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.split = split;
-const engine_1 = require("@tsparticles/engine");
+import { PixelMode, getRangeValue, 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 destroyOptions = parent.options.destroy;
     if (!destroyOptions) {
         return;
     }
-    const splitOptions = destroyOptions.split, options = (0, engine_1.loadParticlesOptions)(engine, container, parent.options), factor = (0, engine_1.getRangeValue)(splitOptions.factor.value), parentColor = parent.getFillColor();
+    const splitOptions = destroyOptions.split, options = loadParticlesOptions(engine, container, parent.options), factor = getRangeValue(splitOptions.factor.value), parentColor = parent.getFillColor();
     if (splitOptions.color) {
         options.color.load(splitOptions.color);
     }
@@ -16,9 +13,9 @@ function addSplitParticle(engine, container, parent, splitParticlesOptions) {
         options.color.load({
             value: {
                 hsl: {
-                    h: parentColor.h + (0, engine_1.getRangeValue)(splitOptions.colorOffset.h ?? defaultOffset),
-                    s: parentColor.s + (0, engine_1.getRangeValue)(splitOptions.colorOffset.s ?? defaultOffset),
-                    l: parentColor.l + (0, engine_1.getRangeValue)(splitOptions.colorOffset.l ?? defaultOffset),
+                    h: parentColor.h + getRangeValue(splitOptions.colorOffset.h ?? defaultOffset),
+                    s: parentColor.s + getRangeValue(splitOptions.colorOffset.s ?? defaultOffset),
+                    l: parentColor.l + getRangeValue(splitOptions.colorOffset.l ?? defaultOffset),
                 },
             },
         });
@@ -34,10 +31,10 @@ function addSplitParticle(engine, container, parent, splitParticlesOptions) {
         center: {
             x: parent.position.x,
             y: parent.position.y,
-            mode: engine_1.PixelMode.precise,
+            mode: PixelMode.precise,
         },
     });
-    if ((0, engine_1.isNumber)(options.size.value)) {
+    if (isNumber(options.size.value)) {
         options.size.value /= factor;
     }
     else {
@@ -45,15 +42,15 @@ function addSplitParticle(engine, container, parent, splitParticlesOptions) {
         options.size.value.max /= factor;
     }
     options.load(splitParticlesOptions);
-    const offset = splitOptions.sizeOffset ? (0, engine_1.setRangeValue)(-parent.size.value, parent.size.value) : defaultOffset, position = {
-        x: parent.position.x + (0, engine_1.randomInRange)(offset),
-        y: parent.position.y + (0, engine_1.randomInRange)(offset),
+    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) => {
         if (particle.size.value < minDestroySize) {
             return false;
         }
-        particle.velocity.length = (0, engine_1.randomInRange)((0, engine_1.setRangeValue)(parent.velocity.length, particle.velocity.length));
+        particle.velocity.length = randomInRangeValue(setRangeValue(parent.velocity.length, particle.velocity.length));
         particle.splitCount = (parent.splitCount ?? defaultSplitCount) + increment;
         particle.unbreakable = true;
         setTimeout(() => {
@@ -62,7 +59,7 @@ function addSplitParticle(engine, container, parent, splitParticlesOptions) {
         return true;
     });
 }
-function split(engine, container, particle) {
+export function split(engine, container, particle) {
     const destroyOptions = particle.options.destroy;
     if (!destroyOptions) {
         return;
@@ -72,7 +69,7 @@ function split(engine, container, particle) {
         (particle.splitCount === undefined || particle.splitCount++ > splitOptions.count)) {
         return;
     }
-    const rate = (0, engine_1.getRangeValue)(splitOptions.rate.value), particlesSplitOptions = (0, engine_1.itemFromSingleOrMultiple)(splitOptions.particles);
+    const rate = getRangeValue(splitOptions.rate.value), particlesSplitOptions = itemFromSingleOrMultiple(splitOptions.particles);
     for (let i = 0; i < rate; i++) {
         addSplitParticle(engine, container, particle, particlesSplitOptions);
     }

package/cjs/index.js

@@ -1,10 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.loadDestroyUpdater = loadDestroyUpdater;
-const DestroyUpdater_js_1 = require("./DestroyUpdater.js");
-async function loadDestroyUpdater(engine, refresh = true) {
-    engine.checkVersion("3.9.1");
-    await engine.addParticleUpdater("destroy", container => {
-        return Promise.resolve(new DestroyUpdater_js_1.DestroyUpdater(engine, container));
-    }, refresh);
+export function loadDestroyUpdater(engine) {
+    engine.checkVersion("4.0.0-alpha.1");
+    engine.register(e => {
+        e.addParticleUpdater("destroy", async (container) => {
+            const { DestroyUpdater } = await import("./DestroyUpdater.js");
+            return new DestroyUpdater(e, container);
+        });
+    });
 }

package/dist_browser_DestroyUpdater_js.js

@@ -0,0 +1,100 @@
+/*!
+ * Author : Matteo Bruni
+ * MIT license: https://opensource.org/licenses/MIT
+ * Demo / Generator : https://particles.js.org/
+ * GitHub : https://www.github.com/matteobruni/tsparticles
+ * How to use? : Check the GitHub README
+ * v4.0.0-alpha.1
+ */
+"use strict";
+/*
+ * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
+ * This devtool is neither made for production nor for readable output files.
+ * It uses "eval()" calls to create a separate source file in the browser devtools.
+ * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
+ * or disable the default devtool with "devtool: false".
+ * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
+ */
+(this["webpackChunk_tsparticles_updater_destroy"] = this["webpackChunk_tsparticles_updater_destroy"] || []).push([["dist_browser_DestroyUpdater_js"],{
+
+/***/ "./dist/browser/DestroyUpdater.js"
+/*!****************************************!*\
+  !*** ./dist/browser/DestroyUpdater.js ***!
+  \****************************************/
+(__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  constructor(engine, container) {\n    this.container = container;\n    this.engine = engine;\n  }\n  init(particle) {\n    const container = this.container,\n      particlesOptions = particle.options,\n      destroyOptions = particlesOptions.destroy;\n    if (!destroyOptions) {\n      return;\n    }\n    particle.splitCount = 0;\n    const destroyBoundsOptions = destroyOptions.bounds;\n    particle.destroyBounds ??= {};\n    const {\n        bottom,\n        left,\n        right,\n        top\n      } = destroyBoundsOptions,\n      {\n        destroyBounds\n      } = particle,\n      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 (!this.isEnabled(particle)) {\n      return;\n    }\n    const position = particle.getPosition(),\n      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//# sourceURL=webpack://@tsparticles/updater-destroy/./dist/browser/DestroyUpdater.js?\n}");
+
+/***/ },
+
+/***/ "./dist/browser/Enums/DestroyMode.js"
+/*!*******************************************!*\
+  !*** ./dist/browser/Enums/DestroyMode.js ***!
+  \*******************************************/
+(__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 */   DestroyMode: () => (/* binding */ DestroyMode)\n/* harmony export */ });\nvar DestroyMode;\n(function (DestroyMode) {\n  DestroyMode[\"none\"] = \"none\";\n  DestroyMode[\"split\"] = \"split\";\n})(DestroyMode || (DestroyMode = {}));\n\n//# sourceURL=webpack://@tsparticles/updater-destroy/./dist/browser/Enums/DestroyMode.js?\n}");
+
+/***/ },
+
+/***/ "./dist/browser/Options/Classes/Destroy.js"
+/*!*************************************************!*\
+  !*** ./dist/browser/Options/Classes/Destroy.js ***!
+  \*************************************************/
+(__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 */   Destroy: () => (/* binding */ Destroy)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _DestroyBounds_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./DestroyBounds.js */ \"./dist/browser/Options/Classes/DestroyBounds.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 _Split_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Split.js */ \"./dist/browser/Options/Classes/Split.js\");\n\n\n\n\nclass Destroy {\n  constructor() {\n    this.bounds = new _DestroyBounds_js__WEBPACK_IMPORTED_MODULE_1__.DestroyBounds();\n    this.mode = _Enums_DestroyMode_js__WEBPACK_IMPORTED_MODULE_2__.DestroyMode.none;\n    this.split = new _Split_js__WEBPACK_IMPORTED_MODULE_3__.Split();\n  }\n  load(data) {\n    if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n      return;\n    }\n    if (data.mode) {\n      this.mode = data.mode;\n    }\n    if (data.bounds) {\n      this.bounds.load(data.bounds);\n    }\n    this.split.load(data.split);\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/updater-destroy/./dist/browser/Options/Classes/Destroy.js?\n}");
+
+/***/ },
+
+/***/ "./dist/browser/Options/Classes/DestroyBounds.js"
+/*!*******************************************************!*\
+  !*** ./dist/browser/Options/Classes/DestroyBounds.js ***!
+  \*******************************************************/
+(__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 */   DestroyBounds: () => (/* binding */ DestroyBounds)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nclass DestroyBounds {\n  load(data) {\n    if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n      return;\n    }\n    if (data.bottom !== undefined) {\n      this.bottom = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.setRangeValue)(data.bottom);\n    }\n    if (data.left !== undefined) {\n      this.left = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.setRangeValue)(data.left);\n    }\n    if (data.right !== undefined) {\n      this.right = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.setRangeValue)(data.right);\n    }\n    if (data.top !== undefined) {\n      this.top = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.setRangeValue)(data.top);\n    }\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/updater-destroy/./dist/browser/Options/Classes/DestroyBounds.js?\n}");
+
+/***/ },
+
+/***/ "./dist/browser/Options/Classes/Split.js"
+/*!***********************************************!*\
+  !*** ./dist/browser/Options/Classes/Split.js ***!
+  \***********************************************/
+(__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/* harmony import */ var _SplitFactor_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./SplitFactor.js */ \"./dist/browser/Options/Classes/SplitFactor.js\");\n/* harmony import */ var _SplitRate_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./SplitRate.js */ \"./dist/browser/Options/Classes/SplitRate.js\");\n\n\n\nclass Split {\n  constructor() {\n    this.count = 1;\n    this.factor = new _SplitFactor_js__WEBPACK_IMPORTED_MODULE_1__.SplitFactor();\n    this.rate = new _SplitRate_js__WEBPACK_IMPORTED_MODULE_2__.SplitRate();\n    this.sizeOffset = true;\n  }\n  load(data) {\n    if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n      return;\n    }\n    if (data.color !== undefined) {\n      this.color = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OptionsColor.create(this.color, data.color);\n    }\n    if (data.count !== undefined) {\n      this.count = data.count;\n    }\n    this.factor.load(data.factor);\n    this.rate.load(data.rate);\n    this.particles = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.executeOnSingleOrMultiple)(data.particles, particles => {\n      return (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.deepExtend)({}, particles);\n    });\n    if (data.sizeOffset !== undefined) {\n      this.sizeOffset = data.sizeOffset;\n    }\n    if (data.colorOffset) {\n      this.colorOffset = this.colorOffset ?? {};\n      if (data.colorOffset.h !== undefined) {\n        this.colorOffset.h = data.colorOffset.h;\n      }\n      if (data.colorOffset.s !== undefined) {\n        this.colorOffset.s = data.colorOffset.s;\n      }\n      if (data.colorOffset.l !== undefined) {\n        this.colorOffset.l = data.colorOffset.l;\n      }\n    }\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/updater-destroy/./dist/browser/Options/Classes/Split.js?\n}");
+
+/***/ },
+
+/***/ "./dist/browser/Options/Classes/SplitFactor.js"
+/*!*****************************************************!*\
+  !*** ./dist/browser/Options/Classes/SplitFactor.js ***!
+  \*****************************************************/
+(__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 */   SplitFactor: () => (/* binding */ SplitFactor)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nclass SplitFactor extends _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.ValueWithRandom {\n  constructor() {\n    super();\n    this.value = 3;\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/updater-destroy/./dist/browser/Options/Classes/SplitFactor.js?\n}");
+
+/***/ },
+
+/***/ "./dist/browser/Options/Classes/SplitRate.js"
+/*!***************************************************!*\
+  !*** ./dist/browser/Options/Classes/SplitRate.js ***!
+  \***************************************************/
+(__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 */   SplitRate: () => (/* binding */ SplitRate)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nclass SplitRate extends _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.ValueWithRandom {\n  constructor() {\n    super();\n    this.value = {\n      min: 4,\n      max: 9\n    };\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/updater-destroy/./dist/browser/Options/Classes/SplitRate.js?\n}");
+
+/***/ },
+
+/***/ "./dist/browser/Utils.js"
+/*!*******************************!*\
+  !*** ./dist/browser/Utils.js ***!
+  \*******************************/
+(__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,\n  minDestroySize = 0.5,\n  defaultSplitCount = 0,\n  increment = 1,\n  unbreakableTime = 500,\n  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,\n    options = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.loadParticlesOptions)(engine, container, parent.options),\n    factor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(splitOptions.factor.value),\n    parentColor = parent.getFillColor();\n  if (splitOptions.color) {\n    options.color.load(splitOptions.color);\n  } else if (splitOptions.colorOffset && parentColor) {\n    options.color.load({\n      value: {\n        hsl: {\n          h: parentColor.h + (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(splitOptions.colorOffset.h ?? defaultOffset),\n          s: parentColor.s + (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(splitOptions.colorOffset.s ?? defaultOffset),\n          l: parentColor.l + (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(splitOptions.colorOffset.l ?? defaultOffset)\n        }\n      }\n    });\n  } else {\n    options.color.load({\n      value: {\n        hsl: parent.getFillColor()\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  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,\n    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    setTimeout(() => {\n      particle.unbreakable = false;\n    }, 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 && (particle.splitCount === undefined || particle.splitCount++ > splitOptions.count)) {\n    return;\n  }\n  const rate = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(splitOptions.rate.value),\n    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//# sourceURL=webpack://@tsparticles/updater-destroy/./dist/browser/Utils.js?\n}");
+
+/***/ }
+
+}]);

package/esm/DestroyUpdater.js

@@ -14,9 +14,7 @@ export class DestroyUpdater {
         }
         particle.splitCount = 0;
         const destroyBoundsOptions = destroyOptions.bounds;
-        if (!particle.destroyBounds) {
-            particle.destroyBounds = {};
-        }
+        particle.destroyBounds ??= {};
         const { bottom, left, right, top } = destroyBoundsOptions, { destroyBounds } = particle, canvasSize = container.canvas.size;
         if (bottom) {
             destroyBounds.bottom = (getRangeValue(bottom) * canvasSize.height) / percentDenominator;
@@ -35,9 +33,7 @@ export class DestroyUpdater {
         return !particle.destroyed;
     }
     loadOptions(options, ...sources) {
-        if (!options.destroy) {
-            options.destroy = new Destroy();
-        }
+        options.destroy ??= new Destroy();
         for (const source of sources) {
             options.destroy.load(source?.destroy);
         }
@@ -47,7 +43,7 @@ export class DestroyUpdater {
             return;
         }
         const destroyOptions = particle.options.destroy;
-        if (destroyOptions && destroyOptions.mode === DestroyMode.split) {
+        if (destroyOptions?.mode === DestroyMode.split) {
             split(this.engine, this.container, particle);
         }
     }

package/esm/Utils.js

@@ -1,4 +1,4 @@
-import { PixelMode, getRangeValue, isNumber, itemFromSingleOrMultiple, loadParticlesOptions, randomInRange, setRangeValue, } from "@tsparticles/engine";
+import { PixelMode, getRangeValue, 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 destroyOptions = parent.options.destroy;
@@ -43,14 +43,14 @@ function addSplitParticle(engine, container, parent, splitParticlesOptions) {
     }
     options.load(splitParticlesOptions);
     const offset = splitOptions.sizeOffset ? setRangeValue(-parent.size.value, parent.size.value) : defaultOffset, position = {
-        x: parent.position.x + randomInRange(offset),
-        y: parent.position.y + randomInRange(offset),
+        x: parent.position.x + randomInRangeValue(offset),
+        y: parent.position.y + randomInRangeValue(offset),
     };
     return container.particles.addParticle(position, options, parent.group, (particle) => {
         if (particle.size.value < minDestroySize) {
             return false;
         }
-        particle.velocity.length = randomInRange(setRangeValue(parent.velocity.length, particle.velocity.length));
+        particle.velocity.length = randomInRangeValue(setRangeValue(parent.velocity.length, particle.velocity.length));
         particle.splitCount = (parent.splitCount ?? defaultSplitCount) + increment;
         particle.unbreakable = true;
         setTimeout(() => {