@tsparticles/updater-destroy 4.0.0-alpha.8 → 4.0.0-beta.0

package/umd/Options/Classes/Destroy.js

@@ -15,6 +15,9 @@
     const DestroyMode_js_1 = require("../../Enums/DestroyMode.js");
     const Split_js_1 = require("./Split.js");
     class Destroy {
+        bounds;
+        mode;
+        split;
         constructor() {
             this.bounds = new DestroyBounds_js_1.DestroyBounds();
             this.mode = DestroyMode_js_1.DestroyMode.none;

package/umd/Options/Classes/DestroyBounds.js

@@ -12,6 +12,10 @@
     exports.DestroyBounds = void 0;
     const engine_1 = require("@tsparticles/engine");
     class DestroyBounds {
+        bottom;
+        left;
+        right;
+        top;
         load(data) {
             if ((0, engine_1.isNull)(data)) {
                 return;

package/umd/Options/Classes/Split.js

@@ -14,6 +14,15 @@
     const SplitFactor_js_1 = require("./SplitFactor.js");
     const SplitRate_js_1 = require("./SplitRate.js");
     class Split {
+        count;
+        factor;
+        fillColor;
+        fillColorOffset;
+        particles;
+        rate;
+        sizeOffset;
+        strokeColor;
+        strokeColorOffset;
         constructor() {
             this.count = 1;
             this.factor = new SplitFactor_js_1.SplitFactor();
@@ -24,8 +33,11 @@
             if ((0, engine_1.isNull)(data)) {
                 return;
             }
-            if (data.color !== undefined) {
-                this.color = engine_1.OptionsColor.create(this.color, data.color);
+            if (data.fillColor !== undefined) {
+                this.fillColor = engine_1.OptionsColor.create(this.fillColor, data.fillColor);
+            }
+            if (data.strokeColor !== undefined) {
+                this.strokeColor = engine_1.OptionsColor.create(this.strokeColor, data.strokeColor);
             }
             if (data.count !== undefined) {
                 this.count = data.count;
@@ -38,16 +50,28 @@
             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.fillColorOffset) {
+                this.fillColorOffset = this.fillColorOffset ?? {};
+                if (data.fillColorOffset.h !== undefined) {
+                    this.fillColorOffset.h = data.fillColorOffset.h;
+                }
+                if (data.fillColorOffset.s !== undefined) {
+                    this.fillColorOffset.s = data.fillColorOffset.s;
+                }
+                if (data.fillColorOffset.l !== undefined) {
+                    this.fillColorOffset.l = data.fillColorOffset.l;
+                }
+            }
+            if (data.strokeColorOffset) {
+                this.strokeColorOffset = this.strokeColorOffset ?? {};
+                if (data.strokeColorOffset.h !== undefined) {
+                    this.strokeColorOffset.h = data.strokeColorOffset.h;
                 }
-                if (data.colorOffset.s !== undefined) {
-                    this.colorOffset.s = data.colorOffset.s;
+                if (data.strokeColorOffset.s !== undefined) {
+                    this.strokeColorOffset.s = data.strokeColorOffset.s;
                 }
-                if (data.colorOffset.l !== undefined) {
-                    this.colorOffset.l = data.colorOffset.l;
+                if (data.strokeColorOffset.l !== undefined) {
+                    this.strokeColorOffset.l = data.strokeColorOffset.l;
                 }
             }
         }

package/umd/Utils.js

@@ -17,27 +17,54 @@
         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();
-        if (splitOptions.color) {
-            options.color.load(splitOptions.color);
-        }
-        else if (splitOptions.colorOffset && parentColor) {
-            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),
+        const splitOptions = destroyOptions.split, options = (0, engine_1.loadParticlesOptions)(engine, container, parent.options), fillOptions = (0, engine_1.itemFromSingleOrMultiple)(options.fill), strokeOptions = (0, engine_1.itemFromSingleOrMultiple)(options.stroke);
+        if (fillOptions?.enable) {
+            const fillColor = engine_1.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 + (0, engine_1.getRangeValue)(splitOptions.fillColorOffset.h ?? defaultOffset),
+                            s: parentFillColor.s + (0, engine_1.getRangeValue)(splitOptions.fillColorOffset.s ?? defaultOffset),
+                            l: parentFillColor.l + (0, engine_1.getRangeValue)(splitOptions.fillColorOffset.l ?? defaultOffset),
+                        },
+                    },
+                });
+            }
+            else {
+                fillColor.load({
+                    value: {
+                        hsl: parent.getFillColor(),
                     },
-                },
-            });
+                });
+            }
         }
-        else {
-            options.color.load({
-                value: {
-                    hsl: parent.getFillColor(),
-                },
-            });
+        if (strokeOptions?.width) {
+            const strokeColor = engine_1.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 + (0, engine_1.getRangeValue)(splitOptions.strokeColorOffset.h ?? defaultOffset),
+                            s: parentStrokeColor.s + (0, engine_1.getRangeValue)(splitOptions.strokeColorOffset.s ?? defaultOffset),
+                            l: parentStrokeColor.l + (0, engine_1.getRangeValue)(splitOptions.strokeColorOffset.l ?? defaultOffset),
+                        },
+                    },
+                });
+            }
+            else {
+                strokeColor.load({
+                    value: {
+                        hsl: parent.getStrokeColor(),
+                    },
+                });
+            }
         }
         options.move.load({
             center: {
@@ -46,12 +73,13 @@
                 mode: engine_1.PixelMode.precise,
             },
         });
