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

package/esm/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/esm/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/updater-destroy",
-  "version": "4.0.0-beta.0",
+  "version": "4.0.0-beta.10",
   "description": "tsParticles particles destroy updater",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -81,13 +81,12 @@
       "browser": "./browser/index.js",
       "import": "./esm/index.js",
       "require": "./cjs/index.js",
-      "umd": "./umd/index.js",
-      "default": "./cjs/index.js"
+      "default": "./esm/index.js"
     },
     "./package.json": "./package.json"
   },
-  "dependencies": {
-    "@tsparticles/engine": "4.0.0-beta.0"
+  "peerDependencies": {
+    "@tsparticles/engine": "4.0.0-beta.10"
   },
   "publishConfig": {
     "access": "public"