@tsparticles/pjs 4.0.0-beta.0 → 4.0.0-beta.10

package/umd/marcbruederlin/Particles.js

@@ -1,101 +0,0 @@
-(function (factory) {
-    if (typeof module === "object" && typeof module.exports === "object") {
-        var v = factory(require, exports);
-        if (v !== undefined) module.exports = v;
-    }
-    else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@tsparticles/engine"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.MBParticles = void 0;
-    const engine_1 = require("@tsparticles/engine");
-    const linksMinDistance = 120, moveMinSpeed = 0.5, particlesMinCount = 100, sizeMinValue = 3;
-    class MBParticles {
-        _container;
-        static init(options) {
-            const particles = new MBParticles(), selector = options.selector;
-            if (!selector) {
-                throw new Error("No selector provided");
-            }
-            const el = (0, engine_1.safeDocument)().querySelector(selector);
-            if (!el) {
-                throw new Error("No element found for selector");
-            }
-            void (async (engine) => {
-                await engine
-                    .load({
-                    element: el,
-                    id: selector.replace(".", "").replace("!", ""),
-                    options: {
-                        fullScreen: {
-                            enable: false,
-                        },
-                        particles: {
-                            color: {
-                                value: options.color ?? "!000000",
-                            },
-                            links: {
-                                color: "random",
-                                distance: options.minDistance ?? linksMinDistance,
-                                enable: options.connectParticles ?? false,
-                            },
-                            move: {
-                                enable: true,
-                                speed: options.speed ?? moveMinSpeed,
-                            },
-                            number: {
-                                value: options.maxParticles ?? particlesMinCount,
-                            },
-                            size: {
-                                value: { min: 1, max: options.sizeVariations ?? sizeMinValue },
-                            },
-                        },
-                        responsive: options.responsive?.map(responsive => ({
-                            maxWidth: responsive.breakpoint,
-                            options: {
-                                particles: {
-                                    color: {
-                                        value: responsive.options?.color,
-                                    },
-                                    links: {
-                                        distance: responsive.options?.minDistance,
-                                        enable: responsive.options?.connectParticles,
-                                    },
-                                    number: {
-                                        value: options.maxParticles,
-                                    },
-                                    move: {
-                                        enable: true,
-                                        speed: responsive.options?.speed,
-                                    },
-                                    size: {
-                                        value: responsive.options?.sizeVariations,
-                                    },
-                                },
-                            },
-                        })),
-                    },
-                })
-                    .then(container => {
-                    particles._container = container;
-                });
-            })(engine_1.tsParticles);
-            return particles;
-        }
-        destroy() {
-            const container = this._container;
-            container?.destroy();
-        }
-        pauseAnimation() {
-            const container = this._container;
-            container?.pause();
-        }
-        resumeAnimation() {
-            const container = this._container;
-            container?.play();
-        }
-    }
-    exports.MBParticles = MBParticles;
-});

package/updaters_fillColor_dist_browser_FillColorUpdater_js.js

@@ -1,30 +0,0 @@
-/*!
- * 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-beta.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_pjs"] = this["webpackChunk_tsparticles_pjs"] || []).push([["updaters_fillColor_dist_browser_FillColorUpdater_js"],{
-
-/***/ "../../updaters/fillColor/dist/browser/FillColorUpdater.js"
-/*!*****************************************************************!*\
-  !*** ../../updaters/fillColor/dist/browser/FillColorUpdater.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 */   FillColorUpdater: () => (/* binding */ FillColorUpdater)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nclass FillColorUpdater {\n    _container;\n    _engine;\n    constructor(engine, container){\n        this._container = container;\n        this._engine = engine;\n    }\n    init(particle) {\n        const container = this._container, options = particle.options, fill = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.itemFromSingleOrMultiple)(options.fill, particle.id, options.reduceDuplicates);\n        if (!fill) {\n            return;\n        }\n        particle.fillEnabled = fill.enable;\n        particle.fillOpacity = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(fill.opacity);\n        particle.fillAnimation = fill.color.animation;\n        const fillHslColor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.rangeColorToHsl)(this._engine, fill.color);\n        if (fillHslColor) {\n            particle.fillColor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getHslAnimationFromHsl)(fillHslColor, particle.fillAnimation, container.retina.reduceFactor);\n        }\n    }\n    isEnabled(particle) {\n        const color = particle.fillAnimation, { fillColor } = particle;\n        return !particle.destroyed && !particle.spawning && !!color && (fillColor?.h.value !== undefined && fillColor.h.enable || fillColor?.s.value !== undefined && fillColor.s.enable || fillColor?.l.value !== undefined && fillColor.l.enable);\n    }\n    update(particle, delta) {\n        if (!this.isEnabled(particle)) {\n            return;\n        }\n        (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.updateColor)(particle.fillColor, delta);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/pjs/../../updaters/fillColor/dist/browser/FillColorUpdater.js?\n}");
-
-/***/ }
-
-}]);

