@tsparticles/preset-triangles 4.0.0-beta.0 → 4.0.0-beta.12

package/interactions_particles_links_dist_browser_index_js.js

@@ -0,0 +1,60 @@
+/*!
+ * 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.12
+ */
+"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_preset_triangles"] = this["webpackChunk_tsparticles_preset_triangles"] || []).push([["interactions_particles_links_dist_browser_index_js"],{
+
+/***/ "../../interactions/particles/links/dist/browser/Options/Classes/Links.js"
+/*!********************************************************************************!*\
+  !*** ../../interactions/particles/links/dist/browser/Options/Classes/Links.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 */   Links: () => (/* binding */ Links)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _LinksShadow_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./LinksShadow.js */ \"../../interactions/particles/links/dist/browser/Options/Classes/LinksShadow.js\");\n/* harmony import */ var _LinksTriangle_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./LinksTriangle.js */ \"../../interactions/particles/links/dist/browser/Options/Classes/LinksTriangle.js\");\n\n\n\nclass Links {\n    blink;\n    color;\n    consent;\n    distance;\n    enable;\n    frequency;\n    id;\n    opacity;\n    shadow;\n    triangles;\n    warp;\n    width;\n    constructor(){\n        this.blink = false;\n        this.color = new _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OptionsColor();\n        this.color.value = \"#fff\";\n        this.consent = false;\n        this.distance = 100;\n        this.enable = false;\n        this.frequency = 1;\n        this.opacity = 1;\n        this.shadow = new _LinksShadow_js__WEBPACK_IMPORTED_MODULE_1__.LinksShadow();\n        this.triangles = new _LinksTriangle_js__WEBPACK_IMPORTED_MODULE_2__.LinksTriangle();\n        this.width = 1;\n        this.warp = false;\n    }\n    load(data) {\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n            return;\n        }\n        if (data.id !== undefined) {\n            this.id = data.id;\n        }\n        if (data.blink !== undefined) {\n            this.blink = data.blink;\n        }\n        this.color = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OptionsColor.create(this.color, data.color);\n        if (data.consent !== undefined) {\n            this.consent = data.consent;\n        }\n        if (data.distance !== undefined) {\n            this.distance = data.distance;\n        }\n        if (data.enable !== undefined) {\n            this.enable = data.enable;\n        }\n        if (data.frequency !== undefined) {\n            this.frequency = data.frequency;\n        }\n        if (data.opacity !== undefined) {\n            this.opacity = data.opacity;\n        }\n        this.shadow.load(data.shadow);\n        this.triangles.load(data.triangles);\n        if (data.width !== undefined) {\n            this.width = data.width;\n        }\n        if (data.warp !== undefined) {\n            this.warp = data.warp;\n        }\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/preset-triangles/../../interactions/particles/links/dist/browser/Options/Classes/Links.js?\n}");
+
+/***/ },
+
+/***/ "../../interactions/particles/links/dist/browser/Options/Classes/LinksShadow.js"
+/*!**************************************************************************************!*\
+  !*** ../../interactions/particles/links/dist/browser/Options/Classes/LinksShadow.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 */   LinksShadow: () => (/* binding */ LinksShadow)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nclass LinksShadow {\n    blur;\n    color;\n    enable;\n    constructor(){\n        this.blur = 5;\n        this.color = new _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OptionsColor();\n        this.color.value = \"#000\";\n        this.enable = false;\n    }\n    load(data) {\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n            return;\n        }\n        if (data.blur !== undefined) {\n            this.blur = data.blur;\n        }\n        this.color = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OptionsColor.create(this.color, data.color);\n        if (data.enable !== undefined) {\n            this.enable = data.enable;\n        }\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/preset-triangles/../../interactions/particles/links/dist/browser/Options/Classes/LinksShadow.js?\n}");
+
+/***/ },
+
+/***/ "../../interactions/particles/links/dist/browser/Options/Classes/LinksTriangle.js"
+/*!****************************************************************************************!*\
+  !*** ../../interactions/particles/links/dist/browser/Options/Classes/LinksTriangle.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 */   LinksTriangle: () => (/* binding */ LinksTriangle)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nclass LinksTriangle {\n    color;\n    enable;\n    frequency;\n    opacity;\n    constructor(){\n        this.enable = false;\n        this.frequency = 1;\n    }\n    load(data) {\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n            return;\n        }\n        if (data.color !== undefined) {\n            this.color = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OptionsColor.create(this.color, data.color);\n        }\n        if (data.enable !== undefined) {\n            this.enable = data.enable;\n        }\n        if (data.frequency !== undefined) {\n            this.frequency = data.frequency;\n        }\n        if (data.opacity !== undefined) {\n            this.opacity = data.opacity;\n        }\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/preset-triangles/../../interactions/particles/links/dist/browser/Options/Classes/LinksTriangle.js?\n}");
+
+/***/ },
+
+/***/ "../../interactions/particles/links/dist/browser/index.js"
+/*!****************************************************************!*\
+  !*** ../../interactions/particles/links/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 */   Links: () => (/* reexport safe */ _Options_Classes_Links_js__WEBPACK_IMPORTED_MODULE_0__.Links),\n/* harmony export */   LinksShadow: () => (/* reexport safe */ _Options_Classes_LinksShadow_js__WEBPACK_IMPORTED_MODULE_1__.LinksShadow),\n/* harmony export */   LinksTriangle: () => (/* reexport safe */ _Options_Classes_LinksTriangle_js__WEBPACK_IMPORTED_MODULE_2__.LinksTriangle),\n/* harmony export */   loadParticlesLinksInteraction: () => (/* binding */ loadParticlesLinksInteraction)\n/* harmony export */ });\n/* harmony import */ var _Options_Classes_Links_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Options/Classes/Links.js */ \"../../interactions/particles/links/dist/browser/Options/Classes/Links.js\");\n/* harmony import */ var _Options_Classes_LinksShadow_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Options/Classes/LinksShadow.js */ \"../../interactions/particles/links/dist/browser/Options/Classes/LinksShadow.js\");\n/* harmony import */ var _Options_Classes_LinksTriangle_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Options/Classes/LinksTriangle.js */ \"../../interactions/particles/links/dist/browser/Options/Classes/LinksTriangle.js\");\nasync function loadParticlesLinksInteraction(engine) {\n    engine.checkVersion(\"4.0.0-beta.12\");\n    await engine.pluginManager.register(async (e)=>{\n        const pluginManager = e.pluginManager, [{ ensureInteractivityPluginLoaded }, { LinksPlugin }] = await Promise.all([\n            __webpack_require__.e(/*! import() */ \"plugins_interactivity_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-interactivity */ \"../../plugins/interactivity/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"interactions_particles_links_dist_browser_LinksPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./LinksPlugin.js */ \"../../interactions/particles/links/dist/browser/LinksPlugin.js\"))\n        ]);\n        ensureInteractivityPluginLoaded(e);\n        pluginManager.addPlugin(new LinksPlugin(pluginManager));\n        pluginManager.addInteractor?.(\"particlesLinks\", async (container)=>{\n            const { Linker } = await __webpack_require__.e(/*! import() */ \"interactions_particles_links_dist_browser_Linker_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./Linker.js */ \"../../interactions/particles/links/dist/browser/Linker.js\"));\n            return new Linker(pluginManager, container);\n        });\n    });\n}\n\n\n\n\n\n//# sourceURL=webpack://@tsparticles/preset-triangles/../../interactions/particles/links/dist/browser/index.js?\n}");
+
+/***/ }
+
+}]);

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@tsparticles/preset-triangles",
-  "version": "4.0.0-beta.0",
+  "version": "4.0.0-beta.12",
   "description": "tsParticles triangles preset",
   "homepage": "https://particles.js.org",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/tsparticles/presets.git",
