tsparticles-preset-fireworks - npm Package Compare versions

Comparing version 2.0.0-beta.4 to 2.0.0-beta.5

bundle.d.ts

@@ -0,3 +1,3 @@
+import { loadFireworksPreset } from ".";
 import { tsParticles } from "tsparticles-engine";
-import { loadFireworksPreset } from ".";
 export { loadFireworksPreset, tsParticles };

bundle.js

@@ -0,4 +1,4 @@
+import { loadFireworksPreset } from ".";
 import { tsParticles } from "tsparticles-engine";
-import { loadFireworksPreset } from ".";
 loadFireworksPreset(tsParticles);
 export { loadFireworksPreset, tsParticles };

index.d.ts

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

index.js

@@ -1,24 +0,37 @@
-import { options } from "./options";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { loadAngleUpdater } from "tsparticles-updater-angle";
+import { loadBaseMover } from "tsparticles-move-base";
 import { loadCircleShape } from "tsparticles-shape-circle";
+import { loadColorUpdater } from "tsparticles-updater-color";
 import { loadEmittersPlugin } from "tsparticles-plugin-emitters";
 import { loadLifeUpdater } from "tsparticles-updater-life";
-import { loadStrokeColorUpdater } from "tsparticles-updater-stroke-color";
+import { loadLineShape } from "tsparticles-shape-line";
 import { loadOpacityUpdater } from "tsparticles-updater-opacity";
+import { loadOutModesUpdater } from "tsparticles-updater-out-modes";
 import { loadSizeUpdater } from "tsparticles-updater-size";
