@tsparticles/interaction-light 3.0.0-alpha.1 → 3.0.0-beta.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.0.0-alpha.1
+ * v3.0.0-beta.0
  */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
@@ -91,11 +91,11 @@ __webpack_require__.r(__webpack_exports__);
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
-  "Light": () => (/* reexport */ Light),
-  "LightArea": () => (/* reexport */ LightArea),
-  "LightGradient": () => (/* reexport */ LightGradient),
-  "LightShadow": () => (/* reexport */ LightShadow),
-  "loadLightInteraction": () => (/* binding */ loadLightInteraction)
+  Light: () => (/* reexport */ Light),
+  LightArea: () => (/* reexport */ LightArea),
+  LightGradient: () => (/* reexport */ LightGradient),
+  LightShadow: () => (/* reexport */ LightShadow),
+  loadLightInteraction: () => (/* binding */ loadLightInteraction)
 });
 
 // EXTERNAL MODULE: external {"commonjs":"@tsparticles/engine","commonjs2":"@tsparticles/engine","amd":"@tsparticles/engine","root":"window"}
@@ -171,8 +171,7 @@ class Light {
 ;// CONCATENATED MODULE: ./dist/browser/Utils.js
 
 function drawLight(container, context, mousePos) {
-  var _a;
-  const lightOptions = (_a = container.actualOptions.interactivity.modes.light) === null || _a === void 0 ? void 0 : _a.area;
+  const lightOptions = container.actualOptions.interactivity.modes.light?.area;
   if (!lightOptions) {
     return;
   }
@@ -189,9 +188,8 @@ function drawLight(container, context, mousePos) {
   context.fill();
 }
 function drawParticleShadow(container, context, particle, mousePos) {
-  var _a;
   const pos = particle.getPosition(),
-    shadowOptions = (_a = container.actualOptions.interactivity.modes.light) === null || _a === void 0 ? void 0 : _a.shadow;
+    shadowOptions = container.actualOptions.interactivity.modes.light?.shadow;
   if (!shadowOptions) {
     return;
   }
@@ -215,23 +213,23 @@ function drawParticleShadow(container, context, particle, mousePos) {
     shadowLength = shadowOptions.length;
   for (const dot of dots) {
     const dotAngle = Math.atan2(mousePos.y - dot.y, mousePos.x - dot.x),
-      endX = dot.x + shadowLength * Math.sin(-dotAngle - Math.PI / 2),
-      endY = dot.y + shadowLength * Math.cos(-dotAngle - Math.PI / 2);
+      end = {
+        x: dot.x + shadowLength * Math.sin(-dotAngle - Math.PI / 2),
+        y: dot.y + shadowLength * Math.cos(-dotAngle - Math.PI / 2)
+      };
     points.push({
-      endX: endX,
-      endY: endY,
-      startX: dot.x,
-      startY: dot.y
+      end: end,
+      start: dot
     });
   }
-  const shadowColor = (0,engine_root_window_.getStyleFromRgb)(shadowRgb);
-  for (let i = points.length - 1; i >= 0; i--) {
-    const n = i === points.length - 1 ? 0 : i + 1;
+  const shadowColor = (0,engine_root_window_.getStyleFromRgb)(shadowRgb),
+    last = points.length - 1;
+  for (let i = last, n = 0; i >= 0; n = i--) {
     context.beginPath();
-    context.moveTo(points[i].startX, points[i].startY);
-    context.lineTo(points[n].startX, points[n].startY);
-    context.lineTo(points[n].endX, points[n].endY);
-    context.lineTo(points[i].endX, points[i].endY);
+    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);
     context.fillStyle = shadowColor;
     context.fill();
   }
@@ -248,22 +246,23 @@ class ExternalLighter extends engine_root_window_.ExternalInteractorBase {
   init() {}
   async interact() {
     const container = this.container,
-      options = container.actualOptions;
-    if (options.interactivity.events.onHover.enable && container.interactivity.status === "pointermove") {
-      const mousePos = container.interactivity.mouse.position;
-      if (!mousePos) {
-        return;
-      }
-      container.canvas.draw(ctx => {
-        drawLight(container, ctx, mousePos);
-      });
+      options = container.actualOptions,
+      interactivity = container.interactivity;
+    if (!options.interactivity.events.onHover.enable || interactivity.status !== "pointermove") {
+      return;
     }
+    const mousePos = interactivity.mouse.position;
+    if (!mousePos) {
+      return;
+    }
+    container.canvas.draw(ctx => {
+      drawLight(container, ctx, mousePos);
+    });
   }
   isEnabled(particle) {
-    var _a;
     const container = this.container,
       mouse = container.interactivity.mouse,
-      interactivity = (_a = particle === null || particle === void 0 ? void 0 : particle.interactivity) !== null && _a !== void 0 ? _a : container.actualOptions.interactivity,
+      interactivity = particle?.interactivity ?? container.actualOptions.interactivity,
       events = interactivity.events;
     if (!(events.onHover.enable && mouse.position)) {
       return false;
@@ -283,7 +282,7 @@ class ExternalLighter extends engine_root_window_.ExternalInteractorBase {
       options.light = new Light();
     }
     for (const source of sources) {
-      options.light.load(source === null || source === void 0 ? void 0 : source.light);
+      options.light.load(source?.light);
     }
   }
   reset() {}
@@ -299,20 +298,22 @@ class ParticlesLighter extends engine_root_window_.ParticlesInteractorBase {
   init() {}
   async interact(particle) {
     const container = this.container,
-      options = container.actualOptions;
-    if (options.interactivity.events.onHover.enable && container.interactivity.status === "pointermove") {
-      const mousePos = this.container.interactivity.mouse.position;
-      if (mousePos) {
-        container.canvas.draw(ctx => {
-          drawParticleShadow(container, ctx, particle, mousePos);
-        });
-      }
+      options = container.actualOptions,
+      interactivity = container.interactivity;
+    if (!options.interactivity.events.onHover.enable || interactivity.status !== "pointermove") {
+      return;
+    }
+    const mousePos = interactivity.mouse.position;
+    if (!mousePos) {
+      return;
     }
+    container.canvas.draw(ctx => {
+      drawParticleShadow(container, ctx, particle, mousePos);
+    });
   }
   isEnabled(particle) {
-    var _a;
     const container = this.container,
-      interactivity = (_a = particle.interactivity) !== null && _a !== void 0 ? _a : container.actualOptions.interactivity,
+      interactivity = particle.interactivity ?? container.actualOptions.interactivity,
       mouse = container.interactivity.mouse,
       events = interactivity.events;
     if (!(events.onHover.enable && mouse.position)) {
@@ -330,9 +331,9 @@ class ParticlesLighter extends engine_root_window_.ParticlesInteractorBase {
 ;// CONCATENATED MODULE: ./dist/browser/index.js
 
 
-function loadLightInteraction(engine) {
-  engine.addInteractor("externalLight", container => new ExternalLighter(container));
-  engine.addInteractor("particlesLight", container => new ParticlesLighter(container));
+async function loadLightInteraction(engine, refresh = true) {
+  await engine.addInteractor("externalLight", container => new ExternalLighter(container), refresh);
+  await engine.addInteractor("particlesLight", container => new ParticlesLighter(container), refresh);
 }
 
 

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=>(()=>{"use strict";var e={533:e=>{e.exports=t}},o={};function i(t){var r=o[t];if(void 0!==r)return r.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 r={};return(()=>{i.r(r),i.d(r,{Light:()=>s,LightArea:()=>o,LightGradient:()=>e,LightShadow:()=>n,loadLightInteraction:()=>c});var t=i(533);class e{constructor(){this.start=new t.OptionsColor,this.stop=new t.OptionsColor,this.start.value="#ffffff",this.stop.value="#000000"}load(e){e&&(this.start=t.OptionsColor.create(this.start,e.start),this.stop=t.OptionsColor.create(this.stop,e.stop))}}class o{constructor(){this.gradient=new e,this.radius=1e3}load(t){t&&(this.gradient.load(t.gradient),void 0!==t.radius&&(this.radius=t.radius))}}class n{constructor(){this.color=new t.OptionsColor,this.color.value="#000000",this.length=2e3}load(e){e&&(this.color=t.OptionsColor.create(this.color,e.color),void 0!==e.length&&(this.length=e.length))}}class s{constructor(){this.area=new o,this.shadow=new n}load(t){t&&(this.area.load(t.area),this.shadow.load(t.shadow))}}class a extends t.ExternalInteractorBase{constructor(t){super(t)}clear(){}init(){}async interact(){const e=this.container;if(e.actualOptions.interactivity.events.onHover.enable&&"pointermove"===e.interactivity.status){const o=e.interactivity.mouse.position;if(!o)return;e.canvas.draw((i=>{!function(e,o,i){var r;const n=null===(r=e.actualOptions.interactivity.modes.light)||void 0===r?void 0:r.area;if(!n)return;o.beginPath(),o.arc(i.x,i.y,n.radius,0,2*Math.PI);const s=o.createRadialGradient(i.x,i.y,0,i.x,i.y,n.radius),a=e.canvas.mouseLight;a&&a.start&&a.stop&&(s.addColorStop(0,(0,t.getStyleFromRgb)(a.start)),s.addColorStop(1,(0,t.getStyleFromRgb)(a.stop)),o.fillStyle=s,o.fill())}(e,i,o)}))}}isEnabled(e){var o;const i=this.container,r=i.interactivity.mouse,n=null!==(o=null==e?void 0:e.interactivity)&&void 0!==o?o:i.actualOptions.interactivity,s=n.events;if(!s.onHover.enable||!r.position)return!1;const a=(0,t.isInArray)("light",s.onHover.mode);if(a&&n.modes.light){const e=n.modes.light.area.gradient;i.canvas.mouseLight={start:(0,t.rangeColorToRgb)(e.start),stop:(0,t.rangeColorToRgb)(e.stop)}}return a}loadModeOptions(t,...e){t.light||(t.light=new s);for(const o of e)t.light.load(null==o?void 0:o.light)}reset(){}}class l extends t.ParticlesInteractorBase{constructor(t){super(t)}clear(){}init(){}async interact(e){const o=this.container;if(o.actualOptions.interactivity.events.onHover.enable&&"pointermove"===o.interactivity.status){const i=this.container.interactivity.mouse.position;i&&o.canvas.draw((r=>{!function(e,o,i,r){var n;const s=i.getPosition(),a=null===(n=e.actualOptions.interactivity.modes.light)||void 0===n?void 0:n.shadow;if(!a)return;const l=i.lightShadow;if(!l)return;const c=i.getRadius(),d=i.sides,h=2*Math.PI/d,u=-i.rotation+Math.PI/4,p=[];for(let t=0;t<d;t++)p.push({x:s.x+c*Math.sin(u+h*t)*1,y:s.y+c*Math.cos(u+h*t)*1});const v=[],g=a.length;for(const t of p){const e=Math.atan2(r.y-t.y,r.x-t.x),o=t.x+g*Math.sin(-e-Math.PI/2),i=t.y+g*Math.cos(-e-Math.PI/2);v.push({endX:o,endY:i,startX:t.x,startY:t.y})}const f=(0,t.getStyleFromRgb)(l);for(let t=v.length-1;t>=0;t--){const e=t===v.length-1?0:t+1;o.beginPath(),o.moveTo(v[t].startX,v[t].startY),o.lineTo(v[e].startX,v[e].startY),o.lineTo(v[e].endX,v[e].endY),o.lineTo(v[t].endX,v[t].endY),o.fillStyle=f,o.fill()}}(o,r,e,i)}))}}isEnabled(e){var o;const i=this.container,r=null!==(o=e.interactivity)&&void 0!==o?o:i.actualOptions.interactivity,n=i.interactivity.mouse,s=r.events;if(!s.onHover.enable||!n.position)return!1;const a=(0,t.isInArray)("light",s.onHover.mode);if(a&&r.modes.light){const o=r.modes.light.shadow;e.lightShadow=(0,t.rangeColorToRgb)(o.color)}return a}reset(){}}function c(t){t.addInteractor("externalLight",(t=>new a(t))),t.addInteractor("particlesLight",(t=>new l(t)))}})(),r})()));
+!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=>(()=>{"use strict";var e={533:e=>{e.exports=t}},o={};function i(t){var r=o[t];if(void 0!==r)return r.exports;var s=o[t]={exports:{}};return e[t](s,s.exports,i),s.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 r={};return(()=>{i.r(r),i.d(r,{Light:()=>n,LightArea:()=>o,LightGradient:()=>e,LightShadow:()=>s,loadLightInteraction:()=>l});var t=i(533);class e{constructor(){this.start=new t.OptionsColor,this.stop=new t.OptionsColor,this.start.value="#ffffff",this.stop.value="#000000"}load(e){e&&(this.start=t.OptionsColor.create(this.start,e.start),this.stop=t.OptionsColor.create(this.stop,e.stop))}}class o{constructor(){this.gradient=new e,this.radius=1e3}load(t){t&&(this.gradient.load(t.gradient),void 0!==t.radius&&(this.radius=t.radius))}}class s{constructor(){this.color=new t.OptionsColor,this.color.value="#000000",this.length=2e3}load(e){e&&(this.color=t.OptionsColor.create(this.color,e.color),void 0!==e.length&&(this.length=e.length))}}class n{constructor(){this.area=new o,this.shadow=new s}load(t){t&&(this.area.load(t.area),this.shadow.load(t.shadow))}}class a extends t.ExternalInteractorBase{constructor(t){super(t)}clear(){}init(){}async interact(){const e=this.container,o=e.actualOptions,i=e.interactivity;if(!o.interactivity.events.onHover.enable||"pointermove"!==i.status)return;const r=i.mouse.position;r&&e.canvas.draw((o=>{!function(e,o,i){const r=e.actualOptions.interactivity.modes.light?.area;if(!r)return;o.beginPath(),o.arc(i.x,i.y,r.radius,0,2*Math.PI);const s=o.createRadialGradient(i.x,i.y,0,i.x,i.y,r.radius),n=e.canvas.mouseLight;n&&n.start&&n.stop&&(s.addColorStop(0,(0,t.getStyleFromRgb)(n.start)),s.addColorStop(1,(0,t.getStyleFromRgb)(n.stop)),o.fillStyle=s,o.fill())}(e,o,r)}))}isEnabled(e){const o=this.container,i=o.interactivity.mouse,r=e?.interactivity??o.actualOptions.interactivity,s=r.events;if(!s.onHover.enable||!i.position)return!1;const n=(0,t.isInArray)("light",s.onHover.mode);if(n&&r.modes.light){const e=r.modes.light.area.gradient;o.canvas.mouseLight={start:(0,t.rangeColorToRgb)(e.start),stop:(0,t.rangeColorToRgb)(e.stop)}}return n}loadModeOptions(t,...e){t.light||(t.light=new n);for(const o of e)t.light.load(o?.light)}reset(){}}class c extends t.ParticlesInteractorBase{constructor(t){super(t)}clear(){}init(){}async interact(e){const o=this.container,i=o.actualOptions,r=o.interactivity;if(!i.interactivity.events.onHover.enable||"pointermove"!==r.status)return;const s=r.mouse.position;s&&o.canvas.draw((i=>{!function(e,o,i,r){const s=i.getPosition(),n=e.actualOptions.interactivity.modes.light?.shadow;if(!n)return;const a=i.lightShadow;if(!a)return;const c=i.getRadius(),l=i.sides,d=2*Math.PI/l,h=-i.rotation+Math.PI/4,u=[];for(let t=0;t<l;t++)u.push({x:s.x+c*Math.sin(h+d*t)*1,y:s.y+c*Math.cos(h+d*t)*1});const p=[],g=n.length;for(const t of u){const e=Math.atan2(r.y-t.y,r.x-t.x),o={x:t.x+g*Math.sin(-e-Math.PI/2),y:t.y+g*Math.cos(-e-Math.PI/2)};p.push({end:o,start:t})}const f=(0,t.getStyleFromRgb)(a);for(let t=p.length-1,e=0;t>=0;e=t--)o.beginPath(),o.moveTo(p[t].start.x,p[t].start.y),o.lineTo(p[e].start.x,p[e].start.y),o.lineTo(p[e].end.x,p[e].end.y),o.lineTo(p[t].end.x,p[t].end.y),o.fillStyle=f,o.fill()}(o,i,e,s)}))}isEnabled(e){const o=this.container,i=e.interactivity??o.actualOptions.interactivity,r=o.interactivity.mouse,s=i.events;if(!s.onHover.enable||!r.position)return!1;const n=(0,t.isInArray)("light",s.onHover.mode);if(n&&i.modes.light){const o=i.modes.light.shadow;e.lightShadow=(0,t.rangeColorToRgb)(o.color)}return n}reset(){}}async function l(t,e=!0){await t.addInteractor("externalLight",(t=>new a(t)),e),await t.addInteractor("particlesLight",(t=>new c(t)),e)}})(),r})()));

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

@@ -1,8 +1 @@
-/*!
- * Author : Matteo Bruni
- * MIT license: https://opensource.org/licenses/MIT
- * Demo / Generator : https://particles.js.org/
- * GitHub : https://www.github.com/matteobruni/tsparticles
- * How to use? : Check the GitHub README
- * v3.0.0-alpha.1
- */
+/*! tsParticles Light Interaction v3.0.0-beta.0 by Matteo Bruni */

package/types/ExternalLighter.d.ts

@@ -1,6 +1,5 @@
-import { ExternalInteractorBase } from "@tsparticles/engine";
+import { ExternalInteractorBase, type IModes, type Modes, type RecursivePartial } from "@tsparticles/engine";
 import type { ILightMode, LightMode } from "./Types";
-import type { IModes, Modes, RecursivePartial } from "@tsparticles/engine";
 import type { LightContainer, LightParticle } from "./Types";
 export declare class ExternalLighter extends ExternalInteractorBase<LightContainer> {
     constructor(container: LightContainer);

package/types/Options/Classes/LightShadow.d.ts

@@ -1,6 +1,5 @@
-import type { IOptionLoader, RecursivePartial } from "@tsparticles/engine";
+import { type IOptionLoader, OptionsColor, type RecursivePartial } from "@tsparticles/engine";
 import type { ILightShadow } from "../Interfaces/ILightShadow";
-import { OptionsColor } from "@tsparticles/engine";
 export declare class LightShadow implements ILightShadow, IOptionLoader<ILightShadow> {
     color: OptionsColor;
     length: number;

package/types/Utils.d.ts

@@ -1,4 +1,4 @@
+import { type ICoordinates } from "@tsparticles/engine";
 import type { LightContainer, LightParticle } from "./Types";
-import type { ICoordinates } from "@tsparticles/engine";
 export declare function drawLight(container: LightContainer, context: CanvasRenderingContext2D, mousePos: ICoordinates): void;
 export declare function drawParticleShadow(container: LightContainer, context: CanvasRenderingContext2D, particle: LightParticle, mousePos: ICoordinates): void;

package/types/index.d.ts

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

package/umd/ExternalLighter.js

@@ -22,20 +22,20 @@
         init() {
         }
         async interact() {
-            const container = this.container, options = container.actualOptions;
-            if (options.interactivity.events.onHover.enable && container.interactivity.status === "pointermove") {
-                const mousePos = container.interactivity.mouse.position;
-                if (!mousePos) {
-                    return;
-                }
-                container.canvas.draw((ctx) => {
-                    (0, Utils_1.drawLight)(container, ctx, mousePos);
-                });
+            const container = this.container, options = container.actualOptions, interactivity = container.interactivity;
+            if (!options.interactivity.events.onHover.enable || interactivity.status !== "pointermove") {
+                return;
             }
+            const mousePos = interactivity.mouse.position;
+            if (!mousePos) {
+                return;
+            }
+            container.canvas.draw((ctx) => {
+                (0, Utils_1.drawLight)(container, ctx, mousePos);
+            });
         }
         isEnabled(particle) {
-            var _a;
-            const container = this.container, mouse = container.interactivity.mouse, interactivity = (_a = particle === null || particle === void 0 ? void 0 : particle.interactivity) !== null && _a !== void 0 ? _a : container.actualOptions.interactivity, events = interactivity.events;
+            const container = this.container, mouse = container.interactivity.mouse, interactivity = particle?.interactivity ?? container.actualOptions.interactivity, events = interactivity.events;
             if (!(events.onHover.enable && mouse.position)) {
                 return false;
             }
@@ -54,7 +54,7 @@
                 options.light = new Light_1.Light();
             }
             for (const source of sources) {
-                options.light.load(source === null || source === void 0 ? void 0 : source.light);
+                options.light.load(source?.light);
             }
         }
         reset() {

package/umd/ParticlesLighter.js

@@ -21,19 +21,20 @@
         init() {
         }
         async interact(particle) {
-            const container = this.container, options = container.actualOptions;
-            if (options.interactivity.events.onHover.enable && container.interactivity.status === "pointermove") {
-                const mousePos = this.container.interactivity.mouse.position;
-                if (mousePos) {
-                    container.canvas.draw((ctx) => {
-                        (0, Utils_1.drawParticleShadow)(container, ctx, particle, mousePos);
-                    });
-                }
+            const container = this.container, options = container.actualOptions, interactivity = container.interactivity;
+            if (!options.interactivity.events.onHover.enable || interactivity.status !== "pointermove") {
+                return;
             }
+            const mousePos = interactivity.mouse.position;
+            if (!mousePos) {
+                return;
+            }
+            container.canvas.draw((ctx) => {
+                (0, Utils_1.drawParticleShadow)(container, ctx, particle, mousePos);
+            });
         }
         isEnabled(particle) {
-            var _a;
-            const container = this.container, interactivity = (_a = particle.interactivity) !== null && _a !== void 0 ? _a : container.actualOptions.interactivity, mouse = container.interactivity.mouse, events = interactivity.events;
+            const container = this.container, interactivity = particle.interactivity ?? container.actualOptions.interactivity, mouse = container.interactivity.mouse, events = interactivity.events;
             if (!(events.onHover.enable && mouse.position)) {
                 return false;
             }

package/umd/Utils.js

@@ -12,8 +12,7 @@
     exports.drawParticleShadow = exports.drawLight = void 0;
     const engine_1 = require("@tsparticles/engine");
     function drawLight(container, context, mousePos) {
-        var _a;
-        const lightOptions = (_a = container.actualOptions.interactivity.modes.light) === null || _a === void 0 ? void 0 : _a.area;
+        const lightOptions = container.actualOptions.interactivity.modes.light?.area;
         if (!lightOptions) {
             return;
         }
@@ -31,8 +30,7 @@
     }
     exports.drawLight = drawLight;
     function drawParticleShadow(container, context, particle, mousePos) {
-        var _a;
-        const pos = particle.getPosition(), shadowOptions = (_a = container.actualOptions.interactivity.modes.light) === null || _a === void 0 ? void 0 : _a.shadow;
+        const pos = particle.getPosition(), shadowOptions = container.actualOptions.interactivity.modes.light?.shadow;
         if (!shadowOptions) {
             return;
         }
@@ -49,22 +47,22 @@
         }
         const points = [], shadowLength = shadowOptions.length;
         for (const dot of dots) {
-            const dotAngle = Math.atan2(mousePos.y - dot.y, mousePos.x - dot.x), endX = dot.x + shadowLength * Math.sin(-dotAngle - Math.PI / 2), endY = dot.y + shadowLength * Math.cos(-dotAngle - Math.PI / 2);
+            const dotAngle = Math.atan2(mousePos.y - dot.y, mousePos.x - dot.x), end = {
+                x: dot.x + shadowLength * Math.sin(-dotAngle - Math.PI / 2),
+                y: dot.y + shadowLength * Math.cos(-dotAngle - Math.PI / 2),
+            };
             points.push({
-                endX: endX,
-                endY: endY,
-                startX: dot.x,
-                startY: dot.y,
+                end: end,
+                start: dot,
             });
         }
-        const shadowColor = (0, engine_1.getStyleFromRgb)(shadowRgb);
-        for (let i = points.length - 1; i >= 0; i--) {
-            const n = i === points.length - 1 ? 0 : i + 1;
+        const shadowColor = (0, engine_1.getStyleFromRgb)(shadowRgb), last = points.length - 1;
+        for (let i = last, n = 0; i >= 0; n = i--) {
             context.beginPath();
-            context.moveTo(points[i].startX, points[i].startY);
-            context.lineTo(points[n].startX, points[n].startY);
-            context.lineTo(points[n].endX, points[n].endY);
-            context.lineTo(points[i].endX, points[i].endY);
+            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);
             context.fillStyle = shadowColor;
             context.fill();
         }

package/umd/index.js

@@ -26,9 +26,9 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     exports.loadLightInteraction = void 0;
     const ExternalLighter_1 = require("./ExternalLighter");
     const ParticlesLighter_1 = require("./ParticlesLighter");
-    function loadLightInteraction(engine) {
-        engine.addInteractor("externalLight", (container) => new ExternalLighter_1.ExternalLighter(container));
-        engine.addInteractor("particlesLight", (container) => new ParticlesLighter_1.ParticlesLighter(container));
+    async function loadLightInteraction(engine, refresh = true) {
+        await engine.addInteractor("externalLight", (container) => new ExternalLighter_1.ExternalLighter(container), refresh);
+        await engine.addInteractor("particlesLight", (container) => new ParticlesLighter_1.ParticlesLighter(container), refresh);
     }
     exports.loadLightInteraction = loadLightInteraction;
     __exportStar(require("./Options/Classes/Light"), exports);