@tsparticles/interaction-light 3.9.1 → 4.0.0-alpha.0

package/tsparticles.interaction.light.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v3.9.1
+ * v4.0.0-alpha.0
  */
 /*
  * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
@@ -28,95 +28,65 @@ return /******/ (() => { // webpackBootstrap
 /******/ 	"use strict";
 /******/ 	var __webpack_modules__ = ({
 
-/***/ "./dist/browser/ExternalLighter.js":
-/*!*****************************************!*\
-  !*** ./dist/browser/ExternalLighter.js ***!
-  \*****************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ExternalLighter: () => (/* binding */ ExternalLighter)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utils.js */ \"./dist/browser/Utils.js\");\n/* harmony import */ var _Options_Classes_Light_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Options/Classes/Light.js */ \"./dist/browser/Options/Classes/Light.js\");\n\n\n\nclass ExternalLighter extends _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.ExternalInteractorBase {\n  constructor(container, engine) {\n    super(container);\n    this._engine = engine;\n  }\n  clear() {}\n  init() {}\n  interact() {\n    const container = this.container,\n      options = container.actualOptions,\n      interactivity = container.interactivity;\n    if (!options.interactivity.events.onHover.enable || interactivity.status !== \"pointermove\") {\n      return;\n    }\n    const mousePos = interactivity.mouse.position;\n    if (!mousePos) {\n      return;\n    }\n    container.canvas.draw(ctx => {\n      (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawLight)(container, ctx, mousePos);\n    });\n  }\n  isEnabled(particle) {\n    const container = this.container,\n      mouse = container.interactivity.mouse,\n      interactivity = particle?.interactivity ?? container.actualOptions.interactivity,\n      events = interactivity.events;\n    if (!(events.onHover.enable && mouse.position)) {\n      return false;\n    }\n    const res = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isInArray)(_Utils_js__WEBPACK_IMPORTED_MODULE_1__.lightMode, events.onHover.mode);\n    if (res && interactivity.modes.light) {\n      const lightGradient = interactivity.modes.light.area.gradient;\n      container.canvas.mouseLight = {\n        start: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.rangeColorToRgb)(this._engine, lightGradient.start),\n        stop: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.rangeColorToRgb)(this._engine, lightGradient.stop)\n      };\n    }\n    return res;\n  }\n  loadModeOptions(options, ...sources) {\n    if (!options.light) {\n      options.light = new _Options_Classes_Light_js__WEBPACK_IMPORTED_MODULE_2__.Light();\n    }\n    for (const source of sources) {\n      options.light.load(source?.light);\n    }\n  }\n  reset() {}\n}\n\n//# sourceURL=webpack://@tsparticles/interaction-light/./dist/browser/ExternalLighter.js?\n}");
-
-/***/ }),
-
-/***/ "./dist/browser/Options/Classes/Light.js":
+/***/ "./dist/browser/Options/Classes/Light.js"
 /*!***********************************************!*\
   !*** ./dist/browser/Options/Classes/Light.js ***!
   \***********************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__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 */   Light: () => (/* binding */ Light)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _LightArea_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./LightArea.js */ \"./dist/browser/Options/Classes/LightArea.js\");\n/* harmony import */ var _LightShadow_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./LightShadow.js */ \"./dist/browser/Options/Classes/LightShadow.js\");\n\n\n\nclass Light {\n  constructor() {\n    this.area = new _LightArea_js__WEBPACK_IMPORTED_MODULE_1__.LightArea();\n    this.shadow = new _LightShadow_js__WEBPACK_IMPORTED_MODULE_2__.LightShadow();\n  }\n  load(data) {\n    if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n      return;\n    }\n    this.area.load(data.area);\n    this.shadow.load(data.shadow);\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/interaction-light/./dist/browser/Options/Classes/Light.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Light: () => (/* binding */ Light)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _LightArea_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./LightArea.js */ \"./dist/browser/Options/Classes/LightArea.js\");\n/* harmony import */ var _LightShadow_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./LightShadow.js */ \"./dist/browser/Options/Classes/LightShadow.js\");\n\n\n\nclass Light {\n  constructor() {\n    this.area = new _LightArea_js__WEBPACK_IMPORTED_MODULE_1__.LightArea();\n    this.shadow = new _LightShadow_js__WEBPACK_IMPORTED_MODULE_2__.LightShadow();\n  }\n  load(data) {\n    if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n      return;\n    }\n    this.area.load(data.area);\n    this.shadow.load(data.shadow);\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/interaction-light/./dist/browser/Options/Classes/Light.js?\n}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/Options/Classes/LightArea.js":
+/***/ "./dist/browser/Options/Classes/LightArea.js"
 /*!***************************************************!*\
   !*** ./dist/browser/Options/Classes/LightArea.js ***!
   \***************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__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 */   LightArea: () => (/* binding */ LightArea)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _LightGradient_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./LightGradient.js */ \"./dist/browser/Options/Classes/LightGradient.js\");\n\n\nclass LightArea {\n  constructor() {\n    this.gradient = new _LightGradient_js__WEBPACK_IMPORTED_MODULE_1__.LightGradient();\n    this.radius = 1000;\n  }\n  load(data) {\n    if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n      return;\n    }\n    this.gradient.load(data.gradient);\n    if (data.radius !== undefined) {\n      this.radius = data.radius;\n    }\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/interaction-light/./dist/browser/Options/Classes/LightArea.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   LightArea: () => (/* binding */ LightArea)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _LightGradient_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./LightGradient.js */ \"./dist/browser/Options/Classes/LightGradient.js\");\n\n\nclass LightArea {\n  constructor() {\n    this.gradient = new _LightGradient_js__WEBPACK_IMPORTED_MODULE_1__.LightGradient();\n    this.radius = 1000;\n  }\n  load(data) {\n    if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n      return;\n    }\n    this.gradient.load(data.gradient);\n    if (data.radius !== undefined) {\n      this.radius = data.radius;\n    }\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/interaction-light/./dist/browser/Options/Classes/LightArea.js?\n}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/Options/Classes/LightGradient.js":
