@tsparticles/all 3.9.0 → 4.0.0-alpha.0

package/cjs/index.js

@@ -1,107 +1,63 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.loadAll = loadAll;
-const pjs_1 = require("@tsparticles/pjs");
-const shape_arrow_1 = require("@tsparticles/shape-arrow");
-const effect_bubble_1 = require("@tsparticles/effect-bubble");
-const plugin_canvas_mask_1 = require("@tsparticles/plugin-canvas-mask");
-const shape_cards_1 = require("@tsparticles/shape-cards");
-const shape_cog_1 = require("@tsparticles/shape-cog");
-const path_curl_noise_1 = require("@tsparticles/path-curl-noise");
-const path_curves_1 = require("@tsparticles/path-curves");
-const plugin_easing_back_1 = require("@tsparticles/plugin-easing-back");
-const plugin_easing_circ_1 = require("@tsparticles/plugin-easing-circ");
-const plugin_easing_cubic_1 = require("@tsparticles/plugin-easing-cubic");
-const plugin_easing_expo_1 = require("@tsparticles/plugin-easing-expo");
-const plugin_easing_linear_1 = require("@tsparticles/plugin-easing-linear");
-const plugin_easing_quart_1 = require("@tsparticles/plugin-easing-quart");
-const plugin_easing_quint_1 = require("@tsparticles/plugin-easing-quint");
-const plugin_easing_sine_1 = require("@tsparticles/plugin-easing-sine");
-const plugin_emitters_shape_canvas_1 = require("@tsparticles/plugin-emitters-shape-canvas");
-const plugin_emitters_shape_path_1 = require("@tsparticles/plugin-emitters-shape-path");
-const plugin_emitters_shape_polygon_1 = require("@tsparticles/plugin-emitters-shape-polygon");
-const plugin_export_image_1 = require("@tsparticles/plugin-export-image");
-const plugin_export_json_1 = require("@tsparticles/plugin-export-json");
-const plugin_export_video_1 = require("@tsparticles/plugin-export-video");
-const interaction_external_particle_1 = require("@tsparticles/interaction-external-particle");
-const interaction_external_pop_1 = require("@tsparticles/interaction-external-pop");
-const path_fractal_noise_1 = require("@tsparticles/path-fractal-noise");
-const tsparticles_1 = require("tsparticles");
-const updater_gradient_1 = require("@tsparticles/updater-gradient");
-const shape_heart_1 = require("@tsparticles/shape-heart");
-const plugin_hsv_color_1 = require("@tsparticles/plugin-hsv-color");
-const plugin_infection_1 = require("@tsparticles/plugin-infection");
-const shape_infinity_1 = require("@tsparticles/shape-infinity");
-const interaction_light_1 = require("@tsparticles/interaction-light");
-const plugin_motion_1 = require("@tsparticles/plugin-motion");
-const plugin_named_color_1 = require("@tsparticles/plugin-named-color");
-const plugin_oklch_color_1 = require("@tsparticles/plugin-oklch-color");
-const updater_orbit_1 = require("@tsparticles/updater-orbit");
-const interaction_particles_repulse_1 = require("@tsparticles/interaction-particles-repulse");
-const shape_path_1 = require("@tsparticles/shape-path");
-const path_perlin_noise_1 = require("@tsparticles/path-perlin-noise");
-const plugin_poisson_disc_1 = require("@tsparticles/plugin-poisson-disc");
-const plugin_polygon_mask_1 = require("@tsparticles/plugin-polygon-mask");
-const path_polygon_1 = require("@tsparticles/path-polygon");
-const shape_rounded_polygon_1 = require("@tsparticles/shape-rounded-polygon");
-const shape_rounded_rect_1 = require("@tsparticles/shape-rounded-rect");
-const path_svg_1 = require("@tsparticles/path-svg");
-const path_simplex_noise_1 = require("@tsparticles/path-simplex-noise");
-const plugin_sounds_1 = require("@tsparticles/plugin-sounds");
-const shape_spiral_1 = require("@tsparticles/shape-spiral");
-const effect_trail_1 = require("@tsparticles/effect-trail");
-const path_zig_zag_1 = require("@tsparticles/path-zig-zag");
-async function loadAll(engine, refresh = true) {
-    engine.checkVersion("3.9.0");
-    (0, pjs_1.initPjs)(engine);
-    await (0, tsparticles_1.loadFull)(engine, false);
-    await (0, plugin_hsv_color_1.loadHsvColorPlugin)(engine, false);
-    await (0, plugin_named_color_1.loadNamedColorPlugin)(engine, false);
-    await (0, plugin_oklch_color_1.loadOklchColorPlugin)(engine, false);
-    await (0, plugin_easing_back_1.loadEasingBackPlugin)(engine, false);
-    await (0, plugin_easing_circ_1.loadEasingCircPlugin)(engine, false);
-    await (0, plugin_easing_cubic_1.loadEasingCubicPlugin)(engine, false);
-    await (0, plugin_easing_expo_1.loadEasingExpoPlugin)(engine, false);
-    await (0, plugin_easing_linear_1.loadEasingLinearPlugin)(engine, false);
-    await (0, plugin_easing_quart_1.loadEasingQuartPlugin)(engine, false);
-    await (0, plugin_easing_quint_1.loadEasingQuintPlugin)(engine, false);
-    await (0, plugin_easing_sine_1.loadEasingSinePlugin)(engine, false);
-    await (0, plugin_emitters_shape_canvas_1.loadEmittersShapeCanvas)(engine, false);
-    await (0, plugin_emitters_shape_path_1.loadEmittersShapePath)(engine, false);
-    await (0, plugin_emitters_shape_polygon_1.loadEmittersShapePolygon)(engine, false);
-    await (0, plugin_canvas_mask_1.loadCanvasMaskPlugin)(engine, false);
-    await (0, plugin_infection_1.loadInfectionPlugin)(engine, false);
-    await (0, plugin_motion_1.loadMotionPlugin)(engine, false);
-    await (0, plugin_polygon_mask_1.loadPolygonMaskPlugin)(engine, false);
-    await (0, plugin_sounds_1.loadSoundsPlugin)(engine, false);
-    await (0, plugin_export_image_1.loadExportImagePlugin)(engine, false);
-    await (0, plugin_export_json_1.loadExportJSONPlugin)(engine, false);
-    await (0, plugin_export_video_1.loadExportVideoPlugin)(engine, false);
-    await (0, interaction_external_particle_1.loadExternalParticleInteraction)(engine, false);
-    await (0, interaction_external_pop_1.loadExternalPopInteraction)(engine, false);
-    await (0, interaction_light_1.loadLightInteraction)(engine, false);
-    await (0, interaction_particles_repulse_1.loadParticlesRepulseInteraction)(engine, false);
-    await (0, updater_gradient_1.loadGradientUpdater)(engine, false);
-    await (0, updater_orbit_1.loadOrbitUpdater)(engine, false);
-    await (0, path_curves_1.loadCurvesPath)(engine, false);
-    await (0, path_curl_noise_1.loadCurlNoisePath)(engine, false);
-    await (0, path_fractal_noise_1.loadFractalNoisePath)(engine, false);
-    await (0, path_perlin_noise_1.loadPerlinNoisePath)(engine, false);
-    await (0, plugin_poisson_disc_1.loadPoissonDiscPlugin)(engine, false);
-    await (0, path_polygon_1.loadPolygonPath)(engine, false);
-    await (0, path_svg_1.loadSVGPath)(engine, false);
-    await (0, path_zig_zag_1.loadZigZagPath)(engine, false);
-    await (0, path_simplex_noise_1.loadSimplexNoisePath)(engine, false);
-    await (0, effect_bubble_1.loadBubbleEffect)(engine, false);
-    await (0, shape_arrow_1.loadArrowShape)(engine, false);
-    await (0, shape_cards_1.loadCardsShape)(engine, false);
-    await (0, shape_cog_1.loadCogShape)(engine, false);
-    await (0, shape_heart_1.loadHeartShape)(engine, false);
-    await (0, shape_infinity_1.loadInfinityShape)(engine, false);
-    await (0, shape_path_1.loadPathShape)(engine, false);
-    await (0, shape_rounded_polygon_1.loadRoundedPolygonShape)(engine, false);
-    await (0, shape_rounded_rect_1.loadRoundedRectShape)(engine, false);
-    await (0, shape_spiral_1.loadSpiralShape)(engine, false);
-    await (0, effect_trail_1.loadTrailEffect)(engine, false);
-    await engine.refresh(refresh);
+export function loadAll(engine) {
+    engine.checkVersion("4.0.0-alpha.0");
+    engine.register(async (e) => {
+        const { initPjs } = await import("@tsparticles/pjs"), { loadFull } = await import("tsparticles"), { loadHsvColorPlugin } = await import("@tsparticles/plugin-hsv-color"), { loadHwbColorPlugin } = await import("@tsparticles/plugin-hwb-color"), { loadLabColorPlugin } = await import("@tsparticles/plugin-lab-color"), { loadLchColorPlugin } = await import("@tsparticles/plugin-lch-color"), { loadOklabColorPlugin } = await import("@tsparticles/plugin-oklab-color"), { loadOklchColorPlugin } = await import("@tsparticles/plugin-oklch-color"), { loadNamedColorPlugin } = await import("@tsparticles/plugin-named-color"), { loadEasingBackPlugin } = await import("@tsparticles/plugin-easing-back"), { loadEasingCircPlugin } = await import("@tsparticles/plugin-easing-circ"), { loadEasingCubicPlugin } = await import("@tsparticles/plugin-easing-cubic"), { loadEasingExpoPlugin } = await import("@tsparticles/plugin-easing-expo"), { loadEasingLinearPlugin } = await import("@tsparticles/plugin-easing-linear"), { loadEasingQuartPlugin } = await import("@tsparticles/plugin-easing-quart"), { loadEasingQuintPlugin } = await import("@tsparticles/plugin-easing-quint"), { loadEasingSinePlugin } = await import("@tsparticles/plugin-easing-sine"), { loadEmittersShapeCanvas } = await import("@tsparticles/plugin-emitters-shape-canvas"), { loadEmittersShapePath } = await import("@tsparticles/plugin-emitters-shape-path"), { loadEmittersShapePolygon } = await import("@tsparticles/plugin-emitters-shape-polygon"), { loadBackgroundMaskPlugin } = await import("@tsparticles/plugin-background-mask"), { loadCanvasMaskPlugin } = await import("@tsparticles/plugin-canvas-mask"), { loadInfectionPlugin } = await import("@tsparticles/plugin-infection"), { loadMotionPlugin } = await import("@tsparticles/plugin-motion"), { loadPoissonDiscPlugin } = await import("@tsparticles/plugin-poisson-disc"), { loadPolygonMaskPlugin } = await import("@tsparticles/plugin-polygon-mask"), { loadSoundsPlugin } = await import("@tsparticles/plugin-sounds"), { loadTrailPlugin } = await import("@tsparticles/plugin-trail"), { loadExportImagePlugin } = await import("@tsparticles/plugin-export-image"), { loadExportJSONPlugin } = await import("@tsparticles/plugin-export-json"), { loadExportVideoPlugin } = await import("@tsparticles/plugin-export-video"), { loadExternalParticleInteraction } = await import("@tsparticles/interaction-external-particle"), { loadExternalPopInteraction } = await import("@tsparticles/interaction-external-pop"), { loadLightInteraction } = await import("@tsparticles/interaction-light"), { loadParticlesRepulseInteraction } = await import("@tsparticles/interaction-particles-repulse"), { loadGradientUpdater } = await import("@tsparticles/updater-gradient"), { loadHeartShape } = await import("@tsparticles/shape-heart"), { loadInfinityShape } = await import("@tsparticles/shape-infinity"), { loadPathShape } = await import("@tsparticles/shape-path"), { loadPolygonPath } = await import("@tsparticles/path-polygon"), { loadRoundedPolygonShape } = await import("@tsparticles/shape-rounded-polygon"), { loadRoundedRectShape } = await import("@tsparticles/shape-rounded-rect"), { loadSpiralShape } = await import("@tsparticles/shape-spiral"), { loadSVGPath } = await import("@tsparticles/path-svg"), { loadZigZagPath } = await import("@tsparticles/path-zig-zag"), { loadArrowShape } = await import("@tsparticles/shape-arrow"), { loadCardsShape } = await import("@tsparticles/shape-cards"), { loadCogShape } = await import("@tsparticles/shape-cog"), { loadOrbitUpdater } = await import("@tsparticles/updater-orbit"), { loadCurlNoisePath } = await import("@tsparticles/path-curl-noise"), { loadCurvesPath } = await import("@tsparticles/path-curves"), { loadFractalNoisePath } = await import("@tsparticles/path-fractal-noise"), { loadPerlinNoisePath } = await import("@tsparticles/path-perlin-noise"), { loadSimplexNoisePath } = await import("@tsparticles/path-simplex-noise"), { loadBubbleEffect } = await import("@tsparticles/effect-bubble"), { loadShadowEffect } = await import("@tsparticles/effect-shadow"), { loadTrailEffect } = await import("@tsparticles/effect-trail");
+        initPjs(e);
+        loadFull(e);
+        loadHsvColorPlugin(e);
+        loadHwbColorPlugin(e);
+        loadLabColorPlugin(e);
+        loadLchColorPlugin(e);
+        loadOklabColorPlugin(e);
+        loadOklchColorPlugin(e);
+        loadNamedColorPlugin(e);
+        loadEasingBackPlugin(e);
+        loadEasingCircPlugin(e);
+        loadEasingCubicPlugin(e);
+        loadEasingExpoPlugin(e);
+        loadEasingLinearPlugin(e);
+        loadEasingQuartPlugin(e);
+        loadEasingQuintPlugin(e);
+        loadEasingSinePlugin(e);
+        loadEmittersShapeCanvas(e);
+        loadEmittersShapePath(e);
+        loadEmittersShapePolygon(e);
+        loadBackgroundMaskPlugin(e);
+        loadCanvasMaskPlugin(e);
+        loadInfectionPlugin(e);
+        loadMotionPlugin(e);
+        loadPoissonDiscPlugin(e);
+        loadPolygonMaskPlugin(e);
+        loadSoundsPlugin(e);
+        loadTrailPlugin(e);
+        loadExportImagePlugin(e);
+        loadExportJSONPlugin(e);
+        loadExportVideoPlugin(e);
+        loadExternalParticleInteraction(e);
+        loadExternalPopInteraction(e);
+        loadLightInteraction(e);
+        loadParticlesRepulseInteraction(e);
+        loadGradientUpdater(e);
+        loadOrbitUpdater(e);
+        loadCurlNoisePath(e);
+        loadCurvesPath(e);
+        loadFractalNoisePath(e);
+        loadPerlinNoisePath(e);
+        loadPolygonPath(e);
+        loadSVGPath(e);
+        loadZigZagPath(e);
+        loadSimplexNoisePath(e);
+        loadBubbleEffect(e);
+        loadShadowEffect(e);
+        loadTrailEffect(e);
+        loadArrowShape(e);
+        loadCardsShape(e);
+        loadCogShape(e);
+        loadHeartShape(e);
+        loadInfinityShape(e);
+        loadPathShape(e);
+        loadRoundedPolygonShape(e);
+        loadRoundedRectShape(e);
+        loadSpiralShape(e);
+    });
 }

package/effects_bubble_dist_browser_BubbleDrawer_js.js

@@ -0,0 +1,30 @@
+/*!
+ * 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
+ * v4.0.0-alpha.0
+ */
+"use strict";
+/*
+ * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
+ * This devtool is neither made for production nor for readable output files.
+ * It uses "eval()" calls to create a separate source file in the browser devtools.
+ * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
+ * or disable the default devtool with "devtool: false".
+ * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
+ */
+(this["webpackChunk_tsparticles_all"] = this["webpackChunk_tsparticles_all"] || []).push([["effects_bubble_dist_browser_BubbleDrawer_js"],{
+
+/***/ "../../effects/bubble/dist/browser/BubbleDrawer.js"
+/*!*********************************************************!*\
+  !*** ../../effects/bubble/dist/browser/BubbleDrawer.js ***!
+  \*********************************************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   BubbleDrawer: () => (/* binding */ BubbleDrawer)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst bubbleFactor = 3;\nclass BubbleDrawer {\n  drawAfter(data) {\n    const {\n        context,\n        radius\n      } = data,\n      bubbleRadius = radius / bubbleFactor;\n    context.beginPath();\n    context.arc(bubbleRadius, -bubbleRadius, bubbleRadius, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.defaultAngle, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.doublePI, false);\n    context.closePath();\n    context.fillStyle = \"#fff9\";\n    context.fill();\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../effects/bubble/dist/browser/BubbleDrawer.js?\n}");
+
+/***/ }
+
+}]);

