tsparticles-slim - npm Package Compare versions

Comparing version 2.0.0-beta.2 to 2.0.0-beta.3

index.d.ts

 import type { Main } from "tsparticles-engine";
-export declare function loadSlim(tsParticles: Main): void;
+export declare function loadSlim(tsParticles: Main): Promise<void>;

index.js

@@ -0,1 +1,10 @@
+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 { loadExternalAttractInteraction } from "tsparticles-interaction-external-attract";
@@ -24,5 +33,2 @@ import { loadExternalBounceInteraction } from "tsparticles-interaction-external-bounce";
 import { loadAngleUpdater } from "tsparticles-updater-angle";
-import { loadTiltUpdater } from "tsparticles-updater-tilt";
-import { loadRollUpdater } from "tsparticles-updater-roll";
-import { loadWobbleUpdater } from "tsparticles-updater-wobble";
 import { loadColorUpdater } from "tsparticles-updater-color";
@@ -32,31 +38,30 @@ import { loadStrokeColorUpdater } from "tsparticles-updater-stroke-color";
 export function loadSlim(tsParticles) {
-    loadExternalAttractInteraction(tsParticles);
-    loadExternalBounceInteraction(tsParticles);
-    loadExternalBubbleInteraction(tsParticles);
-    loadExternalConnectInteraction(tsParticles);
-    loadExternalGrabInteraction(tsParticles);
-    loadExternalPauseInteraction(tsParticles);
-    loadExternalPushInteraction(tsParticles);
-    loadExternalRemoveInteraction(tsParticles);
-    loadExternalRepulseInteraction(tsParticles);
-    loadParticlesAttractInteraction(tsParticles);
-    loadParticlesCollisionsInteraction(tsParticles);
-    loadParticlesLinksInteraction(tsParticles);
-    loadCircleShape(tsParticles);
-    loadImageShape(tsParticles);
-    loadLineShape(tsParticles);
-    loadPolygonShape(tsParticles);
-    loadSquareShape(tsParticles);
-    loadStarShape(tsParticles);
-    loadTextShape(tsParticles);
-    loadLifeUpdater(tsParticles);
-    loadOpacityUpdater(tsParticles);
-    loadSizeUpdater(tsParticles);
-    loadAngleUpdater(tsParticles);
-    loadTiltUpdater(tsParticles);
-    loadRollUpdater(tsParticles);
-    loadWobbleUpdater(tsParticles);
-    loadColorUpdater(tsParticles);
-    loadStrokeColorUpdater(tsParticles);
-    loadOutModesUpdater(tsParticles);
+    return __awaiter(this, void 0, void 0, function* () {
+        yield loadExternalAttractInteraction(tsParticles);
+        yield loadExternalBounceInteraction(tsParticles);
+        yield loadExternalBubbleInteraction(tsParticles);
+        yield loadExternalConnectInteraction(tsParticles);
+        yield loadExternalGrabInteraction(tsParticles);
+        yield loadExternalPauseInteraction(tsParticles);
+        yield loadExternalPushInteraction(tsParticles);
+        yield loadExternalRemoveInteraction(tsParticles);
+        yield loadExternalRepulseInteraction(tsParticles);
+        yield loadParticlesAttractInteraction(tsParticles);
+        yield loadParticlesCollisionsInteraction(tsParticles);
+        yield loadParticlesLinksInteraction(tsParticles);
+        yield loadCircleShape(tsParticles);
+        yield loadImageShape(tsParticles);
+        yield loadLineShape(tsParticles);
+        yield loadPolygonShape(tsParticles);
+        yield loadSquareShape(tsParticles);
+        yield loadStarShape(tsParticles);
+        yield loadTextShape(tsParticles);
+        loadLifeUpdater(tsParticles);
+        loadOpacityUpdater(tsParticles);
+        loadSizeUpdater(tsParticles);
+        loadAngleUpdater(tsParticles);
+        loadColorUpdater(tsParticles);
+        loadStrokeColorUpdater(tsParticles);
+        loadOutModesUpdater(tsParticles);
+    });
 }

package.json

 {
   "name": "tsparticles-slim",
-  "version": "2.0.0-beta.2",
+  "version": "2.0.0-beta.3",
   "description": "Easily create highly customizable particle animations and use them as animated backgrounds for your website. Ready to use components available also for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Riot.js, Inferno.",
@@ -12,3 +12,3 @@ "homepage": "https://particles.js.org/",
     "url": "git+https://github.com/matteobruni/tsparticles.git",
-    "directory": "core/main"
+    "directory": "bundles/slim"
   },