+    "url": "git+https://github.com/tsparticles/tsparticles.git",
     "directory": "presets/triangles"
   },
   "keywords": [
@@ -99,10 +99,10 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@tsparticles/basic": "^4.0.0-beta.11",
-    "@tsparticles/engine": "^4.0.0-beta.11",
-    "@tsparticles/interaction-particles-links": "^4.0.0-beta.11",
-    "@tsparticles/plugin-interactivity": "^4.0.0-beta.11"
+    "@tsparticles/basic": "4.0.0-beta.12",
+    "@tsparticles/engine": "4.0.0-beta.12",
+    "@tsparticles/interaction-particles-links": "4.0.0-beta.12",
+    "@tsparticles/plugin-interactivity": "4.0.0-beta.12"
   },
   "publishConfig": {
     "access": "public"

package/plugins_colors_hex_dist_browser_HexColorManager_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-beta.12
+ */
+"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_preset_triangles"] = this["webpackChunk_tsparticles_preset_triangles"] || []).push([["plugins_colors_hex_dist_browser_HexColorManager_js"],{
+
+/***/ "../../plugins/colors/hex/dist/browser/HexColorManager.js"
+/*!****************************************************************!*\
+  !*** ../../plugins/colors/hex/dist/browser/HexColorManager.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 */   HexColorManager: () => (/* binding */ HexColorManager)\n/* harmony export */ });\nvar RgbIndexes;\n(function(RgbIndexes) {\n    RgbIndexes[RgbIndexes[\"r\"] = 1] = \"r\";\n    RgbIndexes[RgbIndexes[\"g\"] = 2] = \"g\";\n    RgbIndexes[RgbIndexes[\"b\"] = 3] = \"b\";\n    RgbIndexes[RgbIndexes[\"a\"] = 4] = \"a\";\n})(RgbIndexes || (RgbIndexes = {}));\nconst shorthandHexRegex = /^#?([a-f\\d])([a-f\\d])([a-f\\d])([a-f\\d])?$/i, hexRegex = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})?$/i, hexRadix = 16, defaultAlpha = 1, alphaFactor = 0xff;\nclass HexColorManager {\n    accepts(input) {\n        return input.startsWith(\"#\");\n    }\n    handleColor(color) {\n        return this._parseString(color.value);\n    }\n    handleRangeColor(color) {\n        return this._parseString(color.value);\n    }\n    parseString(input) {\n        return this._parseString(input);\n    }\n    _parseString(hexColor) {\n        if (typeof hexColor !== \"string\" || !this.accepts(hexColor)) {\n            return;\n        }\n        const hexFixed = hexColor.replace(shorthandHexRegex, (_, r, g, b, a)=>{\n            return r + r + g + g + b + b + (a === undefined ? \"\" : a + a);\n        }), result = hexRegex.exec(hexFixed);\n        return result ? {\n            a: result[RgbIndexes.a] ? Number.parseInt(result[RgbIndexes.a], hexRadix) / alphaFactor : defaultAlpha,\n            b: Number.parseInt(result[RgbIndexes.b] ?? \"0\", hexRadix),\n            g: Number.parseInt(result[RgbIndexes.g] ?? \"0\", hexRadix),\n            r: Number.parseInt(result[RgbIndexes.r] ?? \"0\", hexRadix)\n        } : undefined;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/preset-triangles/../../plugins/colors/hex/dist/browser/HexColorManager.js?\n}");
+
+/***/ }
+
+}]);

package/plugins_colors_hex_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-beta.12
+ */
+"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_preset_triangles"] = this["webpackChunk_tsparticles_preset_triangles"] || []).push([["plugins_colors_hex_dist_browser_index_js"],{
+
+/***/ "../../plugins/colors/hex/dist/browser/index.js"
+/*!******************************************************!*\
+  !*** ../../plugins/colors/hex/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 */   loadHexColorPlugin: () => (/* binding */ loadHexColorPlugin)\n/* harmony export */ });\nasync function loadHexColorPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.12\");\n    await engine.pluginManager.register(async (e)=>{\n        const { HexColorManager } = await __webpack_require__.e(/*! import() */ \"plugins_colors_hex_dist_browser_HexColorManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./HexColorManager.js */ \"../../plugins/colors/hex/dist/browser/HexColorManager.js\"));\n        e.pluginManager.addColorManager(\"hex\", new HexColorManager());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/preset-triangles/../../plugins/colors/hex/dist/browser/index.js?\n}");
+
+/***/ }
+
+}]);