package/effects_bubble_dist_browser_index_js.js

@@ -0,0 +1,30 @@
+/*!
+ * 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
+ * v4.0.0-alpha.0
+ */
+"use strict";
+/*
+ * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
+ * This devtool is neither made for production nor for readable output files.
+ * It uses "eval()" calls to create a separate source file in the browser devtools.
+ * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
+ * or disable the default devtool with "devtool: false".
+ * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
+ */
+(this["webpackChunk_tsparticles_all"] = this["webpackChunk_tsparticles_all"] || []).push([["effects_bubble_dist_browser_index_js"],{
+
+/***/ "../../effects/bubble/dist/browser/index.js"
+/*!**************************************************!*\
+  !*** ../../effects/bubble/dist/browser/index.js ***!
+  \**************************************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadBubbleEffect: () => (/* binding */ loadBubbleEffect)\n/* harmony export */ });\nfunction loadBubbleEffect(engine) {\n  engine.checkVersion(\"4.0.0-alpha.0\");\n  engine.register(async e => {\n    const {\n      BubbleDrawer\n    } = await __webpack_require__.e(/*! import() */ \"effects_bubble_dist_browser_BubbleDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./BubbleDrawer.js */ \"../../effects/bubble/dist/browser/BubbleDrawer.js\"));\n    e.addEffect(\"bubble\", new BubbleDrawer());\n  });\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../effects/bubble/dist/browser/index.js?\n}");
+
+/***/ }
+
+}]);