package/updaters_strokeColor_dist_browser_StrokeColorUpdater_js.js

@@ -1,30 +0,0 @@
-/*!
- * 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-beta.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_pjs"] = this["webpackChunk_tsparticles_pjs"] || []).push([["updaters_strokeColor_dist_browser_StrokeColorUpdater_js"],{
-
-/***/ "../../updaters/strokeColor/dist/browser/StrokeColorUpdater.js"
-/*!*********************************************************************!*\
-  !*** ../../updaters/strokeColor/dist/browser/StrokeColorUpdater.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 */   StrokeColorUpdater: () => (/* binding */ StrokeColorUpdater)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst defaultOpacity = 1;\nclass StrokeColorUpdater {\n    _container;\n    _engine;\n    constructor(engine, container){\n        this._container = container;\n        this._engine = engine;\n    }\n    init(particle) {\n        const container = this._container, options = particle.options, stroke = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.itemFromSingleOrMultiple)(options.stroke, particle.id, options.reduceDuplicates);\n        if (!stroke) {\n            return;\n        }\n        particle.strokeWidth = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(stroke.width) * container.retina.pixelRatio;\n        particle.strokeOpacity = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(stroke.opacity ?? defaultOpacity);\n        particle.strokeAnimation = stroke.color?.animation;\n        const strokeHslColor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.rangeColorToHsl)(this._engine, stroke.color) ?? particle.getFillColor();\n        if (strokeHslColor) {\n            particle.strokeColor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getHslAnimationFromHsl)(strokeHslColor, particle.strokeAnimation, container.retina.reduceFactor);\n        }\n    }\n    isEnabled(particle) {\n        const color = particle.strokeAnimation, { strokeColor } = particle;\n        return !particle.destroyed && !particle.spawning && !!color && (strokeColor?.h.value !== undefined && strokeColor.h.enable || strokeColor?.s.value !== undefined && strokeColor.s.enable || strokeColor?.l.value !== undefined && strokeColor.l.enable);\n    }\n    update(particle, delta) {\n        if (!this.isEnabled(particle)) {\n            return;\n        }\n        (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.updateColor)(particle.strokeColor, delta);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/pjs/../../updaters/strokeColor/dist/browser/StrokeColorUpdater.js?\n}");
-
-/***/ }
-
-}]);

package/updaters_strokeColor_dist_browser_index_js.js

@@ -1,30 +0,0 @@
-/*!
- * 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-beta.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_pjs"] = this["webpackChunk_tsparticles_pjs"] || []).push([["updaters_strokeColor_dist_browser_index_js"],{
-
-/***/ "../../updaters/strokeColor/dist/browser/index.js"
-/*!********************************************************!*\
-  !*** ../../updaters/strokeColor/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 */   loadStrokeColorUpdater: () => (/* binding */ loadStrokeColorUpdater)\n/* harmony export */ });\nasync function loadStrokeColorUpdater(engine) {\n    engine.checkVersion(\"4.0.0-beta.0\");\n    await engine.register((e)=>{\n        e.addParticleUpdater(\"strokeColor\", async (container)=>{\n            const { StrokeColorUpdater } = await __webpack_require__.e(/*! import() */ \"updaters_strokeColor_dist_browser_StrokeColorUpdater_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./StrokeColorUpdater.js */ \"../../updaters/strokeColor/dist/browser/StrokeColorUpdater.js\"));\n            return new StrokeColorUpdater(e, container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/pjs/../../updaters/strokeColor/dist/browser/index.js?\n}");
-
-/***/ }
-
-}]);