+/***/ "./dist/browser/Options/Classes/LightGradient.js"
 /*!*******************************************************!*\
   !*** ./dist/browser/Options/Classes/LightGradient.js ***!
   \*******************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__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 */   LightGradient: () => (/* binding */ LightGradient)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__);\n\nclass LightGradient {\n  constructor() {\n    this.start = new _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OptionsColor();\n    this.stop = new _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OptionsColor();\n    this.start.value = \"#ffffff\";\n    this.stop.value = \"#000000\";\n  }\n  load(data) {\n    if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n      return;\n    }\n    this.start = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OptionsColor.create(this.start, data.start);\n    this.stop = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OptionsColor.create(this.stop, data.stop);\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/interaction-light/./dist/browser/Options/Classes/LightGradient.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   LightGradient: () => (/* binding */ LightGradient)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nclass LightGradient {\n  constructor() {\n    this.start = new _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OptionsColor();\n    this.stop = new _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OptionsColor();\n    this.start.value = \"#ffffff\";\n    this.stop.value = \"#000000\";\n  }\n  load(data) {\n    if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n      return;\n    }\n    this.start = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OptionsColor.create(this.start, data.start);\n    this.stop = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OptionsColor.create(this.stop, data.stop);\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/interaction-light/./dist/browser/Options/Classes/LightGradient.js?\n}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/Options/Classes/LightShadow.js":
+/***/ "./dist/browser/Options/Classes/LightShadow.js"
 /*!*****************************************************!*\
   !*** ./dist/browser/Options/Classes/LightShadow.js ***!
   \*****************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   LightShadow: () => (/* binding */ LightShadow)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__);\n\nclass LightShadow {\n  constructor() {\n    this.color = new _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OptionsColor();\n    this.color.value = \"#000000\";\n    this.length = 2000;\n  }\n  load(data) {\n    if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n      return;\n    }\n    this.color = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OptionsColor.create(this.color, data.color);\n    if (data.length !== undefined) {\n      this.length = data.length;\n    }\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/interaction-light/./dist/browser/Options/Classes/LightShadow.js?\n}");
-
-/***/ }),
-
-/***/ "./dist/browser/ParticlesLighter.js":
-/*!******************************************!*\
-  !*** ./dist/browser/ParticlesLighter.js ***!
-  \******************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ParticlesLighter: () => (/* binding */ ParticlesLighter)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utils.js */ \"./dist/browser/Utils.js\");\n\n\nclass ParticlesLighter extends _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.ParticlesInteractorBase {\n  constructor(container, engine) {\n    super(container);\n    this._engine = engine;\n  }\n  clear() {}\n  init() {}\n  interact(particle) {\n    const container = this.container,\n      options = container.actualOptions,\n      interactivity = container.interactivity;\n    if (!options.interactivity.events.onHover.enable || interactivity.status !== \"pointermove\") {\n      return;\n    }\n    const mousePos = interactivity.mouse.position;\n    if (!mousePos) {\n      return;\n    }\n    container.canvas.draw(ctx => {\n      (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawParticleShadow)(container, ctx, particle, mousePos);\n    });\n  }\n  isEnabled(particle) {\n    const container = this.container,\n      interactivity = particle.interactivity ?? container.actualOptions.interactivity,\n      mouse = container.interactivity.mouse,\n      events = interactivity.events;\n    if (!(events.onHover.enable && mouse.position)) {\n      return false;\n    }\n    const res = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isInArray)(_Utils_js__WEBPACK_IMPORTED_MODULE_1__.lightMode, events.onHover.mode);\n    if (res && interactivity.modes.light) {\n      const shadowOptions = interactivity.modes.light.shadow;\n      particle.lightShadow = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.rangeColorToRgb)(this._engine, shadowOptions.color);\n    }\n    return res;\n  }\n  reset() {}\n}\n\n//# sourceURL=webpack://@tsparticles/interaction-light/./dist/browser/ParticlesLighter.js?\n}");
+(__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 */   LightShadow: () => (/* binding */ LightShadow)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nclass LightShadow {\n  constructor() {\n    this.color = new _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OptionsColor();\n    this.color.value = \"#000000\";\n    this.length = 2000;\n  }\n  load(data) {\n    if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n      return;\n    }\n    this.color = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OptionsColor.create(this.color, data.color);\n    if (data.length !== undefined) {\n      this.length = data.length;\n    }\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/interaction-light/./dist/browser/Options/Classes/LightShadow.js?\n}");
 
-/***/ "./dist/browser/Utils.js":
-/*!*******************************!*\
-  !*** ./dist/browser/Utils.js ***!
-  \*******************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   drawLight: () => (/* binding */ drawLight),\n/* harmony export */   drawParticleShadow: () => (/* binding */ drawParticleShadow),\n/* harmony export */   lightMode: () => (/* binding */ lightMode)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__);\n\nconst gradientPos = {\n    max: 1,\n    min: 0\n  },\n  half = 0.5,\n  double = 2,\n  halfPI = Math.PI * half,\n  doublePI = Math.PI * double,\n  quarter = 0.25,\n  quarterPI = Math.PI * quarter,\n  arcStart = 0;\nconst lightMode = \"light\";\nfunction drawLight(container, context, mousePos) {\n  const lightOptions = container.actualOptions.interactivity.modes.light?.area;\n  if (!lightOptions) {\n    return;\n  }\n  context.beginPath();\n  context.arc(mousePos.x, mousePos.y, lightOptions.radius, arcStart, doublePI);\n  const gradientAmbientLight = context.createRadialGradient(mousePos.x, mousePos.y, arcStart, mousePos.x, mousePos.y, lightOptions.radius);\n  const gradientRgb = container.canvas.mouseLight;\n  if (!gradientRgb?.start || !gradientRgb.stop) {\n    return;\n  }\n  gradientAmbientLight.addColorStop(gradientPos.min, (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getStyleFromRgb)(gradientRgb.start));\n  gradientAmbientLight.addColorStop(gradientPos.max, (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getStyleFromRgb)(gradientRgb.stop));\n  context.fillStyle = gradientAmbientLight;\n  context.fill();\n}\nfunction drawParticleShadow(container, context, particle, mousePos) {\n  const pos = particle.getPosition(),\n    shadowOptions = container.actualOptions.interactivity.modes.light?.shadow;\n  if (!shadowOptions) {\n    return;\n  }\n  const shadowRgb = particle.lightShadow;\n  if (!shadowRgb) {\n    return;\n  }\n  const radius = particle.getRadius(),\n    sides = particle.sides,\n    full = doublePI / sides,\n    angle = -particle.rotation + quarterPI,\n    factor = 1,\n    dots = [];\n  for (let i = 0; i < sides; i++) {\n    dots.push({\n      x: pos.x + radius * Math.sin(angle + full * i) * factor,\n      y: pos.y + radius * Math.cos(angle + full * i) * factor\n    });\n  }\n  const points = [],\n    shadowLength = shadowOptions.length;\n  for (const dot of dots) {\n    const dotAngle = Math.atan2(mousePos.y - dot.y, mousePos.x - dot.x),\n      end = {\n        x: dot.x + shadowLength * Math.sin(-dotAngle - halfPI),\n        y: dot.y + shadowLength * Math.cos(-dotAngle - halfPI)\n      };\n    points.push({\n      end: end,\n      start: dot\n    });\n  }\n  const shadowColor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getStyleFromRgb)(shadowRgb),\n    lastOffset = 1,\n    firstPos = 0,\n    last = points.length - lastOffset;\n  for (let i = last, n = 0; i >= firstPos; n = i--) {\n    context.beginPath();\n    context.moveTo(points[i].start.x, points[i].start.y);\n    context.lineTo(points[n].start.x, points[n].start.y);\n    context.lineTo(points[n].end.x, points[n].end.y);\n    context.lineTo(points[i].end.x, points[i].end.y);\n    context.fillStyle = shadowColor;\n    context.fill();\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/interaction-light/./dist/browser/Utils.js?\n}");
-
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/index.js":
+/***/ "./dist/browser/index.js"
 /*!*******************************!*\
   !*** ./dist/browser/index.js ***!
   \*******************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__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 */   Light: () => (/* reexport safe */ _Options_Classes_Light_js__WEBPACK_IMPORTED_MODULE_2__.Light),\n/* harmony export */   LightArea: () => (/* reexport safe */ _Options_Classes_LightArea_js__WEBPACK_IMPORTED_MODULE_3__.LightArea),\n/* harmony export */   LightGradient: () => (/* reexport safe */ _Options_Classes_LightGradient_js__WEBPACK_IMPORTED_MODULE_4__.LightGradient),\n/* harmony export */   LightShadow: () => (/* reexport safe */ _Options_Classes_LightShadow_js__WEBPACK_IMPORTED_MODULE_5__.LightShadow),\n/* harmony export */   loadLightInteraction: () => (/* binding */ loadLightInteraction)\n/* harmony export */ });\n/* harmony import */ var _ExternalLighter_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ExternalLighter.js */ \"./dist/browser/ExternalLighter.js\");\n/* harmony import */ var _ParticlesLighter_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ParticlesLighter.js */ \"./dist/browser/ParticlesLighter.js\");\n/* harmony import */ var _Options_Classes_Light_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Options/Classes/Light.js */ \"./dist/browser/Options/Classes/Light.js\");\n/* harmony import */ var _Options_Classes_LightArea_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Options/Classes/LightArea.js */ \"./dist/browser/Options/Classes/LightArea.js\");\n/* harmony import */ var _Options_Classes_LightGradient_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Options/Classes/LightGradient.js */ \"./dist/browser/Options/Classes/LightGradient.js\");\n/* harmony import */ var _Options_Classes_LightShadow_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Options/Classes/LightShadow.js */ \"./dist/browser/Options/Classes/LightShadow.js\");\n\n\nasync function loadLightInteraction(engine, refresh = true) {\n  engine.checkVersion(\"3.9.1\");\n  await engine.addInteractor(\"externalLight\", container => {\n    return Promise.resolve(new _ExternalLighter_js__WEBPACK_IMPORTED_MODULE_0__.ExternalLighter(container, engine));\n  }, refresh);\n  await engine.addInteractor(\"particlesLight\", container => {\n    return Promise.resolve(new _ParticlesLighter_js__WEBPACK_IMPORTED_MODULE_1__.ParticlesLighter(container, engine));\n  }, refresh);\n}\n\n\n\n\n\n\n\n\n\n//# sourceURL=webpack://@tsparticles/interaction-light/./dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Light: () => (/* reexport safe */ _Options_Classes_Light_js__WEBPACK_IMPORTED_MODULE_0__.Light),\n/* harmony export */   LightArea: () => (/* reexport safe */ _Options_Classes_LightArea_js__WEBPACK_IMPORTED_MODULE_1__.LightArea),\n/* harmony export */   LightGradient: () => (/* reexport safe */ _Options_Classes_LightGradient_js__WEBPACK_IMPORTED_MODULE_2__.LightGradient),\n/* harmony export */   LightShadow: () => (/* reexport safe */ _Options_Classes_LightShadow_js__WEBPACK_IMPORTED_MODULE_3__.LightShadow),\n/* harmony export */   loadLightInteraction: () => (/* binding */ loadLightInteraction)\n/* harmony export */ });\n/* harmony import */ var _Options_Classes_Light_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Options/Classes/Light.js */ \"./dist/browser/Options/Classes/Light.js\");\n/* harmony import */ var _Options_Classes_LightArea_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Options/Classes/LightArea.js */ \"./dist/browser/Options/Classes/LightArea.js\");\n/* harmony import */ var _Options_Classes_LightGradient_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Options/Classes/LightGradient.js */ \"./dist/browser/Options/Classes/LightGradient.js\");\n/* harmony import */ var _Options_Classes_LightShadow_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Options/Classes/LightShadow.js */ \"./dist/browser/Options/Classes/LightShadow.js\");\nfunction loadLightInteraction(engine) {\n  engine.checkVersion(\"4.0.0-alpha.0\");\n  engine.register(e => {\n    e.addInteractor(\"externalLight\", async container => {\n      const {\n        ExternalLighter\n      } = await __webpack_require__.e(/*! import() */ \"dist_browser_ExternalLighter_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./ExternalLighter.js */ \"./dist/browser/ExternalLighter.js\"));\n      return new ExternalLighter(container, engine);\n    });\n    e.addInteractor(\"particlesLight\", async container => {\n      const {\n        ParticlesLighter\n      } = await __webpack_require__.e(/*! import() */ \"dist_browser_ParticlesLighter_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./ParticlesLighter.js */ \"./dist/browser/ParticlesLighter.js\"));\n      return new ParticlesLighter(container, engine);\n    });\n  });\n}\n\n\n\n\n\n//# sourceURL=webpack://@tsparticles/interaction-light/./dist/browser/index.js?\n}");
 