package/effects_shadow_dist_browser_ShadowDrawer_js.js

@@ -0,0 +1,30 @@
+/*!
+ * 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
+ * v4.0.0-alpha.0
+ */
+"use strict";
+/*
+ * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
+ * This devtool is neither made for production nor for readable output files.
+ * It uses "eval()" calls to create a separate source file in the browser devtools.
+ * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
+ * or disable the default devtool with "devtool: false".
+ * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
+ */
+(this["webpackChunk_tsparticles_all"] = this["webpackChunk_tsparticles_all"] || []).push([["effects_shadow_dist_browser_ShadowDrawer_js"],{
+
+/***/ "../../effects/shadow/dist/browser/ShadowDrawer.js"
+/*!*********************************************************!*\
+  !*** ../../effects/shadow/dist/browser/ShadowDrawer.js ***!
+  \*********************************************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ShadowDrawer: () => (/* binding */ ShadowDrawer)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst defaultShadowBlur = 0,\n  defaultShadowOffsetValue = 0;\nclass ShadowDrawer {\n  constructor(engine) {\n    this._engine = engine;\n  }\n  drawBefore(data) {\n    const {\n        particle,\n        context\n      } = data,\n      {\n        container\n      } = particle,\n      shadowParticle = particle,\n      shadowEnabled = shadowParticle.shadowEnabled,\n      shadowColor = shadowParticle.shadowColor,\n      shadowOffset = shadowParticle.shadowOffset;\n    if (!shadowEnabled || !shadowColor) {\n      return;\n    }\n    context.shadowBlur = shadowParticle.shadowBlur ?? defaultShadowBlur;\n    context.shadowColor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getStyleFromRgb)(shadowColor, container.hdr);\n    context.shadowOffsetX = shadowOffset?.x ?? defaultShadowOffsetValue;\n    context.shadowOffsetY = shadowOffset?.y ?? defaultShadowOffsetValue;\n  }\n  particleInit(_container, particle) {\n    const effectData = particle.effectData;\n    if (!effectData?.enable) {\n      particle.shadowBlur = undefined;\n      particle.shadowColor = undefined;\n      particle.shadowOffset = undefined;\n      particle.shadowEnabled = false;\n      return;\n    }\n    const shadowColor = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OptionsColor.create(new _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OptionsColor(), effectData.color);\n    particle.shadowColor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.rangeColorToRgb)(this._engine, shadowColor);\n    particle.shadowBlur = effectData.blur;\n    particle.shadowOffset = effectData.offset;\n    particle.shadowEnabled = true;\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../effects/shadow/dist/browser/ShadowDrawer.js?\n}");
+
+/***/ }
+
+}]);