-import { loadLineShape } from "tsparticles-shape-line";
-import { loadAngleUpdater } from "tsparticles-updater-angle";
-import { loadOutModesUpdater } from "tsparticles-updater-out-modes";
-import { loadColorUpdater } from "tsparticles-updater-color";
-export function loadFireworksPreset(tsParticles) {
-    loadEmittersPlugin(tsParticles);
-    loadCircleShape(tsParticles);
-    loadLineShape(tsParticles);
-    loadAngleUpdater(tsParticles);
-    loadColorUpdater(tsParticles);
-    loadLifeUpdater(tsParticles);
-    loadOpacityUpdater(tsParticles);
-    loadOutModesUpdater(tsParticles);
-    loadSizeUpdater(tsParticles);
-    loadStrokeColorUpdater(tsParticles);
-    tsParticles.addPreset("fireworks", options);
+import { loadStrokeColorUpdater } from "tsparticles-updater-stroke-color";
+import { options } from "./options";
+export function loadFireworksPreset(engine) {
+    return __awaiter(this, void 0, void 0, function* () {
+        yield loadBaseMover(engine);
+        yield loadEmittersPlugin(engine);
+        yield loadCircleShape(engine);
+        yield loadLineShape(engine);
+        yield loadAngleUpdater(engine);
+        yield loadColorUpdater(engine);
+        yield loadLifeUpdater(engine);
+        yield loadOpacityUpdater(engine);
+        yield loadOutModesUpdater(engine);
+        yield loadSizeUpdater(engine);
+        yield loadStrokeColorUpdater(engine);
+        yield engine.addPreset("fireworks", options);
+    });
 }

options.js

@@ -1,2 +0,1 @@
-import { DestroyMode, DestroyType, MoveDirection, OutMode, ShapeType, StartValueType } from "tsparticles-engine";
 export const options = {
@@ -9,3 +8,3 @@ detectRetina: true,
     emitters: {
-        direction: MoveDirection.top,
+        direction: "top",
         life: {
@@ -34,11 +33,7 @@ count: 0,
         destroy: {
-            mode: DestroyMode.split,
+            mode: "split",
             split: {
                 count: 1,
-                factor: {
-                    value: 0.333333,
-                },
-                rate: {
-                    value: 100,
-                },
+                factor: 0.333333,
+                rate: 100,
                 particles: {
@@ -66,8 +61,8 @@ color: {
                             sync: false,
-                            startValue: StartValueType.max,
-                            destroy: DestroyType.min,
+                            startValue: "max",
+                            destroy: "min",
                         },
                     },
                     shape: {
-                        type: ShapeType.circle,
+                        type: "circle",
                     },
@@ -98,3 +93,3 @@ size: {
                         straight: false,
-                        outMode: OutMode.destroy,
+                        outModes: "destroy",
                     },
@@ -119,4 +114,4 @@ },
                 speed: 90,
-                startValue: StartValueType.max,
-                destroy: DestroyType.min,
+                startValue: "max",
+                destroy: "min",
             },
@@ -146,4 +141,4 @@ },
             outModes: {
-                default: OutMode.destroy,
-                top: OutMode.none,
+                default: "destroy",
+                top: "none",
             },
@@ -150,0 +145,0 @@ trail: {

package.json

 {
   "name": "tsparticles-preset-fireworks",
-  "version": "2.0.0-beta.4",
+  "version": "2.0.0-beta.5",
   "description": "tsParticles fireworks preset",
@@ -48,14 +48,15 @@ "homepage": "https://particles.js.org/",
   "dependencies": {
-    "tsparticles-engine": "^2.0.0-beta.3",
-    "tsparticles-plugin-emitters": "^2.0.0-beta.4",
-    "tsparticles-shape-circle": "^2.0.0-beta.4",
-    "tsparticles-shape-line": "^2.0.0-beta.4",
-    "tsparticles-updater-angle": "^2.0.0-beta.4",
-    "tsparticles-updater-color": "^2.0.0-beta.4",
-    "tsparticles-updater-life": "^2.0.0-beta.4",
-    "tsparticles-updater-opacity": "^2.0.0-beta.4",
-    "tsparticles-updater-out-modes": "^2.0.0-beta.4",
-    "tsparticles-updater-size": "^2.0.0-beta.4",
-    "tsparticles-updater-stroke-color": "^2.0.0-beta.4"
+    "tsparticles-engine": "^2.0.0-beta.4",
+    "tsparticles-move-base": "^2.0.0-beta.5",
+    "tsparticles-plugin-emitters": "^2.0.0-beta.5",
+    "tsparticles-shape-circle": "^2.0.0-beta.5",
+    "tsparticles-shape-line": "^2.0.0-beta.5",
+    "tsparticles-updater-angle": "^2.0.0-beta.5",
+    "tsparticles-updater-color": "^2.0.0-beta.5",
+    "tsparticles-updater-life": "^2.0.0-beta.5",
+    "tsparticles-updater-opacity": "^2.0.0-beta.5",
+    "tsparticles-updater-out-modes": "^2.0.0-beta.5",
+    "tsparticles-updater-size": "^2.0.0-beta.5",
+    "tsparticles-updater-stroke-color": "^2.0.0-beta.5"
   }
 }

README.md

@@ -1,6 +0,6 @@
-[![banner](https://particles.js.org/images/banner2.png)](https://particles.js.org)
+[![banner](https://particles.js.org/images/banner3.png)](https://particles.js.org)
 
 # tsParticles Fireworks Preset
 
-[![jsDelivr](https://data.jsdelivr.com/v1/package/npm/tsparticles-preset-fireworks/badge)](https://www.jsdelivr.com/package/npm/tsparticles) [![npmjs](https://badge.fury.io/js/tsparticles-preset-fireworks.svg)](https://www.npmjs.com/package/tsparticles-preset-fireworks) [![npmjs](https://img.shields.io/npm/dt/tsparticles-preset-fireworks)](https://www.npmjs.com/package/tsparticles-preset-fireworks)
+[![jsDelivr](https://data.jsdelivr.com/v1/package/npm/tsparticles-preset-fireworks/badge)](https://www.jsdelivr.com/package/npm/tsparticles-preset-fireworks) [![npmjs](https://badge.fury.io/js/tsparticles-preset-fireworks.svg)](https://www.npmjs.com/package/tsparticles-preset-fireworks) [![npmjs](https://img.shields.io/npm/dt/tsparticles-preset-fireworks)](https://www.npmjs.com/package/tsparticles-preset-fireworks)
 
@@ -11,3 +11,3 @@ [tsParticles](https://github.com/matteobruni/tsparticles) preset for fireworks effect.
 
-![demo](https://raw.githubusercontent.com/matteobruni/tsparticles/v1/presets/fireworks/images/sample.png)
+[![demo](https://raw.githubusercontent.com/matteobruni/tsparticles/main/presets/fireworks/images/sample.png)](https://particles.js.org/samples/presets/fireworks)
 
@@ -25,4 +25,4 @@ ## How to use it
 ```html
-<script src="https://cdn.jsdelivr.net/npm/tsparticles"></script>
-<script src="https://cdn.jsdelivr.net/npm/tsparticles-preset-fireworks"></script>
+<script src="https://cdn.jsdelivr.net/npm/tsparticles@2/tsparticles.bundle.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/tsparticles-preset-fireworks@2/tsparticles.preset.fireworks.min.js"></script>
 ```
@@ -37,3 +37,3 @@
 ```html
-<script src="https://cdn.jsdelivr.net/npm/tsparticles-preset-fireworks/tsparticles.preset.fireworks.bundle.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/tsparticles-preset-fireworks@2/tsparticles.preset.fireworks.bundle.min.js"></script>
 ```
@@ -79,3 +79,3 @@
 import Particles from "react-tsparticles";
-import { Main } from "tsparticles-engine";
+import { Engine } from "tsparticles-engine";
 import { loadFireworksPreset } from "tsparticles-preset-fireworks";
@@ -85,5 +85,5 @@
   // this customizes the component tsParticles installation
-  customInit(main: Main) {
+  async customInit(engine: Engine): Promise<void> {
     // this adds the preset to tsParticles, you can safely use the
-    loadFireworksPreset(main);
+    await loadFireworksPreset(engine);
   }
@@ -110,4 +110,4 @@
 ```js
-function particlesInit(main: Main) {
-  loadFireworksPreset(main);
+async function particlesInit(engine: Engine): Promise<void> {
+  await loadFireworksPreset(engine);
 }
@@ -128,4 +128,4 @@ ```
 ```ts
-function particlesInit(main: Main): void {
-  loadFireworksPreset(main);
+async function particlesInit(engine: Engine): Promise<void> {
+  await loadFireworksPreset(engine);
 }
@@ -146,5 +146,5 @@ ```
 ```js
-let onParticlesInit = (main) => {
-  loadFireworksPreset(main);
-};
+async function onParticlesInit(engine) {
+  await loadFireworksPreset(engine);
+}
 ```

tsparticles.preset.fireworks.js

@@ -7,14 +7,14 @@ /*!
  * How to use? : Check the GitHub README
- * v2.0.0-beta.4
+ * v2.0.0-beta.5
  */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory(require("tsparticles-engine"), require("tsparticles-shape-circle"), require("tsparticles-plugin-emitters"), require("tsparticles-updater-life"), require("tsparticles-updater-opacity"), require("tsparticles-updater-size"), require("tsparticles-shape-line"), require("tsparticles-updater-angle"), require("tsparticles-updater-out-modes"), require("tsparticles-updater-color"));
+		module.exports = factory(require("tsparticles-updater-angle"), require("tsparticles-move-base"), require("tsparticles-shape-circle"), require("tsparticles-updater-color"), require("tsparticles-plugin-emitters"), require("tsparticles-updater-life"), require("tsparticles-shape-line"), require("tsparticles-updater-opacity"), require("tsparticles-updater-out-modes"), require("tsparticles-updater-size"), require("tsparticles-engine"));
 	else if(typeof define === 'function' && define.amd)
-		define(["tsparticles-engine", "tsparticles-shape-circle", "tsparticles-plugin-emitters", "tsparticles-updater-life", "tsparticles-updater-opacity", "tsparticles-updater-size", "tsparticles-shape-line", "tsparticles-updater-angle", "tsparticles-updater-out-modes", "tsparticles-updater-color"], factory);
+		define(["tsparticles-updater-angle", "tsparticles-move-base", "tsparticles-shape-circle", "tsparticles-updater-color", "tsparticles-plugin-emitters", "tsparticles-updater-life", "tsparticles-shape-line", "tsparticles-updater-opacity", "tsparticles-updater-out-modes", "tsparticles-updater-size", "tsparticles-engine"], factory);
 	else {
-		var a = typeof exports === 'object' ? factory(require("tsparticles-engine"), require("tsparticles-shape-circle"), require("tsparticles-plugin-emitters"), require("tsparticles-updater-life"), require("tsparticles-updater-opacity"), require("tsparticles-updater-size"), require("tsparticles-shape-line"), require("tsparticles-updater-angle"), require("tsparticles-updater-out-modes"), require("tsparticles-updater-color")) : factory(root["window"], root["window"], root["window"], root["window"], root["window"], root["window"], root["window"], root["window"], root["window"], root["window"]);
+		var a = typeof exports === 'object' ? factory(require("tsparticles-updater-angle"), require("tsparticles-move-base"), require("tsparticles-shape-circle"), require("tsparticles-updater-color"), require("tsparticles-plugin-emitters"), require("tsparticles-updater-life"), require("tsparticles-shape-line"), require("tsparticles-updater-opacity"), require("tsparticles-updater-out-modes"), require("tsparticles-updater-size"), require("tsparticles-engine")) : factory(root["window"], root["window"], root["window"], root["window"], root["window"], root["window"], root["window"], root["window"], root["window"], root["window"], root["window"]);
 		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
 	}
-})(this, function(__WEBPACK_EXTERNAL_MODULE__818__, __WEBPACK_EXTERNAL_MODULE__941__, __WEBPACK_EXTERNAL_MODULE__949__, __WEBPACK_EXTERNAL_MODULE__489__, __WEBPACK_EXTERNAL_MODULE__838__, __WEBPACK_EXTERNAL_MODULE__328__, __WEBPACK_EXTERNAL_MODULE__45__, __WEBPACK_EXTERNAL_MODULE__1__, __WEBPACK_EXTERNAL_MODULE__364__, __WEBPACK_EXTERNAL_MODULE__841__) {
+})(this, function(__WEBPACK_EXTERNAL_MODULE__1__, __WEBPACK_EXTERNAL_MODULE__919__, __WEBPACK_EXTERNAL_MODULE__941__, __WEBPACK_EXTERNAL_MODULE__841__, __WEBPACK_EXTERNAL_MODULE__949__, __WEBPACK_EXTERNAL_MODULE__489__, __WEBPACK_EXTERNAL_MODULE__45__, __WEBPACK_EXTERNAL_MODULE__838__, __WEBPACK_EXTERNAL_MODULE__364__, __WEBPACK_EXTERNAL_MODULE__328__, __WEBPACK_EXTERNAL_MODULE__818__) {
 return /******/ (function() { // webpackBootstrap
@@ -31,2 +31,9 @@ /******/ 	"use strict";
 
+/***/ 919:
+/***/ (function(module) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__919__;
+
+/***/ }),
+
 /***/ 949:
@@ -162,6 +169,161 @@ /***/ (function(module) {
 
+// EXTERNAL MODULE: external {"commonjs":"tsparticles-updater-angle","commonjs2":"tsparticles-updater-angle","amd":"tsparticles-updater-angle","root":"window"}
+var external_commonjs_tsparticles_updater_angle_commonjs2_tsparticles_updater_angle_amd_tsparticles_updater_angle_root_window_ = __webpack_require__(1);
+// EXTERNAL MODULE: external {"commonjs":"tsparticles-move-base","commonjs2":"tsparticles-move-base","amd":"tsparticles-move-base","root":"window"}
+var external_commonjs_tsparticles_move_base_commonjs2_tsparticles_move_base_amd_tsparticles_move_base_root_window_ = __webpack_require__(919);
+// EXTERNAL MODULE: external {"commonjs":"tsparticles-shape-circle","commonjs2":"tsparticles-shape-circle","amd":"tsparticles-shape-circle","root":"window"}
+var external_commonjs_tsparticles_shape_circle_commonjs2_tsparticles_shape_circle_amd_tsparticles_shape_circle_root_window_ = __webpack_require__(941);
+// EXTERNAL MODULE: external {"commonjs":"tsparticles-updater-color","commonjs2":"tsparticles-updater-color","amd":"tsparticles-updater-color","root":"window"}
+var external_commonjs_tsparticles_updater_color_commonjs2_tsparticles_updater_color_amd_tsparticles_updater_color_root_window_ = __webpack_require__(841);
+// EXTERNAL MODULE: external {"commonjs":"tsparticles-plugin-emitters","commonjs2":"tsparticles-plugin-emitters","amd":"tsparticles-plugin-emitters","root":"window"}
+var external_commonjs_tsparticles_plugin_emitters_commonjs2_tsparticles_plugin_emitters_amd_tsparticles_plugin_emitters_root_window_ = __webpack_require__(949);
+// EXTERNAL MODULE: external {"commonjs":"tsparticles-updater-life","commonjs2":"tsparticles-updater-life","amd":"tsparticles-updater-life","root":"window"}
+var external_commonjs_tsparticles_updater_life_commonjs2_tsparticles_updater_life_amd_tsparticles_updater_life_root_window_ = __webpack_require__(489);
+// EXTERNAL MODULE: external {"commonjs":"tsparticles-shape-line","commonjs2":"tsparticles-shape-line","amd":"tsparticles-shape-line","root":"window"}
+var external_commonjs_tsparticles_shape_line_commonjs2_tsparticles_shape_line_amd_tsparticles_shape_line_root_window_ = __webpack_require__(45);
+// EXTERNAL MODULE: external {"commonjs":"tsparticles-updater-opacity","commonjs2":"tsparticles-updater-opacity","amd":"tsparticles-updater-opacity","root":"window"}
+var external_commonjs_tsparticles_updater_opacity_commonjs2_tsparticles_updater_opacity_amd_tsparticles_updater_opacity_root_window_ = __webpack_require__(838);
+// EXTERNAL MODULE: external {"commonjs":"tsparticles-updater-out-modes","commonjs2":"tsparticles-updater-out-modes","amd":"tsparticles-updater-out-modes","root":"window"}
+var external_commonjs_tsparticles_updater_out_modes_commonjs2_tsparticles_updater_out_modes_amd_tsparticles_updater_out_modes_root_window_ = __webpack_require__(364);
+// EXTERNAL MODULE: external {"commonjs":"tsparticles-updater-size","commonjs2":"tsparticles-updater-size","amd":"tsparticles-updater-size","root":"window"}
+var external_commonjs_tsparticles_updater_size_commonjs2_tsparticles_updater_size_amd_tsparticles_updater_size_root_window_ = __webpack_require__(328);
 // EXTERNAL MODULE: external {"commonjs":"tsparticles-engine","commonjs2":"tsparticles-engine","amd":"tsparticles-engine","root":"window"}
 var external_commonjs_tsparticles_engine_commonjs2_tsparticles_engine_amd_tsparticles_engine_root_window_ = __webpack_require__(818);
+;// CONCATENATED MODULE: ../../updaters/strokeColor/dist/StrokeColorUpdater.js
+
+
+function updateColorValue(delta, value, valueAnimation, max, decrease) {
+  var _a;
+
+  const colorValue = value;
+
+  if (!colorValue || !colorValue.enable) {
+    return;
+  }
+
+  const offset = (0,external_commonjs_tsparticles_engine_commonjs2_tsparticles_engine_amd_tsparticles_engine_root_window_.randomInRange)(valueAnimation.offset);
+  const velocity = ((_a = value.velocity) !== null && _a !== void 0 ? _a : 0) * delta.factor + offset * 3.6;
+
+  if (!decrease || colorValue.status === 0) {
+    colorValue.value += velocity;
+
+    if (decrease && colorValue.value > max) {
+      colorValue.status = 1;
+      colorValue.value -= colorValue.value % max;
+    }
+  } else {
+    colorValue.value -= velocity;
+
+    if (colorValue.value < 0) {
+      colorValue.status = 0;
+      colorValue.value += colorValue.value;
+    }
+  }
+
+  if (colorValue.value > max) {
+    colorValue.value %= max;
+  }
+}
+
+function updateStrokeColor(particle, delta) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+
+  if (!((_a = particle.stroke) === null || _a === void 0 ? void 0 : _a.color)) {
+    return;
+  }
+
+  const animationOptions = particle.stroke.color.animation;
+  const h = (_c = (_b = particle.strokeColor) === null || _b === void 0 ? void 0 : _b.h) !== null && _c !== void 0 ? _c : (_d = particle.color) === null || _d === void 0 ? void 0 : _d.h;
+
+  if (h) {
+    updateColorValue(delta, h, animationOptions.h, 360, false);
+  }
+
+  const s = (_f = (_e = particle.strokeColor) === null || _e === void 0 ? void 0 : _e.s) !== null && _f !== void 0 ? _f : (_g = particle.color) === null || _g === void 0 ? void 0 : _g.s;
+
+  if (s) {
+    updateColorValue(delta, s, animationOptions.s, 100, true);
+  }
+
+  const l = (_j = (_h = particle.strokeColor) === null || _h === void 0 ? void 0 : _h.l) !== null && _j !== void 0 ? _j : (_k = particle.color) === null || _k === void 0 ? void 0 : _k.l;
+
+  if (l) {
+    updateColorValue(delta, l, animationOptions.l, 100, true);
+  }
+}
+
+class StrokeColorUpdater {
+  constructor(container) {
+    this.container = container;
+  }
+
+  init(particle) {
+    var _a, _b;
+
+    const container = this.container;
+    particle.stroke = particle.options.stroke instanceof Array ? (0,external_commonjs_tsparticles_engine_commonjs2_tsparticles_engine_amd_tsparticles_engine_root_window_.itemFromArray)(particle.options.stroke, particle.id, particle.options.reduceDuplicates) : particle.options.stroke;
+    particle.strokeWidth = particle.stroke.width * container.retina.pixelRatio;
+    const strokeHslColor = (_a = (0,external_commonjs_tsparticles_engine_commonjs2_tsparticles_engine_amd_tsparticles_engine_root_window_.colorToHsl)(particle.stroke.color)) !== null && _a !== void 0 ? _a : particle.getFillColor();
+
+    if (strokeHslColor) {
+      particle.strokeColor = (0,external_commonjs_tsparticles_engine_commonjs2_tsparticles_engine_amd_tsparticles_engine_root_window_.getHslAnimationFromHsl)(strokeHslColor, (_b = particle.stroke.color) === null || _b === void 0 ? void 0 : _b.animation, container.retina.reduceFactor);
+    }
+  }
+
+  isEnabled(particle) {
+    var _a, _b, _c, _d;
+
+    const color = (_a = particle.stroke) === null || _a === void 0 ? void 0 : _a.color;
+    return !particle.destroyed && !particle.spawning && !!color && (((_b = particle.strokeColor) === null || _b === void 0 ? void 0 : _b.h.value) !== undefined && color.animation.h.enable || ((_c = particle.strokeColor) === null || _c === void 0 ? void 0 : _c.s.value) !== undefined && color.animation.s.enable || ((_d = particle.strokeColor) === null || _d === void 0 ? void 0 : _d.l.value) !== undefined && color.animation.l.enable);
+  }
+
+  update(particle, delta) {
+    if (!this.isEnabled(particle)) {
+      return;
+    }
+
+    updateStrokeColor(particle, delta);
+  }
+
+}
+;// CONCATENATED MODULE: ../../updaters/strokeColor/dist/index.js
+var __awaiter = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+  function adopt(value) {
+    return value instanceof P ? value : new P(function (resolve) {
+      resolve(value);
+    });
+  }
+
+  return new (P || (P = Promise))(function (resolve, reject) {
+    function fulfilled(value) {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+
+    function rejected(value) {
+      try {
+        step(generator["throw"](value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+
+    function step(result) {
+      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+    }
+
+    step((generator = generator.apply(thisArg, _arguments || [])).next());
+  });
+};
+
+
+function loadStrokeColorUpdater(engine) {
+  return __awaiter(this, void 0, void 0, function* () {
+    yield engine.addParticleUpdater("strokeColor", container => new StrokeColorUpdater(container));
+  });
+}
 ;// CONCATENATED MODULE: ./dist/options.js
-
 const options = {
@@ -174,3 +336,3 @@ detectRetina: true,
   emitters: {
-    direction: external_commonjs_tsparticles_engine_commonjs2_tsparticles_engine_amd_tsparticles_engine_root_window_.MoveDirection.top,
+    direction: "top",
     life: {
@@ -199,11 +361,7 @@ count: 0,
     destroy: {
-      mode: external_commonjs_tsparticles_engine_commonjs2_tsparticles_engine_amd_tsparticles_engine_root_window_.DestroyMode.split,
+      mode: "split",
       split: {
         count: 1,
-        factor: {
-          value: 0.333333
-        },
-        rate: {
-          value: 100
-        },
+        factor: 0.333333,
+        rate: 100,
         particles: {
@@ -231,8 +389,8 @@ color: {
               sync: false,
-              startValue: external_commonjs_tsparticles_engine_commonjs2_tsparticles_engine_amd_tsparticles_engine_root_window_.StartValueType.max,
-              destroy: external_commonjs_tsparticles_engine_commonjs2_tsparticles_engine_amd_tsparticles_engine_root_window_.DestroyType.min
+              startValue: "max",
+              destroy: "min"
             }
           },
           shape: {
-            type: external_commonjs_tsparticles_engine_commonjs2_tsparticles_engine_amd_tsparticles_engine_root_window_.ShapeType.circle
+            type: "circle"
           },
@@ -263,3 +421,3 @@ size: {
             straight: false,
-            outMode: external_commonjs_tsparticles_engine_commonjs2_tsparticles_engine_amd_tsparticles_engine_root_window_.OutMode.destroy
+            outModes: "destroy"
           }
@@ -284,4 +442,4 @@ }
         speed: 90,
-        startValue: external_commonjs_tsparticles_engine_commonjs2_tsparticles_engine_amd_tsparticles_engine_root_window_.StartValueType.max,
-        destroy: external_commonjs_tsparticles_engine_commonjs2_tsparticles_engine_amd_tsparticles_engine_root_window_.DestroyType.min
+        startValue: "max",
+        destroy: "min"
       }
@@ -311,4 +469,4 @@ },
       outModes: {
-        default: external_commonjs_tsparticles_engine_commonjs2_tsparticles_engine_amd_tsparticles_engine_root_window_.OutMode.destroy,
-        top: external_commonjs_tsparticles_engine_commonjs2_tsparticles_engine_amd_tsparticles_engine_root_window_.OutMode.none
+        default: "destroy",
+        top: "none"
       },
@@ -323,107 +481,4 @@ trail: {
 };
-// EXTERNAL MODULE: external {"commonjs":"tsparticles-shape-circle","commonjs2":"tsparticles-shape-circle","amd":"tsparticles-shape-circle","root":"window"}
-var external_commonjs_tsparticles_shape_circle_commonjs2_tsparticles_shape_circle_amd_tsparticles_shape_circle_root_window_ = __webpack_require__(941);
-// EXTERNAL MODULE: external {"commonjs":"tsparticles-plugin-emitters","commonjs2":"tsparticles-plugin-emitters","amd":"tsparticles-plugin-emitters","root":"window"}
-var external_commonjs_tsparticles_plugin_emitters_commonjs2_tsparticles_plugin_emitters_amd_tsparticles_plugin_emitters_root_window_ = __webpack_require__(949);
-// EXTERNAL MODULE: external {"commonjs":"tsparticles-updater-life","commonjs2":"tsparticles-updater-life","amd":"tsparticles-updater-life","root":"window"}
-var external_commonjs_tsparticles_updater_life_commonjs2_tsparticles_updater_life_amd_tsparticles_updater_life_root_window_ = __webpack_require__(489);
-;// CONCATENATED MODULE: ../../updaters/strokeColor/dist/StrokeColorUpdater.js
-
-
-function updateColorValue(delta, value, valueAnimation, max, decrease) {
-  var _a;
-
-  const colorValue = value;
-
-  if (!colorValue || !colorValue.enable) {
-    return;
-  }
-
-  const offset = (0,external_commonjs_tsparticles_engine_commonjs2_tsparticles_engine_amd_tsparticles_engine_root_window_.randomInRange)(valueAnimation.offset);
-  const velocity = ((_a = value.velocity) !== null && _a !== void 0 ? _a : 0) * delta.factor + offset * 3.6;
-
-  if (!decrease || colorValue.status === external_commonjs_tsparticles_engine_commonjs2_tsparticles_engine_amd_tsparticles_engine_root_window_.AnimationStatus.increasing) {
-    colorValue.value += velocity;
-
-    if (decrease && colorValue.value > max) {
-      colorValue.status = external_commonjs_tsparticles_engine_commonjs2_tsparticles_engine_amd_tsparticles_engine_root_window_.AnimationStatus.decreasing;
-      colorValue.value -= colorValue.value % max;
-    }
-  } else {
-    colorValue.value -= velocity;
-
-    if (colorValue.value < 0) {
-      colorValue.status = external_commonjs_tsparticles_engine_commonjs2_tsparticles_engine_amd_tsparticles_engine_root_window_.AnimationStatus.increasing;
-      colorValue.value += colorValue.value;
-    }
-  }
-
-  if (colorValue.value > max) {
-    colorValue.value %= max;
-  }
-}
-
-function updateStrokeColor(particle, delta) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-
-  if (!((_a = particle.stroke) === null || _a === void 0 ? void 0 : _a.color)) {
-    return;
-  }
-
-  const animationOptions = particle.stroke.color.animation;
-  const h = (_c = (_b = particle.strokeColor) === null || _b === void 0 ? void 0 : _b.h) !== null && _c !== void 0 ? _c : (_d = particle.color) === null || _d === void 0 ? void 0 : _d.h;
-
-  if (h) {
-    updateColorValue(delta, h, animationOptions.h, 360, false);
-  }
-
-  const s = (_f = (_e = particle.strokeColor) === null || _e === void 0 ? void 0 : _e.s) !== null && _f !== void 0 ? _f : (_g = particle.color) === null || _g === void 0 ? void 0 : _g.s;
-
-  if (s) {
-    updateColorValue(delta, s, animationOptions.s, 100, true);
-  }
-
-  const l = (_j = (_h = particle.strokeColor) === null || _h === void 0 ? void 0 : _h.l) !== null && _j !== void 0 ? _j : (_k = particle.color) === null || _k === void 0 ? void 0 : _k.l;
-
-  if (l) {
-    updateColorValue(delta, l, animationOptions.l, 100, true);
-  }
-}
-
-class StrokeColorUpdater {
-  constructor(container) {
-    this.container = container;
-  }
-
-  init(particle) {
-    var _a, _b;
-
-    const container = this.container;
-    particle.stroke = particle.options.stroke instanceof Array ? (0,external_commonjs_tsparticles_engine_commonjs2_tsparticles_engine_amd_tsparticles_engine_root_window_.itemFromArray)(particle.options.stroke, particle.id, particle.options.reduceDuplicates) : particle.options.stroke;
-    particle.strokeWidth = particle.stroke.width * container.retina.pixelRatio;
-    const strokeHslColor = (_a = (0,external_commonjs_tsparticles_engine_commonjs2_tsparticles_engine_amd_tsparticles_engine_root_window_.colorToHsl)(particle.stroke.color)) !== null && _a !== void 0 ? _a : particle.getFillColor();
-
-    if (strokeHslColor) {
-      particle.strokeColor = (0,external_commonjs_tsparticles_engine_commonjs2_tsparticles_engine_amd_tsparticles_engine_root_window_.getHslAnimationFromHsl)(strokeHslColor, (_b = particle.stroke.color) === null || _b === void 0 ? void 0 : _b.animation, container.retina.reduceFactor);
-    }
-  }
-
-  isEnabled(particle) {
-    var _a, _b, _c, _d;
-
-    const color = (_a = particle.stroke) === null || _a === void 0 ? void 0 : _a.color;
-    return !particle.destroyed && !particle.spawning && !!color && (((_b = particle.strokeColor) === null || _b === void 0 ? void 0 : _b.h.value) !== undefined && color.animation.h.enable || ((_c = particle.strokeColor) === null || _c === void 0 ? void 0 : _c.s.value) !== undefined && color.animation.s.enable || ((_d = particle.strokeColor) === null || _d === void 0 ? void 0 : _d.l.value) !== undefined && color.animation.l.enable);
-  }
-
-  update(particle, delta) {
-    if (!this.isEnabled(particle)) {
-      return;
-    }
-
-    updateStrokeColor(particle, delta);
-  }
-
-}
-;// CONCATENATED MODULE: ../../updaters/strokeColor/dist/index.js
-var __awaiter = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+;// CONCATENATED MODULE: ./dist/index.js
+var dist_awaiter = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
   function adopt(value) {
@@ -461,20 +516,2 @@ return value instanceof P ? value : new P(function (resolve) {
 
-function loadStrokeColorUpdater(tsParticles) {
-  return __awaiter(this, void 0, void 0, function* () {
-    yield tsParticles.addParticleUpdater("strokeColor", container => new StrokeColorUpdater(container));
-  });
-}
-// EXTERNAL MODULE: external {"commonjs":"tsparticles-updater-opacity","commonjs2":"tsparticles-updater-opacity","amd":"tsparticles-updater-opacity","root":"window"}
-var external_commonjs_tsparticles_updater_opacity_commonjs2_tsparticles_updater_opacity_amd_tsparticles_updater_opacity_root_window_ = __webpack_require__(838);
-// EXTERNAL MODULE: external {"commonjs":"tsparticles-updater-size","commonjs2":"tsparticles-updater-size","amd":"tsparticles-updater-size","root":"window"}
-var external_commonjs_tsparticles_updater_size_commonjs2_tsparticles_updater_size_amd_tsparticles_updater_size_root_window_ = __webpack_require__(328);
-// EXTERNAL MODULE: external {"commonjs":"tsparticles-shape-line","commonjs2":"tsparticles-shape-line","amd":"tsparticles-shape-line","root":"window"}
-var external_commonjs_tsparticles_shape_line_commonjs2_tsparticles_shape_line_amd_tsparticles_shape_line_root_window_ = __webpack_require__(45);
-// EXTERNAL MODULE: external {"commonjs":"tsparticles-updater-angle","commonjs2":"tsparticles-updater-angle","amd":"tsparticles-updater-angle","root":"window"}
-var external_commonjs_tsparticles_updater_angle_commonjs2_tsparticles_updater_angle_amd_tsparticles_updater_angle_root_window_ = __webpack_require__(1);
-// EXTERNAL MODULE: external {"commonjs":"tsparticles-updater-out-modes","commonjs2":"tsparticles-updater-out-modes","amd":"tsparticles-updater-out-modes","root":"window"}
-var external_commonjs_tsparticles_updater_out_modes_commonjs2_tsparticles_updater_out_modes_amd_tsparticles_updater_out_modes_root_window_ = __webpack_require__(364);
-// EXTERNAL MODULE: external {"commonjs":"tsparticles-updater-color","commonjs2":"tsparticles-updater-color","amd":"tsparticles-updater-color","root":"window"}
-var external_commonjs_tsparticles_updater_color_commonjs2_tsparticles_updater_color_amd_tsparticles_updater_color_root_window_ = __webpack_require__(841);
-;// CONCATENATED MODULE: ./dist/index.js
 
@@ -491,14 +528,17 @@
 
-function loadFireworksPreset(tsParticles) {
-  (0,external_commonjs_tsparticles_plugin_emitters_commonjs2_tsparticles_plugin_emitters_amd_tsparticles_plugin_emitters_root_window_.loadEmittersPlugin)(tsParticles);
-  (0,external_commonjs_tsparticles_shape_circle_commonjs2_tsparticles_shape_circle_amd_tsparticles_shape_circle_root_window_.loadCircleShape)(tsParticles);
-  (0,external_commonjs_tsparticles_shape_line_commonjs2_tsparticles_shape_line_amd_tsparticles_shape_line_root_window_.loadLineShape)(tsParticles);
-  (0,external_commonjs_tsparticles_updater_angle_commonjs2_tsparticles_updater_angle_amd_tsparticles_updater_angle_root_window_.loadAngleUpdater)(tsParticles);
-  (0,external_commonjs_tsparticles_updater_color_commonjs2_tsparticles_updater_color_amd_tsparticles_updater_color_root_window_.loadColorUpdater)(tsParticles);
-  (0,external_commonjs_tsparticles_updater_life_commonjs2_tsparticles_updater_life_amd_tsparticles_updater_life_root_window_.loadLifeUpdater)(tsParticles);
-  (0,external_commonjs_tsparticles_updater_opacity_commonjs2_tsparticles_updater_opacity_amd_tsparticles_updater_opacity_root_window_.loadOpacityUpdater)(tsParticles);
-  (0,external_commonjs_tsparticles_updater_out_modes_commonjs2_tsparticles_updater_out_modes_amd_tsparticles_updater_out_modes_root_window_.loadOutModesUpdater)(tsParticles);
-  (0,external_commonjs_tsparticles_updater_size_commonjs2_tsparticles_updater_size_amd_tsparticles_updater_size_root_window_.loadSizeUpdater)(tsParticles);
-  loadStrokeColorUpdater(tsParticles);
-  tsParticles.addPreset("fireworks", options);
+function loadFireworksPreset(engine) {
+  return dist_awaiter(this, void 0, void 0, function* () {
+    yield (0,external_commonjs_tsparticles_move_base_commonjs2_tsparticles_move_base_amd_tsparticles_move_base_root_window_.loadBaseMover)(engine);
+    yield (0,external_commonjs_tsparticles_plugin_emitters_commonjs2_tsparticles_plugin_emitters_amd_tsparticles_plugin_emitters_root_window_.loadEmittersPlugin)(engine);
+    yield (0,external_commonjs_tsparticles_shape_circle_commonjs2_tsparticles_shape_circle_amd_tsparticles_shape_circle_root_window_.loadCircleShape)(engine);
+    yield (0,external_commonjs_tsparticles_shape_line_commonjs2_tsparticles_shape_line_amd_tsparticles_shape_line_root_window_.loadLineShape)(engine);
+    yield (0,external_commonjs_tsparticles_updater_angle_commonjs2_tsparticles_updater_angle_amd_tsparticles_updater_angle_root_window_.loadAngleUpdater)(engine);
+    yield (0,external_commonjs_tsparticles_updater_color_commonjs2_tsparticles_updater_color_amd_tsparticles_updater_color_root_window_.loadColorUpdater)(engine);
+    yield (0,external_commonjs_tsparticles_updater_life_commonjs2_tsparticles_updater_life_amd_tsparticles_updater_life_root_window_.loadLifeUpdater)(engine);
+    yield (0,external_commonjs_tsparticles_updater_opacity_commonjs2_tsparticles_updater_opacity_amd_tsparticles_updater_opacity_root_window_.loadOpacityUpdater)(engine);
+    yield (0,external_commonjs_tsparticles_updater_out_modes_commonjs2_tsparticles_updater_out_modes_amd_tsparticles_updater_out_modes_root_window_.loadOutModesUpdater)(engine);
+    yield (0,external_commonjs_tsparticles_updater_size_commonjs2_tsparticles_updater_size_amd_tsparticles_updater_size_root_window_.loadSizeUpdater)(engine);
+    yield loadStrokeColorUpdater(engine);
+    yield engine.addPreset("fireworks", options);
+  });
 }
@@ -505,0 +545,0 @@ }();

tsparticles.preset.fireworks.min.js

@@ -1,2 +0,2 @@
-/*! tsParticles Fireworks Preset v2.0.0-beta.4 by Matteo Bruni */
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("tsparticles-engine"),require("tsparticles-shape-circle"),require("tsparticles-plugin-emitters"),require("tsparticles-updater-life"),require("tsparticles-updater-opacity"),require("tsparticles-updater-size"),require("tsparticles-shape-line"),require("tsparticles-updater-angle"),require("tsparticles-updater-out-modes"),require("tsparticles-updater-color"));else if("function"==typeof define&&define.amd)define(["tsparticles-engine","tsparticles-shape-circle","tsparticles-plugin-emitters","tsparticles-updater-life","tsparticles-updater-opacity","tsparticles-updater-size","tsparticles-shape-line","tsparticles-updater-angle","tsparticles-updater-out-modes","tsparticles-updater-color"],t);else{var o="object"==typeof exports?t(require("tsparticles-engine"),require("tsparticles-shape-circle"),require("tsparticles-plugin-emitters"),require("tsparticles-updater-life"),require("tsparticles-updater-opacity"),require("tsparticles-updater-size"),require("tsparticles-shape-line"),require("tsparticles-updater-angle"),require("tsparticles-updater-out-modes"),require("tsparticles-updater-color")):t(e.window,e.window,e.window,e.window,e.window,e.window,e.window,e.window,e.window,e.window);for(var r in o)("object"==typeof exports?exports:e)[r]=o[r]}}(this,(function(e,t,o,r,i,n,a,l,s,u){return function(){"use strict";var c={818:function(t){t.exports=e},949:function(e){e.exports=o},941:function(e){e.exports=t},45:function(e){e.exports=a},1:function(e){e.exports=l},841:function(e){e.exports=u},489:function(e){e.exports=r},838:function(e){e.exports=i},364:function(e){e.exports=s},328:function(e){e.exports=n}},d={};function p(e){var t=d[e];if(void 0!==t)return t.exports;var o=d[e]={exports:{}};return c[e](o,o.exports,p),o.exports}p.d=function(e,t){for(var o in t)p.o(t,o)&&!p.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},p.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},p.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var v={};return function(){p.r(v),p.d(v,{loadFireworksPreset:function(){return y}});var e=p(818);const t={detectRetina:!0,background:{color:"#000"},fpsLimit:60,emitters:{direction:e.MoveDirection.top,life:{count:0,duration:.1,delay:.1},rate:{delay:.5,quantity:1},size:{width:100,height:0},position:{y:100,x:50}},particles:{number:{value:0},destroy:{mode:e.DestroyMode.split,split:{count:1,factor:{value:.333333},rate:{value:100},particles:{color:{value:["#ff595e","#ffca3a","#8ac926","#1982c4","#6a4c93"]},stroke:{width:0},number:{value:0},collisions:{enable:!1},opacity:{value:{min:.1,max:1},animation:{enable:!0,speed:.7,sync:!1,startValue:e.StartValueType.max,destroy:e.DestroyType.min}},shape:{type:e.ShapeType.circle},size:{value:2,animation:{enable:!1}},life:{count:1,duration:{value:{min:1,max:2}}},move:{enable:!0,gravity:{enable:!1},speed:2,direction:"none",random:!0,straight:!1,outMode:e.OutMode.destroy}}}},life:{count:1},shape:{type:"line"},size:{value:{min:.1,max:50},animation:{enable:!0,sync:!0,speed:90,startValue:e.StartValueType.max,destroy:e.DestroyType.min}},stroke:{color:{value:"#ffffff"},width:1},rotate:{path:!0},move:{enable:!0,gravity:{acceleration:15,enable:!0,inverse:!0,maxSpeed:100},speed:{min:10,max:20},outModes:{default:e.OutMode.destroy,top:e.OutMode.none},trail:{fillColor:"#000",enable:!0,length:10}}}};var o=p(941),r=p(949),i=p(489);function n(t,o,r,i,n){var a;const l=o;if(!l||!l.enable)return;const s=(0,e.randomInRange)(r.offset),u=(null!==(a=o.velocity)&&void 0!==a?a:0)*t.factor+3.6*s;n&&l.status!==e.AnimationStatus.increasing?(l.value-=u,l.value<0&&(l.status=e.AnimationStatus.increasing,l.value+=l.value)):(l.value+=u,n&&l.value>i&&(l.status=e.AnimationStatus.decreasing,l.value-=l.value%i)),l.value>i&&(l.value%=i)}class a{constructor(e){this.container=e}init(t){var o,r;const i=this.container;t.stroke=t.options.stroke instanceof Array?(0,e.itemFromArray)(t.options.stroke,t.id,t.options.reduceDuplicates):t.options.stroke,t.strokeWidth=t.stroke.width*i.retina.pixelRatio;const n=null!==(o=(0,e.colorToHsl)(t.stroke.color))&&void 0!==o?o:t.getFillColor();n&&(t.strokeColor=(0,e.getHslAnimationFromHsl)(n,null===(r=t.stroke.color)||void 0===r?void 0:r.animation,i.retina.reduceFactor))}isEnabled(e){var t,o,r,i;const n=null===(t=e.stroke)||void 0===t?void 0:t.color;return!e.destroyed&&!e.spawning&&!!n&&(void 0!==(null===(o=e.strokeColor)||void 0===o?void 0:o.h.value)&&n.animation.h.enable||void 0!==(null===(r=e.strokeColor)||void 0===r?void 0:r.s.value)&&n.animation.s.enable||void 0!==(null===(i=e.strokeColor)||void 0===i?void 0:i.l.value)&&n.animation.l.enable)}update(e,t){this.isEnabled(e)&&function(e,t){var o,r,i,a,l,s,u,c,d,p;if(!(null===(o=e.stroke)||void 0===o?void 0:o.color))return;const v=e.stroke.color.animation,f=null!==(i=null===(r=e.strokeColor)||void 0===r?void 0:r.h)&&void 0!==i?i:null===(a=e.color)||void 0===a?void 0:a.h;f&&n(t,f,v.h,360,!1);const m=null!==(s=null===(l=e.strokeColor)||void 0===l?void 0:l.s)&&void 0!==s?s:null===(u=e.color)||void 0===u?void 0:u.s;m&&n(t,m,v.s,100,!0);const y=null!==(d=null===(c=e.strokeColor)||void 0===c?void 0:c.l)&&void 0!==d?d:null===(p=e.color)||void 0===p?void 0:p.l;y&&n(t,y,v.l,100,!0)}(e,t)}}var l=function(e,t,o,r){return new(o||(o=Promise))((function(i,n){function a(e){try{s(r.next(e))}catch(e){n(e)}}function l(e){try{s(r.throw(e))}catch(e){n(e)}}function s(e){var t;e.done?i(e.value):(t=e.value,t instanceof o?t:new o((function(e){e(t)}))).then(a,l)}s((r=r.apply(e,t||[])).next())}))};var s=p(838),u=p(328),c=p(45),d=p(1),f=p(364),m=p(841);function y(e){(0,r.loadEmittersPlugin)(e),(0,o.loadCircleShape)(e),(0,c.loadLineShape)(e),(0,d.loadAngleUpdater)(e),(0,m.loadColorUpdater)(e),(0,i.loadLifeUpdater)(e),(0,s.loadOpacityUpdater)(e),(0,f.loadOutModesUpdater)(e),(0,u.loadSizeUpdater)(e),function(e){l(this,void 0,void 0,(function*(){yield e.addParticleUpdater("strokeColor",(e=>new a(e)))}))}(e),e.addPreset("fireworks",t)}}(),v}()}));
+/*! tsParticles Fireworks Preset v2.0.0-beta.5 by Matteo Bruni */
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("tsparticles-updater-angle"),require("tsparticles-move-base"),require("tsparticles-shape-circle"),require("tsparticles-updater-color"),require("tsparticles-plugin-emitters"),require("tsparticles-updater-life"),require("tsparticles-shape-line"),require("tsparticles-updater-opacity"),require("tsparticles-updater-out-modes"),require("tsparticles-updater-size"),require("tsparticles-engine"));else if("function"==typeof define&&define.amd)define(["tsparticles-updater-angle","tsparticles-move-base","tsparticles-shape-circle","tsparticles-updater-color","tsparticles-plugin-emitters","tsparticles-updater-life","tsparticles-shape-line","tsparticles-updater-opacity","tsparticles-updater-out-modes","tsparticles-updater-size","tsparticles-engine"],t);else{var o="object"==typeof exports?t(require("tsparticles-updater-angle"),require("tsparticles-move-base"),require("tsparticles-shape-circle"),require("tsparticles-updater-color"),require("tsparticles-plugin-emitters"),require("tsparticles-updater-life"),require("tsparticles-shape-line"),require("tsparticles-updater-opacity"),require("tsparticles-updater-out-modes"),require("tsparticles-updater-size"),require("tsparticles-engine")):t(e.window,e.window,e.window,e.window,e.window,e.window,e.window,e.window,e.window,e.window,e.window);for(var i in o)("object"==typeof exports?exports:e)[i]=o[i]}}(this,(function(e,t,o,i,r,n,a,l,s,u,c){return function(){"use strict";var d={818:function(e){e.exports=c},919:function(e){e.exports=t},949:function(e){e.exports=r},941:function(e){e.exports=o},45:function(e){e.exports=a},1:function(t){t.exports=e},841:function(e){e.exports=i},489:function(e){e.exports=n},838:function(e){e.exports=l},364:function(e){e.exports=s},328:function(e){e.exports=u}},p={};function v(e){var t=p[e];if(void 0!==t)return t.exports;var o=p[e]={exports:{}};return d[e](o,o.exports,v),o.exports}v.d=function(e,t){for(var o in t)v.o(t,o)&&!v.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},v.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},v.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var f={};return function(){v.r(f),v.d(f,{loadFireworksPreset:function(){return w}});var e=v(1),t=v(919),o=v(941),i=v(841),r=v(949),n=v(489),a=v(45),l=v(838),s=v(364),u=v(328),c=v(818);function d(e,t,o,i,r){var n;const a=t;if(!a||!a.enable)return;const l=(0,c.randomInRange)(o.offset),s=(null!==(n=t.velocity)&&void 0!==n?n:0)*e.factor+3.6*l;r&&0!==a.status?(a.value-=s,a.value<0&&(a.status=0,a.value+=a.value)):(a.value+=s,r&&a.value>i&&(a.status=1,a.value-=a.value%i)),a.value>i&&(a.value%=i)}class p{constructor(e){this.container=e}init(e){var t,o;const i=this.container;e.stroke=e.options.stroke instanceof Array?(0,c.itemFromArray)(e.options.stroke,e.id,e.options.reduceDuplicates):e.options.stroke,e.strokeWidth=e.stroke.width*i.retina.pixelRatio;const r=null!==(t=(0,c.colorToHsl)(e.stroke.color))&&void 0!==t?t:e.getFillColor();r&&(e.strokeColor=(0,c.getHslAnimationFromHsl)(r,null===(o=e.stroke.color)||void 0===o?void 0:o.animation,i.retina.reduceFactor))}isEnabled(e){var t,o,i,r;const n=null===(t=e.stroke)||void 0===t?void 0:t.color;return!e.destroyed&&!e.spawning&&!!n&&(void 0!==(null===(o=e.strokeColor)||void 0===o?void 0:o.h.value)&&n.animation.h.enable||void 0!==(null===(i=e.strokeColor)||void 0===i?void 0:i.s.value)&&n.animation.s.enable||void 0!==(null===(r=e.strokeColor)||void 0===r?void 0:r.l.value)&&n.animation.l.enable)}update(e,t){this.isEnabled(e)&&function(e,t){var o,i,r,n,a,l,s,u,c,p;if(!(null===(o=e.stroke)||void 0===o?void 0:o.color))return;const v=e.stroke.color.animation,f=null!==(r=null===(i=e.strokeColor)||void 0===i?void 0:i.h)&&void 0!==r?r:null===(n=e.color)||void 0===n?void 0:n.h;f&&d(t,f,v.h,360,!1);const y=null!==(l=null===(a=e.strokeColor)||void 0===a?void 0:a.s)&&void 0!==l?l:null===(s=e.color)||void 0===s?void 0:s.s;y&&d(t,y,v.s,100,!0);const m=null!==(c=null===(u=e.strokeColor)||void 0===u?void 0:u.l)&&void 0!==c?c:null===(p=e.color)||void 0===p?void 0:p.l;m&&d(t,m,v.l,100,!0)}(e,t)}}var y=function(e,t,o,i){return new(o||(o=Promise))((function(r,n){function a(e){try{s(i.next(e))}catch(e){n(e)}}function l(e){try{s(i.throw(e))}catch(e){n(e)}}function s(e){var t;e.done?r(e.value):(t=e.value,t instanceof o?t:new o((function(e){e(t)}))).then(a,l)}s((i=i.apply(e,t||[])).next())}))};const m={detectRetina:!0,background:{color:"#000"},fpsLimit:60,emitters:{direction:"top",life:{count:0,duration:.1,delay:.1},rate:{delay:.5,quantity:1},size:{width:100,height:0},position:{y:100,x:50}},particles:{number:{value:0},destroy:{mode:"split",split:{count:1,factor:.333333,rate:100,particles:{color:{value:["#ff595e","#ffca3a","#8ac926","#1982c4","#6a4c93"]},stroke:{width:0},number:{value:0},collisions:{enable:!1},opacity:{value:{min:.1,max:1},animation:{enable:!0,speed:.7,sync:!1,startValue:"max",destroy:"min"}},shape:{type:"circle"},size:{value:2,animation:{enable:!1}},life:{count:1,duration:{value:{min:1,max:2}}},move:{enable:!0,gravity:{enable:!1},speed:2,direction:"none",random:!0,straight:!1,outModes:"destroy"}}}},life:{count:1},shape:{type:"line"},size:{value:{min:.1,max:50},animation:{enable:!0,sync:!0,speed:90,startValue:"max",destroy:"min"}},stroke:{color:{value:"#ffffff"},width:1},rotate:{path:!0},move:{enable:!0,gravity:{acceleration:15,enable:!0,inverse:!0,maxSpeed:100},speed:{min:10,max:20},outModes:{default:"destroy",top:"none"},trail:{fillColor:"#000",enable:!0,length:10}}}};var h=function(e,t,o,i){return new(o||(o=Promise))((function(r,n){function a(e){try{s(i.next(e))}catch(e){n(e)}}function l(e){try{s(i.throw(e))}catch(e){n(e)}}function s(e){var t;e.done?r(e.value):(t=e.value,t instanceof o?t:new o((function(e){e(t)}))).then(a,l)}s((i=i.apply(e,t||[])).next())}))};function w(c){return h(this,void 0,void 0,(function*(){yield(0,t.loadBaseMover)(c),yield(0,r.loadEmittersPlugin)(c),yield(0,o.loadCircleShape)(c),yield(0,a.loadLineShape)(c),yield(0,e.loadAngleUpdater)(c),yield(0,i.loadColorUpdater)(c),yield(0,n.loadLifeUpdater)(c),yield(0,l.loadOpacityUpdater)(c),yield(0,s.loadOutModesUpdater)(c),yield(0,u.loadSizeUpdater)(c),yield function(e){return y(this,void 0,void 0,(function*(){yield e.addParticleUpdater("strokeColor",(e=>new p(e)))}))}(c),yield c.addPreset("fireworks",m)}))}}(),f}()}));

No alert changes

Improved metrics

Total package byte prevSize

1022305

increased by14.55%

Lines of code

13126

increased by17.35%

Worsened metrics

Dependency count

12

increased by9.09%

Dependency changes

• + Addedtsparticles-move-base@^2.0.0-beta.5

• + Addedtsparticles-move-base@2.12.0(transitive)

• Updatedtsparticles-engine@^2.0.0-beta.4

• Updatedtsparticles-plugin-emitters@^2.0.0-beta.5

• Updatedtsparticles-shape-circle@^2.0.0-beta.5

• Updatedtsparticles-shape-line@^2.0.0-beta.5

• Updatedtsparticles-updater-angle@^2.0.0-beta.5

• Updatedtsparticles-updater-color@^2.0.0-beta.5

• Updatedtsparticles-updater-life@^2.0.0-beta.5

• Updatedtsparticles-updater-opacity@^2.0.0-beta.5

• Updatedtsparticles-updater-out-modes@^2.0.0-beta.5

• Updatedtsparticles-updater-size@^2.0.0-beta.5

• Updatedtsparticles-updater-stroke-color@^2.0.0-beta.5