package/plugins_colors_hsl_dist_browser_HslColorManager_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-beta.12
+ */
+"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_preset_triangles"] = this["webpackChunk_tsparticles_preset_triangles"] || []).push([["plugins_colors_hsl_dist_browser_HslColorManager_js"],{
+
+/***/ "../../plugins/colors/hsl/dist/browser/HslColorManager.js"
+/*!****************************************************************!*\
+  !*** ../../plugins/colors/hsl/dist/browser/HslColorManager.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 */   HslColorManager: () => (/* binding */ HslColorManager)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nvar HslIndexes;\n(function(HslIndexes) {\n    HslIndexes[HslIndexes[\"h\"] = 1] = \"h\";\n    HslIndexes[HslIndexes[\"s\"] = 2] = \"s\";\n    HslIndexes[HslIndexes[\"l\"] = 3] = \"l\";\n    HslIndexes[HslIndexes[\"a\"] = 5] = \"a\";\n})(HslIndexes || (HslIndexes = {}));\nconst hslRegex = /hsla?\\(\\s*(\\d+)\\s*[\\s,]\\s*(\\d+)%\\s*[\\s,]\\s*(\\d+)%\\s*([\\s,]\\s*(0|1|0?\\.\\d+|(\\d{1,3})%)\\s*)?\\)/i;\nclass HslColorManager {\n    accepts(input) {\n        return input.startsWith(\"hsl\");\n    }\n    handleColor(color) {\n        const colorValue = color.value, hslColor = colorValue.hsl ?? color.value;\n        if (!(\"h\" in hslColor) || !(\"s\" in hslColor) || !(\"l\" in hslColor)) {\n            return;\n        }\n        return (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.hslToRgb)(hslColor);\n    }\n    handleRangeColor(color) {\n        const colorValue = color.value, hslColor = colorValue.hsl ?? color.value;\n        if (!(\"h\" in hslColor) || !(\"s\" in hslColor) || !(\"l\" in hslColor)) {\n            return;\n        }\n        return (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.hslToRgb)({\n            h: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(hslColor.h),\n            l: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(hslColor.l),\n            s: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(hslColor.s)\n        });\n    }\n    parseString(input) {\n        if (!this.accepts(input)) {\n            return;\n        }\n        const result = hslRegex.exec(input), minLength = 4, defaultAlpha = 1, radix = 10;\n        return result ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.hslaToRgba)({\n            a: result.length > minLength ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.parseAlpha)(result[HslIndexes.a]) : defaultAlpha,\n            h: Number.parseInt(result[HslIndexes.h] ?? \"0\", radix),\n            l: Number.parseInt(result[HslIndexes.l] ?? \"0\", radix),\n            s: Number.parseInt(result[HslIndexes.s] ?? \"0\", radix)\n        }) : undefined;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/preset-triangles/../../plugins/colors/hsl/dist/browser/HslColorManager.js?\n}");
+
+/***/ }
+
+}]);

package/plugins_colors_hsl_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-beta.12
+ */
+"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_preset_triangles"] = this["webpackChunk_tsparticles_preset_triangles"] || []).push([["plugins_colors_hsl_dist_browser_index_js"],{
+
+/***/ "../../plugins/colors/hsl/dist/browser/index.js"
+/*!******************************************************!*\
+  !*** ../../plugins/colors/hsl/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 */   loadHslColorPlugin: () => (/* binding */ loadHslColorPlugin)\n/* harmony export */ });\nasync function loadHslColorPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.12\");\n    await engine.pluginManager.register(async (e)=>{\n        const { HslColorManager } = await __webpack_require__.e(/*! import() */ \"plugins_colors_hsl_dist_browser_HslColorManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./HslColorManager.js */ \"../../plugins/colors/hsl/dist/browser/HslColorManager.js\"));\n        e.pluginManager.addColorManager(\"hsl\", new HslColorManager());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/preset-triangles/../../plugins/colors/hsl/dist/browser/index.js?\n}");
+
+/***/ }
+
+}]);

package/plugins_colors_rgb_dist_browser_RgbColorManager_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-beta.12
+ */
+"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_preset_triangles"] = this["webpackChunk_tsparticles_preset_triangles"] || []).push([["plugins_colors_rgb_dist_browser_RgbColorManager_js"],{
+
+/***/ "../../plugins/colors/rgb/dist/browser/RgbColorManager.js"
+/*!****************************************************************!*\
+  !*** ../../plugins/colors/rgb/dist/browser/RgbColorManager.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 */   RgbColorManager: () => (/* binding */ RgbColorManager)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nvar RgbIndexes;\n(function(RgbIndexes) {\n    RgbIndexes[RgbIndexes[\"r\"] = 1] = \"r\";\n    RgbIndexes[RgbIndexes[\"g\"] = 2] = \"g\";\n    RgbIndexes[RgbIndexes[\"b\"] = 3] = \"b\";\n    RgbIndexes[RgbIndexes[\"a\"] = 5] = \"a\";\n})(RgbIndexes || (RgbIndexes = {}));\nconst rgbRegex = /rgba?\\(\\s*(\\d{1,3})\\s*[\\s,]\\s*(\\d{1,3})\\s*[\\s,]\\s*(\\d{1,3})\\s*([\\s,]\\s*(0|1|0?\\.\\d+|(\\d{1,3})%)\\s*)?\\)/i;\nclass RgbColorManager {\n    accepts(input) {\n        return input.startsWith(\"rgb\");\n    }\n    handleColor(color) {\n        const colorValue = color.value, rgbColor = colorValue.rgb ?? color.value;\n        if (!(\"r\" in rgbColor) || !(\"g\" in rgbColor) || !(\"b\" in rgbColor)) {\n            return;\n        }\n        return rgbColor;\n    }\n    handleRangeColor(color) {\n        const colorValue = color.value, rgbColor = colorValue.rgb ?? color.value;\n        if (!(\"r\" in rgbColor) || !(\"g\" in rgbColor) || !(\"b\" in rgbColor)) {\n            return;\n        }\n        return {\n            r: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(rgbColor.r),\n            g: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(rgbColor.g),\n            b: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(rgbColor.b)\n        };\n    }\n    parseString(input) {\n        if (!this.accepts(input)) {\n            return;\n        }\n        const result = rgbRegex.exec(input), radix = 10, minLength = 4, defaultAlpha = 1;\n        return result ? {\n            a: result.length > minLength ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.parseAlpha)(result[RgbIndexes.a]) : defaultAlpha,\n            b: parseInt(result[RgbIndexes.b] ?? \"0\", radix),\n            g: parseInt(result[RgbIndexes.g] ?? \"0\", radix),\n            r: parseInt(result[RgbIndexes.r] ?? \"0\", radix)\n        } : undefined;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/preset-triangles/../../plugins/colors/rgb/dist/browser/RgbColorManager.js?\n}");
+
+/***/ }
+
+}]);

package/plugins_colors_rgb_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-beta.12
+ */
+"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_preset_triangles"] = this["webpackChunk_tsparticles_preset_triangles"] || []).push([["plugins_colors_rgb_dist_browser_index_js"],{
+
+/***/ "../../plugins/colors/rgb/dist/browser/index.js"
+/*!******************************************************!*\
+  !*** ../../plugins/colors/rgb/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 */   loadRgbColorPlugin: () => (/* binding */ loadRgbColorPlugin)\n/* harmony export */ });\nasync function loadRgbColorPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.12\");\n    await engine.pluginManager.register(async (e)=>{\n        const { RgbColorManager } = await __webpack_require__.e(/*! import() */ \"plugins_colors_rgb_dist_browser_RgbColorManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./RgbColorManager.js */ \"../../plugins/colors/rgb/dist/browser/RgbColorManager.js\"));\n        e.pluginManager.addColorManager(\"rgb\", new RgbColorManager());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/preset-triangles/../../plugins/colors/rgb/dist/browser/index.js?\n}");
+
+/***/ }
+
+}]);