-/***/ }),
+/***/ },
 
-/***/ "@tsparticles/engine":
+/***/ "@tsparticles/engine"
 /*!*********************************************************************************************************************************!*\
   !*** external {"commonjs":"@tsparticles/engine","commonjs2":"@tsparticles/engine","amd":"@tsparticles/engine","root":"window"} ***!
   \*********************************************************************************************************************************/
-/***/ ((module) => {
+(module) {
 
 module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_engine__;
 
-/***/ })
+/***/ }
 
 /******/ 	});
 /************************************************************************/
@@ -130,6 +100,12 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_engine__;
 /******/ 		if (cachedModule !== undefined) {
 /******/ 			return cachedModule.exports;
 /******/ 		}
+/******/ 		// Check if module exists (development only)
+/******/ 		if (__webpack_modules__[moduleId] === undefined) {
+/******/ 			var e = new Error("Cannot find module '" + moduleId + "'");
+/******/ 			e.code = 'MODULE_NOT_FOUND';
+/******/ 			throw e;
+/******/ 		}
 /******/ 		// Create a new module (and put it into the cache)
 /******/ 		var module = __webpack_module_cache__[moduleId] = {
 /******/ 			// no module.id needed
@@ -144,19 +120,10 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_engine__;
 /******/ 		return module.exports;
 /******/ 	}
 /******/ 	
