@tsparticles/interaction-external-attract 4.0.0-beta.9 → 4.0.0

package/tsparticles.interaction.external.attract.min.js

@@ -1,2 +1 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/engine"),require("@tsparticles/plugin-interactivity"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine","@tsparticles/plugin-interactivity"],t);else{var r="object"==typeof exports?t(require("@tsparticles/engine"),require("@tsparticles/plugin-interactivity")):t(e.window,e.window);for(var i in r)("object"==typeof exports?exports:e)[i]=r[i]}}(this,(e,t)=>(()=>{"use strict";var r,i,a,n={303(t){t.exports=e},702(e){e.exports=t},445(e,t,r){r.d(t,{K:()=>a});var i=r(303);class a{distance;duration;easing;factor;maxSpeed;speed;constructor(){this.distance=200,this.duration=.4,this.easing=i.EasingType.easeOutQuad,this.factor=1,this.maxSpeed=50,this.speed=1}load(e){(0,i.isNull)(e)||(void 0!==e.distance&&(this.distance=e.distance),void 0!==e.duration&&(this.duration=e.duration),void 0!==e.easing&&(this.easing=e.easing),void 0!==e.factor&&(this.factor=e.factor),void 0!==e.maxSpeed&&(this.maxSpeed=e.maxSpeed),void 0!==e.speed&&(this.speed=e.speed))}}}},o={};function s(e){var t=o[e];if(void 0!==t)return t.exports;var r=o[e]={exports:{}};return n[e](r,r.exports,s),r.exports}s.m=n,p=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,s.t=function(e,t){if(1&t&&(e=this(e)),8&t||"object"==typeof e&&e&&(4&t&&e.__esModule||16&t&&"function"==typeof e.then))return e;var r=Object.create(null);s.r(r);var i={};c=c||[null,p({}),p([]),p(p)];for(var a=2&t&&e;("object"==typeof a||"function"==typeof a)&&!~c.indexOf(a);a=p(a))Object.getOwnPropertyNames(a).forEach(t=>i[t]=()=>e[t]);return i.default=()=>e,s.d(r,i),r},s.d=(e,t)=>{for(var r in t)s.o(t,r)&&!s.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},s.f={},s.e=e=>Promise.all(Object.keys(s.f).reduce((t,r)=>(s.f[r](e,t),t),[])),s.u=e=>""+e+".min.js",s.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||Function("return this")()}catch(e){if("object"==typeof window)return window}}(),s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),l={},s.l=(e,t,r,i)=>{if(l[e])return void l[e].push(t);if(void 0!==r)for(var a,n,o=document.getElementsByTagName("script"),c=0;c<o.length;c++){var p=o[c];if(p.getAttribute("src")==e||p.getAttribute("data-webpack")=="@tsparticles/interaction-external-attract:"+r){a=p;break}}a||(n=!0,(a=document.createElement("script")).charset="utf-8",s.nc&&a.setAttribute("nonce",s.nc),a.setAttribute("data-webpack","@tsparticles/interaction-external-attract:"+r),a.src=e),l[e]=[t];var u=(t,r)=>{a.onerror=a.onload=null,clearTimeout(d);var i=l[e];if(delete l[e],a.parentNode&&a.parentNode.removeChild(a),i&&i.forEach(e=>e(r)),t)return t(r)},d=setTimeout(u.bind(null,void 0,{type:"timeout",target:a}),12e4);a.onerror=u.bind(null,a.onerror),a.onload=u.bind(null,a.onload),n&&document.head.appendChild(a)},s.r=e=>{"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},s.g.importScripts&&(u=s.g.location+"");var c,p,l,u,d=s.g.document;if(!u&&d&&(d.currentScript&&"SCRIPT"===d.currentScript.tagName.toUpperCase()&&(u=d.currentScript.src),!u)){var f=d.getElementsByTagName("script");if(f.length)for(var h=f.length-1;h>-1&&(!u||!/^http(s?):/.test(u));)u=f[h--].src}if(!u)throw Error("Automatic publicPath is not supported in this browser");s.p=u=u.replace(/^blob:/,"").replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),r={261:0},s.f.j=(e,t)=>{var i=s.o(r,e)?r[e]:void 0;if(0!==i)if(i)t.push(i[2]);else{var a=new Promise((t,a)=>i=r[e]=[t,a]);t.push(i[2]=a);var n=s.p+s.u(e),o=Error();s.l(n,t=>{if(s.o(r,e)&&(0!==(i=r[e])&&(r[e]=void 0),i)){var a=t&&("load"===t.type?"missing":t.type),n=t&&t.target&&t.target.src;o.message="Loading chunk "+e+` failed.
-(`+a+": "+n+")",o.name="ChunkLoadError",o.type=a,o.request=n,i[1](o)}},"chunk-"+e,e)}},i=(e,t)=>{var i,a,[n,o,c]=t,p=0;if(n.some(e=>0!==r[e])){for(i in o)s.o(o,i)&&(s.m[i]=o[i]);c&&c(s)}for(e&&e(t);p<n.length;p++)a=n[p],s.o(r,a)&&r[a]&&r[a][0](),r[a]=0},(a=this.webpackChunk_tsparticles_interaction_external_attract=this.webpackChunk_tsparticles_interaction_external_attract||[]).forEach(i.bind(null,0)),a.push=i.bind(null,a.push.bind(a));var g={};s.r(g),s.d(g,{Attract:()=>b.K,loadExternalAttractInteraction:()=>v});var b=s(445);async function v(e){e.checkVersion("4.0.0-beta.9"),await e.pluginManager.register(async e=>{let{ensureInteractivityPluginLoaded:t}=await Promise.resolve().then(s.t.bind(s,702,19));t(e),e.pluginManager.addInteractor?.("externalAttract",async t=>{let{Attractor:r}=await s.e(480).then(s.bind(s,480));return new r(e.pluginManager,t)})})}return g})());
+!function(t){t.__tsParticlesInternals=t.__tsParticlesInternals||{},t.__tsParticlesInternals.bundles=t.__tsParticlesInternals.bundles||{},t.__tsParticlesInternals.effects=t.__tsParticlesInternals.effects||{},t.__tsParticlesInternals.engine=t.__tsParticlesInternals.engine||{},t.__tsParticlesInternals.interactions=t.__tsParticlesInternals.interactions||{},t.__tsParticlesInternals.palettes=t.__tsParticlesInternals.palettes||{},t.__tsParticlesInternals.paths=t.__tsParticlesInternals.paths||{},t.__tsParticlesInternals.plugins=t.__tsParticlesInternals.plugins||{},t.__tsParticlesInternals.plugins=t.__tsParticlesInternals.plugins||{},t.__tsParticlesInternals.plugins.emittersShapes=t.__tsParticlesInternals.plugins.emittersShapes||{},t.__tsParticlesInternals.presets=t.__tsParticlesInternals.presets||{},t.__tsParticlesInternals.shapes=t.__tsParticlesInternals.shapes||{},t.__tsParticlesInternals.updaters=t.__tsParticlesInternals.updaters||{},t.__tsParticlesInternals.utils=t.__tsParticlesInternals.utils||{},t.__tsParticlesInternals.canvas=t.__tsParticlesInternals.canvas||{},t.__tsParticlesInternals.canvas=t.__tsParticlesInternals.canvas||{},t.__tsParticlesInternals.canvas.utils=t.__tsParticlesInternals.canvas.utils||{},t.__tsParticlesInternals.path=t.__tsParticlesInternals.path||{},t.__tsParticlesInternals.path=t.__tsParticlesInternals.path||{},t.__tsParticlesInternals.path.utils=t.__tsParticlesInternals.path.utils||{};var e="undefined"!=typeof Proxy?function(t){return new Proxy(t,{get:function(t,e){return e in t||(t[e]={}),t[e]}})}:function(t){return t};t.__tsParticlesInternals.bundles=e(t.__tsParticlesInternals.bundles),t.__tsParticlesInternals.effects=e(t.__tsParticlesInternals.effects),t.__tsParticlesInternals.interactions=e(t.__tsParticlesInternals.interactions),t.__tsParticlesInternals.palettes=e(t.__tsParticlesInternals.palettes),t.__tsParticlesInternals.paths=e(t.__tsParticlesInternals.paths),t.__tsParticlesInternals.plugins=e(t.__tsParticlesInternals.plugins),t.__tsParticlesInternals.plugins.emittersShapes=e(t.__tsParticlesInternals.plugins.emittersShapes),t.__tsParticlesInternals.presets=e(t.__tsParticlesInternals.presets),t.__tsParticlesInternals.shapes=e(t.__tsParticlesInternals.shapes),t.__tsParticlesInternals.updaters=e(t.__tsParticlesInternals.updaters),t.__tsParticlesInternals.utils=e(t.__tsParticlesInternals.utils),t.__tsParticlesInternals.canvas=e(t.__tsParticlesInternals.canvas),t.__tsParticlesInternals.path=e(t.__tsParticlesInternals.path),t.tsparticlesInternalExports=t.tsparticlesInternalExports||{}}("undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:this),function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@tsparticles/plugin-interactivity"),require("@tsparticles/engine")):"function"==typeof define&&define.amd?define(["exports","@tsparticles/plugin-interactivity","@tsparticles/engine"],e):e(((t="undefined"!=typeof globalThis?globalThis:t||self).__tsParticlesInternals=t.__tsParticlesInternals||{},t.__tsParticlesInternals.interactions=t.__tsParticlesInternals.interactions||{},t.__tsParticlesInternals.interactions.externalAttract=t.__tsParticlesInternals.interactions.externalAttract||{}),t.__tsParticlesInternals.plugins.interactivity,t.__tsParticlesInternals.engine)}(this,function(t,e,s){"use strict";const a=s.Vector.origin;function n(t,e,n,i,r,l,c){const o=e.actualOptions.interactivity?.modes.attract;if(!o)return;const _=e.particles.grid.query(r,l);for(const e of _){const{dx:r,dy:l,distance:_}=s.getDistances(e.position,n),d=o.speed*o.factor,p=s.clamp(t.getEasing(o.easing)(s.identity-_/i)*d,1,o.maxSpeed);a.x=_?r/_*p:d,a.y=_?l/_*p:d,c?.(e),e.position.subFrom(a)}}class i{distance;duration;easing;factor;maxSpeed;restore;speed;constructor(){this.distance=200,this.duration=.4,this.easing=s.EasingType.easeOutQuad,this.factor=1,this.maxSpeed=50,this.speed=1,this.restore={enable:!1,delay:0,speed:.08,follow:!0}}load(t){s.isNull(t)||(void 0!==t.distance&&(this.distance=t.distance),void 0!==t.duration&&(this.duration=t.duration),void 0!==t.easing&&(this.easing=t.easing),void 0!==t.factor&&(this.factor=t.factor),void 0!==t.maxSpeed&&(this.maxSpeed=t.maxSpeed),void 0!==t.speed&&(this.speed=t.speed),void 0!==t.restore&&(this.restore.enable=t.restore.enable??this.restore.enable,this.restore.delay=t.restore.delay??this.restore.delay,this.restore.speed=t.restore.speed??this.restore.speed,this.restore.follow=t.restore.follow??this.restore.follow))}}const r="attract";class l extends e.ExternalInteractorBase{handleClickMode;_interactedThisFrame;_maxDistance;_pluginManager;_restoreData;constructor(t,e){super(e),this._pluginManager=t,this._maxDistance=0,this._interactedThisFrame=new Set,this._restoreData=new Map,e.attract??={particles:[]},this.handleClickMode=(t,a)=>{const n=this.container.actualOptions,i=n.interactivity?.modes.attract;if(i&&t===r){e.attract??={particles:[]},e.attract.clicking=!0,e.attract.count=0;for(const t of e.attract.particles)this.isEnabled(a,t)&&t.velocity.setTo(t.initialVelocity);e.attract.particles=[],e.attract.finish=!1,setTimeout(()=>{e.destroyed||(e.attract??={particles:[]},e.attract.clicking=!1)},i.duration*s.millisecondsToSeconds)}}}get maxDistance(){return this._maxDistance}clear(){}init(){const t=this.container,e=t.actualOptions.interactivity?.modes.attract;e&&(this._maxDistance=e.distance,t.retina.attractModeDistance=e.distance*t.retina.pixelRatio)}interact(t){this._interactedThisFrame.clear();const a=this.container.actualOptions,i=t.status===e.mouseMoveEvent,l=a.interactivity?.events;if(!l)return;const{enable:c,mode:o}=l.onHover,{enable:_,mode:d}=l.onClick;i&&c&&s.isInArray(r,o)?function(t,e,a,i,r){const l=a.mouse.position,c=e.retina.attractModeDistance;!c||c<0||!l||n(t,e,l,c,new s.Circle(l.x,l.y,c),t=>i(t),r)}(this._pluginManager,this.container,t,e=>this.isEnabled(t,e),t=>{this._trackInteractedParticle(t)}):_&&s.isInArray(r,d)&&function(t,e,a,i,r){e.attract??={particles:[]};const{attract:l}=e;if(l.finish||(l.count??=0,l.count++,l.count===e.particles.count&&(l.finish=!0)),l.clicking){const l=a.mouse.clickPosition,c=e.retina.attractModeDistance;if(!c||c<0||!l)return;n(t,e,l,c,new s.Circle(l.x,l.y,c),t=>i(t),r)}else!1===l.clicking&&(l.particles=[])}(this._pluginManager,this.container,t,e=>this.isEnabled(t,e),t=>{this._trackInteractedParticle(t)}),this._restoreParticles()}isEnabled(t,e){const a=this.container.actualOptions,n=t.mouse,i=(e?.interactivity??a.interactivity)?.events;if(!(n.position&&i?.onHover.enable||n.clickPosition&&i?.onClick.enable))return!1;const l=i.onHover.mode,c=i.onClick.mode;return s.isInArray(r,l)||s.isInArray(r,c)}loadModeOptions(t,...e){t.attract??=new i;for(const s of e)t.attract.load(s?.attract)}reset(){}_restoreParticles(){const t=this.container.actualOptions.interactivity?.modes.attract?.restore;if(!t?.enable||!this._restoreData.size)return;const e=Date.now(),a=t.delay*s.millisecondsToSeconds,n=Math.max(.001,Math.min(1,t.speed));for(const[s,i]of this._restoreData){if(this._interactedThisFrame.has(s))continue;if(s.destroyed){this._restoreData.delete(s);continue}const r=i.target;if(e-i.lastInteractionTime<a)continue;let l=r.x-s.position.x,c=r.y-s.position.y,o=r.z-s.position.z;if(t.follow&&s.options.move.enable){const{x:t,y:e,z:a}=s.velocity,n=t*t+e*e+a*a;if(n>0){const s=(l*t+c*e+o*a)/n;l-=t*s,c-=e*s,o-=a*s}}s.position.x+=l*n,s.position.y+=c*n,s.position.z+=o*n,Math.abs(l)<=.5&&Math.abs(c)<=.5&&(s.position.x=r.x,s.position.y=r.y,s.position.z=r.z,this._restoreData.delete(s))}}_trackInteractedParticle(t){this._interactedThisFrame.add(t);const e=this.container.actualOptions.interactivity?.modes.attract?.restore;if(!e?.enable)return;const s=Date.now();let a=this._restoreData.get(t);a||(a={target:t.position.copy(),lastInteractionTime:s},this._restoreData.set(t,a)),a.lastInteractionTime=s}}async function c(t){t.checkVersion("4.0.0"),await t.pluginManager.register(t=>{e.ensureInteractivityPluginLoaded(t),t.pluginManager.addInteractor?.("externalAttract",e=>Promise.resolve(new l(t.pluginManager,e)))})}const o=globalThis;o.__tsParticlesInternals=o.__tsParticlesInternals??{},o.loadExternalAttractInteraction=c,t.Attract=i,t.loadExternalAttractInteraction=c}),Object.assign(globalThis.window||globalThis,{loadExternalAttractInteraction:(globalThis.__tsParticlesInternals.interactions.externalAttract||{}).loadExternalAttractInteraction}),delete(globalThis.window||globalThis).tsparticlesInternalExports;

package/types/Attractor.d.ts

@@ -3,8 +3,10 @@ import { ExternalInteractorBase, type IInteractivityData, type IModes, type Inte
 import { type PluginManager, type RecursivePartial } from "@tsparticles/engine";
 export declare class Attractor extends ExternalInteractorBase<AttractContainer> {
     handleClickMode: (mode: string, interactivityData: IInteractivityData) => void;
+    private readonly _interactedThisFrame;
     private _maxDistance;
     private readonly _pluginManager;
+    private readonly _restoreData;
     constructor(pluginManager: PluginManager, container: AttractContainer);
     get maxDistance(): number;
     clear(): void;
@@ -13,4 +15,6 @@ export declare class Attractor extends ExternalInteractorBase<AttractContainer>
     isEnabled(interactivityData: IInteractivityData, particle?: InteractivityParticle): boolean;
     loadModeOptions(options: Modes & AttractMode, ...sources: RecursivePartial<(IModes & IAttractMode) | undefined>[]): void;
     reset(): void;
+    private _restoreParticles;
+    private _trackInteractedParticle;
 }

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

@@ -1,11 +1,12 @@
 import { EasingType, type EasingTypeAlt, type IOptionLoader, type RecursivePartial } from "@tsparticles/engine";
-import type { IAttract } from "../Interfaces/IAttract.js";
+import type { IAttract, IAttractRestore } from "../Interfaces/IAttract.js";
 export declare class Attract implements IAttract, IOptionLoader<IAttract> {
     distance: number;
     duration: number;
     easing: EasingType | EasingTypeAlt;
     factor: number;
     maxSpeed: number;
+    restore: IAttractRestore;
     speed: number;
     constructor();
     load(data?: RecursivePartial<IAttract>): void;

package/types/Options/Interfaces/IAttract.d.ts

@@ -1,9 +1,16 @@
 import type { EasingType, EasingTypeAlt } from "@tsparticles/engine";
+export interface IAttractRestore {
+    delay: number;
+    enable: boolean;
+    follow: boolean;
+    speed: number;
+}
 export interface IAttract {
     distance: number;
     duration: number;
     easing: EasingType | EasingTypeAlt;
     factor: number;
     maxSpeed: number;
+    restore: IAttractRestore;
     speed: number;
 }

package/types/Types.d.ts

@@ -8,7 +8,7 @@ export interface IAttractMode {
 export interface AttractMode {
     attract?: Attract;
 }
-interface IContainerAttract {
+export interface IContainerAttract {
     clicking?: boolean;
     count?: number;
     finish?: boolean;
@@ -21,4 +21,3 @@ export type AttractContainer = InteractivityContainer & {
         attractModeDistance?: number;
     };
 };
-export {};

package/types/Utils.d.ts

@@ -1,5 +1,5 @@
 import { type Particle, type PluginManager } from "@tsparticles/engine";
 import type { AttractContainer } from "./Types.js";
 import type { IInteractivityData } from "@tsparticles/plugin-interactivity";
-export declare function clickAttract(pluginManager: PluginManager, container: AttractContainer, interactivityData: IInteractivityData, enabledCb: (particle: Particle) => boolean): void;
-export declare function hoverAttract(pluginManager: PluginManager, container: AttractContainer, interactivityData: IInteractivityData, enabledCb: (particle: Particle) => boolean): void;
+export declare function clickAttract(pluginManager: PluginManager, container: AttractContainer, interactivityData: IInteractivityData, enabledCb: (particle: Particle) => boolean, onAttractParticle?: (particle: Particle) => void): void;
+export declare function hoverAttract(pluginManager: PluginManager, container: AttractContainer, interactivityData: IInteractivityData, enabledCb: (particle: Particle) => boolean, onAttractParticle?: (particle: Particle) => void): void;

package/types/browser.d.ts

@@ -0,0 +1 @@
+export * from "./index.js";

package/types/index.lazy.d.ts

@@ -0,0 +1,4 @@
+import { type Engine } from "@tsparticles/engine/lazy";
+export declare function loadExternalAttractInteraction(engine: Engine): Promise<void>;
+export * from "./Options/Classes/Attract.js";
+export type * from "./Options/Interfaces/IAttract.js";

package/480.min.js

@@ -1 +0,0 @@
-"use strict";(this.webpackChunk_tsparticles_interaction_external_attract=this.webpackChunk_tsparticles_interaction_external_attract||[]).push([[480],{480(t,i,e){e.d(i,{Attractor:()=>l});var a=e(702),n=e(303);let c=n.Vector.origin;function r(t,i,e,a,r,s){let o=i.actualOptions.interactivity?.modes.attract;if(o)for(let l of i.particles.grid.query(r,s)){let{dx:i,dy:r,distance:s}=(0,n.getDistances)(l.position,e),u=o.speed*o.factor,d=(0,n.clamp)(t.getEasing(o.easing)(n.identity-s/a)*u,1,o.maxSpeed);c.x=s?i/s*d:u,c.y=s?r/s*d:u,l.position.subFrom(c)}}var s=e(445);let o="attract";class l extends a.ExternalInteractorBase{handleClickMode;_maxDistance;_pluginManager;constructor(t,i){super(i),this._pluginManager=t,this._maxDistance=0,i.attract??={particles:[]},this.handleClickMode=(t,e)=>{let a=this.container.actualOptions,c=a.interactivity?.modes.attract;if(c&&t===o){for(let t of(i.attract??={particles:[]},i.attract.clicking=!0,i.attract.count=0,i.attract.particles))this.isEnabled(e,t)&&t.velocity.setTo(t.initialVelocity);i.attract.particles=[],i.attract.finish=!1,setTimeout(()=>{i.destroyed||(i.attract??={particles:[]},i.attract.clicking=!1)},c.duration*n.millisecondsToSeconds)}}}get maxDistance(){return this._maxDistance}clear(){}init(){let t=this.container,i=t.actualOptions.interactivity?.modes.attract;i&&(this._maxDistance=i.distance,t.retina.attractModeDistance=i.distance*t.retina.pixelRatio)}interact(t){let i=this.container.actualOptions,e=t.status===a.mouseMoveEvent,c=i.interactivity?.events;if(!c)return;let{enable:s,mode:l}=c.onHover,{enable:u,mode:d}=c.onClick;if(e&&s&&(0,n.isInArray)(o,l)){var p,h,m;let i,e;p=this._pluginManager,h=this.container,m=i=>this.isEnabled(t,i),i=t.mouse.position,(e=h.retina.attractModeDistance)&&!(e<0)&&i&&r(p,h,i,e,new n.Circle(i.x,i.y,e),t=>m(t))}else u&&(0,n.isInArray)(o,d)&&function(t,i,e,a){i.attract??={particles:[]};let{attract:c}=i;if(c.finish||(c.count??=0,c.count++,c.count===i.particles.count&&(c.finish=!0)),c.clicking){let c=e.mouse.clickPosition,s=i.retina.attractModeDistance;if(!s||s<0||!c)return;r(t,i,c,s,new n.Circle(c.x,c.y,s),t=>a(t))}else!1===c.clicking&&(c.particles=[])}(this._pluginManager,this.container,t,i=>this.isEnabled(t,i))}isEnabled(t,i){let e=this.container.actualOptions,a=t.mouse,c=(i?.interactivity??e.interactivity)?.events;if((!a.position||!c?.onHover.enable)&&(!a.clickPosition||!c?.onClick.enable))return!1;let r=c.onHover.mode,s=c.onClick.mode;return(0,n.isInArray)(o,r)||(0,n.isInArray)(o,s)}loadModeOptions(t,...i){for(let e of(t.attract??=new s.K,i))t.attract.load(e?.attract)}reset(){}}}}]);

package/dist_browser_Attractor_js.js

@@ -1,40 +0,0 @@
-/*!
- * Author : Matteo Bruni
- * MIT license: https://opensource.org/licenses/MIT
- * Demo / Generator : https://particles.js.org/
- * GitHub : https://www.github.com/matteobruni/tsparticles
- * How to use? : Check the GitHub README
- * v4.0.0-beta.9
- */
-"use strict";
-/*
- * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
- * This devtool is neither made for production nor for readable output files.
- * It uses "eval()" calls to create a separate source file in the browser devtools.
- * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
- * or disable the default devtool with "devtool: false".
- * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
- */
-(this["webpackChunk_tsparticles_interaction_external_attract"] = this["webpackChunk_tsparticles_interaction_external_attract"] || []).push([["dist_browser_Attractor_js"],{
-
-/***/ "./dist/browser/Attractor.js"
-/*!***********************************!*\
-  !*** ./dist/browser/Attractor.js ***!
-  \***********************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Attractor: () => (/* binding */ Attractor)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_plugin_interactivity__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/plugin-interactivity */ \"@tsparticles/plugin-interactivity\");\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Utils.js */ \"./dist/browser/Utils.js\");\n/* harmony import */ var _Options_Classes_Attract_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Options/Classes/Attract.js */ \"./dist/browser/Options/Classes/Attract.js\");\n\n\n\n\nconst attractMode = \"attract\";\nclass Attractor extends _tsparticles_plugin_interactivity__WEBPACK_IMPORTED_MODULE_0__.ExternalInteractorBase {\n    handleClickMode;\n    _maxDistance;\n    _pluginManager;\n    constructor(pluginManager, container){\n        super(container);\n        this._pluginManager = pluginManager;\n        this._maxDistance = 0;\n        container.attract ??= {\n            particles: []\n        };\n        this.handleClickMode = (mode, interactivityData)=>{\n            const options = this.container.actualOptions, attract = options.interactivity?.modes.attract;\n            if (!attract || mode !== attractMode) {\n                return;\n            }\n            container.attract ??= {\n                particles: []\n            };\n            container.attract.clicking = true;\n            container.attract.count = 0;\n            for (const particle of container.attract.particles){\n                if (!this.isEnabled(interactivityData, particle)) {\n                    continue;\n                }\n                particle.velocity.setTo(particle.initialVelocity);\n            }\n            container.attract.particles = [];\n            container.attract.finish = false;\n            setTimeout(()=>{\n                if (container.destroyed) {\n                    return;\n                }\n                container.attract ??= {\n                    particles: []\n                };\n                container.attract.clicking = false;\n            }, attract.duration * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.millisecondsToSeconds);\n        };\n    }\n    get maxDistance() {\n        return this._maxDistance;\n    }\n    clear() {}\n    init() {\n        const container = this.container, attract = container.actualOptions.interactivity?.modes.attract;\n        if (!attract) {\n            return;\n        }\n        this._maxDistance = attract.distance;\n        container.retina.attractModeDistance = attract.distance * container.retina.pixelRatio;\n    }\n    interact(interactivityData) {\n        const container = this.container, options = container.actualOptions, mouseMoveStatus = interactivityData.status === _tsparticles_plugin_interactivity__WEBPACK_IMPORTED_MODULE_0__.mouseMoveEvent, events = options.interactivity?.events;\n        if (!events) {\n            return;\n        }\n        const { enable: hoverEnabled, mode: hoverMode } = events.onHover, { enable: clickEnabled, mode: clickMode } = events.onClick;\n        if (mouseMoveStatus && hoverEnabled && (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.isInArray)(attractMode, hoverMode)) {\n            (0,_Utils_js__WEBPACK_IMPORTED_MODULE_2__.hoverAttract)(this._pluginManager, this.container, interactivityData, (p)=>this.isEnabled(interactivityData, p));\n        } else if (clickEnabled && (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.isInArray)(attractMode, clickMode)) {\n            (0,_Utils_js__WEBPACK_IMPORTED_MODULE_2__.clickAttract)(this._pluginManager, this.container, interactivityData, (p)=>this.isEnabled(interactivityData, p));\n        }\n    }\n    isEnabled(interactivityData, particle) {\n        const container = this.container, options = container.actualOptions, mouse = interactivityData.mouse, events = (particle?.interactivity ?? options.interactivity)?.events;\n        if ((!mouse.position || !events?.onHover.enable) && (!mouse.clickPosition || !events?.onClick.enable)) {\n            return false;\n        }\n        const hoverMode = events.onHover.mode, clickMode = events.onClick.mode;\n        return (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.isInArray)(attractMode, hoverMode) || (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.isInArray)(attractMode, clickMode);\n    }\n    loadModeOptions(options, ...sources) {\n        options.attract ??= new _Options_Classes_Attract_js__WEBPACK_IMPORTED_MODULE_3__.Attract();\n        for (const source of sources){\n            options.attract.load(source?.attract);\n        }\n    }\n    reset() {}\n}\n\n\n//# sourceURL=webpack://@tsparticles/interaction-external-attract/./dist/browser/Attractor.js?\n}");
-
-/***/ },
-
-/***/ "./dist/browser/Utils.js"
-/*!*******************************!*\
-  !*** ./dist/browser/Utils.js ***!
-  \*******************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   clickAttract: () => (/* binding */ clickAttract),\n/* harmony export */   hoverAttract: () => (/* binding */ hoverAttract)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst minFactor = 1, minRadius = 0, updateVector = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Vector.origin;\nfunction processAttract(pluginManager, container, position, attractRadius, area, queryCb) {\n    const attractOptions = container.actualOptions.interactivity?.modes.attract;\n    if (!attractOptions) {\n        return;\n    }\n    const query = container.particles.grid.query(area, queryCb);\n    for (const particle of query){\n        const { dx, dy, distance } = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getDistances)(particle.position, position), velocity = attractOptions.speed * attractOptions.factor, attractFactor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.clamp)(pluginManager.getEasing(attractOptions.easing)(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.identity - distance / attractRadius) * velocity, minFactor, attractOptions.maxSpeed);\n        updateVector.x = !distance ? velocity : dx / distance * attractFactor;\n        updateVector.y = !distance ? velocity : dy / distance * attractFactor;\n        particle.position.subFrom(updateVector);\n    }\n}\nfunction clickAttract(pluginManager, container, interactivityData, enabledCb) {\n    container.attract ??= {\n        particles: []\n    };\n    const { attract } = container;\n    if (!attract.finish) {\n        attract.count ??= 0;\n        attract.count++;\n        if (attract.count === container.particles.count) {\n            attract.finish = true;\n        }\n    }\n    if (attract.clicking) {\n        const mousePos = interactivityData.mouse.clickPosition, attractRadius = container.retina.attractModeDistance;\n        if (!attractRadius || attractRadius < minRadius || !mousePos) {\n            return;\n        }\n        processAttract(pluginManager, container, mousePos, attractRadius, new _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Circle(mousePos.x, mousePos.y, attractRadius), (p)=>enabledCb(p));\n    } else if (attract.clicking === false) {\n        attract.particles = [];\n    }\n}\nfunction hoverAttract(pluginManager, container, interactivityData, enabledCb) {\n    const mousePos = interactivityData.mouse.position, attractRadius = container.retina.attractModeDistance;\n    if (!attractRadius || attractRadius < minRadius || !mousePos) {\n        return;\n    }\n    processAttract(pluginManager, container, mousePos, attractRadius, new _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Circle(mousePos.x, mousePos.y, attractRadius), (p)=>enabledCb(p));\n}\n\n\n//# sourceURL=webpack://@tsparticles/interaction-external-attract/./dist/browser/Utils.js?\n}");
-
-/***/ }
-
-}]);