package/plugins_interactivity_dist_browser_InteractivityPluginInstance_js.js

@@ -0,0 +1,50 @@
+/*!
+ * 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.12
+ */
+"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_preset_triangles"] = this["webpackChunk_tsparticles_preset_triangles"] || []).push([["plugins_interactivity_dist_browser_InteractivityPluginInstance_js"],{
+
+/***/ "../../plugins/interactivity/dist/browser/InteractionManager.js"
+/*!**********************************************************************!*\
+  !*** ../../plugins/interactivity/dist/browser/InteractionManager.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 */   InteractionManager: () => (/* binding */ InteractionManager)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./InteractivityConstants.js */ \"../../plugins/interactivity/dist/browser/InteractivityConstants.js\");\n/* harmony import */ var _InteractivityEventListeners_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./InteractivityEventListeners.js */ \"../../plugins/interactivity/dist/browser/InteractivityEventListeners.js\");\n/* harmony import */ var _Enums_InteractorType_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Enums/InteractorType.js */ \"../../plugins/interactivity/dist/browser/Enums/InteractorType.js\");\n\n\n\n\nconst clickRadius = 1, touchEndLengthOffset = 1, minCoordinate = 0;\nclass InteractionManager {\n    container;\n    interactivityData;\n    _clickHandlers;\n    _eventListeners;\n    _externalInteractors;\n    _interactors;\n    _intersectionObserver;\n    _particleInteractors;\n    _pluginManager;\n    constructor(pluginManager, container){\n        this.container = container;\n        this._pluginManager = pluginManager;\n        this._interactors = [];\n        this._externalInteractors = [];\n        this._particleInteractors = [];\n        this._clickHandlers = new Map();\n        this._eventListeners = new _InteractivityEventListeners_js__WEBPACK_IMPORTED_MODULE_2__.InteractivityEventListeners(container, this);\n        this.interactivityData = {\n            mouse: {\n                clicking: false,\n                inside: false\n            }\n        };\n        this._intersectionObserver = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.safeIntersectionObserver)((entries)=>{\n            this._intersectionManager(entries);\n        });\n    }\n    addClickHandler(callback) {\n        const { container, interactivityData } = this;\n        if (container.destroyed) {\n            return;\n        }\n        const el = interactivityData.element;\n        if (!el) {\n            return;\n        }\n        const clickOrTouchHandler = (e, pos, radius)=>{\n            if (container.destroyed) {\n                return;\n            }\n            const pxRatio = container.retina.pixelRatio, posRetina = {\n                x: pos.x * pxRatio,\n                y: pos.y * pxRatio\n            }, particles = container.particles.grid.queryCircle(posRetina, radius * pxRatio);\n            callback(e, particles);\n        }, clickHandler = (e)=>{\n            if (container.destroyed) {\n                return;\n            }\n            const mouseEvent = e, pos = {\n                x: mouseEvent.offsetX,\n                y: mouseEvent.offsetY\n            };\n            clickOrTouchHandler(e, pos, clickRadius);\n        }, touchStartHandler = ()=>{\n            if (container.destroyed) {\n                return;\n            }\n            touched = true;\n            touchMoved = false;\n        }, touchMoveHandler = ()=>{\n            if (container.destroyed) {\n                return;\n            }\n            touchMoved = true;\n        }, touchEndHandler = (e)=>{\n            if (container.destroyed) {\n                return;\n            }\n            if (touched && !touchMoved) {\n                const touchEvent = e, lastTouch = touchEvent.touches[touchEvent.touches.length - touchEndLengthOffset];\n                if (!lastTouch) {\n                    return;\n                }\n                const element = container.canvas.element, canvasRect = element ? element.getBoundingClientRect() : undefined, pos = {\n                    x: lastTouch.clientX - (canvasRect ? canvasRect.left : minCoordinate),\n                    y: lastTouch.clientY - (canvasRect ? canvasRect.top : minCoordinate)\n                };\n                clickOrTouchHandler(e, pos, Math.max(lastTouch.radiusX, lastTouch.radiusY));\n            }\n            touched = false;\n            touchMoved = false;\n        }, touchCancelHandler = ()=>{\n            if (container.destroyed) {\n                return;\n            }\n            touched = false;\n            touchMoved = false;\n        };\n        let touched = false, touchMoved = false;\n        this._clickHandlers.set(_InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.clickEvent, clickHandler);\n        this._clickHandlers.set(_InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.touchStartEvent, touchStartHandler);\n        this._clickHandlers.set(_InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.touchMoveEvent, touchMoveHandler);\n        this._clickHandlers.set(_InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.touchEndEvent, touchEndHandler);\n        this._clickHandlers.set(_InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.touchCancelEvent, touchCancelHandler);\n        for (const [key, handler] of this._clickHandlers){\n            el.addEventListener(key, handler);\n        }\n    }\n    addListeners() {\n        this._eventListeners.addListeners();\n    }\n    clearClickHandlers() {\n        const { container, interactivityData } = this;\n        if (container.destroyed) {\n            return;\n        }\n        for (const [key, handler] of this._clickHandlers){\n            interactivityData.element?.removeEventListener(key, handler);\n        }\n        this._clickHandlers.clear();\n    }\n    externalInteract(delta) {\n        for (const interactor of this._externalInteractors){\n            const { interactivityData } = this;\n            if (interactor.isEnabled(interactivityData)) {\n                interactor.interact(interactivityData, delta);\n            }\n        }\n    }\n    handleClickMode(mode) {\n        if (this.container.destroyed) {\n            return;\n        }\n        const { interactivityData } = this;\n        for (const interactor of this._externalInteractors){\n            interactor.handleClickMode?.(mode, interactivityData);\n        }\n    }\n    init() {\n        this._eventListeners.init();\n        for (const interactor of this._interactors){\n            switch(interactor.type){\n                case _Enums_InteractorType_js__WEBPACK_IMPORTED_MODULE_3__.InteractorType.external:\n                    this._externalInteractors.push(interactor);\n                    break;\n                case _Enums_InteractorType_js__WEBPACK_IMPORTED_MODULE_3__.InteractorType.particles:\n                    this._particleInteractors.push(interactor);\n                    break;\n            }\n            interactor.init();\n        }\n    }\n    async initInteractors() {\n        const interactors = await this._pluginManager.getInteractors?.(this.container, true);\n        if (!interactors) {\n            return;\n        }\n        this._interactors = interactors;\n        this._externalInteractors = [];\n        this._particleInteractors = [];\n    }\n    particlesInteract(particle, delta) {\n        const { interactivityData } = this;\n        for (const interactor of this._externalInteractors){\n            interactor.clear(particle, delta);\n        }\n        for (const interactor of this._particleInteractors){\n            if (interactor.isEnabled(particle, interactivityData)) {\n                interactor.interact(particle, interactivityData, delta);\n            }\n        }\n    }\n    removeListeners() {\n        this._eventListeners.removeListeners();\n    }\n    reset(particle) {\n        const { interactivityData } = this;\n        for (const interactor of this._externalInteractors){\n            if (interactor.isEnabled(interactivityData)) {\n                interactor.reset(interactivityData, particle);\n            }\n        }\n        for (const interactor of this._particleInteractors){\n            if (interactor.isEnabled(particle, interactivityData)) {\n                interactor.reset(interactivityData, particle);\n            }\n        }\n    }\n    startObserving() {\n        const { interactivityData } = this;\n        if (interactivityData.element instanceof HTMLElement && this._intersectionObserver) {\n            this._intersectionObserver.observe(interactivityData.element);\n        }\n    }\n    stopObserving() {\n        const { interactivityData } = this;\n        if (interactivityData.element instanceof HTMLElement && this._intersectionObserver) {\n            this._intersectionObserver.unobserve(interactivityData.element);\n        }\n    }\n    updateMaxDistance() {\n        let maxTotalDistance = 0;\n        for (const interactor of this._interactors){\n            if (interactor.maxDistance > maxTotalDistance) {\n                maxTotalDistance = interactor.maxDistance;\n            }\n        }\n        const container = this.container;\n        container.particles.grid.setCellSize(maxTotalDistance * container.retina.pixelRatio);\n    }\n    _intersectionManager = (entries)=>{\n        const { container } = this;\n        if (container.destroyed || !container.actualOptions.pauseOnOutsideViewport) {\n            return;\n        }\n        for (const entry of entries){\n            if (entry.target !== this.interactivityData.element) {\n                continue;\n            }\n            if (entry.isIntersecting) {\n                container.play();\n            } else {\n                container.pause();\n            }\n        }\n    };\n}\n\n\n//# sourceURL=webpack://@tsparticles/preset-triangles/../../plugins/interactivity/dist/browser/InteractionManager.js?\n}");
+
+/***/ },
+
+/***/ "../../plugins/interactivity/dist/browser/InteractivityEventListeners.js"
+/*!*******************************************************************************!*\
+  !*** ../../plugins/interactivity/dist/browser/InteractivityEventListeners.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 */   InteractivityEventListeners: () => (/* binding */ InteractivityEventListeners)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./InteractivityConstants.js */ \"../../plugins/interactivity/dist/browser/InteractivityConstants.js\");\n/* harmony import */ var _Enums_InteractivityDetect_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Enums/InteractivityDetect.js */ \"../../plugins/interactivity/dist/browser/Enums/InteractivityDetect.js\");\n\n\n\nconst touchDelay = 500;\nclass InteractivityEventListeners {\n    _canPush = true;\n    _clickPositionPlugins;\n    _container;\n    _handlers;\n    _interactionManager;\n    _touches;\n    constructor(container, interactionManager){\n        this._container = container;\n        this._clickPositionPlugins = [];\n        this._interactionManager = interactionManager;\n        this._touches = new Map();\n        this._handlers = {\n            mouseDown: ()=>{\n                this._mouseDown();\n            },\n            mouseLeave: ()=>{\n                this._mouseTouchFinish();\n            },\n            mouseMove: (e)=>{\n                this._mouseTouchMove(e);\n            },\n            mouseUp: (e)=>{\n                this._mouseTouchClick(e);\n            },\n            touchStart: (e)=>{\n                this._touchStart(e);\n            },\n            touchMove: (e)=>{\n                this._mouseTouchMove(e);\n            },\n            touchEnd: (e)=>{\n                this._touchEnd(e);\n            },\n            touchCancel: (e)=>{\n                this._touchEnd(e);\n            },\n            touchEndClick: (e)=>{\n                this._touchEndClick(e);\n            },\n            visibilityChange: ()=>{\n                this._handleVisibilityChange();\n            }\n        };\n    }\n    addListeners() {\n        this._manageListeners(true);\n    }\n    init() {\n        this._clickPositionPlugins.length = 0;\n        for (const plugin of this._container.plugins.filter((p)=>!!p.clickPositionValid)){\n            this._clickPositionPlugins.push(plugin);\n        }\n    }\n    removeListeners() {\n        this._manageListeners(false);\n    }\n    _doMouseTouchClick = (e)=>{\n        const container = this._container, interactionManager = this._interactionManager, options = container.actualOptions;\n        if (this._canPush) {\n            const mouseInteractivity = interactionManager.interactivityData.mouse, mousePos = mouseInteractivity.position;\n            if (!mousePos) {\n                return;\n            }\n            mouseInteractivity.clickPosition = {\n                ...mousePos\n            };\n            mouseInteractivity.clickTime = performance.now();\n            const onClick = options.interactivity?.events.onClick;\n            if (!onClick?.mode) {\n                return;\n            }\n            (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.executeOnSingleOrMultiple)(onClick.mode, (mode)=>{\n                interactionManager.handleClickMode(mode);\n            });\n        }\n        if (e.type === \"touchend\") {\n            setTimeout(()=>{\n                this._mouseTouchFinish();\n            }, touchDelay);\n        }\n    };\n    _handleVisibilityChange = ()=>{\n        this._mouseTouchFinish();\n    };\n    _manageInteractivityListeners = (add)=>{\n        const handlers = this._handlers, container = this._container, interactionManager = this._interactionManager, options = container.actualOptions, interactivityEl = interactionManager.interactivityData.element;\n        if (!interactivityEl) {\n            return;\n        }\n        const html = interactivityEl, canvas = container.canvas;\n        canvas.setPointerEvents(html === canvas.element ? \"initial\" : \"none\");\n        if (add && !(options.interactivity?.events.onHover.enable || options.interactivity?.events.onClick.enable)) {\n            return;\n        }\n        (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(interactivityEl, _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.mouseMoveEvent, handlers.mouseMove, add);\n        (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(interactivityEl, _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.touchStartEvent, handlers.touchStart, add);\n        (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(interactivityEl, _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.touchMoveEvent, handlers.touchMove, add);\n        if (add) {\n            if (options.interactivity?.events.onClick.enable) {\n                (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(interactivityEl, _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.touchEndEvent, handlers.touchEndClick, add);\n                (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(interactivityEl, _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.mouseUpEvent, handlers.mouseUp, add);\n                (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(interactivityEl, _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.mouseDownEvent, handlers.mouseDown, add);\n            } else {\n                (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(interactivityEl, _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.touchEndEvent, handlers.touchEnd, add);\n            }\n        } else {\n            (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(interactivityEl, _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.touchEndEvent, handlers.touchEndClick, add);\n            (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(interactivityEl, _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.mouseUpEvent, handlers.mouseUp, add);\n            (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(interactivityEl, _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.mouseDownEvent, handlers.mouseDown, add);\n            (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(interactivityEl, _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.touchEndEvent, handlers.touchEnd, add);\n        }\n        (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(interactivityEl, _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.mouseLeaveEvent, handlers.mouseLeave, add);\n        (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(interactivityEl, _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.touchCancelEvent, handlers.touchCancel, add);\n    };\n    _manageListeners = (add)=>{\n        const handlers = this._handlers, container = this._container, interactionManager = this._interactionManager, options = container.actualOptions, detectType = options.interactivity?.detectsOn, canvasEl = container.canvas.element;\n        if (detectType === _Enums_InteractivityDetect_js__WEBPACK_IMPORTED_MODULE_2__.InteractivityDetect.window) {\n            interactionManager.interactivityData.element = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.safeDocument)();\n        } else if (detectType === _Enums_InteractivityDetect_js__WEBPACK_IMPORTED_MODULE_2__.InteractivityDetect.parent && canvasEl) {\n            interactionManager.interactivityData.element = canvasEl.parentElement ?? canvasEl.parentNode;\n        } else {\n            interactionManager.interactivityData.element = canvasEl;\n        }\n        this._manageInteractivityListeners(add);\n        (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(document, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.visibilityChangeEvent, handlers.visibilityChange, add, false);\n    };\n    _mouseDown = ()=>{\n        const { interactivityData } = this._interactionManager, { mouse } = interactivityData;\n        mouse.clicking = true;\n        mouse.downPosition = mouse.position;\n    };\n    _mouseTouchClick = (e)=>{\n        const container = this._container, interactionManager = this._interactionManager, options = container.actualOptions, { mouse } = interactionManager.interactivityData;\n        mouse.inside = true;\n        let handled = false;\n        const mousePosition = mouse.position;\n        if (!mousePosition || !options.interactivity?.events.onClick.enable) {\n            return;\n        }\n        for (const plugin of this._clickPositionPlugins){\n            handled = plugin.clickPositionValid?.(mousePosition) ?? false;\n            if (handled) {\n                break;\n            }\n        }\n        if (!handled) {\n            this._doMouseTouchClick(e);\n        }\n        mouse.clicking = false;\n    };\n    _mouseTouchFinish = ()=>{\n        const { interactivityData } = this._interactionManager, { mouse } = interactivityData;\n        delete mouse.position;\n        delete mouse.clickPosition;\n        delete mouse.downPosition;\n        interactivityData.status = _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.mouseLeaveEvent;\n        mouse.inside = false;\n        mouse.clicking = false;\n    };\n    _mouseTouchMove = (e)=>{\n        const container = this._container, interactionManager = this._interactionManager, options = container.actualOptions, interactivity = interactionManager.interactivityData, canvasEl = container.canvas.element;\n        if (!interactivity.element) {\n            return;\n        }\n        interactivity.mouse.inside = true;\n        let pos;\n        if (e.type.startsWith(\"pointer\")) {\n            this._canPush = true;\n            const mouseEvent = e;\n            if (interactivity.element === (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.safeDocument)()) {\n                if (canvasEl) {\n                    const clientRect = canvasEl.getBoundingClientRect();\n                    pos = {\n                        x: mouseEvent.clientX - clientRect.left,\n                        y: mouseEvent.clientY - clientRect.top\n                    };\n                }\n            } else if (options.interactivity?.detectsOn === _Enums_InteractivityDetect_js__WEBPACK_IMPORTED_MODULE_2__.InteractivityDetect.parent) {\n                const source = mouseEvent.target, target = mouseEvent.currentTarget;\n                if (canvasEl) {\n                    const sourceRect = source.getBoundingClientRect(), targetRect = target.getBoundingClientRect(), canvasRect = canvasEl.getBoundingClientRect();\n                    pos = {\n                        x: mouseEvent.offsetX + _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double * sourceRect.left - (targetRect.left + canvasRect.left),\n                        y: mouseEvent.offsetY + _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double * sourceRect.top - (targetRect.top + canvasRect.top)\n                    };\n                } else {\n                    pos = {\n                        x: mouseEvent.offsetX,\n                        y: mouseEvent.offsetY\n                    };\n                }\n            } else if (mouseEvent.target === canvasEl) {\n                pos = {\n                    x: mouseEvent.offsetX,\n                    y: mouseEvent.offsetY\n                };\n            }\n        } else {\n            this._canPush = e.type !== \"touchmove\";\n            if (canvasEl) {\n                const touchEvent = e, lastTouch = touchEvent.touches[touchEvent.touches.length - _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.lengthOffset], canvasRect = canvasEl.getBoundingClientRect();\n                if (!lastTouch) {\n                    return;\n                }\n                pos = {\n                    x: lastTouch.clientX - canvasRect.left,\n                    y: lastTouch.clientY - canvasRect.top\n                };\n            }\n        }\n        const pxRatio = container.retina.pixelRatio;\n        if (pos) {\n            pos.x *= pxRatio;\n            pos.y *= pxRatio;\n        }\n        interactivity.mouse.position = pos;\n        interactivity.status = _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.mouseMoveEvent;\n    };\n    _touchEnd = (e)=>{\n        const evt = e, touches = Array.from(evt.changedTouches);\n        for (const touch of touches){\n            this._touches.delete(touch.identifier);\n        }\n        this._mouseTouchFinish();\n    };\n    _touchEndClick = (e)=>{\n        const evt = e, touches = Array.from(evt.changedTouches);\n        for (const touch of touches){\n            this._touches.delete(touch.identifier);\n        }\n        this._mouseTouchClick(e);\n    };\n    _touchStart = (e)=>{\n        const evt = e, touches = Array.from(evt.changedTouches);\n        for (const touch of touches){\n            this._touches.set(touch.identifier, performance.now());\n        }\n        this._mouseTouchMove(e);\n    };\n}\n\n\n//# sourceURL=webpack://@tsparticles/preset-triangles/../../plugins/interactivity/dist/browser/InteractivityEventListeners.js?\n}");
+
+/***/ },
+
+/***/ "../../plugins/interactivity/dist/browser/InteractivityPluginInstance.js"
+/*!*******************************************************************************!*\
+  !*** ../../plugins/interactivity/dist/browser/InteractivityPluginInstance.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 */   InteractivityPluginInstance: () => (/* binding */ InteractivityPluginInstance)\n/* harmony export */ });\n/* harmony import */ var _InteractionManager_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./InteractionManager.js */ \"../../plugins/interactivity/dist/browser/InteractionManager.js\");\n/* harmony import */ var _Options_Classes_Interactivity_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Options/Classes/Interactivity.js */ \"../../plugins/interactivity/dist/browser/Options/Classes/Interactivity.js\");\n\n\nclass InteractivityPluginInstance {\n    interactionManager;\n    _container;\n    _pluginManager;\n    constructor(pluginManager, container){\n        this._container = container;\n        this._pluginManager = pluginManager;\n        this.interactionManager = new _InteractionManager_js__WEBPACK_IMPORTED_MODULE_0__.InteractionManager(pluginManager, container);\n        this._container.addClickHandler = (callback)=>{\n            this.interactionManager.addClickHandler(callback);\n        };\n    }\n    addClickHandler(callback) {\n        this.interactionManager.addClickHandler(callback);\n    }\n    clearClickHandlers() {\n        this.interactionManager.clearClickHandlers();\n    }\n    destroy() {\n        this.clearClickHandlers();\n        this._pluginManager.interactors?.delete(this._container);\n    }\n    particleCreated(particle) {\n        const interactivityParticle = particle, interactivity = new _Options_Classes_Interactivity_js__WEBPACK_IMPORTED_MODULE_1__.Interactivity(this._pluginManager, this._container);\n        interactivity.load(this._container.actualOptions.interactivity);\n        interactivity.load(interactivityParticle.options.interactivity);\n        interactivityParticle.interactivity = interactivity;\n    }\n    particleReset(particle) {\n        this.interactionManager.reset(particle);\n    }\n    postParticleUpdate(particle, delta) {\n        this.interactionManager.particlesInteract(particle, delta);\n    }\n    postUpdate(delta) {\n        this.interactionManager.externalInteract(delta);\n        this.interactionManager.updateMaxDistance();\n    }\n    async preInit() {\n        await this.interactionManager.initInteractors();\n        this.interactionManager.init();\n    }\n    async redrawInit() {\n        await this.interactionManager.initInteractors();\n        this.interactionManager.init();\n    }\n    start() {\n        this.interactionManager.addListeners();\n        this.interactionManager.startObserving();\n        return Promise.resolve();\n    }\n    stop() {\n        this.interactionManager.removeListeners();\n        this.interactionManager.stopObserving();\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/preset-triangles/../../plugins/interactivity/dist/browser/InteractivityPluginInstance.js?\n}");
+
+/***/ }
+
+}]);

