@tsparticles/updater-destroy 3.0.0-alpha.0

package/tsparticles.updater.destroy.js

@@ -0,0 +1,327 @@
+/*!
+ * 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
+ * v3.0.0-alpha.0
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("@tsparticles/engine"));
+	else if(typeof define === 'function' && define.amd)
+		define(["@tsparticles/engine"], factory);
+	else {
+		var a = typeof exports === 'object' ? factory(require("@tsparticles/engine")) : factory(root["window"]);
+		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
+	}
+})(this, (__WEBPACK_EXTERNAL_MODULE__533__) => {
+return /******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	var __webpack_modules__ = ({
+
+/***/ 533:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__533__;
+
+/***/ })
+
+/******/ 	});
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	var __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		if (cachedModule !== undefined) {
+/******/ 			return cachedModule.exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 			// no module.id needed
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	(() => {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = (exports, definition) => {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	(() => {
+/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	(() => {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = (exports) => {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/************************************************************************/
+var __webpack_exports__ = {};
+// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
+(() => {
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "loadDestroyUpdater": () => (/* binding */ loadDestroyUpdater)
+});
+
+// EXTERNAL MODULE: external {"commonjs":"@tsparticles/engine","commonjs2":"@tsparticles/engine","amd":"@tsparticles/engine","root":"window"}
+var engine_root_window_ = __webpack_require__(533);
+;// CONCATENATED MODULE: ./dist/browser/Options/Classes/DestroyBounds.js
+
+class DestroyBounds {
+  load(data) {
+    if (!data) {
+      return;
+    }
+    if (data.bottom !== undefined) {
+      this.bottom = (0,engine_root_window_.setRangeValue)(data.bottom);
+    }
+    if (data.left !== undefined) {
+      this.left = (0,engine_root_window_.setRangeValue)(data.left);
+    }
+    if (data.right !== undefined) {
+      this.right = (0,engine_root_window_.setRangeValue)(data.right);
+    }
+    if (data.top !== undefined) {
+      this.top = (0,engine_root_window_.setRangeValue)(data.top);
+    }
+  }
+}
+;// CONCATENATED MODULE: ./dist/browser/Options/Classes/SplitFactor.js
+
+class SplitFactor extends engine_root_window_.ValueWithRandom {
+  constructor() {
+    super();
+    this.value = 3;
+  }
+}
+;// CONCATENATED MODULE: ./dist/browser/Options/Classes/SplitRate.js
+
+class SplitRate extends engine_root_window_.ValueWithRandom {
+  constructor() {
+    super();
+    this.value = {
+      min: 4,
+      max: 9
+    };
+  }
+}
+;// CONCATENATED MODULE: ./dist/browser/Options/Classes/Split.js
+
+
+
+class Split {
+  constructor() {
+    this.count = 1;
+    this.factor = new SplitFactor();
+    this.rate = new SplitRate();
+    this.sizeOffset = true;
+  }
+  load(data) {
+    if (!data) {
+      return;
+    }
+    if (data.count !== undefined) {
+      this.count = data.count;
+    }
+    this.factor.load(data.factor);
+    this.rate.load(data.rate);
+    this.particles = (0,engine_root_window_.executeOnSingleOrMultiple)(data.particles, particles => {
+      return (0,engine_root_window_.deepExtend)({}, particles);
+    });
+    if (data.sizeOffset !== undefined) {
+      this.sizeOffset = data.sizeOffset;
+    }
+  }
+}
+;// CONCATENATED MODULE: ./dist/browser/Options/Classes/Destroy.js
+
+
+class Destroy {
+  constructor() {
+    this.bounds = new DestroyBounds();
+    this.mode = "none";
+    this.split = new Split();
+  }
+  load(data) {
+    if (!data) {
+      return;
+    }
+    if (data.mode) {
+      this.mode = data.mode;
+    }
+    if (data.bounds) {
+      this.bounds.load(data.bounds);
+    }
+    this.split.load(data.split);
+  }
+}
+;// CONCATENATED MODULE: ./dist/browser/DestroyUpdater.js
+
+
+class DestroyUpdater {
+  constructor(engine, container) {
+    this.engine = engine;
+    this.container = container;
+  }
+  init(particle) {
+    const container = this.container,
+      particlesOptions = particle.options,
+      destroyOptions = particlesOptions.destroy;
+    if (!destroyOptions) {
+      return;
+    }
+    particle.splitCount = 0;
+    const destroyBounds = destroyOptions.bounds;
+    if (!particle.destroyBounds) {
+      particle.destroyBounds = {};
+    }
+    if (destroyBounds.bottom) {
+      particle.destroyBounds.bottom = (0,engine_root_window_.getRangeValue)(destroyBounds.bottom) * container.canvas.size.height / 100;
+    }
+    if (destroyBounds.left) {
+      particle.destroyBounds.left = (0,engine_root_window_.getRangeValue)(destroyBounds.left) * container.canvas.size.width / 100;
+    }
+    if (destroyBounds.right) {
+      particle.destroyBounds.right = (0,engine_root_window_.getRangeValue)(destroyBounds.right) * container.canvas.size.width / 100;
+    }
+    if (destroyBounds.top) {
+      particle.destroyBounds.top = (0,engine_root_window_.getRangeValue)(destroyBounds.top) * container.canvas.size.height / 100;
+    }
+  }
+  isEnabled(particle) {
+    return !particle.destroyed;
+  }
+  loadOptions(options, ...sources) {
+    if (!options.destroy) {
+      options.destroy = new Destroy();
+    }
+    for (const source of sources) {
+      options.destroy.load(source === null || source === void 0 ? void 0 : source.destroy);
+    }
+  }
+  particleDestroyed(particle, override) {
+    if (override) {
+      return;
+    }
+    const destroyOptions = particle.options.destroy;
+    if (destroyOptions && destroyOptions.mode === "split") {
+      this.split(particle);
+    }
+  }
+  update(particle) {
+    if (!this.isEnabled(particle)) {
+      return;
+    }
+    const position = particle.getPosition(),
+      bounds = particle.destroyBounds;
+    if (!bounds) {
+      return;
+    }
+    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) {
+      particle.destroy();
+    }
+  }
+  addSplitParticle(parent, splitParticlesOptions) {
+    const destroyOptions = parent.options.destroy;
+    if (!destroyOptions) {
+      return;
+    }
+    const splitOptions = destroyOptions.split,
+      options = (0,engine_root_window_.loadParticlesOptions)(this.engine, this.container, parent.options),
+      factor = (0,engine_root_window_.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 ? (0,engine_root_window_.setRangeValue)(-parent.size.value, parent.size.value) : 0,
+      position = {
+        x: parent.position.x + (0,engine_root_window_.randomInRange)(offset),
+        y: parent.position.y + (0,engine_root_window_.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 = (0,engine_root_window_.randomInRange)((0,engine_root_window_.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 = (0,engine_root_window_.getValue)(splitOptions.rate),
+      particlesSplitOptions = (0,engine_root_window_.itemFromSingleOrMultiple)(splitOptions.particles);
+    for (let i = 0; i < rate; i++) {
+      this.addSplitParticle(particle, particlesSplitOptions);
+    }
+  }
+}
+;// CONCATENATED MODULE: ./dist/browser/index.js
+
+async function loadDestroyUpdater(engine) {
+  await engine.addParticleUpdater("destroy", container => new DestroyUpdater(engine, container));
+}
+})();
+
+/******/ 	return __webpack_exports__;
+/******/ })()
+;
+});

package/tsparticles.updater.destroy.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see tsparticles.updater.destroy.min.js.LICENSE.txt */
+!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],e);else{var o="object"==typeof exports?e(require("@tsparticles/engine")):e(t.window);for(var s in o)("object"==typeof exports?exports:t)[s]=o[s]}}(this,(t=>(()=>{"use strict";var e={533:e=>{e.exports=t}},o={};function s(t){var i=o[t];if(void 0!==i)return i.exports;var n=o[t]={exports:{}};return e[t](n,n.exports,s),n.exports}s.d=(t,e)=>{for(var o in e)s.o(e,o)&&!s.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:e[o]})},s.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),s.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var i={};return(()=>{s.r(i),s.d(i,{loadDestroyUpdater:()=>d});var t=s(533);class e{load(e){e&&(void 0!==e.bottom&&(this.bottom=(0,t.setRangeValue)(e.bottom)),void 0!==e.left&&(this.left=(0,t.setRangeValue)(e.left)),void 0!==e.right&&(this.right=(0,t.setRangeValue)(e.right)),void 0!==e.top&&(this.top=(0,t.setRangeValue)(e.top)))}}class o extends t.ValueWithRandom{constructor(){super(),this.value=3}}class n extends t.ValueWithRandom{constructor(){super(),this.value={min:4,max:9}}}class r{constructor(){this.count=1,this.factor=new o,this.rate=new n,this.sizeOffset=!0}load(e){e&&(void 0!==e.count&&(this.count=e.count),this.factor.load(e.factor),this.rate.load(e.rate),this.particles=(0,t.executeOnSingleOrMultiple)(e.particles,(e=>(0,t.deepExtend)({},e))),void 0!==e.sizeOffset&&(this.sizeOffset=e.sizeOffset))}}class a{constructor(){this.bounds=new e,this.mode="none",this.split=new r}load(t){t&&(t.mode&&(this.mode=t.mode),t.bounds&&this.bounds.load(t.bounds),this.split.load(t.split))}}class l{constructor(t,e){this.engine=t,this.container=e}init(e){const o=this.container,s=e.options.destroy;if(!s)return;e.splitCount=0;const i=s.bounds;e.destroyBounds||(e.destroyBounds={}),i.bottom&&(e.destroyBounds.bottom=(0,t.getRangeValue)(i.bottom)*o.canvas.size.height/100),i.left&&(e.destroyBounds.left=(0,t.getRangeValue)(i.left)*o.canvas.size.width/100),i.right&&(e.destroyBounds.right=(0,t.getRangeValue)(i.right)*o.canvas.size.width/100),i.top&&(e.destroyBounds.top=(0,t.getRangeValue)(i.top)*o.canvas.size.height/100)}isEnabled(t){return!t.destroyed}loadOptions(t,...e){t.destroy||(t.destroy=new a);for(const o of e)t.destroy.load(null==o?void 0:o.destroy)}particleDestroyed(t,e){if(e)return;const o=t.options.destroy;o&&"split"===o.mode&&this.split(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()}addSplitParticle(e,o){const s=e.options.destroy;if(!s)return;const i=s.split,n=(0,t.loadParticlesOptions)(this.engine,this.container,e.options),r=(0,t.getValue)(i.factor);n.color.load({value:{hsl:e.getFillColor()}}),n.move.load({center:{x:e.position.x,y:e.position.y,mode:"precise"}}),"number"==typeof n.size.value?n.size.value/=r:(n.size.value.min/=r,n.size.value.max/=r),n.load(o);const a=i.sizeOffset?(0,t.setRangeValue)(-e.size.value,e.size.value):0,l={x:e.position.x+(0,t.randomInRange)(a),y:e.position.y+(0,t.randomInRange)(a)};return this.container.particles.addParticle(l,n,e.group,(o=>{var s;return!(o.size.value<.5)&&(o.velocity.length=(0,t.randomInRange)((0,t.setRangeValue)(e.velocity.length,o.velocity.length)),o.splitCount=(null!==(s=e.splitCount)&&void 0!==s?s:0)+1,o.unbreakable=!0,setTimeout((()=>{o.unbreakable=!1}),500),!0)}))}split(e){const o=e.options.destroy;if(!o)return;const s=o.split;if(s.count>=0&&(void 0===e.splitCount||e.splitCount++>s.count))return;const i=(0,t.getValue)(s.rate),n=(0,t.itemFromSingleOrMultiple)(s.particles);for(let t=0;t<i;t++)this.addSplitParticle(e,n)}}async function d(t){await t.addParticleUpdater("destroy",(e=>new l(t,e)))}})(),i})()));

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

@@ -0,0 +1,8 @@
+/*!
+ * 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
+ * v3.0.0-alpha.0
+ */

package/types/DestroyUpdater.d.ts

@@ -0,0 +1,27 @@
+import type { Container, Engine, IBounds, IParticleUpdater, IParticlesOptions, Particle, ParticlesOptions, RecursivePartial } from "@tsparticles/engine";
+import { Destroy } from "./Options/Classes/Destroy";
+import type { IDestroy } from "./Options/Interfaces/IDestroy";
+type IDestroyParticlesOptions = IParticlesOptions & {
+    destroy?: IDestroy;
+};
+type DestroyParticlesOptions = ParticlesOptions & {
+    destroy?: Destroy;
+};
+type DestroyParticle = Particle & {
+    destroyBounds?: Partial<IBounds>;
+    options: DestroyParticlesOptions;
+    splitCount?: number;
+};
+export declare class DestroyUpdater implements IParticleUpdater {
+    private readonly engine;
+    private readonly container;
+    constructor(engine: Engine, container: Container);
+    init(particle: DestroyParticle): void;
+    isEnabled(particle: Particle): boolean;
+    loadOptions(options: DestroyParticlesOptions, ...sources: (RecursivePartial<IDestroyParticlesOptions> | undefined)[]): void;
+    particleDestroyed(particle: DestroyParticle, override?: boolean): void;
+    update(particle: DestroyParticle): void;
+    private addSplitParticle;
+    private split;
+}
+export {};

package/types/Enums/DestroyMode.d.ts

@@ -0,0 +1,4 @@
+export declare const enum DestroyMode {
+    none = "none",
+    split = "split"
+}

package/types/Options/Classes/Destroy.d.ts

@@ -0,0 +1,12 @@
+import type { IOptionLoader, RecursivePartial } from "@tsparticles/engine";
+import { DestroyBounds } from "./DestroyBounds";
+import { DestroyMode } from "../../Enums/DestroyMode";
+import type { IDestroy } from "../Interfaces/IDestroy";
+import { Split } from "./Split";
+export declare class Destroy implements IDestroy, IOptionLoader<IDestroy> {
+    bounds: DestroyBounds;
+    mode: DestroyMode | keyof typeof DestroyMode;
+    split: Split;
+    constructor();
+    load(data?: RecursivePartial<IDestroy>): void;
+}

package/types/Options/Classes/DestroyBounds.d.ts

@@ -0,0 +1,9 @@
+import type { IOptionLoader, RangeValue, RecursivePartial } from "@tsparticles/engine";
+import type { IDestroyBounds } from "../Interfaces/IDestroyBounds";
+export declare class DestroyBounds implements IDestroyBounds, IOptionLoader<IDestroyBounds> {
+    bottom?: RangeValue;
+    left?: RangeValue;
+    right?: RangeValue;
+    top?: RangeValue;
+    load(data?: RecursivePartial<IDestroyBounds>): void;
+}

package/types/Options/Classes/Split.d.ts

@@ -0,0 +1,13 @@
+import type { IOptionLoader, IParticlesOptions, RecursivePartial, SingleOrMultiple } from "@tsparticles/engine";
+import type { ISplit } from "../Interfaces/ISplit";
+import { SplitFactor } from "./SplitFactor";
+import { SplitRate } from "./SplitRate";
+export declare class Split implements ISplit, IOptionLoader<ISplit> {
+    count: number;
+    factor: SplitFactor;
+    particles?: SingleOrMultiple<RecursivePartial<IParticlesOptions>>;
+    rate: SplitRate;
+    sizeOffset: boolean;
+    constructor();
+    load(data?: RecursivePartial<ISplit>): void;
+}

package/types/Options/Classes/SplitFactor.d.ts

@@ -0,0 +1,4 @@
+import { ValueWithRandom } from "@tsparticles/engine";
+export declare class SplitFactor extends ValueWithRandom {
+    constructor();
+}

package/types/Options/Classes/SplitRate.d.ts

@@ -0,0 +1,4 @@
+import { ValueWithRandom } from "@tsparticles/engine";
+export declare class SplitRate extends ValueWithRandom {
+    constructor();
+}

package/types/Options/Interfaces/IDestroy.d.ts

@@ -0,0 +1,8 @@
+import type { DestroyMode } from "../../Enums/DestroyMode";
+import type { IDestroyBounds } from "./IDestroyBounds";
+import type { ISplit } from "./ISplit";
+export interface IDestroy {
+    bounds: IDestroyBounds;
+    mode: DestroyMode | keyof typeof DestroyMode;
+    split: ISplit;
+}

package/types/Options/Interfaces/IDestroyBounds.d.ts

@@ -0,0 +1,7 @@
+import type { RangeValue } from "@tsparticles/engine";
+export interface IDestroyBounds {
+    bottom?: RangeValue;
+    left?: RangeValue;
+    right?: RangeValue;
+    top?: RangeValue;
+}

package/types/Options/Interfaces/ISplit.d.ts

@@ -0,0 +1,8 @@
+import type { IParticlesOptions, IValueWithRandom, RecursivePartial, SingleOrMultiple } from "@tsparticles/engine";
+export interface ISplit {
+    count: number;
+    factor: IValueWithRandom;
+    particles?: SingleOrMultiple<RecursivePartial<IParticlesOptions>>;
+    rate: IValueWithRandom;
+    sizeOffset: boolean;
+}

package/types/index.d.ts

@@ -0,0 +1,2 @@
+import type { Engine } from "@tsparticles/engine";
+export declare function loadDestroyUpdater(engine: Engine): Promise<void>;

package/umd/DestroyUpdater.js

@@ -0,0 +1,139 @@
+(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", "@tsparticles/engine", "./Options/Classes/Destroy"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.DestroyUpdater = void 0;
+    const engine_1 = require("@tsparticles/engine");
+    const Destroy_1 = require("./Options/Classes/Destroy");
+    class DestroyUpdater {
+        constructor(engine, container) {
+            this.engine = engine;
+            this.container = container;
+        }
+        init(particle) {
+            const container = this.container, particlesOptions = particle.options, destroyOptions = particlesOptions.destroy;
+            if (!destroyOptions) {
+                return;
+            }
+            particle.splitCount = 0;
+            const destroyBounds = destroyOptions.bounds;
+            if (!particle.destroyBounds) {
+                particle.destroyBounds = {};
+            }
+            if (destroyBounds.bottom) {
+                particle.destroyBounds.bottom = ((0, engine_1.getRangeValue)(destroyBounds.bottom) * container.canvas.size.height) / 100;
+            }
+            if (destroyBounds.left) {
+                particle.destroyBounds.left = ((0, engine_1.getRangeValue)(destroyBounds.left) * container.canvas.size.width) / 100;
+            }
+            if (destroyBounds.right) {
+                particle.destroyBounds.right = ((0, engine_1.getRangeValue)(destroyBounds.right) * container.canvas.size.width) / 100;
+            }
+            if (destroyBounds.top) {
+                particle.destroyBounds.top = ((0, engine_1.getRangeValue)(destroyBounds.top) * container.canvas.size.height) / 100;
+            }
+        }
+        isEnabled(particle) {
+            return !particle.destroyed;
+        }
+        loadOptions(options, ...sources) {
+            if (!options.destroy) {
+                options.destroy = new Destroy_1.Destroy();
+            }
+            for (const source of sources) {
+                options.destroy.load(source === null || source === void 0 ? void 0 : source.destroy);
+            }
+        }
+        particleDestroyed(particle, override) {
+            if (override) {
+                return;
+            }
+            const destroyOptions = particle.options.destroy;
+            if (destroyOptions && destroyOptions.mode === "split") {
+                this.split(particle);
+            }
+        }
+        update(particle) {
+            if (!this.isEnabled(particle)) {
+                return;
+            }
+            const position = particle.getPosition(), bounds = particle.destroyBounds;
+            if (!bounds) {
+                return;
+            }
+            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)) {
+                particle.destroy();
+            }
+        }
+        addSplitParticle(parent, splitParticlesOptions) {
+            const destroyOptions = parent.options.destroy;
+            if (!destroyOptions) {
+                return;
+            }
+            const splitOptions = destroyOptions.split, options = (0, engine_1.loadParticlesOptions)(this.engine, this.container, parent.options), factor = (0, engine_1.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 ? (0, engine_1.setRangeValue)(-parent.size.value, parent.size.value) : 0, position = {
+                x: parent.position.x + (0, engine_1.randomInRange)(offset),
+                y: parent.position.y + (0, engine_1.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 = (0, engine_1.randomInRange)((0, engine_1.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 = (0, engine_1.getValue)(splitOptions.rate), particlesSplitOptions = (0, engine_1.itemFromSingleOrMultiple)(splitOptions.particles);
+            for (let i = 0; i < rate; i++) {
+                this.addSplitParticle(particle, particlesSplitOptions);
+            }
+        }
+    }
+    exports.DestroyUpdater = DestroyUpdater;
+});

package/umd/Enums/DestroyMode.js

@@ -0,0 +1,12 @@
+(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"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+});

package/umd/Options/Classes/Destroy.js

@@ -0,0 +1,35 @@
+(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", "./DestroyBounds", "./Split"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.Destroy = void 0;
+    const DestroyBounds_1 = require("./DestroyBounds");
+    const Split_1 = require("./Split");
+    class Destroy {
+        constructor() {
+            this.bounds = new DestroyBounds_1.DestroyBounds();
+            this.mode = "none";
+            this.split = new Split_1.Split();
+        }
+        load(data) {
+            if (!data) {
+                return;
+            }
+            if (data.mode) {
+                this.mode = data.mode;
+            }
+            if (data.bounds) {
+                this.bounds.load(data.bounds);
+            }
+            this.split.load(data.split);
+        }
+    }
+    exports.Destroy = Destroy;
+});