@tsparticles/plugin-interactivity 4.0.0-alpha.21 → 4.0.0-alpha.23

package/umd/{ExternalInteractorBase.js → BaseClasses/ExternalInteractorBase.js}

@@ -4,13 +4,13 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./InteractorType.js"], factory);
+        define(["require", "exports", "../Enums/InteractorType.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.ExternalInteractorBase = void 0;
-    const InteractorType_js_1 = require("./InteractorType.js");
+    const InteractorType_js_1 = require("../Enums/InteractorType.js");
     class ExternalInteractorBase {
         type = InteractorType_js_1.InteractorType.external;
         container;

package/umd/{ParticlesInteractorBase.js → BaseClasses/ParticlesInteractorBase.js}

@@ -4,13 +4,13 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./InteractorType.js"], factory);
+        define(["require", "exports", "../Enums/InteractorType.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.ParticlesInteractorBase = void 0;
-    const InteractorType_js_1 = require("./InteractorType.js");
+    const InteractorType_js_1 = require("../Enums/InteractorType.js");
     class ParticlesInteractorBase {
         type = InteractorType_js_1.InteractorType.particles;
         container;

package/umd/InteractionManager.js

@@ -4,7 +4,7 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@tsparticles/engine", "./InteractivityConstants.js", "./InteractivityEventListeners.js", "./InteractorType.js"], factory);
+        define(["require", "exports", "@tsparticles/engine", "./InteractivityConstants.js", "./InteractivityEventListeners.js", "./Enums/InteractorType.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
@@ -13,7 +13,7 @@
     const engine_1 = require("@tsparticles/engine");
     const InteractivityConstants_js_1 = require("./InteractivityConstants.js");
     const InteractivityEventListeners_js_1 = require("./InteractivityEventListeners.js");
-    const InteractorType_js_1 = require("./InteractorType.js");
+    const InteractorType_js_1 = require("./Enums/InteractorType.js");
     class InteractionManager {
         container;
         interactivityData;
@@ -144,14 +144,7 @@
                 interactor.handleClickMode?.(mode, interactivityData);
             }
         }
-        async init() {
-            const interactors = await this._engine.getInteractors?.(this.container, true);
-            if (!interactors) {
-                return;
-            }
-            this._interactors = interactors;
-            this._externalInteractors = [];
-            this._particleInteractors = [];
+        init() {
             this._eventListeners.init();
             for (const interactor of this._interactors) {
                 switch (interactor.type) {
@@ -165,6 +158,15 @@
                 interactor.init();
             }
         }
+        async initInteractors() {
+            const interactors = await this._engine.getInteractors?.(this.container, true);
+            if (!interactors) {
+                return;
+            }
+            this._interactors = interactors;
+            this._externalInteractors = [];
+            this._particleInteractors = [];
+        }
         particlesInteract(particle, delta) {
             const { interactivityData } = this;
             for (const interactor of this._externalInteractors) {

package/umd/InteractivityEventListeners.js

@@ -4,7 +4,7 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@tsparticles/engine", "./InteractivityConstants.js", "./InteractivityDetect.js"], factory);
+        define(["require", "exports", "@tsparticles/engine", "./InteractivityConstants.js", "./Enums/InteractivityDetect.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
@@ -12,7 +12,7 @@
     exports.InteractivityEventListeners = void 0;
     const engine_1 = require("@tsparticles/engine");
     const InteractivityConstants_js_1 = require("./InteractivityConstants.js");
-    const InteractivityDetect_js_1 = require("./InteractivityDetect.js");
+    const InteractivityDetect_js_1 = require("./Enums/InteractivityDetect.js");
     class InteractivityEventListeners {
         _canPush = true;
         _clickPositionPlugins;
@@ -103,18 +103,26 @@
             }
             const html = interactivityEl, canvas = container.canvas;
             canvas.setPointerEvents(html === canvas.element ? "initial" : "none");
-            if (!(options.interactivity?.events.onHover.enable || options.interactivity?.events.onClick.enable)) {
+            if (add && !(options.interactivity?.events.onHover.enable || options.interactivity?.events.onClick.enable)) {
                 return;
             }
             (0, engine_1.manageListener)(interactivityEl, InteractivityConstants_js_1.mouseMoveEvent, handlers.mouseMove, add);
             (0, engine_1.manageListener)(interactivityEl, InteractivityConstants_js_1.touchStartEvent, handlers.touchStart, add);
             (0, engine_1.manageListener)(interactivityEl, InteractivityConstants_js_1.touchMoveEvent, handlers.touchMove, add);
-            if (options.interactivity.events.onClick.enable) {
+            if (add) {
+                if (options.interactivity?.events.onClick.enable) {
+                    (0, engine_1.manageListener)(interactivityEl, InteractivityConstants_js_1.touchEndEvent, handlers.touchEndClick, add);
+                    (0, engine_1.manageListener)(interactivityEl, InteractivityConstants_js_1.mouseUpEvent, handlers.mouseUp, add);
+                    (0, engine_1.manageListener)(interactivityEl, InteractivityConstants_js_1.mouseDownEvent, handlers.mouseDown, add);
+                }
+                else {
+                    (0, engine_1.manageListener)(interactivityEl, InteractivityConstants_js_1.touchEndEvent, handlers.touchEnd, add);
+                }
+            }
+            else {
                 (0, engine_1.manageListener)(interactivityEl, InteractivityConstants_js_1.touchEndEvent, handlers.touchEndClick, add);
                 (0, engine_1.manageListener)(interactivityEl, InteractivityConstants_js_1.mouseUpEvent, handlers.mouseUp, add);
                 (0, engine_1.manageListener)(interactivityEl, InteractivityConstants_js_1.mouseDownEvent, handlers.mouseDown, add);
-            }
-            else {
                 (0, engine_1.manageListener)(interactivityEl, InteractivityConstants_js_1.touchEndEvent, handlers.touchEnd, add);
             }
             (0, engine_1.manageListener)(interactivityEl, mouseLeaveTmpEvent, handlers.mouseLeave, add);

package/umd/InteractivityPlugin.js

@@ -84,9 +84,7 @@ var __importStar = (this && this.__importStar) || (function () {
                 return;
             }
             for (const interactor of interactors) {
-                if (interactor.loadParticlesOptions) {
-                    interactor.loadParticlesOptions(options, source);
-                }
+                interactor.loadParticlesOptions?.(options, source);
             }
         }
         needsPlugin() {

package/umd/InteractivityPluginInstance.js

@@ -50,10 +50,12 @@
             this.interactionManager.externalInteract(delta);
         }
         async preInit() {
-            await this.interactionManager.init();
+            await this.interactionManager.initInteractors();
+            this.interactionManager.init();
         }
         async redrawInit() {
-            await this.interactionManager.init();
+            await this.interactionManager.initInteractors();
+            this.interactionManager.init();
         }
         start() {
             this.interactionManager.addListeners();

package/umd/Interfaces/IParticlesInteractor.js

@@ -0,0 +1,12 @@
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+});

package/umd/Options/Classes/Events/DivEvent.js

@@ -4,14 +4,14 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@tsparticles/engine", "../../../DivType.js"], factory);
+        define(["require", "exports", "@tsparticles/engine", "../../../Enums/DivType.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.DivEvent = void 0;
     const engine_1 = require("@tsparticles/engine");
-    const DivType_js_1 = require("../../../DivType.js");
+    const DivType_js_1 = require("../../../Enums/DivType.js");
     class DivEvent {
         enable;
         mode;

package/umd/Options/Classes/Interactivity.js

@@ -4,7 +4,7 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@tsparticles/engine", "./Events/Events.js", "../../InteractivityDetect.js", "./Modes/Modes.js"], factory);
+        define(["require", "exports", "@tsparticles/engine", "./Events/Events.js", "../../Enums/InteractivityDetect.js", "./Modes/Modes.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
@@ -12,7 +12,7 @@
     exports.Interactivity = void 0;
     const engine_1 = require("@tsparticles/engine");
     const Events_js_1 = require("./Events/Events.js");
-    const InteractivityDetect_js_1 = require("../../InteractivityDetect.js");
+    const InteractivityDetect_js_1 = require("../../Enums/InteractivityDetect.js");
     const Modes_js_1 = require("./Modes/Modes.js");
     class Interactivity {
         detectsOn;

package/umd/index.js

@@ -40,7 +40,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@tsparticles/engine", "./DivType.js", "./ExternalInteractorBase.js", "./InteractivityConstants.js", "./InteractivityDetect.js", "./InteractorType.js", "./ParticlesInteractorBase.js", "./utils.js", "./Options/Classes/Events/DivEvent.js", "./Options/Classes/Modes/Modes.js"], factory);
+        define(["require", "exports", "@tsparticles/engine", "./BaseClasses/ExternalInteractorBase.js", "./BaseClasses/ParticlesInteractorBase.js", "./InteractivityConstants.js", "./Enums/DivType.js", "./Enums/InteractivityDetect.js", "./Enums/InteractorType.js", "./utils.js", "./Options/Classes/Events/DivEvent.js", "./Options/Classes/Modes/Modes.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
@@ -50,7 +50,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     exports.ensureInteractivityPluginLoaded = ensureInteractivityPluginLoaded;
     const engine_1 = require("@tsparticles/engine");
     async function loadInteractivityPlugin(engine) {
-        engine.checkVersion("4.0.0-alpha.21");
+        engine.checkVersion("4.0.0-alpha.23");
         await engine.register(async (e) => {
             const interactivityEngine = e, { InteractivityPlugin } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./InteractivityPlugin.js"))) : new Promise((resolve_1, reject_1) => { require(["./InteractivityPlugin.js"], resolve_1, reject_1); }).then(__importStar));
             interactivityEngine.addPlugin(new InteractivityPlugin(interactivityEngine));
@@ -82,12 +82,12 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
             throw new Error("tsParticles Interactivity Plugin is not loaded");
         }
     }
-    __exportStar(require("./DivType.js"), exports);
-    __exportStar(require("./ExternalInteractorBase.js"), exports);
+    __exportStar(require("./BaseClasses/ExternalInteractorBase.js"), exports);
+    __exportStar(require("./BaseClasses/ParticlesInteractorBase.js"), exports);
     __exportStar(require("./InteractivityConstants.js"), exports);
-    __exportStar(require("./InteractivityDetect.js"), exports);
-    __exportStar(require("./InteractorType.js"), exports);
-    __exportStar(require("./ParticlesInteractorBase.js"), exports);
+    __exportStar(require("./Enums/DivType.js"), exports);
+    __exportStar(require("./Enums/InteractivityDetect.js"), exports);
+    __exportStar(require("./Enums/InteractorType.js"), exports);
     __exportStar(require("./utils.js"), exports);
     __exportStar(require("./Options/Classes/Events/DivEvent.js"), exports);
     __exportStar(require("./Options/Classes/Modes/Modes.js"), exports);