@tsparticles/updater-destroy 3.0.0-alpha.1 → 3.0.0-beta.1

package/esm/DestroyUpdater.js

@@ -1,5 +1,6 @@
-import { getRangeValue, getValue, itemFromSingleOrMultiple, loadParticlesOptions, randomInRange, setRangeValue, } from "@tsparticles/engine";
-import { Destroy } from "./Options/Classes/Destroy";
+import { getRangeValue, } from "@tsparticles/engine";
+import { Destroy } from "./Options/Classes/Destroy.js";
+import { split } from "./Utils.js";
 export class DestroyUpdater {
     constructor(engine, container) {
         this.engine = engine;
@@ -11,21 +12,22 @@ export class DestroyUpdater {
             return;
         }
         particle.splitCount = 0;
-        const destroyBounds = destroyOptions.bounds;
+        const destroyBoundsOptions = destroyOptions.bounds;
         if (!particle.destroyBounds) {
             particle.destroyBounds = {};
         }
-        if (destroyBounds.bottom) {
-            particle.destroyBounds.bottom = (getRangeValue(destroyBounds.bottom) * container.canvas.size.height) / 100;
+        const { bottom, left, right, top } = destroyBoundsOptions, { destroyBounds } = particle, canvasSize = container.canvas.size;
+        if (bottom) {
+            destroyBounds.bottom = (getRangeValue(bottom) * canvasSize.height) / 100;
         }
-        if (destroyBounds.left) {
-            particle.destroyBounds.left = (getRangeValue(destroyBounds.left) * container.canvas.size.width) / 100;
+        if (left) {
+            destroyBounds.left = (getRangeValue(left) * canvasSize.width) / 100;
         }
-        if (destroyBounds.right) {
-            particle.destroyBounds.right = (getRangeValue(destroyBounds.right) * container.canvas.size.width) / 100;
+        if (right) {
+            destroyBounds.right = (getRangeValue(right) * canvasSize.width) / 100;
         }
-        if (destroyBounds.top) {
-            particle.destroyBounds.top = (getRangeValue(destroyBounds.top) * container.canvas.size.height) / 100;
+        if (top) {
+            destroyBounds.top = (getRangeValue(top) * canvasSize.height) / 100;
         }
     }
     isEnabled(particle) {
@@ -36,7 +38,7 @@ export class DestroyUpdater {
             options.destroy = new Destroy();
         }
         for (const source of sources) {
-            options.destroy.load(source === null || source === void 0 ? void 0 : source.destroy);
+            options.destroy.load(source?.destroy);
         }
     }
     particleDestroyed(particle, override) {
@@ -45,7 +47,7 @@ export class DestroyUpdater {
         }
         const destroyOptions = particle.options.destroy;
         if (destroyOptions && destroyOptions.mode === "split") {
-            this.split(particle);
+            split(this.engine, this.container, particle);
         }
     }
     update(particle) {
@@ -63,63 +65,4 @@ export class DestroyUpdater {
             particle.destroy();
         }
     }
-    addSplitParticle(parent, splitParticlesOptions) {
-        const destroyOptions = parent.options.destroy;
-        if (!destroyOptions) {
-            return;
-        }
-        const splitOptions = destroyOptions.split, options = loadParticlesOptions(this.engine, this.container, parent.options), factor = getValue(splitOptions.factor);
-        options.color.load({
-            value: {
-                hsl: parent.getFillColor(),
-            },
-        });
-        options.move.load({
-            center: {
-                x: parent.position.x,
-                y: parent.position.y,
-                mode: "precise",
-            },
-        });
-        if (typeof options.size.value === "number") {
-            options.size.value /= factor;
-        }
-        else {
-            options.size.value.min /= factor;
-            options.size.value.max /= factor;
-        }
-        options.load(splitParticlesOptions);
-        const offset = splitOptions.sizeOffset ? setRangeValue(-parent.size.value, parent.size.value) : 0, position = {
-            x: parent.position.x + randomInRange(offset),
-            y: parent.position.y + randomInRange(offset),
-        };
-        return this.container.particles.addParticle(position, options, parent.group, (particle) => {
-            var _a;
-            if (particle.size.value < 0.5) {
-                return false;
-            }
-            particle.velocity.length = randomInRange(setRangeValue(parent.velocity.length, particle.velocity.length));
-            particle.splitCount = ((_a = parent.splitCount) !== null && _a !== void 0 ? _a : 0) + 1;
-            particle.unbreakable = true;
-            setTimeout(() => {
-                particle.unbreakable = false;
-            }, 500);
-            return true;
-        });
-    }
-    split(particle) {
-        const destroyOptions = particle.options.destroy;
-        if (!destroyOptions) {
-            return;
-        }
-        const splitOptions = destroyOptions.split;
-        if (splitOptions.count >= 0 &&
-            (particle.splitCount === undefined || particle.splitCount++ > splitOptions.count)) {
-            return;
-        }
-        const rate = getValue(splitOptions.rate), particlesSplitOptions = itemFromSingleOrMultiple(splitOptions.particles);
-        for (let i = 0; i < rate; i++) {
-            this.addSplitParticle(particle, particlesSplitOptions);
-        }
-    }
 }

package/esm/Options/Classes/Destroy.js

@@ -1,5 +1,5 @@
-import { DestroyBounds } from "./DestroyBounds";
-import { Split } from "./Split";
+import { DestroyBounds } from "./DestroyBounds.js";
+import { Split } from "./Split.js";
 export class Destroy {
     constructor() {
         this.bounds = new DestroyBounds();

package/esm/Options/Classes/Split.js

@@ -1,6 +1,6 @@
-import { deepExtend, executeOnSingleOrMultiple } from "@tsparticles/engine";
-import { SplitFactor } from "./SplitFactor";
-import { SplitRate } from "./SplitRate";
+import { OptionsColor, deepExtend, executeOnSingleOrMultiple, } from "@tsparticles/engine";
+import { SplitFactor } from "./SplitFactor.js";
+import { SplitRate } from "./SplitRate.js";
 export class Split {
     constructor() {
         this.count = 1;
@@ -12,6 +12,9 @@ export class Split {
         if (!data) {
             return;
         }
+        if (data.color !== undefined) {
+            this.color = OptionsColor.create(this.color, data.color);
+        }
         if (data.count !== undefined) {
             this.count = data.count;
         }
@@ -23,5 +26,17 @@ export class Split {
         if (data.sizeOffset !== undefined) {
             this.sizeOffset = data.sizeOffset;
         }
+        if (data.colorOffset) {
+            this.colorOffset = this.colorOffset ?? {};
+            if (data.colorOffset.h !== undefined) {
+                this.colorOffset.h = data.colorOffset.h;
+            }
+            if (data.colorOffset.s !== undefined) {
+                this.colorOffset.s = data.colorOffset.s;
+            }
+            if (data.colorOffset.l !== undefined) {
+                this.colorOffset.l = data.colorOffset.l;
+            }
+        }
     }
 }

package/esm/Types.js

@@ -0,0 +1 @@
+export {};

package/esm/Utils.js

@@ -0,0 +1,74 @@
+import { getRangeValue, getValue, isNumber, itemFromSingleOrMultiple, loadParticlesOptions, randomInRange, setRangeValue, } from "@tsparticles/engine";
+function addSplitParticle(engine, container, parent, splitParticlesOptions) {
+    const destroyOptions = parent.options.destroy;
+    if (!destroyOptions) {
+        return;
+    }
+    const splitOptions = destroyOptions.split, options = loadParticlesOptions(engine, container, parent.options), factor = getValue(splitOptions.factor), parentColor = parent.getFillColor();
+    if (splitOptions.color) {
+        options.color.load(splitOptions.color);
+    }
+    else if (splitOptions.colorOffset && parentColor) {
+        options.color.load({
+            value: {
+                hsl: {
+                    h: parentColor.h + getRangeValue(splitOptions.colorOffset.h ?? 0),
+                    s: parentColor.s + getRangeValue(splitOptions.colorOffset.s ?? 0),
+                    l: parentColor.l + getRangeValue(splitOptions.colorOffset.l ?? 0),
+                },
+            },
+        });
+    }
+    else {
+        options.color.load({
+            value: {
+                hsl: parent.getFillColor(),
+            },
+        });
+    }
+    options.move.load({
+        center: {
+            x: parent.position.x,
+            y: parent.position.y,
+            mode: "precise",
+        },
+    });
+    if (isNumber(options.size.value)) {
+        options.size.value /= factor;
+    }
+    else {
+        options.size.value.min /= factor;
+        options.size.value.max /= factor;
+    }
+    options.load(splitParticlesOptions);
+    const offset = splitOptions.sizeOffset ? setRangeValue(-parent.size.value, parent.size.value) : 0, position = {
+        x: parent.position.x + randomInRange(offset),
+        y: parent.position.y + randomInRange(offset),
+    };
+    return container.particles.addParticle(position, options, parent.group, (particle) => {
+        if (particle.size.value < 0.5) {
+            return false;
+        }
+        particle.velocity.length = randomInRange(setRangeValue(parent.velocity.length, particle.velocity.length));
+        particle.splitCount = (parent.splitCount ?? 0) + 1;
+        particle.unbreakable = true;
+        setTimeout(() => {
+            particle.unbreakable = false;
+        }, 500);
+        return true;
+    });
+}
+export 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)) {
+        return;
+    }
+    const rate = getValue(splitOptions.rate), particlesSplitOptions = itemFromSingleOrMultiple(splitOptions.particles);
+    for (let i = 0; i < rate; i++) {
+        addSplitParticle(engine, container, particle, particlesSplitOptions);
+    }
+}

package/esm/index.js

@@ -1,4 +1,4 @@
-import { DestroyUpdater } from "./DestroyUpdater";
-export async function loadDestroyUpdater(engine) {
-    await engine.addParticleUpdater("destroy", (container) => new DestroyUpdater(engine, container));
+import { DestroyUpdater } from "./DestroyUpdater.js";
+export async function loadDestroyUpdater(engine, refresh = true) {
+    await engine.addParticleUpdater("destroy", (container) => new DestroyUpdater(engine, container), refresh);
 }

package/esm/package.json

@@ -0,0 +1 @@
+{ "type": "module" }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/updater-destroy",
-  "version": "3.0.0-alpha.1",
+  "version": "3.0.0-beta.1",
   "description": "tsParticles particles destroy updater",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -68,15 +68,28 @@
   "bugs": {
     "url": "https://github.com/matteobruni/tsparticles/issues"
   },
-  "main": "cjs/index.js",
+  "sideEffects": false,
   "jsdelivr": "tsparticles.updater.destroy.min.js",
   "unpkg": "tsparticles.updater.destroy.min.js",
+  "browser": "browser/index.js",
+  "main": "cjs/index.js",
   "module": "esm/index.js",
   "types": "types/index.d.ts",
-  "publishConfig": {
-    "access": "public"
+  "exports": {
+    ".": {
+      "types": "./types/index.d.ts",
+      "browser": "./browser/index.js",
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js",
+      "umd": "./umd/index.js",
+      "default": "./cjs/index.js"
+    },
+    "./package.json": "./package.json"
   },
   "dependencies": {
-    "@tsparticles/engine": "^3.0.0-alpha.1"
+    "@tsparticles/engine": "^3.0.0-beta.1"
+  },
+  "publishConfig": {
+    "access": "public"
   }
-}
+}