@tsparticles/all 3.0.0-beta.0

package/tsparticles.all.js

@@ -0,0 +1,912 @@
+/*!
+ * Author : Matteo Bruni
+ * MIT license: https://opensource.org/licenses/MIT
+ * Demo / Generator : https://particles.js.org/
+ * GitHub : https://www.github.com/matteobruni/tsparticles
+ * How to use? : Check the GitHub README
+ * v3.0.0-beta.0
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("@tsparticles/shape-bubble"), require("@tsparticles/plugin-canvas-mask"), require("@tsparticles/shape-cards"), require("@tsparticles/path-curves"), require("@tsparticles/plugin-easing-back"), require("@tsparticles/plugin-easing-circ"), require("@tsparticles/plugin-easing-cubic"), require("@tsparticles/plugin-easing-expo"), require("@tsparticles/plugin-easing-quart"), require("@tsparticles/plugin-easing-quint"), require("@tsparticles/plugin-easing-sine"), require("tsparticles"), require("@tsparticles/updater-gradient"), require("@tsparticles/shape-heart"), require("@tsparticles/plugin-hsv-color"), require("@tsparticles/plugin-infection"), require("@tsparticles/interaction-light"), require("@tsparticles/plugin-motion"), require("@tsparticles/shape-multiline-text"), require("@tsparticles/updater-orbit"), require("@tsparticles/interaction-particles-repulse"), require("@tsparticles/shape-path"), require("@tsparticles/path-perlin-noise"), require("@tsparticles/plugin-polygon-mask"), require("@tsparticles/path-polygon"), require("@tsparticles/shape-rounded-rect"), require("@tsparticles/path-simplex-noise"), require("@tsparticles/plugin-sounds"), require("@tsparticles/shape-spiral"), require("@tsparticles/engine"));
+	else if(typeof define === 'function' && define.amd)
+		define(["@tsparticles/shape-bubble", "@tsparticles/plugin-canvas-mask", "@tsparticles/shape-cards", "@tsparticles/path-curves", "@tsparticles/plugin-easing-back", "@tsparticles/plugin-easing-circ", "@tsparticles/plugin-easing-cubic", "@tsparticles/plugin-easing-expo", "@tsparticles/plugin-easing-quart", "@tsparticles/plugin-easing-quint", "@tsparticles/plugin-easing-sine", "tsparticles", "@tsparticles/updater-gradient", "@tsparticles/shape-heart", "@tsparticles/plugin-hsv-color", "@tsparticles/plugin-infection", "@tsparticles/interaction-light", "@tsparticles/plugin-motion", "@tsparticles/shape-multiline-text", "@tsparticles/updater-orbit", "@tsparticles/interaction-particles-repulse", "@tsparticles/shape-path", "@tsparticles/path-perlin-noise", "@tsparticles/plugin-polygon-mask", "@tsparticles/path-polygon", "@tsparticles/shape-rounded-rect", "@tsparticles/path-simplex-noise", "@tsparticles/plugin-sounds", "@tsparticles/shape-spiral", "@tsparticles/engine"], factory);
+	else {
+		var a = typeof exports === 'object' ? factory(require("@tsparticles/shape-bubble"), require("@tsparticles/plugin-canvas-mask"), require("@tsparticles/shape-cards"), require("@tsparticles/path-curves"), require("@tsparticles/plugin-easing-back"), require("@tsparticles/plugin-easing-circ"), require("@tsparticles/plugin-easing-cubic"), require("@tsparticles/plugin-easing-expo"), require("@tsparticles/plugin-easing-quart"), require("@tsparticles/plugin-easing-quint"), require("@tsparticles/plugin-easing-sine"), require("tsparticles"), require("@tsparticles/updater-gradient"), require("@tsparticles/shape-heart"), require("@tsparticles/plugin-hsv-color"), require("@tsparticles/plugin-infection"), require("@tsparticles/interaction-light"), require("@tsparticles/plugin-motion"), require("@tsparticles/shape-multiline-text"), require("@tsparticles/updater-orbit"), require("@tsparticles/interaction-particles-repulse"), require("@tsparticles/shape-path"), require("@tsparticles/path-perlin-noise"), require("@tsparticles/plugin-polygon-mask"), require("@tsparticles/path-polygon"), require("@tsparticles/shape-rounded-rect"), require("@tsparticles/path-simplex-noise"), require("@tsparticles/plugin-sounds"), require("@tsparticles/shape-spiral"), 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"], 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, (__WEBPACK_EXTERNAL_MODULE__164__, __WEBPACK_EXTERNAL_MODULE__72__, __WEBPACK_EXTERNAL_MODULE__686__, __WEBPACK_EXTERNAL_MODULE__997__, __WEBPACK_EXTERNAL_MODULE__792__, __WEBPACK_EXTERNAL_MODULE__176__, __WEBPACK_EXTERNAL_MODULE__922__, __WEBPACK_EXTERNAL_MODULE__594__, __WEBPACK_EXTERNAL_MODULE__205__, __WEBPACK_EXTERNAL_MODULE__144__, __WEBPACK_EXTERNAL_MODULE__691__, __WEBPACK_EXTERNAL_MODULE__802__, __WEBPACK_EXTERNAL_MODULE__887__, __WEBPACK_EXTERNAL_MODULE__12__, __WEBPACK_EXTERNAL_MODULE__673__, __WEBPACK_EXTERNAL_MODULE__521__, __WEBPACK_EXTERNAL_MODULE__55__, __WEBPACK_EXTERNAL_MODULE__82__, __WEBPACK_EXTERNAL_MODULE__940__, __WEBPACK_EXTERNAL_MODULE__193__, __WEBPACK_EXTERNAL_MODULE__297__, __WEBPACK_EXTERNAL_MODULE__901__, __WEBPACK_EXTERNAL_MODULE__228__, __WEBPACK_EXTERNAL_MODULE__124__, __WEBPACK_EXTERNAL_MODULE__231__, __WEBPACK_EXTERNAL_MODULE__550__, __WEBPACK_EXTERNAL_MODULE__520__, __WEBPACK_EXTERNAL_MODULE__490__, __WEBPACK_EXTERNAL_MODULE__561__, __WEBPACK_EXTERNAL_MODULE__533__) => {
+return /******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	var __webpack_modules__ = ({
+
+/***/ 533:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__533__;
+
+/***/ }),
+
+/***/ 55:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__55__;
+
+/***/ }),
+
+/***/ 297:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__297__;
+
+/***/ }),
+
+/***/ 997:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__997__;
+
+/***/ }),
+
+/***/ 228:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__228__;
+
+/***/ }),
+
+/***/ 231:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__231__;
+
+/***/ }),
+
+/***/ 520:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__520__;
+
+/***/ }),
+
+/***/ 72:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__72__;
+
+/***/ }),
+
+/***/ 792:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__792__;
+
+/***/ }),
+
+/***/ 176:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__176__;
+
+/***/ }),
+
+/***/ 922:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__922__;
+
+/***/ }),
+
+/***/ 594:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__594__;
+
+/***/ }),
+
+/***/ 205:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__205__;
+
+/***/ }),
+
+/***/ 144:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__144__;
+
+/***/ }),
+
+/***/ 691:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__691__;
+
+/***/ }),
+
+/***/ 673:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__673__;
+
+/***/ }),
+
+/***/ 521:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__521__;
+
+/***/ }),
+
+/***/ 82:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__82__;
+
+/***/ }),
+
+/***/ 124:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__124__;
+
+/***/ }),
+
+/***/ 490:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__490__;
+
+/***/ }),
+
+/***/ 164:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__164__;
+
+/***/ }),
+
+/***/ 686:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__686__;
+
+/***/ }),
+
+/***/ 12:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__12__;
+
+/***/ }),
+
+/***/ 940:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__940__;
+
+/***/ }),
+
+/***/ 901:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__901__;
+
+/***/ }),
+
+/***/ 550:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__550__;
+
+/***/ }),
+
+/***/ 561:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__561__;
+
+/***/ }),
+
+/***/ 887:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__887__;
+
+/***/ }),
+
+/***/ 193:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__193__;
+
+/***/ }),
+
+/***/ 802:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__802__;
+
+/***/ })
+
+/******/ 	});
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	var __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		if (cachedModule !== undefined) {
+/******/ 			return cachedModule.exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 			// no module.id needed
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	(() => {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = (exports, definition) => {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	(() => {
+/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	(() => {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = (exports) => {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/************************************************************************/
+var __webpack_exports__ = {};
+// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
+(() => {
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  loadAll: () => (/* binding */ loadAll)
+});
+
+// EXTERNAL MODULE: external {"commonjs":"@tsparticles/engine","commonjs2":"@tsparticles/engine","amd":"@tsparticles/engine","root":"window"}
+var engine_root_window_ = __webpack_require__(533);
+;// CONCATENATED MODULE: ../../shapes/arrow/dist/esm/ArrowDrawer.js
+
+class ArrowDrawer {
+  draw(context, particle, radius) {
+    const width = radius * 2,
+      heightFactor = particle.heightFactor ?? 0.5,
+      headWidthFactor = particle.headWidthFactor ?? 0.2,
+      bodyHeightFactor = particle.bodyHeightFactor ?? 0.5,
+      height = width * heightFactor,
+      headWidth = width * headWidthFactor,
+      bodyHeight = height * bodyHeightFactor;
+    context.moveTo(-width / 2, 0);
+    context.lineTo(-width / 2, -bodyHeight / 2);
+    context.lineTo(width / 2 - headWidth, -bodyHeight / 2);
+    context.lineTo(width / 2 - headWidth, -height / 2);
+    context.lineTo(width / 2 + headWidth, 0);
+    context.lineTo(width / 2 - headWidth, height / 2);
+    context.lineTo(width / 2 - headWidth, bodyHeight / 2);
+    context.lineTo(-width / 2, bodyHeight / 2);
+    context.lineTo(-width / 2, 0);
+  }
+  particleInit(container, particle) {
+    const shapeData = particle.shapeData;
+    particle.heightFactor = (0,engine_root_window_.getRangeValue)(shapeData?.heightFactor ?? 0.5);
+    particle.headWidthFactor = (0,engine_root_window_.getRangeValue)(shapeData?.headWidthFactor ?? 0.2);
+    particle.bodyHeightFactor = (0,engine_root_window_.getRangeValue)(shapeData?.bodyHeightFactor ?? 0.5);
+  }
+}
+;// CONCATENATED MODULE: ../../shapes/arrow/dist/esm/index.js
+
+async function loadArrowShape(engine, refresh = true) {
+  await engine.addShape("arrow", new ArrowDrawer(), refresh);
+}
+// EXTERNAL MODULE: external {"commonjs":"@tsparticles/shape-bubble","commonjs2":"@tsparticles/shape-bubble","amd":"@tsparticles/shape-bubble","root":"window"}
+var shape_bubble_root_window_ = __webpack_require__(164);
+// EXTERNAL MODULE: external {"commonjs":"@tsparticles/plugin-canvas-mask","commonjs2":"@tsparticles/plugin-canvas-mask","amd":"@tsparticles/plugin-canvas-mask","root":"window"}
+var plugin_canvas_mask_root_window_ = __webpack_require__(72);
+// EXTERNAL MODULE: external {"commonjs":"@tsparticles/shape-cards","commonjs2":"@tsparticles/shape-cards","amd":"@tsparticles/shape-cards","root":"window"}
+var shape_cards_root_window_ = __webpack_require__(686);
+;// CONCATENATED MODULE: ../../shapes/cog/dist/esm/CogDrawer.js
+
+class CogDrawer {
+  afterEffect(ctx, particle, radius) {
+    if (particle.cogHoleRadius === undefined || particle.cogInnerRadius === undefined || particle.cogInnerTaper === undefined || particle.cogNotches === undefined || particle.cogOuterTaper === undefined) {
+      return;
+    }
+    const pi2 = 2 * Math.PI,
+      holeRadius = radius * particle.cogHoleRadius / 100;
+    ctx.globalCompositeOperation = "destination-out";
+    ctx.beginPath();
+    ctx.moveTo(holeRadius, 0);
+    ctx.arc(0, 0, holeRadius, 0, pi2);
+    ctx.closePath();
+    ctx.fill();
+    ctx.globalCompositeOperation = "source-over";
+  }
+  draw(ctx, particle, radius) {
+    if (particle.cogHoleRadius === undefined || particle.cogInnerRadius === undefined || particle.cogInnerTaper === undefined || particle.cogNotches === undefined || particle.cogOuterTaper === undefined) {
+      return;
+    }
+    const pi2 = 2 * Math.PI,
+      angle = pi2 / (particle.cogNotches * 2),
+      taperAI = angle * particle.cogInnerTaper * 0.005,
+      taperAO = angle * particle.cogOuterTaper * 0.005,
+      innerRadius = radius * particle.cogInnerRadius / 100;
+    let a = angle,
+      toggle = false;
+    ctx.moveTo(radius * Math.cos(taperAO), radius * Math.sin(taperAO));
+    for (; a <= pi2; a += angle) {
+      if (toggle) {
+        ctx.lineTo(innerRadius * Math.cos(a - taperAI), innerRadius * Math.sin(a - taperAI));
+        ctx.lineTo(radius * Math.cos(a + taperAO), radius * Math.sin(a + taperAO));
+      } else {
+        ctx.lineTo(radius * Math.cos(a - taperAO), radius * Math.sin(a - taperAO));
+        ctx.lineTo(innerRadius * Math.cos(a + taperAI), innerRadius * Math.sin(a + taperAI));
+      }
+      toggle = !toggle;
+    }
+  }
+  particleInit(container, particle) {
+    const shapeData = particle.shapeData;
+    particle.cogHoleRadius = (0,engine_root_window_.getRangeValue)(shapeData?.holeRadius ?? 44);
+    particle.cogInnerRadius = (0,engine_root_window_.getRangeValue)(shapeData?.innerRadius ?? 72);
+    particle.cogInnerTaper = (0,engine_root_window_.getRangeValue)(shapeData?.innerTaper ?? 35);
+    particle.cogNotches = (0,engine_root_window_.getRangeValue)(shapeData?.notches ?? 7);
+    particle.cogOuterTaper = (0,engine_root_window_.getRangeValue)(shapeData?.outerTaper ?? 50);
+  }
+}
+;// CONCATENATED MODULE: ../../shapes/cog/dist/esm/index.js
+
+async function loadCogShape(engine, refresh = true) {
+  await engine.addShape("cog", new CogDrawer(), refresh);
+}
+// EXTERNAL MODULE: external {"commonjs":"@tsparticles/path-curves","commonjs2":"@tsparticles/path-curves","amd":"@tsparticles/path-curves","root":"window"}
+var path_curves_root_window_ = __webpack_require__(997);
+// EXTERNAL MODULE: external {"commonjs":"@tsparticles/plugin-easing-back","commonjs2":"@tsparticles/plugin-easing-back","amd":"@tsparticles/plugin-easing-back","root":"window"}
+var plugin_easing_back_root_window_ = __webpack_require__(792);
+// EXTERNAL MODULE: external {"commonjs":"@tsparticles/plugin-easing-circ","commonjs2":"@tsparticles/plugin-easing-circ","amd":"@tsparticles/plugin-easing-circ","root":"window"}
+var plugin_easing_circ_root_window_ = __webpack_require__(176);
+// EXTERNAL MODULE: external {"commonjs":"@tsparticles/plugin-easing-cubic","commonjs2":"@tsparticles/plugin-easing-cubic","amd":"@tsparticles/plugin-easing-cubic","root":"window"}
+var plugin_easing_cubic_root_window_ = __webpack_require__(922);
+// EXTERNAL MODULE: external {"commonjs":"@tsparticles/plugin-easing-expo","commonjs2":"@tsparticles/plugin-easing-expo","amd":"@tsparticles/plugin-easing-expo","root":"window"}
+var plugin_easing_expo_root_window_ = __webpack_require__(594);
+// EXTERNAL MODULE: external {"commonjs":"@tsparticles/plugin-easing-quart","commonjs2":"@tsparticles/plugin-easing-quart","amd":"@tsparticles/plugin-easing-quart","root":"window"}
+var plugin_easing_quart_root_window_ = __webpack_require__(205);
+// EXTERNAL MODULE: external {"commonjs":"@tsparticles/plugin-easing-quint","commonjs2":"@tsparticles/plugin-easing-quint","amd":"@tsparticles/plugin-easing-quint","root":"window"}
+var plugin_easing_quint_root_window_ = __webpack_require__(144);
+// EXTERNAL MODULE: external {"commonjs":"@tsparticles/plugin-easing-sine","commonjs2":"@tsparticles/plugin-easing-sine","amd":"@tsparticles/plugin-easing-sine","root":"window"}
+var plugin_easing_sine_root_window_ = __webpack_require__(691);
+;// CONCATENATED MODULE: ../../plugins/exports/image/dist/esm/ExportImageInstance.js
+class ExportImageInstance {
+  constructor(container, engine) {
+    this._exportImage = async data => {
+      const element = this._container.canvas.element;
+      if (!element) {
+        return;
+      }
+      return new Promise(resolve => {
+        element.toBlob(blob => {
+          if (!blob) {
+            resolve(undefined);
+            return;
+          }
+          resolve(blob);
+        }, data.type ?? "image/png", data.quality);
+      });
+    };
+    this._container = container;
+    this._engine = engine;
+  }
+  async export(type, data) {
+    const res = {
+      supported: false
+    };
+    switch (type) {
+      case "image":
+        res.supported = true;
+        res.blob = await this._exportImage(data);
+        break;
+    }
+    return res;
+  }
+}
+;// CONCATENATED MODULE: ../../plugins/exports/image/dist/esm/index.js
+
+class ExportImagePlugin {
+  constructor(engine) {
+    this.id = "export-image";
+    this._engine = engine;
+  }
+  getPlugin(container) {
+    return new ExportImageInstance(container, this._engine);
+  }
+  loadOptions() {}
+  needsPlugin() {
+    return true;
+  }
+}
+async function loadExportImagePlugin(engine, refresh = true) {
+  await engine.addPlugin(new ExportImagePlugin(engine), refresh);
+}
+;// CONCATENATED MODULE: ../../plugins/exports/json/dist/esm/ExportJSONInstance.js
+class ExportJSONInstance {
+  constructor(container, engine) {
+    this._exportJSON = async () => {
+      const json = JSON.stringify(this._container.actualOptions, (key, value) => {
+        if (key.startsWith("_")) {
+          return;
+        }
+        return value;
+      }, 2);
+      return new Blob([json], {
+        type: "application/json"
+      });
+    };
+    this._container = container;
+    this._engine = engine;
+  }
+  async export(type) {
+    const res = {
+      supported: false
+    };
+    switch (type) {
+      case "json":
+        res.supported = true;
+        res.blob = await this._exportJSON();
+        break;
+    }
+    return res;
+  }
+}
+;// CONCATENATED MODULE: ../../plugins/exports/json/dist/esm/index.js
+
+class ExportJSONPlugin {
+  constructor(engine) {
+    this.id = "export-json";
+    this._engine = engine;
+  }
+  getPlugin(container) {
+    return new ExportJSONInstance(container, this._engine);
+  }
+  loadOptions() {}
+  needsPlugin() {
+    return true;
+  }
+}
+async function loadExportJSONPlugin(engine, refresh = true) {
+  await engine.addPlugin(new ExportJSONPlugin(engine), refresh);
+}
+;// CONCATENATED MODULE: ../../plugins/exports/video/dist/esm/ExportVideoInstance.js
+const videoTypes = ["webm", "ogg", "mp4", "x-matroska"],
+  codecs = ["vp9", "vp9.0", "vp8", "vp8.0", "avc1", "av1", "h265", "h.265", "h264", "h.264", "opus", "pcm", "aac", "mpeg", "mp4a"];
+function getVideoSupportedMimeTypes() {
+  const isSupported = MediaRecorder.isTypeSupported,
+    supported = [];
+  videoTypes.forEach(type => {
+    const mimeType = `video/${type}`;
+    codecs.forEach(codec => [`${mimeType};codecs=${codec}`, `${mimeType};codecs=${codec.toUpperCase()}`].forEach(variation => {
+      if (isSupported(variation)) {
+        supported.push(variation);
+      }
+    }));
+    if (isSupported(mimeType)) {
+      supported.push(mimeType);
+    }
+  });
+  return supported;
+}
+class ExportVideoInstance {
+  constructor(container, engine) {
+    this._supportedTypes = [];
+    this._exportVideo = async data => {
+      const element = this._container.canvas.element;
+      if (!element) {
+        return;
+      }
+      return new Promise(resolve => {
+        const stream = element.captureStream(data.fps ?? this._container.actualOptions.fpsLimit),
+          mimeType = data.mimeType ?? this._supportedTypes[0],
+          recorder = new MediaRecorder(stream, {
+            mimeType
+          }),
+          chunks = [];
+        recorder.addEventListener("dataavailable", event => {
+          chunks.push(event.data);
+        });
+        recorder.addEventListener("stop", () => {
+          resolve(new Blob(chunks, {
+            type: mimeType
+          }));
+        });
+        recorder.start();
+        setTimeout(() => {
+          recorder.stop();
+        }, data.duration ?? 5000);
+      });
+    };
+    this._container = container;
+    this._engine = engine;
+    this._supportedTypes = getVideoSupportedMimeTypes();
+  }
+  async export(type, data) {
+    const res = {
+      supported: false
+    };
+    switch (type) {
+      case "video":
+        res.supported = true;
+        res.blob = await this._exportVideo(data);
+        break;
+    }
+    return res;
+  }
+}
+;// CONCATENATED MODULE: ../../plugins/exports/video/dist/esm/index.js
+
+class ExportVideoPlugin {
+  constructor(engine) {
+    this.id = "export-video";
+    this._engine = engine;
+  }
+  getPlugin(container) {
+    return new ExportVideoInstance(container, this._engine);
+  }
+  loadOptions() {}
+  needsPlugin() {
+    return true;
+  }
+}
+async function loadExportVideoPlugin(engine, refresh = true) {
+  await engine.addPlugin(new ExportVideoPlugin(engine), refresh);
+}
+// EXTERNAL MODULE: external {"commonjs":"tsparticles","commonjs2":"tsparticles","amd":"tsparticles","root":"window"}
+var external_commonjs_tsparticles_commonjs2_tsparticles_amd_tsparticles_root_window_ = __webpack_require__(802);
+// EXTERNAL MODULE: external {"commonjs":"@tsparticles/updater-gradient","commonjs2":"@tsparticles/updater-gradient","amd":"@tsparticles/updater-gradient","root":"window"}
+var updater_gradient_root_window_ = __webpack_require__(887);
+// EXTERNAL MODULE: external {"commonjs":"@tsparticles/shape-heart","commonjs2":"@tsparticles/shape-heart","amd":"@tsparticles/shape-heart","root":"window"}
+var shape_heart_root_window_ = __webpack_require__(12);
+// EXTERNAL MODULE: external {"commonjs":"@tsparticles/plugin-hsv-color","commonjs2":"@tsparticles/plugin-hsv-color","amd":"@tsparticles/plugin-hsv-color","root":"window"}
+var plugin_hsv_color_root_window_ = __webpack_require__(673);
+// EXTERNAL MODULE: external {"commonjs":"@tsparticles/plugin-infection","commonjs2":"@tsparticles/plugin-infection","amd":"@tsparticles/plugin-infection","root":"window"}
+var plugin_infection_root_window_ = __webpack_require__(521);
+// EXTERNAL MODULE: external {"commonjs":"@tsparticles/interaction-light","commonjs2":"@tsparticles/interaction-light","amd":"@tsparticles/interaction-light","root":"window"}
+var interaction_light_root_window_ = __webpack_require__(55);
+// EXTERNAL MODULE: external {"commonjs":"@tsparticles/plugin-motion","commonjs2":"@tsparticles/plugin-motion","amd":"@tsparticles/plugin-motion","root":"window"}
+var plugin_motion_root_window_ = __webpack_require__(82);
+// EXTERNAL MODULE: external {"commonjs":"@tsparticles/shape-multiline-text","commonjs2":"@tsparticles/shape-multiline-text","amd":"@tsparticles/shape-multiline-text","root":"window"}
+var shape_multiline_text_root_window_ = __webpack_require__(940);
+// EXTERNAL MODULE: external {"commonjs":"@tsparticles/updater-orbit","commonjs2":"@tsparticles/updater-orbit","amd":"@tsparticles/updater-orbit","root":"window"}
+var updater_orbit_root_window_ = __webpack_require__(193);
+// EXTERNAL MODULE: external {"commonjs":"@tsparticles/interaction-particles-repulse","commonjs2":"@tsparticles/interaction-particles-repulse","amd":"@tsparticles/interaction-particles-repulse","root":"window"}
+var interaction_particles_repulse_root_window_ = __webpack_require__(297);
+// EXTERNAL MODULE: external {"commonjs":"@tsparticles/shape-path","commonjs2":"@tsparticles/shape-path","amd":"@tsparticles/shape-path","root":"window"}
+var shape_path_root_window_ = __webpack_require__(901);
+// EXTERNAL MODULE: external {"commonjs":"@tsparticles/path-perlin-noise","commonjs2":"@tsparticles/path-perlin-noise","amd":"@tsparticles/path-perlin-noise","root":"window"}
+var path_perlin_noise_root_window_ = __webpack_require__(228);
+// EXTERNAL MODULE: external {"commonjs":"@tsparticles/plugin-polygon-mask","commonjs2":"@tsparticles/plugin-polygon-mask","amd":"@tsparticles/plugin-polygon-mask","root":"window"}
+var plugin_polygon_mask_root_window_ = __webpack_require__(124);
+// EXTERNAL MODULE: external {"commonjs":"@tsparticles/path-polygon","commonjs2":"@tsparticles/path-polygon","amd":"@tsparticles/path-polygon","root":"window"}
+var path_polygon_root_window_ = __webpack_require__(231);
+;// CONCATENATED MODULE: ../../shapes/rounded-polygon/dist/esm/RoundedPolygonDrawer.js
+
+function polygon(sides, radius, rot = 0) {
+  const step = Math.PI * 2 / sides,
+    path = [];
+  for (let i = 0; i < sides; i++) {
+    path.push({
+      x: Math.cos(i * step + rot) * radius,
+      y: Math.sin(i * step + rot) * radius
+    });
+  }
+  return path;
+}
+function roundedPath(context, path, radius) {
+  let p1 = path[0],
+    p2 = path[1];
+  const len = path.length;
+  context.moveTo((p1.x + p2.x) / 2, (p1.y + p2.y) / 2);
+  for (let i = 1; i <= len; i++) {
+    p1 = p2;
+    p2 = path[(i + 1) % len];
+    context.arcTo(p1.x, p1.y, (p1.x + p2.x) / 2, (p1.y + p2.y) / 2, radius);
+  }
+}
+class RoundedPolygonDrawer {
+  draw(context, particle, radius) {
+    roundedPath(context, polygon(particle.sides, radius), particle.borderRadius ?? 5);
+  }
+  getSidesCount(particle) {
+    const roundedPolygon = particle.shapeData;
+    return Math.round((0,engine_root_window_.getRangeValue)(roundedPolygon?.sides ?? 5));
+  }
+  particleInit(container, particle) {
+    const shapeData = particle.shapeData;
+    particle.borderRadius = Math.round((0,engine_root_window_.getRangeValue)(shapeData?.radius ?? 5)) * container.retina.pixelRatio;
+  }
+}
+;// CONCATENATED MODULE: ../../shapes/rounded-polygon/dist/esm/index.js
+
+async function loadRoundedPolygonShape(engine, refresh = true) {
+  await engine.addShape("rounded-polygon", new RoundedPolygonDrawer(), refresh);
+}
+// EXTERNAL MODULE: external {"commonjs":"@tsparticles/shape-rounded-rect","commonjs2":"@tsparticles/shape-rounded-rect","amd":"@tsparticles/shape-rounded-rect","root":"window"}
+var shape_rounded_rect_root_window_ = __webpack_require__(550);
+;// CONCATENATED MODULE: ../../paths/svg/dist/esm/SVGPathGenerator.js
+
+class SVGPathGenerator {
+  constructor() {
+    this._paths = [];
+    this._reverse = false;
+    this._size = {
+      width: 0,
+      height: 0
+    };
+    this._scale = 1;
+    this._offset = {
+      x: 0,
+      y: 0,
+      mode: "percent"
+    };
+    this._width = 0;
+  }
+  generate(particle, delta) {
+    const container = particle.container,
+      pxRatio = container.retina.pixelRatio;
+    if (particle.svgDirection === undefined) {
+      particle.svgDirection = (0,engine_root_window_.getRandom)() > 0.5 ? 0 : 1;
+    }
+    if (particle.svgPathIndex === undefined) {
+      particle.svgPathIndex = Math.floor(Math.random() * this._paths.length);
+    }
+    if (particle.svgSpeed === undefined) {
+      particle.svgSpeed = particle.velocity.mult((particle.retina.moveSpeed ?? 1) / 2).length;
+    }
+    if (particle.svgStep === undefined) {
+      particle.svgStep = (0,engine_root_window_.randomInRange)({
+        min: 0,
+        max: this._paths[particle.svgPathIndex].length
+      }) * pxRatio;
+    }
+    if (particle.svgOffset === undefined) {
+      particle.svgOffset = {
+        width: (0,engine_root_window_.randomInRange)({
+          min: -this._width / 2,
+          max: this._width / 2
+        }) * pxRatio,
+        height: (0,engine_root_window_.randomInRange)({
+          min: -this._width / 2,
+          max: this._width / 2
+        }) * pxRatio
+      };
+    }
+    if (particle.svgInitialPosition === undefined) {
+      particle.svgInitialPosition = {
+        ...particle.position
+      };
+    }
+    particle.velocity.x = 0;
+    particle.velocity.y = 0;
+    if (particle.svgDirection === 0) {
+      particle.svgStep += particle.svgSpeed * delta.factor;
+    } else {
+      particle.svgStep -= particle.svgSpeed * delta.factor;
+    }
+    let path = this._paths[particle.svgPathIndex];
+    if (path) {
+      const pathLength = path.length;
+      if (particle.svgStep >= pathLength) {
+        particle.svgPathIndex = particle.svgPathIndex + 1;
+        if (particle.svgPathIndex >= this._paths.length) {
+          if (this._reverse) {
+            particle.svgPathIndex = this._paths.length - 1;
+            particle.svgDirection = 1;
+          } else {
+            particle.svgPathIndex = 0;
+            particle.svgStep = 0;
+          }
+        }
+      } else if (particle.svgStep <= 0) {
+        particle.svgPathIndex = particle.svgPathIndex - 1;
+        if (particle.svgPathIndex < 0) {
+          if (this._reverse) {
+            particle.svgPathIndex = 0;
+            particle.svgDirection = 0;
+          } else {
+            particle.svgPathIndex = this._paths.length - 1;
+            path = this._paths[particle.svgPathIndex];
+            particle.svgStep = path.length;
+          }
+        }
+      }
+      path = this._paths[particle.svgPathIndex];
+    }
+    if (path) {
+      const pathElement = path.element,
+        pos = pathElement.getPointAtLength(particle.svgStep),
+        canvasSize = particle.container.canvas.size,
+        offset = (0,engine_root_window_.getPosition)(this._offset, canvasSize),
+        scale = this._scale * pxRatio;
+      particle.position.x = (pos.x - this._size.width / 2) * scale + particle.svgInitialPosition.x + offset.x + particle.svgOffset.width;
+      particle.position.y = (pos.y - this._size.height / 2) * scale + particle.svgInitialPosition.y + offset.y + particle.svgOffset.height;
+    }
+    return engine_root_window_.Vector.origin;
+  }
+  init(container) {
+    const options = container.actualOptions.particles.move.path.options,
+      position = options.position ?? this._offset;
+    this._reverse = options.reverse ?? this._reverse;
+    this._scale = options.scale ?? 1;
+    this._offset.x = position.x;
+    this._offset.y = position.y;
+    this._offset.mode = position.mode;
+    this._width = options.width ?? 0;
+    if (options.url && !options.path) {
+      const url = options.url;
+      (async () => {
+        const response = await fetch(url),
+          data = await response.text();
+        const parser = new DOMParser(),
+          doc = parser.parseFromString(data, "image/svg+xml"),
+          svg = doc.getElementsByTagName("svg")[0];
+        let svgPaths = svg.getElementsByTagName("path");
+        if (!svgPaths.length) {
+          svgPaths = doc.getElementsByTagName("path");
+        }
+        this._paths = [];
+        for (let i = 0; i < svgPaths.length; i++) {
+          const path = svgPaths.item(i);
+          if (path) {
+            this._paths.push({
+              element: path,
+              length: path.getTotalLength()
+            });
+          }
+        }
+        this._size.height = parseFloat(svg.getAttribute("height") ?? "0");
+        this._size.width = parseFloat(svg.getAttribute("width") ?? "0");
+      })();
+    } else if (options.path) {
+      const path = options.path;
+      this._paths = [];
+      for (const item of path.data) {
+        const element = document.createElementNS("http://www.w3.org/2000/svg", "path");
+        element.setAttribute("d", item);
+        this._paths.push({
+          element,
+          length: element.getTotalLength()
+        });
+      }
+      this._size.height = path.size.height;
+      this._size.width = path.size.width;
+    }
+  }
+  reset() {}
+  update() {}
+}
+;// CONCATENATED MODULE: ../../paths/svg/dist/esm/index.js
+
+const svgPathName = "svgPathGenerator";
+async function loadSVGPath(engine, refresh = true) {
+  await engine.addPathGenerator(svgPathName, new SVGPathGenerator(), refresh);
+}
+// EXTERNAL MODULE: external {"commonjs":"@tsparticles/path-simplex-noise","commonjs2":"@tsparticles/path-simplex-noise","amd":"@tsparticles/path-simplex-noise","root":"window"}
+var path_simplex_noise_root_window_ = __webpack_require__(520);
+// EXTERNAL MODULE: external {"commonjs":"@tsparticles/plugin-sounds","commonjs2":"@tsparticles/plugin-sounds","amd":"@tsparticles/plugin-sounds","root":"window"}
+var plugin_sounds_root_window_ = __webpack_require__(490);
+// EXTERNAL MODULE: external {"commonjs":"@tsparticles/shape-spiral","commonjs2":"@tsparticles/shape-spiral","amd":"@tsparticles/shape-spiral","root":"window"}
+var shape_spiral_root_window_ = __webpack_require__(561);
+;// CONCATENATED MODULE: ./dist/browser/index.js
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+async function loadAll(engine, refresh = true) {
+  await (0,external_commonjs_tsparticles_commonjs2_tsparticles_amd_tsparticles_root_window_.loadFull)(engine, false);
+  await (0,plugin_hsv_color_root_window_.loadHsvColorPlugin)();
+  await (0,plugin_easing_back_root_window_.loadEasingBackPlugin)();
+  await (0,plugin_easing_circ_root_window_.loadEasingCircPlugin)();
+  await (0,plugin_easing_cubic_root_window_.loadEasingCubicPlugin)();
+  await (0,plugin_easing_expo_root_window_.loadEasingExpoPlugin)();
+  await (0,plugin_easing_quart_root_window_.loadEasingQuartPlugin)();
+  await (0,plugin_easing_quint_root_window_.loadEasingQuintPlugin)();
+  await (0,plugin_easing_sine_root_window_.loadEasingSinePlugin)();
+  await (0,plugin_hsv_color_root_window_.loadHsvColorPlugin)();
+  await (0,plugin_canvas_mask_root_window_.loadCanvasMaskPlugin)(engine, false);
+  await (0,plugin_infection_root_window_.loadInfectionPlugin)(engine, false);
+  await (0,plugin_motion_root_window_.loadMotionPlugin)(engine, false);
+  await (0,plugin_polygon_mask_root_window_.loadPolygonMaskPlugin)(engine, false);
+  await (0,plugin_sounds_root_window_.loadSoundsPlugin)(engine, false);
+  await loadExportImagePlugin(engine, false);
+  await loadExportJSONPlugin(engine, false);
+  await loadExportVideoPlugin(engine, false);
+  await (0,interaction_light_root_window_.loadLightInteraction)(engine, false);
+  await (0,interaction_particles_repulse_root_window_.loadParticlesRepulseInteraction)(engine, false);
+  await (0,updater_gradient_root_window_.loadGradientUpdater)(engine, false);
+  await (0,updater_orbit_root_window_.loadOrbitUpdater)(engine, false);
+  await (0,path_curves_root_window_.loadCurvesPath)(engine, false);
+  await (0,path_perlin_noise_root_window_.loadPerlinNoisePath)(engine, false);
+  await (0,path_polygon_root_window_.loadPolygonPath)(engine, false);
+  await loadSVGPath(engine, false);
+  await (0,path_simplex_noise_root_window_.loadSimplexNoisePath)(engine, false);
+  await loadArrowShape(engine, false);
+  await (0,shape_bubble_root_window_.loadBubbleShape)(engine, false);
+  await (0,shape_cards_root_window_.loadCardsShape)(engine, false);
+  await loadCogShape(engine, false);
+  await (0,shape_heart_root_window_.loadHeartShape)(engine, false);
+  await (0,shape_multiline_text_root_window_.loadMultilineTextShape)(engine, false);
+  await (0,shape_path_root_window_.loadPathShape)(engine, false);
+  await loadRoundedPolygonShape(engine, false);
+  await (0,shape_rounded_rect_root_window_.loadRoundedRectShape)(engine, false);
+  await (0,shape_spiral_root_window_.loadSpiralShape)(engine, false);
+  await engine.refresh(refresh);
+}
+})();
+
+/******/ 	return __webpack_exports__;
+/******/ })()
+;
+});