package/effects_shadow_dist_browser_index_js.js

@@ -0,0 +1,30 @@
+/*!
+ * 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
+ * v4.0.0-alpha.0
+ */
+"use strict";
+/*
+ * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
+ * This devtool is neither made for production nor for readable output files.
+ * It uses "eval()" calls to create a separate source file in the browser devtools.
+ * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
+ * or disable the default devtool with "devtool: false".
+ * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
+ */
+(this["webpackChunk_tsparticles_all"] = this["webpackChunk_tsparticles_all"] || []).push([["effects_shadow_dist_browser_index_js"],{
+
+/***/ "../../effects/shadow/dist/browser/index.js"
+/*!**************************************************!*\
+  !*** ../../effects/shadow/dist/browser/index.js ***!
+  \**************************************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadShadowEffect: () => (/* binding */ loadShadowEffect)\n/* harmony export */ });\nfunction loadShadowEffect(engine) {\n  engine.checkVersion(\"4.0.0-alpha.0\");\n  engine.register(async e => {\n    const {\n      ShadowDrawer\n    } = await __webpack_require__.e(/*! import() */ \"effects_shadow_dist_browser_ShadowDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./ShadowDrawer.js */ \"../../effects/shadow/dist/browser/ShadowDrawer.js\"));\n    e.addEffect(\"shadow\", new ShadowDrawer(e));\n  });\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../effects/shadow/dist/browser/index.js?\n}");
+
+/***/ }
+
+}]);