package/plugins_interactivity_dist_browser_InteractivityPlugin_js.js

@@ -0,0 +1,70 @@
+/*!
+ * 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.12
+ */
+"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_preset_triangles"] = this["webpackChunk_tsparticles_preset_triangles"] || []).push([["plugins_interactivity_dist_browser_InteractivityPlugin_js"],{
+
+/***/ "../../plugins/interactivity/dist/browser/InteractivityPlugin.js"
+/*!***********************************************************************!*\
+  !*** ../../plugins/interactivity/dist/browser/InteractivityPlugin.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 */   InteractivityPlugin: () => (/* binding */ InteractivityPlugin)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _Options_Classes_Interactivity_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Options/Classes/Interactivity.js */ \"../../plugins/interactivity/dist/browser/Options/Classes/Interactivity.js\");\n\n\nclass InteractivityPlugin {\n    id = \"interactivity\";\n    _pluginManager;\n    constructor(pluginManager){\n        this._pluginManager = pluginManager;\n    }\n    async getPlugin(container) {\n        const { InteractivityPluginInstance } = await __webpack_require__.e(/*! import() */ \"plugins_interactivity_dist_browser_InteractivityPluginInstance_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./InteractivityPluginInstance.js */ \"../../plugins/interactivity/dist/browser/InteractivityPluginInstance.js\"));\n        return new InteractivityPluginInstance(this._pluginManager, container);\n    }\n    loadOptions(container, options, source) {\n        if (!this.needsPlugin()) {\n            return;\n        }\n        let interactivityOptions = options.interactivity;\n        if (!interactivityOptions?.load) {\n            options.interactivity = interactivityOptions = new _Options_Classes_Interactivity_js__WEBPACK_IMPORTED_MODULE_1__.Interactivity(this._pluginManager, container);\n        }\n        interactivityOptions.load(source?.interactivity);\n        const interactors = this._pluginManager.interactors?.get(container);\n        if (!interactors) {\n            return;\n        }\n        for (const interactor of interactors){\n            if (interactor.loadOptions) {\n                interactor.loadOptions(options, source);\n            }\n        }\n    }\n    loadParticlesOptions(container, options, source) {\n        if (source?.interactivity) {\n            options.interactivity = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.deepExtend)({}, source.interactivity);\n        }\n        const interactors = this._pluginManager.interactors?.get(container);\n        if (!interactors) {\n            return;\n        }\n        for (const interactor of interactors){\n            interactor.loadParticlesOptions?.(options, source);\n        }\n    }\n    needsPlugin() {\n        return true;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/preset-triangles/../../plugins/interactivity/dist/browser/InteractivityPlugin.js?\n}");
+
+/***/ },
+
+/***/ "../../plugins/interactivity/dist/browser/Options/Classes/Events/ClickEvent.js"
+/*!*************************************************************************************!*\
+  !*** ../../plugins/interactivity/dist/browser/Options/Classes/Events/ClickEvent.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 */   ClickEvent: () => (/* binding */ ClickEvent)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nclass ClickEvent {\n    enable;\n    mode;\n    constructor(){\n        this.enable = false;\n        this.mode = [];\n    }\n    load(data) {\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n            return;\n        }\n        if (data.enable !== undefined) {\n            this.enable = data.enable;\n        }\n        if (data.mode !== undefined) {\n            this.mode = data.mode;\n        }\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/preset-triangles/../../plugins/interactivity/dist/browser/Options/Classes/Events/ClickEvent.js?\n}");
+
+/***/ },
+
+/***/ "../../plugins/interactivity/dist/browser/Options/Classes/Events/Events.js"
+/*!*********************************************************************************!*\
+  !*** ../../plugins/interactivity/dist/browser/Options/Classes/Events/Events.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 */   Events: () => (/* binding */ Events)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _ClickEvent_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ClickEvent.js */ \"../../plugins/interactivity/dist/browser/Options/Classes/Events/ClickEvent.js\");\n/* harmony import */ var _DivEvent_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./DivEvent.js */ \"../../plugins/interactivity/dist/browser/Options/Classes/Events/DivEvent.js\");\n/* harmony import */ var _HoverEvent_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./HoverEvent.js */ \"../../plugins/interactivity/dist/browser/Options/Classes/Events/HoverEvent.js\");\n\n\n\n\nclass Events {\n    onClick;\n    onDiv;\n    onHover;\n    constructor(){\n        this.onClick = new _ClickEvent_js__WEBPACK_IMPORTED_MODULE_1__.ClickEvent();\n        this.onDiv = new _DivEvent_js__WEBPACK_IMPORTED_MODULE_2__.DivEvent();\n        this.onHover = new _HoverEvent_js__WEBPACK_IMPORTED_MODULE_3__.HoverEvent();\n    }\n    load(data) {\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n            return;\n        }\n        this.onClick.load(data.onClick);\n        const onDiv = data.onDiv;\n        if (onDiv !== undefined) {\n            this.onDiv = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.executeOnSingleOrMultiple)(onDiv, (t)=>{\n                const tmp = new _DivEvent_js__WEBPACK_IMPORTED_MODULE_2__.DivEvent();\n                tmp.load(t);\n                return tmp;\n            });\n        }\n        this.onHover.load(data.onHover);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/preset-triangles/../../plugins/interactivity/dist/browser/Options/Classes/Events/Events.js?\n}");
+
+/***/ },
+
+/***/ "../../plugins/interactivity/dist/browser/Options/Classes/Events/HoverEvent.js"
+/*!*************************************************************************************!*\
+  !*** ../../plugins/interactivity/dist/browser/Options/Classes/Events/HoverEvent.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 */   HoverEvent: () => (/* binding */ HoverEvent)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nclass HoverEvent {\n    enable;\n    mode;\n    constructor(){\n        this.enable = false;\n        this.mode = [];\n    }\n    load(data) {\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n            return;\n        }\n        if (data.enable !== undefined) {\n            this.enable = data.enable;\n        }\n        if (data.mode !== undefined) {\n            this.mode = data.mode;\n        }\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/preset-triangles/../../plugins/interactivity/dist/browser/Options/Classes/Events/HoverEvent.js?\n}");
+
+/***/ },
+
+/***/ "../../plugins/interactivity/dist/browser/Options/Classes/Interactivity.js"
+/*!*********************************************************************************!*\
+  !*** ../../plugins/interactivity/dist/browser/Options/Classes/Interactivity.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 */   Interactivity: () => (/* binding */ Interactivity)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _Events_Events_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Events/Events.js */ \"../../plugins/interactivity/dist/browser/Options/Classes/Events/Events.js\");\n/* harmony import */ var _Enums_InteractivityDetect_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../Enums/InteractivityDetect.js */ \"../../plugins/interactivity/dist/browser/Enums/InteractivityDetect.js\");\n/* harmony import */ var _Modes_Modes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Modes/Modes.js */ \"../../plugins/interactivity/dist/browser/Options/Classes/Modes/Modes.js\");\n\n\n\n\nclass Interactivity {\n    detectsOn;\n    events;\n    modes;\n    constructor(pluginManager, container){\n        this.detectsOn = _Enums_InteractivityDetect_js__WEBPACK_IMPORTED_MODULE_2__.InteractivityDetect.window;\n        this.events = new _Events_Events_js__WEBPACK_IMPORTED_MODULE_1__.Events();\n        this.modes = new _Modes_Modes_js__WEBPACK_IMPORTED_MODULE_3__.Modes(pluginManager, container);\n    }\n    load(data) {\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n            return;\n        }\n        const detectsOn = data.detectsOn;\n        if (detectsOn !== undefined) {\n            this.detectsOn = detectsOn;\n        }\n        this.events.load(data.events);\n        this.modes.load(data.modes);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/preset-triangles/../../plugins/interactivity/dist/browser/Options/Classes/Interactivity.js?\n}");
+
+/***/ }
+
+}]);