-/************************************************************************/
-/******/ 	/* webpack/runtime/compat get default export */
-/******/ 	(() => {
-/******/ 		// getDefaultExport function for compatibility with non-harmony modules
-/******/ 		__webpack_require__.n = (module) => {
-/******/ 			var getter = module && module.__esModule ?
-/******/ 				() => (module['default']) :
-/******/ 				() => (module);
-/******/ 			__webpack_require__.d(getter, { a: getter });
-/******/ 			return getter;
-/******/ 		};
-/******/ 	})();
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = __webpack_modules__;
 /******/ 	
+/************************************************************************/
 /******/ 	/* webpack/runtime/define property getters */
 /******/ 	(() => {
 /******/ 		// define getter functions for harmony exports
@@ -169,11 +136,90 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_engine__;
 /******/ 		};
 /******/ 	})();
 /******/ 	
+/******/ 	/* webpack/runtime/ensure chunk */
+/******/ 	(() => {
+/******/ 		__webpack_require__.f = {};
+/******/ 		// This file contains only the entry chunk.
+/******/ 		// The chunk loading function for additional chunks
+/******/ 		__webpack_require__.e = (chunkId) => {
+/******/ 			return Promise.all(Object.keys(__webpack_require__.f).reduce((promises, key) => {
+/******/ 				__webpack_require__.f[key](chunkId, promises);
+/******/ 				return promises;
+/******/ 			}, []));
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/get javascript chunk filename */
+/******/ 	(() => {
+/******/ 		// This function allow to reference async chunks
+/******/ 		__webpack_require__.u = (chunkId) => {
+/******/ 			// return url for filenames based on template
+/******/ 			return "" + chunkId + ".js";
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/global */
+/******/ 	(() => {
+/******/ 		__webpack_require__.g = (function() {
+/******/ 			if (typeof globalThis === 'object') return globalThis;
+/******/ 			try {
+/******/ 				return this || new Function('return this')();
+/******/ 			} catch (e) {
+/******/ 				if (typeof window === 'object') return window;
+/******/ 			}
+/******/ 		})();
+/******/ 	})();
+/******/ 	
 /******/ 	/* webpack/runtime/hasOwnProperty shorthand */
 /******/ 	(() => {
 /******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
 /******/ 	})();
 /******/ 	
+/******/ 	/* webpack/runtime/load script */
+/******/ 	(() => {
+/******/ 		var inProgress = {};
+/******/ 		var dataWebpackPrefix = "@tsparticles/interaction-light:";
+/******/ 		// loadScript function to load a script via script tag
+/******/ 		__webpack_require__.l = (url, done, key, chunkId) => {
+/******/ 			if(inProgress[url]) { inProgress[url].push(done); return; }
+/******/ 			var script, needAttach;
+/******/ 			if(key !== undefined) {
+/******/ 				var scripts = document.getElementsByTagName("script");
+/******/ 				for(var i = 0; i < scripts.length; i++) {
+/******/ 					var s = scripts[i];
+/******/ 					if(s.getAttribute("src") == url || s.getAttribute("data-webpack") == dataWebpackPrefix + key) { script = s; break; }
+/******/ 				}
+/******/ 			}
+/******/ 			if(!script) {
+/******/ 				needAttach = true;
+/******/ 				script = document.createElement('script');
+/******/ 		
+/******/ 				script.charset = 'utf-8';
+/******/ 				if (__webpack_require__.nc) {
+/******/ 					script.setAttribute("nonce", __webpack_require__.nc);
+/******/ 				}
+/******/ 				script.setAttribute("data-webpack", dataWebpackPrefix + key);
+/******/ 		
+/******/ 				script.src = url;
+/******/ 			}
+/******/ 			inProgress[url] = [done];
+/******/ 			var onScriptComplete = (prev, event) => {
+/******/ 				// avoid mem leaks in IE.
+/******/ 				script.onerror = script.onload = null;
+/******/ 				clearTimeout(timeout);
+/******/ 				var doneFns = inProgress[url];
+/******/ 				delete inProgress[url];
+/******/ 				script.parentNode && script.parentNode.removeChild(script);
+/******/ 				doneFns && doneFns.forEach((fn) => (fn(event)));
+/******/ 				if(prev) return prev(event);
+/******/ 			}
+/******/ 			var timeout = setTimeout(onScriptComplete.bind(null, undefined, { type: 'timeout', target: script }), 120000);
+/******/ 			script.onerror = onScriptComplete.bind(null, script.onerror);
+/******/ 			script.onload = onScriptComplete.bind(null, script.onload);
+/******/ 			needAttach && document.head.appendChild(script);
+/******/ 		};
+/******/ 	})();
+/******/ 	
 /******/ 	/* webpack/runtime/make namespace object */
 /******/ 	(() => {
 /******/ 		// define __esModule on exports
@@ -185,6 +231,119 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_engine__;
 /******/ 		};
 /******/ 	})();
 /******/ 	
+/******/ 	/* webpack/runtime/publicPath */
+/******/ 	(() => {
+/******/ 		var scriptUrl;
+/******/ 		if (__webpack_require__.g.importScripts) scriptUrl = __webpack_require__.g.location + "";
+/******/ 		var document = __webpack_require__.g.document;
+/******/ 		if (!scriptUrl && document) {
+/******/ 			if (document.currentScript && document.currentScript.tagName.toUpperCase() === 'SCRIPT')
+/******/ 				scriptUrl = document.currentScript.src;
+/******/ 			if (!scriptUrl) {
+/******/ 				var scripts = document.getElementsByTagName("script");
+/******/ 				if(scripts.length) {
+/******/ 					var i = scripts.length - 1;
+/******/ 					while (i > -1 && (!scriptUrl || !/^http(s?):/.test(scriptUrl))) scriptUrl = scripts[i--].src;
+/******/ 				}
+/******/ 			}
+/******/ 		}
+/******/ 		// When supporting browsers where an automatic publicPath is not supported you must specify an output.publicPath manually via configuration
+/******/ 		// or pass an empty string ("") and set the __webpack_public_path__ variable from your code to use your own logic.
+/******/ 		if (!scriptUrl) throw new Error("Automatic publicPath is not supported in this browser");
+/******/ 		scriptUrl = scriptUrl.replace(/^blob:/, "").replace(/#.*$/, "").replace(/\?.*$/, "").replace(/\/[^\/]+$/, "/");
+/******/ 		__webpack_require__.p = scriptUrl;
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/jsonp chunk loading */
+/******/ 	(() => {
+/******/ 		// no baseURI
+/******/ 		
+/******/ 		// object to store loaded and loading chunks
+/******/ 		// undefined = chunk not loaded, null = chunk preloaded/prefetched
+/******/ 		// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
+/******/ 		var installedChunks = {
+/******/ 			"tsparticles.interaction.light": 0
+/******/ 		};
+/******/ 		
+/******/ 		__webpack_require__.f.j = (chunkId, promises) => {
+/******/ 				// JSONP chunk loading for javascript
+/******/ 				var installedChunkData = __webpack_require__.o(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;
+/******/ 				if(installedChunkData !== 0) { // 0 means "already installed".
+/******/ 		
+/******/ 					// a Promise means "currently loading".
+/******/ 					if(installedChunkData) {
+/******/ 						promises.push(installedChunkData[2]);
+/******/ 					} else {
+/******/ 						if(true) { // all chunks have JS
+/******/ 							// setup Promise in chunk cache
+/******/ 							var promise = new Promise((resolve, reject) => (installedChunkData = installedChunks[chunkId] = [resolve, reject]));
+/******/ 							promises.push(installedChunkData[2] = promise);
+/******/ 		
+/******/ 							// start chunk loading
+/******/ 							var url = __webpack_require__.p + __webpack_require__.u(chunkId);
+/******/ 							// create error before stack unwound to get useful stacktrace later
+/******/ 							var error = new Error();
+/******/ 							var loadingEnded = (event) => {
+/******/ 								if(__webpack_require__.o(installedChunks, chunkId)) {
+/******/ 									installedChunkData = installedChunks[chunkId];
+/******/ 									if(installedChunkData !== 0) installedChunks[chunkId] = undefined;
+/******/ 									if(installedChunkData) {
+/******/ 										var errorType = event && (event.type === 'load' ? 'missing' : event.type);
+/******/ 										var realSrc = event && event.target && event.target.src;
+/******/ 										error.message = 'Loading chunk ' + chunkId + ' failed.\n(' + errorType + ': ' + realSrc + ')';
+/******/ 										error.name = 'ChunkLoadError';
+/******/ 										error.type = errorType;
+/******/ 										error.request = realSrc;
+/******/ 										installedChunkData[1](error);
+/******/ 									}
+/******/ 								}
+/******/ 							};
+/******/ 							__webpack_require__.l(url, loadingEnded, "chunk-" + chunkId, chunkId);
+/******/ 						}
+/******/ 					}
+/******/ 				}
+/******/ 		};
+/******/ 		
+/******/ 		// no prefetching
+/******/ 		
+/******/ 		// no preloaded
+/******/ 		
+/******/ 		// no HMR
+/******/ 		
+/******/ 		// no HMR manifest
+/******/ 		
+/******/ 		// no on chunks loaded
+/******/ 		
+/******/ 		// install a JSONP callback for chunk loading
+/******/ 		var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
+/******/ 			var [chunkIds, moreModules, runtime] = data;
+/******/ 			// add "moreModules" to the modules object,
+/******/ 			// then flag all "chunkIds" as loaded and fire callback
+/******/ 			var moduleId, chunkId, i = 0;
+/******/ 			if(chunkIds.some((id) => (installedChunks[id] !== 0))) {
+/******/ 				for(moduleId in moreModules) {
+/******/ 					if(__webpack_require__.o(moreModules, moduleId)) {
+/******/ 						__webpack_require__.m[moduleId] = moreModules[moduleId];
+/******/ 					}
+/******/ 				}
+/******/ 				if(runtime) var result = runtime(__webpack_require__);
+/******/ 			}
+/******/ 			if(parentChunkLoadingFunction) parentChunkLoadingFunction(data);
+/******/ 			for(;i < chunkIds.length; i++) {
+/******/ 				chunkId = chunkIds[i];
+/******/ 				if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {
+/******/ 					installedChunks[chunkId][0]();
+/******/ 				}
+/******/ 				installedChunks[chunkId] = 0;
+/******/ 			}
+/******/ 		
+/******/ 		}
+/******/ 		
+/******/ 		var chunkLoadingGlobal = this["webpackChunk_tsparticles_interaction_light"] = this["webpackChunk_tsparticles_interaction_light"] || [];
+/******/ 		chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
+/******/ 		chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
+/******/ 	})();
+/******/ 	
 /************************************************************************/
 /******/ 	
 /******/ 	// startup

package/tsparticles.interaction.light.min.js

@@ -1,2 +1,2 @@
 /*! For license information please see tsparticles.interaction.light.min.js.LICENSE.txt */
-!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],e);else{var o="object"==typeof exports?e(require("@tsparticles/engine")):e(t.window);for(var i in o)("object"==typeof exports?exports:t)[i]=o[i]}}(this,(t=>(()=>{var e={303:e=>{e.exports=t}},o={};function i(t){var s=o[t];if(void 0!==s)return s.exports;var n=o[t]={exports:{}};return e[t](n,n.exports,i),n.exports}i.d=(t,e)=>{for(var o in e)i.o(e,o)&&!i.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:e[o]})},i.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),i.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var s={};i.r(s),i.d(s,{Light:()=>f,LightArea:()=>g,LightGradient:()=>u,LightShadow:()=>p,loadLightInteraction:()=>m});var n=i(303);const r=1,a=0,l=.5*Math.PI,c=2*Math.PI,h=.25*Math.PI,d="light";class u{constructor(){this.start=new n.OptionsColor,this.stop=new n.OptionsColor,this.start.value="#ffffff",this.stop.value="#000000"}load(t){(0,n.isNull)(t)||(this.start=n.OptionsColor.create(this.start,t.start),this.stop=n.OptionsColor.create(this.stop,t.stop))}}class g{constructor(){this.gradient=new u,this.radius=1e3}load(t){(0,n.isNull)(t)||(this.gradient.load(t.gradient),void 0!==t.radius&&(this.radius=t.radius))}}class p{constructor(){this.color=new n.OptionsColor,this.color.value="#000000",this.length=2e3}load(t){(0,n.isNull)(t)||(this.color=n.OptionsColor.create(this.color,t.color),void 0!==t.length&&(this.length=t.length))}}class f{constructor(){this.area=new g,this.shadow=new p}load(t){(0,n.isNull)(t)||(this.area.load(t.area),this.shadow.load(t.shadow))}}class v extends n.ExternalInteractorBase{constructor(t,e){super(t),this._engine=e}clear(){}init(){}interact(){const t=this.container,e=t.actualOptions,o=t.interactivity;if(!e.interactivity.events.onHover.enable||"pointermove"!==o.status)return;const i=o.mouse.position;i&&t.canvas.draw((e=>{!function(t,e,o){const i=t.actualOptions.interactivity.modes.light?.area;if(!i)return;e.beginPath(),e.arc(o.x,o.y,i.radius,0,c);const s=e.createRadialGradient(o.x,o.y,0,o.x,o.y,i.radius),l=t.canvas.mouseLight;l?.start&&l.stop&&(s.addColorStop(a,(0,n.getStyleFromRgb)(l.start)),s.addColorStop(r,(0,n.getStyleFromRgb)(l.stop)),e.fillStyle=s,e.fill())}(t,e,i)}))}isEnabled(t){const e=this.container,o=e.interactivity.mouse,i=t?.interactivity??e.actualOptions.interactivity,s=i.events;if(!s.onHover.enable||!o.position)return!1;const r=(0,n.isInArray)(d,s.onHover.mode);if(r&&i.modes.light){const t=i.modes.light.area.gradient;e.canvas.mouseLight={start:(0,n.rangeColorToRgb)(this._engine,t.start),stop:(0,n.rangeColorToRgb)(this._engine,t.stop)}}return r}loadModeOptions(t,...e){t.light||(t.light=new f);for(const o of e)t.light.load(o?.light)}reset(){}}class y extends n.ParticlesInteractorBase{constructor(t,e){super(t),this._engine=e}clear(){}init(){}interact(t){const e=this.container,o=e.actualOptions,i=e.interactivity;if(!o.interactivity.events.onHover.enable||"pointermove"!==i.status)return;const s=i.mouse.position;s&&e.canvas.draw((o=>{!function(t,e,o,i){const s=o.getPosition(),r=t.actualOptions.interactivity.modes.light?.shadow;if(!r)return;const a=o.lightShadow;if(!a)return;const d=o.getRadius(),u=o.sides,g=c/u,p=-o.rotation+h,f=[];for(let t=0;t<u;t++)f.push({x:s.x+d*Math.sin(p+g*t)*1,y:s.y+d*Math.cos(p+g*t)*1});const v=[],y=r.length;for(const t of f){const e=Math.atan2(i.y-t.y,i.x-t.x),o={x:t.x+y*Math.sin(-e-l),y:t.y+y*Math.cos(-e-l)};v.push({end:o,start:t})}const m=(0,n.getStyleFromRgb)(a);for(let t=v.length-1,o=0;t>=0;o=t--)e.beginPath(),e.moveTo(v[t].start.x,v[t].start.y),e.lineTo(v[o].start.x,v[o].start.y),e.lineTo(v[o].end.x,v[o].end.y),e.lineTo(v[t].end.x,v[t].end.y),e.fillStyle=m,e.fill()}(e,o,t,s)}))}isEnabled(t){const e=this.container,o=t.interactivity??e.actualOptions.interactivity,i=e.interactivity.mouse,s=o.events;if(!s.onHover.enable||!i.position)return!1;const r=(0,n.isInArray)(d,s.onHover.mode);if(r&&o.modes.light){const e=o.modes.light.shadow;t.lightShadow=(0,n.rangeColorToRgb)(this._engine,e.color)}return r}reset(){}}async function m(t,e=!0){t.checkVersion("3.9.1"),await t.addInteractor("externalLight",(e=>Promise.resolve(new v(e,t))),e),await t.addInteractor("particlesLight",(e=>Promise.resolve(new y(e,t))),e)}return s})()));
+!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],e);else{var r="object"==typeof exports?e(require("@tsparticles/engine")):e(t.window);for(var o in r)("object"==typeof exports?exports:t)[o]=r[o]}}(this,(t=>(()=>{var e,r,o={178(t,e,r){r.d(e,{O:()=>a});var o=r(303),i=r(423);class a{constructor(){this.gradient=new i.V,this.radius=1e3}load(t){(0,o.isNull)(t)||(this.gradient.load(t.gradient),void 0!==t.radius&&(this.radius=t.radius))}}},303(e){e.exports=t},423(t,e,r){r.d(e,{V:()=>i});var o=r(303);class i{constructor(){this.start=new o.OptionsColor,this.stop=new o.OptionsColor,this.start.value="#ffffff",this.stop.value="#000000"}load(t){(0,o.isNull)(t)||(this.start=o.OptionsColor.create(this.start,t.start),this.stop=o.OptionsColor.create(this.stop,t.stop))}}},831(t,e,r){r.d(e,{v:()=>n});var o=r(303),i=r(178),a=r(899);class n{constructor(){this.area=new i.O,this.shadow=new a.X}load(t){(0,o.isNull)(t)||(this.area.load(t.area),this.shadow.load(t.shadow))}}},899(t,e,r){r.d(e,{X:()=>i});var o=r(303);class i{constructor(){this.color=new o.OptionsColor,this.color.value="#000000",this.length=2e3}load(t){(0,o.isNull)(t)||(this.color=o.OptionsColor.create(this.color,t.color),void 0!==t.length&&(this.length=t.length))}}}},i={};function a(t){var e=i[t];if(void 0!==e)return e.exports;var r=i[t]={exports:{}};return o[t](r,r.exports,a),r.exports}a.m=o,a.d=(t,e)=>{for(var r in e)a.o(e,r)&&!a.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:e[r]})},a.f={},a.e=t=>Promise.all(Object.keys(a.f).reduce(((e,r)=>(a.f[r](t,e),e)),[])),a.u=t=>t+".min.js",a.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(t){if("object"==typeof window)return window}}(),a.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),e={},r="@tsparticles/interaction-light:",a.l=(t,o,i,n)=>{if(e[t])e[t].push(o);else{var s,l;if(void 0!==i)for(var c=document.getElementsByTagName("script"),d=0;d<c.length;d++){var p=c[d];if(p.getAttribute("src")==t||p.getAttribute("data-webpack")==r+i){s=p;break}}s||(l=!0,(s=document.createElement("script")).charset="utf-8",a.nc&&s.setAttribute("nonce",a.nc),s.setAttribute("data-webpack",r+i),s.src=t),e[t]=[o];var h=(r,o)=>{s.onerror=s.onload=null,clearTimeout(u);var i=e[t];if(delete e[t],s.parentNode&&s.parentNode.removeChild(s),i&&i.forEach((t=>t(o))),r)return r(o)},u=setTimeout(h.bind(null,void 0,{type:"timeout",target:s}),12e4);s.onerror=h.bind(null,s.onerror),s.onload=h.bind(null,s.onload),l&&document.head.appendChild(s)}},a.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},(()=>{var t;a.g.importScripts&&(t=a.g.location+"");var e=a.g.document;if(!t&&e&&(e.currentScript&&"SCRIPT"===e.currentScript.tagName.toUpperCase()&&(t=e.currentScript.src),!t)){var r=e.getElementsByTagName("script");if(r.length)for(var o=r.length-1;o>-1&&(!t||!/^http(s?):/.test(t));)t=r[o--].src}if(!t)throw new Error("Automatic publicPath is not supported in this browser");t=t.replace(/^blob:/,"").replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),a.p=t})(),(()=>{var t={595:0};a.f.j=(e,r)=>{var o=a.o(t,e)?t[e]:void 0;if(0!==o)if(o)r.push(o[2]);else{var i=new Promise(((r,i)=>o=t[e]=[r,i]));r.push(o[2]=i);var n=a.p+a.u(e),s=new Error;a.l(n,(r=>{if(a.o(t,e)&&(0!==(o=t[e])&&(t[e]=void 0),o)){var i=r&&("load"===r.type?"missing":r.type),n=r&&r.target&&r.target.src;s.message="Loading chunk "+e+" failed.\n("+i+": "+n+")",s.name="ChunkLoadError",s.type=i,s.request=n,o[1](s)}}),"chunk-"+e,e)}};var e=(e,r)=>{var o,i,[n,s,l]=r,c=0;if(n.some((e=>0!==t[e]))){for(o in s)a.o(s,o)&&(a.m[o]=s[o]);if(l)l(a)}for(e&&e(r);c<n.length;c++)i=n[c],a.o(t,i)&&t[i]&&t[i][0](),t[i]=0},r=this.webpackChunk_tsparticles_interaction_light=this.webpackChunk_tsparticles_interaction_light||[];r.forEach(e.bind(null,0)),r.push=e.bind(null,r.push.bind(r))})();var n={};a.r(n),a.d(n,{Light:()=>s.v,LightArea:()=>l.O,LightGradient:()=>c.V,LightShadow:()=>d.X,loadLightInteraction:()=>p});var s=a(831),l=a(178),c=a(423),d=a(899);function p(t){t.checkVersion("4.0.0-alpha.0"),t.register((e=>{e.addInteractor("externalLight",(async e=>{const{ExternalLighter:r}=await a.e(271).then(a.bind(a,271));return new r(e,t)})),e.addInteractor("particlesLight",(async e=>{const{ParticlesLighter:r}=await a.e(547).then(a.bind(a,547));return new r(e,t)}))}))}return n})()));