+        const factor = engine_1.identity / (0, engine_1.getRangeValue)(splitOptions.factor.value);
         if ((0, engine_1.isNumber)(options.size.value)) {
-            options.size.value /= factor;
+            options.size.value *= factor;
         }
         else {
-            options.size.value.min /= factor;
-            options.size.value.max /= factor;
+            options.size.value.min *= factor;
+            options.size.value.max *= factor;
         }
         options.load(splitParticlesOptions);
         const offset = splitOptions.sizeOffset ? (0, engine_1.setRangeValue)(-parent.size.value, parent.size.value) : defaultOffset, position = {
@@ -65,9 +93,7 @@
             particle.velocity.length = (0, engine_1.randomInRangeValue)((0, engine_1.setRangeValue)(parent.velocity.length, particle.velocity.length));
             particle.splitCount = (parent.splitCount ?? defaultSplitCount) + increment;
             particle.unbreakable = true;
-            setTimeout(() => {
-                particle.unbreakable = false;
-            }, unbreakableTime);
+            particle.unbreakableUntil = performance.now() + unbreakableTime;
             return true;
         });
     }
@@ -77,9 +103,11 @@
             return;
         }
         const splitOptions = destroyOptions.split;
-        if (splitOptions.count >= minSplitCount &&
-            (particle.splitCount === undefined || particle.splitCount++ > splitOptions.count)) {
-            return;
+        if (splitOptions.count >= minSplitCount) {
+            if (particle.splitCount === undefined || particle.splitCount > splitOptions.count) {
+                return;
+            }
+            particle.splitCount++;
         }
         const rate = (0, engine_1.getRangeValue)(splitOptions.rate.value), particlesSplitOptions = (0, engine_1.itemFromSingleOrMultiple)(splitOptions.particles);
         for (let i = 0; i < rate; i++) {

package/umd/index.js

@@ -45,7 +45,7 @@ var __importStar = (this && this.__importStar) || (function () {
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.loadDestroyUpdater = loadDestroyUpdater;
     async function loadDestroyUpdater(engine) {
-        engine.checkVersion("4.0.0-alpha.8");
+        engine.checkVersion("4.0.0-beta.0");
         await engine.register(e => {
             e.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));

package/72.min.js

@@ -1,2 +0,0 @@
-/*! For license information please see 72.min.js.LICENSE.txt */
-(this.webpackChunk_tsparticles_updater_destroy=this.webpackChunk_tsparticles_updater_destroy||[]).push([[72],{72(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/72.min.js.LICENSE.txt

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

package/tsparticles.updater.destroy.min.js.LICENSE.txt

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