package/effects_trail_dist_browser_TrailDrawer_js.js

@@ -0,0 +1,30 @@
+/*!
+ * 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
+ * v4.0.0-alpha.0
+ */
+"use strict";
+/*
+ * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
+ * This devtool is neither made for production nor for readable output files.
+ * It uses "eval()" calls to create a separate source file in the browser devtools.
+ * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
+ * or disable the default devtool with "devtool: false".
+ * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
+ */
+(this["webpackChunk_tsparticles_all"] = this["webpackChunk_tsparticles_all"] || []).push([["effects_trail_dist_browser_TrailDrawer_js"],{
+
+/***/ "../../effects/trail/dist/browser/TrailDrawer.js"
+/*!*******************************************************!*\
+  !*** ../../effects/trail/dist/browser/TrailDrawer.js ***!
+  \*******************************************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   TrailDrawer: () => (/* binding */ TrailDrawer)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst minTrailLength = 2,\n  trailLengthOffset = 1,\n  minWidth = -1,\n  defaultLength = 10;\nconst defaultTransform = {\n  a: 1,\n  b: 0,\n  c: 0,\n  d: 1\n};\nclass TrailDrawer {\n  drawAfter(data) {\n    const {\n        context,\n        radius,\n        particle,\n        transformData\n      } = data,\n      diameter = radius * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double,\n      pxRatio = particle.container.retina.pixelRatio,\n      currentPos = particle.getPosition(),\n      trail = particle.trail;\n    if (!trail || !particle.trailLength) {\n      return;\n    }\n    const pathLength = particle.trailLength + radius;\n    trail.push({\n      color: context.fillStyle || context.strokeStyle,\n      position: {\n        x: currentPos.x,\n        y: currentPos.y\n      },\n      transformData: {\n        ...data.transformData\n      }\n    });\n    if (trail.length < minTrailLength) {\n      return;\n    }\n    while (trail.length > pathLength) {\n      trail.shift();\n    }\n    const trailLength = Math.min(trail.length, pathLength),\n      canvasSize = {\n        width: particle.container.canvas.size.width + diameter,\n        height: particle.container.canvas.size.height + diameter\n      };\n    const trailPos = trail[trailLength - trailLengthOffset];\n    if (!trailPos) {\n      return;\n    }\n    let lastPos = trailPos.position;\n    for (let i = trailLength; i > _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.none; i--) {\n      const step = trail[i - trailLengthOffset];\n      if (!step) {\n        continue;\n      }\n      const position = step.position,\n        stepTransformData = particle.trailTransform ? step.transformData ?? defaultTransform : defaultTransform;\n      context.setTransform(stepTransformData.a, stepTransformData.b, stepTransformData.c, stepTransformData.d, position.x, position.y);\n      context.beginPath();\n      context.moveTo(lastPos.x - position.x, lastPos.y - position.y);\n      const warp = {\n        x: (lastPos.x + canvasSize.width) % canvasSize.width,\n        y: (lastPos.y + canvasSize.height) % canvasSize.height\n      };\n      if (Math.abs(lastPos.x - position.x) > canvasSize.width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half || Math.abs(lastPos.y - position.y) > canvasSize.height * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half) {\n        lastPos = position;\n        continue;\n      }\n      context.lineTo(Math.abs(lastPos.x - position.x) > canvasSize.width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half ? warp.x : _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.x, Math.abs(lastPos.y - position.y) > canvasSize.height * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half ? warp.y : _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.y);\n      const width = Math.max(i / trailLength * diameter, pxRatio, particle.trailMinWidth ?? minWidth),\n        oldAlpha = context.globalAlpha;\n      context.globalAlpha = particle.trailFade ? i / trailLength : _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.defaultAlpha;\n      context.lineWidth = particle.trailMaxWidth ? Math.min(width, particle.trailMaxWidth) : width;\n      context.strokeStyle = step.color;\n      context.stroke();\n      context.globalAlpha = oldAlpha;\n      lastPos = position;\n    }\n    context.setTransform(transformData.a, transformData.b, transformData.c, transformData.d, currentPos.x, currentPos.y);\n  }\n  particleInit(container, particle) {\n    particle.trail = [];\n    const effectData = particle.effectData;\n    particle.trailFade = effectData?.fade ?? true;\n    particle.trailLength = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(effectData?.length ?? defaultLength) * container.retina.pixelRatio;\n    particle.trailMaxWidth = effectData?.maxWidth ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(effectData.maxWidth) * container.retina.pixelRatio : undefined;\n    particle.trailMinWidth = effectData?.minWidth ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(effectData.minWidth) * container.retina.pixelRatio : undefined;\n    particle.trailTransform = effectData?.transform ?? false;\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../effects/trail/dist/browser/TrailDrawer.js?\n}");
+
+/***/ }
+
+}]);