package/tsparticles.interaction.light.min.js.LICENSE.txt

@@ -1 +1 @@
-/*! tsParticles Light Interaction v3.9.1 by Matteo Bruni */
+/*! tsParticles Light Interaction v4.0.0-alpha.0 by Matteo Bruni */

package/types/index.d.ts

@@ -1,10 +1,10 @@
 import { type Engine } from "@tsparticles/engine";
-export declare function loadLightInteraction(engine: Engine, refresh?: boolean): Promise<void>;
+export declare function loadLightInteraction(engine: Engine): void;
 export * from "./Options/Classes/Light.js";
 export * from "./Options/Classes/LightArea.js";
 export * from "./Options/Classes/LightGradient.js";
 export * from "./Options/Classes/LightShadow.js";
-export * from "./Options/Interfaces/ILight.js";
-export * from "./Options/Interfaces/ILightArea.js";
-export * from "./Options/Interfaces/ILightGradient.js";
-export * from "./Options/Interfaces/ILightShadow.js";
+export type * from "./Options/Interfaces/ILight.js";
+export type * from "./Options/Interfaces/ILightArea.js";
+export type * from "./Options/Interfaces/ILightGradient.js";
+export type * from "./Options/Interfaces/ILightShadow.js";

package/umd/ExternalLighter.js

