@tsparticles/updater-destroy 3.0.3 → 3.2.0

package/umd/DestroyUpdater.js

@@ -15,10 +15,10 @@
     const Utils_js_1 = require("./Utils.js");
     class DestroyUpdater {
         constructor(engine, container) {
-            this.engine = engine;
             this.container = container;
+            this.engine = engine;
         }
-        init(particle) {
+        async init(particle) {
             const container = this.container, particlesOptions = particle.options, destroyOptions = particlesOptions.destroy;
             if (!destroyOptions) {
                 return;
@@ -30,17 +30,18 @@
             }
             const { bottom, left, right, top } = destroyBoundsOptions, { destroyBounds } = particle, canvasSize = container.canvas.size;
             if (bottom) {
-                destroyBounds.bottom = ((0, engine_1.getRangeValue)(bottom) * canvasSize.height) / 100;
+                destroyBounds.bottom = ((0, engine_1.getRangeValue)(bottom) * canvasSize.height) / engine_1.percentDenominator;
             }
             if (left) {
-                destroyBounds.left = ((0, engine_1.getRangeValue)(left) * canvasSize.width) / 100;
+                destroyBounds.left = ((0, engine_1.getRangeValue)(left) * canvasSize.width) / engine_1.percentDenominator;
             }
             if (right) {
-                destroyBounds.right = ((0, engine_1.getRangeValue)(right) * canvasSize.width) / 100;
+                destroyBounds.right = ((0, engine_1.getRangeValue)(right) * canvasSize.width) / engine_1.percentDenominator;
             }
             if (top) {
-                destroyBounds.top = ((0, engine_1.getRangeValue)(top) * canvasSize.height) / 100;
+                destroyBounds.top = ((0, engine_1.getRangeValue)(top) * canvasSize.height) / engine_1.percentDenominator;
             }
+            await Promise.resolve();
         }
         isEnabled(particle) {
             return !particle.destroyed;
@@ -59,10 +60,10 @@
             }
             const destroyOptions = particle.options.destroy;
             if (destroyOptions && destroyOptions.mode === "split") {
-                (0, Utils_js_1.split)(this.engine, this.container, particle);
+                void (0, Utils_js_1.split)(this.engine, this.container, particle);
             }
         }
-        update(particle) {
+        async update(particle) {
             if (!this.isEnabled(particle)) {
                 return;
             }
@@ -76,6 +77,7 @@
                 (bounds.top !== undefined && position.y <= bounds.top)) {
                 particle.destroy();
             }
+            await Promise.resolve();
         }
     }
     exports.DestroyUpdater = DestroyUpdater;

package/umd/Utils.js

@@ -11,7 +11,8 @@
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.split = void 0;
     const engine_1 = require("@tsparticles/engine");
-    function addSplitParticle(engine, container, parent, splitParticlesOptions) {
+    const defaultOffset = 0, minDestroySize = 0.5, defaultSplitCount = 0, increment = 1, unbreakableTime = 500, minSplitCount = 0;
+    async function addSplitParticle(engine, container, parent, splitParticlesOptions) {
         const destroyOptions = parent.options.destroy;
         if (!destroyOptions) {
             return;
@@ -24,9 +25,9 @@
             options.color.load({
                 value: {
                     hsl: {
-                        h: parentColor.h + (0, engine_1.getRangeValue)(splitOptions.colorOffset.h ?? 0),
-                        s: parentColor.s + (0, engine_1.getRangeValue)(splitOptions.colorOffset.s ?? 0),
-                        l: parentColor.l + (0, engine_1.getRangeValue)(splitOptions.colorOffset.l ?? 0),
+                        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),
                     },
                 },
             });
@@ -53,35 +54,36 @@
             options.size.value.max /= factor;
         }
         options.load(splitParticlesOptions);
-        const offset = splitOptions.sizeOffset ? (0, engine_1.setRangeValue)(-parent.size.value, parent.size.value) : 0, position = {
+        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),
         };
         return container.particles.addParticle(position, options, parent.group, (particle) => {
-            if (particle.size.value < 0.5) {
+            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.splitCount = (parent.splitCount ?? 0) + 1;
+            particle.splitCount = (parent.splitCount ?? defaultSplitCount) + increment;
             particle.unbreakable = true;
             setTimeout(() => {
                 particle.unbreakable = false;
-            }, 500);
+            }, unbreakableTime);
             return true;
         });
     }
-    function split(engine, container, particle) {
+    async function split(engine, container, particle) {
         const destroyOptions = particle.options.destroy;
         if (!destroyOptions) {
             return;
         }
         const splitOptions = destroyOptions.split;
-        if (splitOptions.count >= 0 && (particle.splitCount === undefined || particle.splitCount++ > splitOptions.count)) {
+        if (splitOptions.count >= minSplitCount &&
+            (particle.splitCount === undefined || particle.splitCount++ > splitOptions.count)) {
             return;
         }
         const rate = (0, engine_1.getRangeValue)(splitOptions.rate.value), particlesSplitOptions = (0, engine_1.itemFromSingleOrMultiple)(splitOptions.particles);
         for (let i = 0; i < rate; i++) {
-            addSplitParticle(engine, container, particle, particlesSplitOptions);
+            await addSplitParticle(engine, container, particle, particlesSplitOptions);
         }
     }
     exports.split = split;

package/umd/index.js

@@ -1,18 +1,44 @@
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 (function (factory) {
     if (typeof module === "object" && typeof module.exports === "object") {
         var v = factory(require, exports);
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./DestroyUpdater.js"], factory);
+        define(["require", "exports"], factory);
     }
 })(function (require, exports) {
     "use strict";
+    var __syncRequire = typeof module === "object" && typeof module.exports === "object";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.loadDestroyUpdater = void 0;
-    const DestroyUpdater_js_1 = require("./DestroyUpdater.js");
     async function loadDestroyUpdater(engine, refresh = true) {
-        await engine.addParticleUpdater("destroy", (container) => new DestroyUpdater_js_1.DestroyUpdater(engine, container), refresh);
+        await engine.addParticleUpdater("destroy", async (container) => {
+            const { DestroyUpdater } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./DestroyUpdater.js"))) : new Promise((resolve_1, reject_1) => { require(["./DestroyUpdater.js"], resolve_1, reject_1); }).then(__importStar));
+            return new DestroyUpdater(engine, container);
+        }, refresh);
     }
     exports.loadDestroyUpdater = loadDestroyUpdater;
 });