package/effects_trail_dist_browser_index_js.js

@@ -0,0 +1,30 @@
+/*!
+ * 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
+ * v4.0.0-alpha.0
+ */
+"use strict";
+/*
+ * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
+ * This devtool is neither made for production nor for readable output files.
+ * It uses "eval()" calls to create a separate source file in the browser devtools.
+ * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
+ * or disable the default devtool with "devtool: false".
+ * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
+ */
+(this["webpackChunk_tsparticles_all"] = this["webpackChunk_tsparticles_all"] || []).push([["effects_trail_dist_browser_index_js"],{
+
+/***/ "../../effects/trail/dist/browser/index.js"
+/*!*************************************************!*\
+  !*** ../../effects/trail/dist/browser/index.js ***!
+  \*************************************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadTrailEffect: () => (/* binding */ loadTrailEffect)\n/* harmony export */ });\nfunction loadTrailEffect(engine) {\n  engine.checkVersion(\"4.0.0-alpha.0\");\n  engine.register(async e => {\n    const {\n      TrailDrawer\n    } = await __webpack_require__.e(/*! import() */ \"effects_trail_dist_browser_TrailDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./TrailDrawer.js */ \"../../effects/trail/dist/browser/TrailDrawer.js\"));\n    e.addEffect(\"trail\", new TrailDrawer());\n  });\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../effects/trail/dist/browser/index.js?\n}");
+
+/***/ }
+
+}]);