@@ -51,9 +51,7 @@
             return res;
         }
         loadModeOptions(options, ...sources) {
-            if (!options.light) {
-                options.light = new Light_js_1.Light();
-            }
+            options.light ??= new Light_js_1.Light();
             for (const source of sources) {
                 options.light.load(source?.light);
             }

package/umd/ParticlesLighter.js

@@ -35,7 +35,7 @@
             });
         }
         isEnabled(particle) {
-            const container = this.container, interactivity = particle.interactivity ?? container.actualOptions.interactivity, mouse = container.interactivity.mouse, events = interactivity.events;
+            const container = this.container, interactivity = particle.interactivity, mouse = container.interactivity.mouse, events = interactivity.events;
             if (!(events.onHover.enable && mouse.position)) {
                 return false;
             }

package/umd/Utils.js

@@ -30,8 +30,8 @@
         if (!gradientRgb?.start || !gradientRgb.stop) {
             return;
         }
-        gradientAmbientLight.addColorStop(gradientPos.min, (0, engine_1.getStyleFromRgb)(gradientRgb.start));
-        gradientAmbientLight.addColorStop(gradientPos.max, (0, engine_1.getStyleFromRgb)(gradientRgb.stop));
+        gradientAmbientLight.addColorStop(gradientPos.min, (0, engine_1.getStyleFromRgb)(gradientRgb.start, container.hdr));
+        gradientAmbientLight.addColorStop(gradientPos.max, (0, engine_1.getStyleFromRgb)(gradientRgb.stop, container.hdr));
         context.fillStyle = gradientAmbientLight;
         context.fill();
     }