@@ -55,7 +55,2 @@ "keywords": [
   "author": "Matteo Bruni <[e-mail]>",
-  "contributors": [
-    "Gabriel Barker (https://github.com/gabrielbarker)",
-    "Tyler Burnett (https://github.com/TylerBurnett)",
-    "Jonathan Adams (https://github.com/PieceMaker)"
-  ],
   "license": "MIT",
@@ -70,32 +65,29 @@ "bugs": {
   "dependencies": {
-    "tsparticles-engine": "^2.0.0-beta.1",
-    "tsparticles-interaction-external-attract": "^2.0.0-beta.2",
-    "tsparticles-interaction-external-bounce": "^2.0.0-beta.2",
-    "tsparticles-interaction-external-bubble": "^2.0.0-beta.2",
-    "tsparticles-interaction-external-connect": "^2.0.0-beta.2",
-    "tsparticles-interaction-external-grab": "^2.0.0-beta.2",
-    "tsparticles-interaction-external-pause": "^2.0.0-beta.2",
-    "tsparticles-interaction-external-push": "^2.0.0-beta.2",
-    "tsparticles-interaction-external-remove": "^2.0.0-beta.2",
-    "tsparticles-interaction-external-repulse": "^2.0.0-beta.2",
-    "tsparticles-interaction-particles-attract": "^2.0.0-beta.2",
-    "tsparticles-interaction-particles-collisions": "^2.0.0-beta.2",
-    "tsparticles-interaction-particles-links": "^2.0.0-beta.2",
-    "tsparticles-shape-circle": "^2.0.0-beta.2",
-    "tsparticles-shape-image": "^2.0.0-beta.2",
-    "tsparticles-shape-line": "^2.0.0-beta.2",
-    "tsparticles-shape-polygon": "^2.0.0-beta.2",
-    "tsparticles-shape-square": "^2.0.0-beta.2",
-    "tsparticles-shape-star": "^2.0.0-beta.2",
-    "tsparticles-shape-text": "^2.0.0-beta.2",
-    "tsparticles-updater-angle": "^2.0.0-beta.2",
-    "tsparticles-updater-color": "^2.0.0-beta.2",
-    "tsparticles-updater-life": "^2.0.0-beta.2",
-    "tsparticles-updater-opacity": "^2.0.0-beta.2",
-    "tsparticles-updater-out-modes": "^2.0.0-beta.2",
-    "tsparticles-updater-roll": "^2.0.0-beta.2",
-    "tsparticles-updater-size": "^2.0.0-beta.2",
-    "tsparticles-updater-stroke-color": "^2.0.0-beta.2",
-    "tsparticles-updater-tilt": "^2.0.0-beta.2",
-    "tsparticles-updater-wobble": "^2.0.0-beta.2"
+    "tsparticles-engine": "^2.0.0-beta.2",
+    "tsparticles-interaction-external-attract": "^2.0.0-beta.3",
+    "tsparticles-interaction-external-bounce": "^2.0.0-beta.3",
+    "tsparticles-interaction-external-bubble": "^2.0.0-beta.3",
+    "tsparticles-interaction-external-connect": "^2.0.0-beta.3",
+    "tsparticles-interaction-external-grab": "^2.0.0-beta.3",
+    "tsparticles-interaction-external-pause": "^2.0.0-beta.3",
+    "tsparticles-interaction-external-push": "^2.0.0-beta.3",
+    "tsparticles-interaction-external-remove": "^2.0.0-beta.3",
+    "tsparticles-interaction-external-repulse": "^2.0.0-beta.3",
+    "tsparticles-interaction-particles-attract": "^2.0.0-beta.3",
+    "tsparticles-interaction-particles-collisions": "^2.0.0-beta.3",
+    "tsparticles-interaction-particles-links": "^2.0.0-beta.3",
+    "tsparticles-shape-circle": "^2.0.0-beta.3",
+    "tsparticles-shape-image": "^2.0.0-beta.3",
+    "tsparticles-shape-line": "^2.0.0-beta.3",
+    "tsparticles-shape-polygon": "^2.0.0-beta.3",
+    "tsparticles-shape-square": "^2.0.0-beta.3",
+    "tsparticles-shape-star": "^2.0.0-beta.3",
+    "tsparticles-shape-text": "^2.0.0-beta.3",
+    "tsparticles-updater-angle": "^2.0.0-beta.3",
+    "tsparticles-updater-color": "^2.0.0-beta.3",
+    "tsparticles-updater-life": "^2.0.0-beta.3",
+    "tsparticles-updater-opacity": "^2.0.0-beta.3",
+    "tsparticles-updater-out-modes": "^2.0.0-beta.3",
+    "tsparticles-updater-size": "^2.0.0-beta.3",
+    "tsparticles-updater-stroke-color": "^2.0.0-beta.3"
   },
@@ -102,0 +94,0 @@ "main": "index.js",

README.md

 [![banner](https://particles.js.org/images/banner2.png)](https://particles.js.org)
 
-# tsParticles Bubbles Preset
+# tsParticles Slim Bundle
 
-[![jsDelivr](https://data.jsdelivr.com/v1/package/npm/tsparticles-preset-bubbles/badge)](https://www.jsdelivr.com/package/npm/tsparticles) [![npmjs](https://badge.fury.io/js/tsparticles-preset-bubbles.svg)](https://www.npmjs.com/package/tsparticles-preset-bubbles) [![npmjs](https://img.shields.io/npm/dt/tsparticles-preset-bubbles)](https://www.npmjs.com/package/tsparticles-preset-bubbles)
+[![jsDelivr](https://data.jsdelivr.com/v1/package/npm/tsparticles-slim/badge)](https://www.jsdelivr.com/package/npm/tsparticles-slim) [![npmjs](https://badge.fury.io/js/tsparticles-slim.svg)](https://www.npmjs.com/package/tsparticles-slim) [![npmjs](https://img.shields.io/npm/dt/tsparticles-slim)](https://www.npmjs.com/package/tsparticles-slim)
 
-[tsParticles](https://github.com/matteobruni/tsparticles) preset for colored bubbles coming from the bottom of the
-screen on a white background.
+[tsParticles](https://github.com/matteobruni/tsparticles) slim bundle loads some of the most used features to
+a `tsparticles-engine` instance.
 
-## Sample
+**Included Packages**
 
-![demo](https://raw.githubusercontent.com/matteobruni/tsparticles/v1/presets/bubbles/images/sample.png)
+- tsparticles-engine
+- tsparticles-interaction-external-attract
+- tsparticles-interaction-external-bounce
+- tsparticles-interaction-external-bubble
+- tsparticles-interaction-external-connect
+- tsparticles-interaction-external-grab
+- tsparticles-interaction-external-pause
+- tsparticles-interaction-external-push
+- tsparticles-interaction-external-remove
+- tsparticles-interaction-external-repulse
+- tsparticles-interaction-particles-attract
+- tsparticles-interaction-particles-collisions
+- tsparticles-interaction-particles-links
+- tsparticles-shape-circle
+- tsparticles-shape-image
+- tsparticles-shape-line
+- tsparticles-shape-polygon
+- tsparticles-shape-square
+- tsparticles-shape-star
+- tsparticles-shape-text
+- tsparticles-updater-angle
+- tsparticles-updater-color
+- tsparticles-updater-life
+- tsparticles-updater-opacity
+- tsparticles-updater-out-modes
+- tsparticles-updater-size
+- tsparticles-updater-stroke-color
 
@@ -18,23 +44,22 @@ ## How to use it
 
-The first step is installing [tsParticles](https://github.com/matteobruni/tsparticles) following the instructions for
-vanilla javascript in the main project [here](https://github.com/matteobruni/tsparticles)
+The CDN/Vanilla version JS has two different files:
 
-Once installed you need one more script to be included in your page (or you can download that
-from [jsDelivr](https://www.jsdelivr.com/package/npm/tsparticles-preset-bubbles):
+- One is a bundle file with all the scripts included in a single file
+- One is a file including just the `loadSlim` function to load the tsParticles slim preset, all dependencies must be
+  included manually
 
-```html
-<script src="https://cdn.jsdelivr.net/npm/tsparticles"></script>
-<script src="https://cdn.jsdelivr.net/npm/tsparticles-preset-bubbles"></script>
-```
+#### Bundle
 
-This script **MUST** be placed after the `tsParticles` one.
+Including the `tsparticles.slim.bundle.min.js` file will work exactly like `v1`, you can start using the `tsParticles`
+instance in the same way.
 
-#### Bundle
+This is the easiest usage, since it's a single file with the some of the `v1` features.
 
-A bundled script can also be used, this will include every needed plugin needed by the preset.
+All new features will be added as external packages, this bundle is recommended for migrating from `v1` easily.
 
-```html
-<script src="https://cdn.jsdelivr.net/npm/tsparticles-preset-bubbles/dist/tsparticles.preset.bubbles.bundle.min.js"></script>
-```
+#### Not Bundle
 
+This installation requires more work since all dependencies must be included in the page. Some lines above are all
+specified in the **Included Packages** section.
+
 ### Usage
@@ -45,27 +70,9 @@
 ```javascript
-loadBubblesPreset(tsParticles);
+loadSlim(tsParticles); // not needed if using the bundle script, required for any other installation
 
 tsParticles.load("tsparticles", {
-  preset: "bubbles",
+  /* options */
 });
 ```
 
-#### Customization
-
-**Important ⚠️**
-You can override all the options defining the properties like in any standard `tsParticles` installation.
-
-```javascript
-tsParticles.load("tsparticles", {
-  particles: {
-    shape: {
-      type: "square",
-    },
-  },
-  preset: "bubbles",
-});
-```
-
-Like in the sample above, the circles will be replaced by squares.
-
 ### React.js / Preact / Inferno
@@ -77,12 +84,15 @@
 
-```javascript
+_Class Components_
+
+```typescript jsx
+import React from "react";
 import Particles from "react-tsparticles";
-import { Main } from "tsparticles-engine";
-import { loadBubblesPreset } from "tsparticles-preset-bubbles";
+import type { Main } from "tsparticles-engine";
+import { loadSlim } from "tsparticles-slim";
 
-export class ParticlesContainer extends React.PureComponent<IProps> {
+export class ParticlesContainer extends PureComponent<unknown> {
   // this customizes the component tsParticles installation
   customInit(main: Main) {
-    // this adds the preset to tsParticles, you can safely use the
-    loadBubblesPreset(main);
+    // this adds the bundle to tsParticles
+    loadSlim(main);
   }
@@ -92,3 +102,3 @@
     const options = {
-      preset: "bubbles",
+      /* custom options */
     };
@@ -101,2 +111,25 @@
 
+_Hooks / Functional Components_
+
+```typescript jsx
+import React, { useCallback } from "react";
+import Particles from "react-tsparticles";
+import type { Main } from "tsparticles-engine";
+import { loadSlim } from "tsparticles-slim";
+
+export function ParticlesContainer(props: unknown) {
+  // this customizes the component tsParticles installation
+  const customInit = useCallback((main: Main) => {
+    // this adds the bundle to tsParticles
+    loadSlim(main);
+  });
+
+  const options = {
+    /* custom options */
+  };
+
+  return <Particles options={options} init={this.customInit} />;
+}
+```
+
 ### Vue (2.x and 3.x)
@@ -112,3 +145,3 @@
 function particlesInit(main: Main) {
-  loadBubblesPreset(main);
+  loadSlim(main);
 }
@@ -130,3 +163,3 @@ ```
 function particlesInit(main: Main): void {
-  loadBubblesPreset(main);
+  loadSlim(main);
 }
@@ -148,4 +181,4 @@ ```
 let onParticlesInit = (main) => {
-  loadBubblesPreset(main);
+  loadSlim(main);
 };
 ```

tsparticles.slim.js

@@ -7,14 +7,14 @@ /*!
  * How to use? : Check the GitHub README
- * v2.0.0-beta.2
+ * v2.0.0-beta.3
  */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory(require("tsparticles-interaction-external-attract"), require("tsparticles-interaction-external-bounce"), require("tsparticles-interaction-external-bubble"), require("tsparticles-interaction-external-connect"), require("tsparticles-interaction-external-grab"), require("tsparticles-interaction-external-pause"), require("tsparticles-interaction-external-push"), require("tsparticles-interaction-external-remove"), require("tsparticles-interaction-external-repulse"), require("tsparticles-interaction-particles-attract"), require("tsparticles-interaction-particles-collisions"), require("tsparticles-interaction-particles-links"), require("tsparticles-shape-circle"), require("tsparticles-shape-image"), require("tsparticles-shape-line"), require("tsparticles-shape-polygon"), require("tsparticles-shape-square"), require("tsparticles-shape-star"), require("tsparticles-shape-text"), require("tsparticles-updater-life"), require("tsparticles-updater-opacity"), require("tsparticles-updater-size"), require("tsparticles-updater-angle"), require("tsparticles-updater-tilt"), require("tsparticles-updater-roll"), require("tsparticles-updater-wobble"), require("tsparticles-updater-color"), require("tsparticles-engine"), require("tsparticles-updater-out-modes"));
+		module.exports = factory(require("tsparticles-interaction-external-attract"), require("tsparticles-interaction-external-bounce"), require("tsparticles-interaction-external-bubble"), require("tsparticles-interaction-external-connect"), require("tsparticles-interaction-external-grab"), require("tsparticles-interaction-external-pause"), require("tsparticles-interaction-external-push"), require("tsparticles-interaction-external-remove"), require("tsparticles-interaction-external-repulse"), require("tsparticles-interaction-particles-attract"), require("tsparticles-interaction-particles-collisions"), require("tsparticles-interaction-particles-links"), require("tsparticles-shape-circle"), require("tsparticles-shape-image"), require("tsparticles-shape-line"), require("tsparticles-shape-polygon"), require("tsparticles-shape-square"), require("tsparticles-shape-star"), require("tsparticles-shape-text"), require("tsparticles-updater-life"), require("tsparticles-updater-opacity"), require("tsparticles-updater-size"), require("tsparticles-updater-angle"), require("tsparticles-updater-color"), require("tsparticles-engine"), require("tsparticles-updater-out-modes"));
 	else if(typeof define === 'function' && define.amd)
-		define(["tsparticles-interaction-external-attract", "tsparticles-interaction-external-bounce", "tsparticles-interaction-external-bubble", "tsparticles-interaction-external-connect", "tsparticles-interaction-external-grab", "tsparticles-interaction-external-pause", "tsparticles-interaction-external-push", "tsparticles-interaction-external-remove", "tsparticles-interaction-external-repulse", "tsparticles-interaction-particles-attract", "tsparticles-interaction-particles-collisions", "tsparticles-interaction-particles-links", "tsparticles-shape-circle", "tsparticles-shape-image", "tsparticles-shape-line", "tsparticles-shape-polygon", "tsparticles-shape-square", "tsparticles-shape-star", "tsparticles-shape-text", "tsparticles-updater-life", "tsparticles-updater-opacity", "tsparticles-updater-size", "tsparticles-updater-angle", "tsparticles-updater-tilt", "tsparticles-updater-roll", "tsparticles-updater-wobble", "tsparticles-updater-color", "tsparticles-engine", "tsparticles-updater-out-modes"], factory);
+		define(["tsparticles-interaction-external-attract", "tsparticles-interaction-external-bounce", "tsparticles-interaction-external-bubble", "tsparticles-interaction-external-connect", "tsparticles-interaction-external-grab", "tsparticles-interaction-external-pause", "tsparticles-interaction-external-push", "tsparticles-interaction-external-remove", "tsparticles-interaction-external-repulse", "tsparticles-interaction-particles-attract", "tsparticles-interaction-particles-collisions", "tsparticles-interaction-particles-links", "tsparticles-shape-circle", "tsparticles-shape-image", "tsparticles-shape-line", "tsparticles-shape-polygon", "tsparticles-shape-square", "tsparticles-shape-star", "tsparticles-shape-text", "tsparticles-updater-life", "tsparticles-updater-opacity", "tsparticles-updater-size", "tsparticles-updater-angle", "tsparticles-updater-color", "tsparticles-engine", "tsparticles-updater-out-modes"], factory);
 	else {
-		var a = typeof exports === 'object' ? factory(require("tsparticles-interaction-external-attract"), require("tsparticles-interaction-external-bounce"), require("tsparticles-interaction-external-bubble"), require("tsparticles-interaction-external-connect"), require("tsparticles-interaction-external-grab"), require("tsparticles-interaction-external-pause"), require("tsparticles-interaction-external-push"), require("tsparticles-interaction-external-remove"), require("tsparticles-interaction-external-repulse"), require("tsparticles-interaction-particles-attract"), require("tsparticles-interaction-particles-collisions"), require("tsparticles-interaction-particles-links"), require("tsparticles-shape-circle"), require("tsparticles-shape-image"), require("tsparticles-shape-line"), require("tsparticles-shape-polygon"), require("tsparticles-shape-square"), require("tsparticles-shape-star"), require("tsparticles-shape-text"), require("tsparticles-updater-life"), require("tsparticles-updater-opacity"), require("tsparticles-updater-size"), require("tsparticles-updater-angle"), require("tsparticles-updater-tilt"), require("tsparticles-updater-roll"), require("tsparticles-updater-wobble"), require("tsparticles-updater-color"), require("tsparticles-engine"), require("tsparticles-updater-out-modes")) : factory(root["window"], root["window"], root["window"], root["window"], root["window"], root["window"], root["window"], root["window"], root["window"], root["window"], root["window"], root["window"], root["window"], root["window"], root["window"], root["window"], root["window"], root["window"], root["window"], 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-interaction-external-attract"), require("tsparticles-interaction-external-bounce"), require("tsparticles-interaction-external-bubble"), require("tsparticles-interaction-external-connect"), require("tsparticles-interaction-external-grab"), require("tsparticles-interaction-external-pause"), require("tsparticles-interaction-external-push"), require("tsparticles-interaction-external-remove"), require("tsparticles-interaction-external-repulse"), require("tsparticles-interaction-particles-attract"), require("tsparticles-interaction-particles-collisions"), require("tsparticles-interaction-particles-links"), require("tsparticles-shape-circle"), require("tsparticles-shape-image"), require("tsparticles-shape-line"), require("tsparticles-shape-polygon"), require("tsparticles-shape-square"), require("tsparticles-shape-star"), require("tsparticles-shape-text"), require("tsparticles-updater-life"), require("tsparticles-updater-opacity"), require("tsparticles-updater-size"), require("tsparticles-updater-angle"), require("tsparticles-updater-color"), require("tsparticles-engine"), require("tsparticles-updater-out-modes")) : factory(root["window"], root["window"], root["window"], root["window"], root["window"], root["window"], root["window"], root["window"], root["window"], root["window"], root["window"], root["window"], root["window"], root["window"], root["window"], 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__174__, __WEBPACK_EXTERNAL_MODULE__544__, __WEBPACK_EXTERNAL_MODULE__923__, __WEBPACK_EXTERNAL_MODULE__364__, __WEBPACK_EXTERNAL_MODULE__602__, __WEBPACK_EXTERNAL_MODULE__999__, __WEBPACK_EXTERNAL_MODULE__639__, __WEBPACK_EXTERNAL_MODULE__394__, __WEBPACK_EXTERNAL_MODULE__813__, __WEBPACK_EXTERNAL_MODULE__966__, __WEBPACK_EXTERNAL_MODULE__260__, __WEBPACK_EXTERNAL_MODULE__955__, __WEBPACK_EXTERNAL_MODULE__941__, __WEBPACK_EXTERNAL_MODULE__662__, __WEBPACK_EXTERNAL_MODULE__45__, __WEBPACK_EXTERNAL_MODULE__722__, __WEBPACK_EXTERNAL_MODULE__295__, __WEBPACK_EXTERNAL_MODULE__110__, __WEBPACK_EXTERNAL_MODULE__922__, __WEBPACK_EXTERNAL_MODULE__489__, __WEBPACK_EXTERNAL_MODULE__838__, __WEBPACK_EXTERNAL_MODULE__328__, __WEBPACK_EXTERNAL_MODULE__1__, __WEBPACK_EXTERNAL_MODULE__950__, __WEBPACK_EXTERNAL_MODULE__281__, __WEBPACK_EXTERNAL_MODULE__304__, __WEBPACK_EXTERNAL_MODULE__841__, __WEBPACK_EXTERNAL_MODULE__818__, __WEBPACK_EXTERNAL_MODULE__405__) {
+})(this, function(__WEBPACK_EXTERNAL_MODULE__174__, __WEBPACK_EXTERNAL_MODULE__544__, __WEBPACK_EXTERNAL_MODULE__923__, __WEBPACK_EXTERNAL_MODULE__364__, __WEBPACK_EXTERNAL_MODULE__602__, __WEBPACK_EXTERNAL_MODULE__999__, __WEBPACK_EXTERNAL_MODULE__639__, __WEBPACK_EXTERNAL_MODULE__394__, __WEBPACK_EXTERNAL_MODULE__813__, __WEBPACK_EXTERNAL_MODULE__966__, __WEBPACK_EXTERNAL_MODULE__260__, __WEBPACK_EXTERNAL_MODULE__955__, __WEBPACK_EXTERNAL_MODULE__941__, __WEBPACK_EXTERNAL_MODULE__662__, __WEBPACK_EXTERNAL_MODULE__45__, __WEBPACK_EXTERNAL_MODULE__722__, __WEBPACK_EXTERNAL_MODULE__295__, __WEBPACK_EXTERNAL_MODULE__110__, __WEBPACK_EXTERNAL_MODULE__922__, __WEBPACK_EXTERNAL_MODULE__489__, __WEBPACK_EXTERNAL_MODULE__838__, __WEBPACK_EXTERNAL_MODULE__328__, __WEBPACK_EXTERNAL_MODULE__1__, __WEBPACK_EXTERNAL_MODULE__841__, __WEBPACK_EXTERNAL_MODULE__818__, __WEBPACK_EXTERNAL_MODULE__405__) {
 return /******/ (() => { // webpackBootstrap
@@ -199,9 +199,2 @@ /******/ 	"use strict";
 
-/***/ 281:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__281__;
-
-/***/ }),
-
 /***/ 328:
@@ -212,16 +205,2 @@ /***/ ((module) => {
 
-/***/ }),
-
-/***/ 950:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__950__;
-
-/***/ }),
-
-/***/ 304:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__304__;
-
 /***/ })
@@ -342,8 +321,2 @@
 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-tilt","commonjs2":"tsparticles-updater-tilt","amd":"tsparticles-updater-tilt","root":"window"}
-var external_commonjs_tsparticles_updater_tilt_commonjs2_tsparticles_updater_tilt_amd_tsparticles_updater_tilt_root_window_ = __webpack_require__(950);
-// EXTERNAL MODULE: external {"commonjs":"tsparticles-updater-roll","commonjs2":"tsparticles-updater-roll","amd":"tsparticles-updater-roll","root":"window"}
-var external_commonjs_tsparticles_updater_roll_commonjs2_tsparticles_updater_roll_amd_tsparticles_updater_roll_root_window_ = __webpack_require__(281);
-// EXTERNAL MODULE: external {"commonjs":"tsparticles-updater-wobble","commonjs2":"tsparticles-updater-wobble","amd":"tsparticles-updater-wobble","root":"window"}
-var external_commonjs_tsparticles_updater_wobble_commonjs2_tsparticles_updater_wobble_amd_tsparticles_updater_wobble_root_window_ = __webpack_require__(304);
 // EXTERNAL MODULE: external {"commonjs":"tsparticles-updater-color","commonjs2":"tsparticles-updater-color","amd":"tsparticles-updater-color","root":"window"}
@@ -451,5 +424,39 @@ var external_commonjs_tsparticles_updater_color_commonjs2_tsparticles_updater_color_amd_tsparticles_updater_color_root_window_ = __webpack_require__(841);
 ;// 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(tsParticles) {
-  tsParticles.addParticleUpdater("strokeColor", container => new StrokeColorUpdater(container));
+  return __awaiter(this, void 0, void 0, function* () {
+    yield tsParticles.addParticleUpdater("strokeColor", container => new StrokeColorUpdater(container));
+  });
 }
@@ -459,6 +466,33 @@ // EXTERNAL MODULE: external {"commonjs":"tsparticles-updater-out-modes","commonjs2":"tsparticles-updater-out-modes","amd":"tsparticles-updater-out-modes","root":"window"}
 ;// CONCATENATED MODULE: ./dist/index.js
+var dist_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());
+  });
+};
 
@@ -489,32 +523,33 @@
 
+
+
 function loadSlim(tsParticles) {
-  (0,external_commonjs_tsparticles_interaction_external_attract_commonjs2_tsparticles_interaction_external_attract_amd_tsparticles_interaction_external_attract_root_window_.loadExternalAttractInteraction)(tsParticles);
-  (0,external_commonjs_tsparticles_interaction_external_bounce_commonjs2_tsparticles_interaction_external_bounce_amd_tsparticles_interaction_external_bounce_root_window_.loadExternalBounceInteraction)(tsParticles);
-  (0,external_commonjs_tsparticles_interaction_external_bubble_commonjs2_tsparticles_interaction_external_bubble_amd_tsparticles_interaction_external_bubble_root_window_.loadExternalBubbleInteraction)(tsParticles);
-  (0,external_commonjs_tsparticles_interaction_external_connect_commonjs2_tsparticles_interaction_external_connect_amd_tsparticles_interaction_external_connect_root_window_.loadExternalConnectInteraction)(tsParticles);
-  (0,external_commonjs_tsparticles_interaction_external_grab_commonjs2_tsparticles_interaction_external_grab_amd_tsparticles_interaction_external_grab_root_window_.loadExternalGrabInteraction)(tsParticles);
-  (0,external_commonjs_tsparticles_interaction_external_pause_commonjs2_tsparticles_interaction_external_pause_amd_tsparticles_interaction_external_pause_root_window_.loadExternalPauseInteraction)(tsParticles);
-  (0,external_commonjs_tsparticles_interaction_external_push_commonjs2_tsparticles_interaction_external_push_amd_tsparticles_interaction_external_push_root_window_.loadExternalPushInteraction)(tsParticles);
-  (0,external_commonjs_tsparticles_interaction_external_remove_commonjs2_tsparticles_interaction_external_remove_amd_tsparticles_interaction_external_remove_root_window_.loadExternalRemoveInteraction)(tsParticles);
-  (0,external_commonjs_tsparticles_interaction_external_repulse_commonjs2_tsparticles_interaction_external_repulse_amd_tsparticles_interaction_external_repulse_root_window_.loadExternalRepulseInteraction)(tsParticles);
-  (0,external_commonjs_tsparticles_interaction_particles_attract_commonjs2_tsparticles_interaction_particles_attract_amd_tsparticles_interaction_particles_attract_root_window_.loadParticlesAttractInteraction)(tsParticles);
-  (0,external_commonjs_tsparticles_interaction_particles_collisions_commonjs2_tsparticles_interaction_particles_collisions_amd_tsparticles_interaction_particles_collisions_root_window_.loadParticlesCollisionsInteraction)(tsParticles);
-  (0,external_commonjs_tsparticles_interaction_particles_links_commonjs2_tsparticles_interaction_particles_links_amd_tsparticles_interaction_particles_links_root_window_.loadParticlesLinksInteraction)(tsParticles);
-  (0,external_commonjs_tsparticles_shape_circle_commonjs2_tsparticles_shape_circle_amd_tsparticles_shape_circle_root_window_.loadCircleShape)(tsParticles);
-  (0,external_commonjs_tsparticles_shape_image_commonjs2_tsparticles_shape_image_amd_tsparticles_shape_image_root_window_.loadImageShape)(tsParticles);
-  (0,external_commonjs_tsparticles_shape_line_commonjs2_tsparticles_shape_line_amd_tsparticles_shape_line_root_window_.loadLineShape)(tsParticles);
-  (0,external_commonjs_tsparticles_shape_polygon_commonjs2_tsparticles_shape_polygon_amd_tsparticles_shape_polygon_root_window_.loadPolygonShape)(tsParticles);
-  (0,external_commonjs_tsparticles_shape_square_commonjs2_tsparticles_shape_square_amd_tsparticles_shape_square_root_window_.loadSquareShape)(tsParticles);
-  (0,external_commonjs_tsparticles_shape_star_commonjs2_tsparticles_shape_star_amd_tsparticles_shape_star_root_window_.loadStarShape)(tsParticles);
-  (0,external_commonjs_tsparticles_shape_text_commonjs2_tsparticles_shape_text_amd_tsparticles_shape_text_root_window_.loadTextShape)(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_size_commonjs2_tsparticles_updater_size_amd_tsparticles_updater_size_root_window_.loadSizeUpdater)(tsParticles);
-  (0,external_commonjs_tsparticles_updater_angle_commonjs2_tsparticles_updater_angle_amd_tsparticles_updater_angle_root_window_.loadAngleUpdater)(tsParticles);
-  (0,external_commonjs_tsparticles_updater_tilt_commonjs2_tsparticles_updater_tilt_amd_tsparticles_updater_tilt_root_window_.loadTiltUpdater)(tsParticles);
-  (0,external_commonjs_tsparticles_updater_roll_commonjs2_tsparticles_updater_roll_amd_tsparticles_updater_roll_root_window_.loadRollUpdater)(tsParticles);
-  (0,external_commonjs_tsparticles_updater_wobble_commonjs2_tsparticles_updater_wobble_amd_tsparticles_updater_wobble_root_window_.loadWobbleUpdater)(tsParticles);
-  (0,external_commonjs_tsparticles_updater_color_commonjs2_tsparticles_updater_color_amd_tsparticles_updater_color_root_window_.loadColorUpdater)(tsParticles);
-  loadStrokeColorUpdater(tsParticles);
-  (0,external_commonjs_tsparticles_updater_out_modes_commonjs2_tsparticles_updater_out_modes_amd_tsparticles_updater_out_modes_root_window_.loadOutModesUpdater)(tsParticles);
+  return dist_awaiter(this, void 0, void 0, function* () {
+    yield (0,external_commonjs_tsparticles_interaction_external_attract_commonjs2_tsparticles_interaction_external_attract_amd_tsparticles_interaction_external_attract_root_window_.loadExternalAttractInteraction)(tsParticles);
+    yield (0,external_commonjs_tsparticles_interaction_external_bounce_commonjs2_tsparticles_interaction_external_bounce_amd_tsparticles_interaction_external_bounce_root_window_.loadExternalBounceInteraction)(tsParticles);
+    yield (0,external_commonjs_tsparticles_interaction_external_bubble_commonjs2_tsparticles_interaction_external_bubble_amd_tsparticles_interaction_external_bubble_root_window_.loadExternalBubbleInteraction)(tsParticles);
+    yield (0,external_commonjs_tsparticles_interaction_external_connect_commonjs2_tsparticles_interaction_external_connect_amd_tsparticles_interaction_external_connect_root_window_.loadExternalConnectInteraction)(tsParticles);
+    yield (0,external_commonjs_tsparticles_interaction_external_grab_commonjs2_tsparticles_interaction_external_grab_amd_tsparticles_interaction_external_grab_root_window_.loadExternalGrabInteraction)(tsParticles);
+    yield (0,external_commonjs_tsparticles_interaction_external_pause_commonjs2_tsparticles_interaction_external_pause_amd_tsparticles_interaction_external_pause_root_window_.loadExternalPauseInteraction)(tsParticles);
+    yield (0,external_commonjs_tsparticles_interaction_external_push_commonjs2_tsparticles_interaction_external_push_amd_tsparticles_interaction_external_push_root_window_.loadExternalPushInteraction)(tsParticles);
+    yield (0,external_commonjs_tsparticles_interaction_external_remove_commonjs2_tsparticles_interaction_external_remove_amd_tsparticles_interaction_external_remove_root_window_.loadExternalRemoveInteraction)(tsParticles);
+    yield (0,external_commonjs_tsparticles_interaction_external_repulse_commonjs2_tsparticles_interaction_external_repulse_amd_tsparticles_interaction_external_repulse_root_window_.loadExternalRepulseInteraction)(tsParticles);
+    yield (0,external_commonjs_tsparticles_interaction_particles_attract_commonjs2_tsparticles_interaction_particles_attract_amd_tsparticles_interaction_particles_attract_root_window_.loadParticlesAttractInteraction)(tsParticles);
+    yield (0,external_commonjs_tsparticles_interaction_particles_collisions_commonjs2_tsparticles_interaction_particles_collisions_amd_tsparticles_interaction_particles_collisions_root_window_.loadParticlesCollisionsInteraction)(tsParticles);
+    yield (0,external_commonjs_tsparticles_interaction_particles_links_commonjs2_tsparticles_interaction_particles_links_amd_tsparticles_interaction_particles_links_root_window_.loadParticlesLinksInteraction)(tsParticles);
+    yield (0,external_commonjs_tsparticles_shape_circle_commonjs2_tsparticles_shape_circle_amd_tsparticles_shape_circle_root_window_.loadCircleShape)(tsParticles);
+    yield (0,external_commonjs_tsparticles_shape_image_commonjs2_tsparticles_shape_image_amd_tsparticles_shape_image_root_window_.loadImageShape)(tsParticles);
+    yield (0,external_commonjs_tsparticles_shape_line_commonjs2_tsparticles_shape_line_amd_tsparticles_shape_line_root_window_.loadLineShape)(tsParticles);
+    yield (0,external_commonjs_tsparticles_shape_polygon_commonjs2_tsparticles_shape_polygon_amd_tsparticles_shape_polygon_root_window_.loadPolygonShape)(tsParticles);
+    yield (0,external_commonjs_tsparticles_shape_square_commonjs2_tsparticles_shape_square_amd_tsparticles_shape_square_root_window_.loadSquareShape)(tsParticles);
+    yield (0,external_commonjs_tsparticles_shape_star_commonjs2_tsparticles_shape_star_amd_tsparticles_shape_star_root_window_.loadStarShape)(tsParticles);
+    yield (0,external_commonjs_tsparticles_shape_text_commonjs2_tsparticles_shape_text_amd_tsparticles_shape_text_root_window_.loadTextShape)(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_size_commonjs2_tsparticles_updater_size_amd_tsparticles_updater_size_root_window_.loadSizeUpdater)(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);
+    loadStrokeColorUpdater(tsParticles);
+    (0,external_commonjs_tsparticles_updater_out_modes_commonjs2_tsparticles_updater_out_modes_amd_tsparticles_updater_out_modes_root_window_.loadOutModesUpdater)(tsParticles);
+  });
 }
@@ -521,0 +556,0 @@ })();

tsparticles.slim.min.js

@@ -1,2 +0,2 @@
-/*! tsParticles Slim v2.0.0-beta.2 by Matteo Bruni */
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("tsparticles-interaction-external-attract"),require("tsparticles-interaction-external-bounce"),require("tsparticles-interaction-external-bubble"),require("tsparticles-interaction-external-connect"),require("tsparticles-interaction-external-grab"),require("tsparticles-interaction-external-pause"),require("tsparticles-interaction-external-push"),require("tsparticles-interaction-external-remove"),require("tsparticles-interaction-external-repulse"),require("tsparticles-interaction-particles-attract"),require("tsparticles-interaction-particles-collisions"),require("tsparticles-interaction-particles-links"),require("tsparticles-shape-circle"),require("tsparticles-shape-image"),require("tsparticles-shape-line"),require("tsparticles-shape-polygon"),require("tsparticles-shape-square"),require("tsparticles-shape-star"),require("tsparticles-shape-text"),require("tsparticles-updater-life"),require("tsparticles-updater-opacity"),require("tsparticles-updater-size"),require("tsparticles-updater-angle"),require("tsparticles-updater-tilt"),require("tsparticles-updater-roll"),require("tsparticles-updater-wobble"),require("tsparticles-updater-color"),require("tsparticles-engine"),require("tsparticles-updater-out-modes"));else if("function"==typeof define&&define.amd)define(["tsparticles-interaction-external-attract","tsparticles-interaction-external-bounce","tsparticles-interaction-external-bubble","tsparticles-interaction-external-connect","tsparticles-interaction-external-grab","tsparticles-interaction-external-pause","tsparticles-interaction-external-push","tsparticles-interaction-external-remove","tsparticles-interaction-external-repulse","tsparticles-interaction-particles-attract","tsparticles-interaction-particles-collisions","tsparticles-interaction-particles-links","tsparticles-shape-circle","tsparticles-shape-image","tsparticles-shape-line","tsparticles-shape-polygon","tsparticles-shape-square","tsparticles-shape-star","tsparticles-shape-text","tsparticles-updater-life","tsparticles-updater-opacity","tsparticles-updater-size","tsparticles-updater-angle","tsparticles-updater-tilt","tsparticles-updater-roll","tsparticles-updater-wobble","tsparticles-updater-color","tsparticles-engine","tsparticles-updater-out-modes"],t);else{var r="object"==typeof exports?t(require("tsparticles-interaction-external-attract"),require("tsparticles-interaction-external-bounce"),require("tsparticles-interaction-external-bubble"),require("tsparticles-interaction-external-connect"),require("tsparticles-interaction-external-grab"),require("tsparticles-interaction-external-pause"),require("tsparticles-interaction-external-push"),require("tsparticles-interaction-external-remove"),require("tsparticles-interaction-external-repulse"),require("tsparticles-interaction-particles-attract"),require("tsparticles-interaction-particles-collisions"),require("tsparticles-interaction-particles-links"),require("tsparticles-shape-circle"),require("tsparticles-shape-image"),require("tsparticles-shape-line"),require("tsparticles-shape-polygon"),require("tsparticles-shape-square"),require("tsparticles-shape-star"),require("tsparticles-shape-text"),require("tsparticles-updater-life"),require("tsparticles-updater-opacity"),require("tsparticles-updater-size"),require("tsparticles-updater-angle"),require("tsparticles-updater-tilt"),require("tsparticles-updater-roll"),require("tsparticles-updater-wobble"),require("tsparticles-updater-color"),require("tsparticles-engine"),require("tsparticles-updater-out-modes")):t(e.window,e.window,e.window,e.window,e.window,e.window,e.window,e.window,e.window,e.window,e.window,e.window,e.window,e.window,e.window,e.window,e.window,e.window,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 r)("object"==typeof exports?exports:e)[i]=r[i]}}(this,(function(e,t,r,i,a,o,s,l,n,p,c,u,d,x,v,w,q,b,h,f,m,g,y,k,S,I,C,E,P){return(()=>{"use strict";var U={818:e=>{e.exports=E},174:t=>{t.exports=e},544:e=>{e.exports=t},923:e=>{e.exports=r},364:e=>{e.exports=i},602:e=>{e.exports=a},999:e=>{e.exports=o},639:e=>{e.exports=s},394:e=>{e.exports=l},813:e=>{e.exports=n},966:e=>{e.exports=p},260:e=>{e.exports=c},955:e=>{e.exports=u},941:e=>{e.exports=d},662:e=>{e.exports=x},45:e=>{e.exports=v},722:e=>{e.exports=w},295:e=>{e.exports=q},110:e=>{e.exports=b},922:e=>{e.exports=h},1:e=>{e.exports=y},841:e=>{e.exports=C},489:e=>{e.exports=f},838:e=>{e.exports=m},405:e=>{e.exports=P},281:e=>{e.exports=S},328:e=>{e.exports=g},950:e=>{e.exports=k},304:e=>{e.exports=I}},A={};function j(e){var t=A[e];if(void 0!==t)return t.exports;var r=A[e]={exports:{}};return U[e](r,r.exports,j),r.exports}j.d=(e,t)=>{for(var r in t)j.o(t,r)&&!j.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},j.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),j.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var O={};return(()=>{j.r(O),j.d(O,{loadSlim:()=>R});var e=j(174),t=j(544),r=j(923),i=j(364),a=j(602),o=j(999),s=j(639),l=j(394),n=j(813),p=j(966),c=j(260),u=j(955),d=j(941),x=j(662),v=j(45),w=j(722),q=j(295),b=j(110),h=j(922),f=j(489),m=j(838),g=j(328),y=j(1),k=j(950),S=j(281),I=j(304),C=j(841),E=j(818);function P(e,t,r,i,a){var o;const s=t;if(!s||!s.enable)return;const l=(0,E.randomInRange)(r.offset),n=(null!==(o=t.velocity)&&void 0!==o?o:0)*e.factor+3.6*l;a&&s.status!==E.AnimationStatus.increasing?(s.value-=n,s.value<0&&(s.status=E.AnimationStatus.increasing,s.value+=s.value)):(s.value+=n,a&&s.value>i&&(s.status=E.AnimationStatus.decreasing,s.value-=s.value%i)),s.value>i&&(s.value%=i)}class U{constructor(e){this.container=e}init(e){var t,r;const i=this.container;e.stroke=e.options.stroke instanceof Array?(0,E.itemFromArray)(e.options.stroke,e.id,e.options.reduceDuplicates):e.options.stroke,e.strokeWidth=e.stroke.width*i.retina.pixelRatio;const a=null!==(t=(0,E.colorToHsl)(e.stroke.color))&&void 0!==t?t:e.getFillColor();a&&(e.strokeColor=(0,E.getHslAnimationFromHsl)(a,null===(r=e.stroke.color)||void 0===r?void 0:r.animation,i.retina.reduceFactor))}isEnabled(e){var t,r,i,a;const o=null===(t=e.stroke)||void 0===t?void 0:t.color;return!e.destroyed&&!e.spawning&&!!o&&(void 0!==(null===(r=e.strokeColor)||void 0===r?void 0:r.h.value)&&o.animation.h.enable||void 0!==(null===(i=e.strokeColor)||void 0===i?void 0:i.s.value)&&o.animation.s.enable||void 0!==(null===(a=e.strokeColor)||void 0===a?void 0:a.l.value)&&o.animation.l.enable)}update(e,t){this.isEnabled(e)&&function(e,t){var r,i,a,o,s,l,n,p,c,u;if(!(null===(r=e.stroke)||void 0===r?void 0:r.color))return;const d=e.stroke.color.animation,x=null!==(a=null===(i=e.strokeColor)||void 0===i?void 0:i.h)&&void 0!==a?a:null===(o=e.color)||void 0===o?void 0:o.h;x&&P(t,x,d.h,360,!1);const v=null!==(l=null===(s=e.strokeColor)||void 0===s?void 0:s.s)&&void 0!==l?l:null===(n=e.color)||void 0===n?void 0:n.s;v&&P(t,v,d.s,100,!0);const w=null!==(c=null===(p=e.strokeColor)||void 0===p?void 0:p.l)&&void 0!==c?c:null===(u=e.color)||void 0===u?void 0:u.l;w&&P(t,w,d.l,100,!0)}(e,t)}}var A=j(405);function R(E){(0,e.loadExternalAttractInteraction)(E),(0,t.loadExternalBounceInteraction)(E),(0,r.loadExternalBubbleInteraction)(E),(0,i.loadExternalConnectInteraction)(E),(0,a.loadExternalGrabInteraction)(E),(0,o.loadExternalPauseInteraction)(E),(0,s.loadExternalPushInteraction)(E),(0,l.loadExternalRemoveInteraction)(E),(0,n.loadExternalRepulseInteraction)(E),(0,p.loadParticlesAttractInteraction)(E),(0,c.loadParticlesCollisionsInteraction)(E),(0,u.loadParticlesLinksInteraction)(E),(0,d.loadCircleShape)(E),(0,x.loadImageShape)(E),(0,v.loadLineShape)(E),(0,w.loadPolygonShape)(E),(0,q.loadSquareShape)(E),(0,b.loadStarShape)(E),(0,h.loadTextShape)(E),(0,f.loadLifeUpdater)(E),(0,m.loadOpacityUpdater)(E),(0,g.loadSizeUpdater)(E),(0,y.loadAngleUpdater)(E),(0,k.loadTiltUpdater)(E),(0,S.loadRollUpdater)(E),(0,I.loadWobbleUpdater)(E),(0,C.loadColorUpdater)(E),function(e){e.addParticleUpdater("strokeColor",(e=>new U(e)))}(E),(0,A.loadOutModesUpdater)(E)}})(),O})()}));
+/*! tsParticles Slim v2.0.0-beta.3 by Matteo Bruni */
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("tsparticles-interaction-external-attract"),require("tsparticles-interaction-external-bounce"),require("tsparticles-interaction-external-bubble"),require("tsparticles-interaction-external-connect"),require("tsparticles-interaction-external-grab"),require("tsparticles-interaction-external-pause"),require("tsparticles-interaction-external-push"),require("tsparticles-interaction-external-remove"),require("tsparticles-interaction-external-repulse"),require("tsparticles-interaction-particles-attract"),require("tsparticles-interaction-particles-collisions"),require("tsparticles-interaction-particles-links"),require("tsparticles-shape-circle"),require("tsparticles-shape-image"),require("tsparticles-shape-line"),require("tsparticles-shape-polygon"),require("tsparticles-shape-square"),require("tsparticles-shape-star"),require("tsparticles-shape-text"),require("tsparticles-updater-life"),require("tsparticles-updater-opacity"),require("tsparticles-updater-size"),require("tsparticles-updater-angle"),require("tsparticles-updater-color"),require("tsparticles-engine"),require("tsparticles-updater-out-modes"));else if("function"==typeof define&&define.amd)define(["tsparticles-interaction-external-attract","tsparticles-interaction-external-bounce","tsparticles-interaction-external-bubble","tsparticles-interaction-external-connect","tsparticles-interaction-external-grab","tsparticles-interaction-external-pause","tsparticles-interaction-external-push","tsparticles-interaction-external-remove","tsparticles-interaction-external-repulse","tsparticles-interaction-particles-attract","tsparticles-interaction-particles-collisions","tsparticles-interaction-particles-links","tsparticles-shape-circle","tsparticles-shape-image","tsparticles-shape-line","tsparticles-shape-polygon","tsparticles-shape-square","tsparticles-shape-star","tsparticles-shape-text","tsparticles-updater-life","tsparticles-updater-opacity","tsparticles-updater-size","tsparticles-updater-angle","tsparticles-updater-color","tsparticles-engine","tsparticles-updater-out-modes"],t);else{var r="object"==typeof exports?t(require("tsparticles-interaction-external-attract"),require("tsparticles-interaction-external-bounce"),require("tsparticles-interaction-external-bubble"),require("tsparticles-interaction-external-connect"),require("tsparticles-interaction-external-grab"),require("tsparticles-interaction-external-pause"),require("tsparticles-interaction-external-push"),require("tsparticles-interaction-external-remove"),require("tsparticles-interaction-external-repulse"),require("tsparticles-interaction-particles-attract"),require("tsparticles-interaction-particles-collisions"),require("tsparticles-interaction-particles-links"),require("tsparticles-shape-circle"),require("tsparticles-shape-image"),require("tsparticles-shape-line"),require("tsparticles-shape-polygon"),require("tsparticles-shape-square"),require("tsparticles-shape-star"),require("tsparticles-shape-text"),require("tsparticles-updater-life"),require("tsparticles-updater-opacity"),require("tsparticles-updater-size"),require("tsparticles-updater-angle"),require("tsparticles-updater-color"),require("tsparticles-engine"),require("tsparticles-updater-out-modes")):t(e.window,e.window,e.window,e.window,e.window,e.window,e.window,e.window,e.window,e.window,e.window,e.window,e.window,e.window,e.window,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 r)("object"==typeof exports?exports:e)[i]=r[i]}}(this,(function(e,t,r,i,a,o,n,s,l,c,p,u,d,x,v,w,q,h,f,y,b,m,g,k,S,I){return(()=>{"use strict";var C={818:e=>{e.exports=S},174:t=>{t.exports=e},544:e=>{e.exports=t},923:e=>{e.exports=r},364:e=>{e.exports=i},602:e=>{e.exports=a},999:e=>{e.exports=o},639:e=>{e.exports=n},394:e=>{e.exports=s},813:e=>{e.exports=l},966:e=>{e.exports=c},260:e=>{e.exports=p},955:e=>{e.exports=u},941:e=>{e.exports=d},662:e=>{e.exports=x},45:e=>{e.exports=v},722:e=>{e.exports=w},295:e=>{e.exports=q},110:e=>{e.exports=h},922:e=>{e.exports=f},1:e=>{e.exports=g},841:e=>{e.exports=k},489:e=>{e.exports=y},838:e=>{e.exports=b},405:e=>{e.exports=I},328:e=>{e.exports=m}},P={};function E(e){var t=P[e];if(void 0!==t)return t.exports;var r=P[e]={exports:{}};return C[e](r,r.exports,E),r.exports}E.d=(e,t)=>{for(var r in t)E.o(t,r)&&!E.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},E.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),E.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var A={};return(()=>{E.r(A),E.d(A,{loadSlim:()=>U});var e=E(174),t=E(544),r=E(923),i=E(364),a=E(602),o=E(999),n=E(639),s=E(394),l=E(813),c=E(966),p=E(260),u=E(955),d=E(941),x=E(662),v=E(45),w=E(722),q=E(295),h=E(110),f=E(922),y=E(489),b=E(838),m=E(328),g=E(1),k=E(841),S=E(818);function I(e,t,r,i,a){var o;const n=t;if(!n||!n.enable)return;const s=(0,S.randomInRange)(r.offset),l=(null!==(o=t.velocity)&&void 0!==o?o:0)*e.factor+3.6*s;a&&n.status!==S.AnimationStatus.increasing?(n.value-=l,n.value<0&&(n.status=S.AnimationStatus.increasing,n.value+=n.value)):(n.value+=l,a&&n.value>i&&(n.status=S.AnimationStatus.decreasing,n.value-=n.value%i)),n.value>i&&(n.value%=i)}class C{constructor(e){this.container=e}init(e){var t,r;const i=this.container;e.stroke=e.options.stroke instanceof Array?(0,S.itemFromArray)(e.options.stroke,e.id,e.options.reduceDuplicates):e.options.stroke,e.strokeWidth=e.stroke.width*i.retina.pixelRatio;const a=null!==(t=(0,S.colorToHsl)(e.stroke.color))&&void 0!==t?t:e.getFillColor();a&&(e.strokeColor=(0,S.getHslAnimationFromHsl)(a,null===(r=e.stroke.color)||void 0===r?void 0:r.animation,i.retina.reduceFactor))}isEnabled(e){var t,r,i,a;const o=null===(t=e.stroke)||void 0===t?void 0:t.color;return!e.destroyed&&!e.spawning&&!!o&&(void 0!==(null===(r=e.strokeColor)||void 0===r?void 0:r.h.value)&&o.animation.h.enable||void 0!==(null===(i=e.strokeColor)||void 0===i?void 0:i.s.value)&&o.animation.s.enable||void 0!==(null===(a=e.strokeColor)||void 0===a?void 0:a.l.value)&&o.animation.l.enable)}update(e,t){this.isEnabled(e)&&function(e,t){var r,i,a,o,n,s,l,c,p,u;if(!(null===(r=e.stroke)||void 0===r?void 0:r.color))return;const d=e.stroke.color.animation,x=null!==(a=null===(i=e.strokeColor)||void 0===i?void 0:i.h)&&void 0!==a?a:null===(o=e.color)||void 0===o?void 0:o.h;x&&I(t,x,d.h,360,!1);const v=null!==(s=null===(n=e.strokeColor)||void 0===n?void 0:n.s)&&void 0!==s?s:null===(l=e.color)||void 0===l?void 0:l.s;v&&I(t,v,d.s,100,!0);const w=null!==(p=null===(c=e.strokeColor)||void 0===c?void 0:c.l)&&void 0!==p?p:null===(u=e.color)||void 0===u?void 0:u.l;w&&I(t,w,d.l,100,!0)}(e,t)}}var P=function(e,t,r,i){return new(r||(r=Promise))((function(a,o){function n(e){try{l(i.next(e))}catch(e){o(e)}}function s(e){try{l(i.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(n,s)}l((i=i.apply(e,t||[])).next())}))};var j=E(405),O=function(e,t,r,i){return new(r||(r=Promise))((function(a,o){function n(e){try{l(i.next(e))}catch(e){o(e)}}function s(e){try{l(i.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(n,s)}l((i=i.apply(e,t||[])).next())}))};function U(S){return O(this,void 0,void 0,(function*(){yield(0,e.loadExternalAttractInteraction)(S),yield(0,t.loadExternalBounceInteraction)(S),yield(0,r.loadExternalBubbleInteraction)(S),yield(0,i.loadExternalConnectInteraction)(S),yield(0,a.loadExternalGrabInteraction)(S),yield(0,o.loadExternalPauseInteraction)(S),yield(0,n.loadExternalPushInteraction)(S),yield(0,s.loadExternalRemoveInteraction)(S),yield(0,l.loadExternalRepulseInteraction)(S),yield(0,c.loadParticlesAttractInteraction)(S),yield(0,p.loadParticlesCollisionsInteraction)(S),yield(0,u.loadParticlesLinksInteraction)(S),yield(0,d.loadCircleShape)(S),yield(0,x.loadImageShape)(S),yield(0,v.loadLineShape)(S),yield(0,w.loadPolygonShape)(S),yield(0,q.loadSquareShape)(S),yield(0,h.loadStarShape)(S),yield(0,f.loadTextShape)(S),(0,y.loadLifeUpdater)(S),(0,b.loadOpacityUpdater)(S),(0,m.loadSizeUpdater)(S),(0,g.loadAngleUpdater)(S),(0,k.loadColorUpdater)(S),function(e){P(this,void 0,void 0,(function*(){yield e.addParticleUpdater("strokeColor",(e=>new C(e)))}))}(S),(0,j.loadOutModesUpdater)(S)}))}})(),A})()}));

No alert changes

Improved metrics

Total package byte prevSize

999911

increased by4.91%

Dependency count

27

decreased by-10%

Lines of code

12571

increased by7.86%

Number of lines in readme file

177

increased by22.92%

Dependency changes

• - Removedtsparticles-updater-roll@^2.0.0-beta.2

• - Removedtsparticles-updater-tilt@^2.0.0-beta.2

• - Removedtsparticles-updater-wobble@^2.0.0-beta.2

• - Removedtsparticles-updater-roll@2.12.0(transitive)

• - Removedtsparticles-updater-tilt@2.12.0(transitive)

• - Removedtsparticles-updater-wobble@2.12.0(transitive)

• Updatedtsparticles-engine@^2.0.0-beta.2

• Updatedtsparticles-interaction-external-attract@^2.0.0-beta.3

• Updatedtsparticles-interaction-external-bounce@^2.0.0-beta.3

• Updatedtsparticles-interaction-external-bubble@^2.0.0-beta.3

• Updatedtsparticles-interaction-external-connect@^2.0.0-beta.3

• Updatedtsparticles-interaction-external-grab@^2.0.0-beta.3

• Updatedtsparticles-interaction-external-pause@^2.0.0-beta.3

• Updatedtsparticles-interaction-external-push@^2.0.0-beta.3

• Updatedtsparticles-interaction-external-remove@^2.0.0-beta.3

• Updatedtsparticles-interaction-external-repulse@^2.0.0-beta.3

• Updatedtsparticles-interaction-particles-attract@^2.0.0-beta.3

• Updatedtsparticles-interaction-particles-collisions@^2.0.0-beta.3

• Updatedtsparticles-interaction-particles-links@^2.0.0-beta.3

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

• Updatedtsparticles-shape-image@^2.0.0-beta.3

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

• Updatedtsparticles-shape-polygon@^2.0.0-beta.3

• Updatedtsparticles-shape-square@^2.0.0-beta.3

• Updatedtsparticles-shape-star@^2.0.0-beta.3

• Updatedtsparticles-shape-text@^2.0.0-beta.3

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

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

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

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

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

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

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