@@ -62,13 +62,17 @@
                 start: dot,
             });
         }
-        const shadowColor = (0, engine_1.getStyleFromRgb)(shadowRgb), lastOffset = 1, firstPos = 0, last = points.length - lastOffset;
+        const shadowColor = (0, engine_1.getStyleFromRgb)(shadowRgb, container.hdr), lastOffset = 1, firstPos = 0, last = points.length - lastOffset;
         for (let i = last, n = 0; i >= firstPos; n = i--) {
             context.beginPath();
-            context.moveTo(points[i].start.x, points[i].start.y);
-            context.lineTo(points[n].start.x, points[n].start.y);
-            context.lineTo(points[n].end.x, points[n].end.y);
-            context.lineTo(points[i].end.x, points[i].end.y);
+            const iPoint = points[i], nPoint = points[n];
+            if (!iPoint || !nPoint) {
+                continue;
+            }
+            context.moveTo(iPoint.start.x, iPoint.start.y);
+            context.lineTo(nPoint.start.x, nPoint.start.y);
+            context.lineTo(nPoint.end.x, nPoint.end.y);
+            context.lineTo(iPoint.end.x, iPoint.end.y);
             context.fillStyle = shadowColor;
             context.fill();
         }

package/umd/index.js

@@ -9,6 +9,28 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
 }));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
@@ -18,29 +40,28 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./ExternalLighter.js", "./ParticlesLighter.js", "./Options/Classes/Light.js", "./Options/Classes/LightArea.js", "./Options/Classes/LightGradient.js", "./Options/Classes/LightShadow.js", "./Options/Interfaces/ILight.js", "./Options/Interfaces/ILightArea.js", "./Options/Interfaces/ILightGradient.js", "./Options/Interfaces/ILightShadow.js"], factory);
+        define(["require", "exports", "./Options/Classes/Light.js", "./Options/Classes/LightArea.js", "./Options/Classes/LightGradient.js", "./Options/Classes/LightShadow.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
+    var __syncRequire = typeof module === "object" && typeof module.exports === "object";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.loadLightInteraction = loadLightInteraction;
-    const ExternalLighter_js_1 = require("./ExternalLighter.js");
-    const ParticlesLighter_js_1 = require("./ParticlesLighter.js");
-    async function loadLightInteraction(engine, refresh = true) {
-        engine.checkVersion("3.9.1");
-        await engine.addInteractor("externalLight", container => {
-            return Promise.resolve(new ExternalLighter_js_1.ExternalLighter(container, engine));
-        }, refresh);
-        await engine.addInteractor("particlesLight", container => {
-            return Promise.resolve(new ParticlesLighter_js_1.ParticlesLighter(container, engine));
-        }, refresh);
+    function loadLightInteraction(engine) {
+        engine.checkVersion("4.0.0-alpha.0");
+        engine.register(e => {
+            e.addInteractor("externalLight", async (container) => {
+                const { ExternalLighter } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./ExternalLighter.js"))) : new Promise((resolve_1, reject_1) => { require(["./ExternalLighter.js"], resolve_1, reject_1); }).then(__importStar));
+                return new ExternalLighter(container, engine);
+            });
+            e.addInteractor("particlesLight", async (container) => {
+                const { ParticlesLighter } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./ParticlesLighter.js"))) : new Promise((resolve_2, reject_2) => { require(["./ParticlesLighter.js"], resolve_2, reject_2); }).then(__importStar));
+                return new ParticlesLighter(container, engine);
+            });
+        });
     }
     __exportStar(require("./Options/Classes/Light.js"), exports);
     __exportStar(require("./Options/Classes/LightArea.js"), exports);
     __exportStar(require("./Options/Classes/LightGradient.js"), exports);
     __exportStar(require("./Options/Classes/LightShadow.js"), exports);
-    __exportStar(require("./Options/Interfaces/ILight.js"), exports);
-    __exportStar(require("./Options/Interfaces/ILightArea.js"), exports);
-    __exportStar(require("./Options/Interfaces/ILightGradient.js"), exports);
-    __exportStar(require("./Options/Interfaces/ILightShadow.js"), exports);
 });