@tsparticles/interaction-external-bubble 3.7.0 → 3.7.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/browser/index.js +1 -1
  2. package/cjs/index.js +1 -1
  3. package/esm/index.js +1 -1
  4. package/package.json +2 -2
  5. package/report.html +1 -1
  6. package/tsparticles.interaction.external.bubble.js +2 -2
  7. package/tsparticles.interaction.external.bubble.min.js +1 -1
  8. package/tsparticles.interaction.external.bubble.min.js.LICENSE.txt +1 -1
  9. package/umd/index.js +1 -1
package/browser/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { assertValidVersion } from "@tsparticles/engine";
2
2
  import { Bubbler } from "./Bubbler.js";
3
3
  export async function loadExternalBubbleInteraction(engine, refresh = true) {
4
- assertValidVersion(engine, "3.7.0");
4
+ assertValidVersion(engine, "3.7.1");
5
5
  await engine.addInteractor("externalBubble", container => {
6
6
  return Promise.resolve(new Bubbler(container, engine));
7
7
  }, refresh);
package/cjs/index.js CHANGED
@@ -18,7 +18,7 @@ exports.loadExternalBubbleInteraction = loadExternalBubbleInteraction;
18
18
  const engine_1 = require("@tsparticles/engine");
19
19
  const Bubbler_js_1 = require("./Bubbler.js");
20
20
  async function loadExternalBubbleInteraction(engine, refresh = true) {
21
- (0, engine_1.assertValidVersion)(engine, "3.7.0");
21
+ (0, engine_1.assertValidVersion)(engine, "3.7.1");
22
22
  await engine.addInteractor("externalBubble", container => {
23
23
  return Promise.resolve(new Bubbler_js_1.Bubbler(container, engine));
24
24
  }, refresh);
package/esm/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { assertValidVersion } from "@tsparticles/engine";
2
2
  import { Bubbler } from "./Bubbler.js";
3
3
  export async function loadExternalBubbleInteraction(engine, refresh = true) {
4
- assertValidVersion(engine, "3.7.0");
4
+ assertValidVersion(engine, "3.7.1");
5
5
  await engine.addInteractor("externalBubble", container => {
6
6
  return Promise.resolve(new Bubbler(container, engine));
7
7
  }, refresh);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tsparticles/interaction-external-bubble",
3
- "version": "3.7.0",
3
+ "version": "3.7.1",
4
4
  "description": "tsParticles bubble external interaction",
5
5
  "homepage": "https://particles.js.org",
6
6
  "repository": {
@@ -87,7 +87,7 @@
87
87
  "./package.json": "./package.json"
88
88
  },
89
89
  "dependencies": {
90
- "@tsparticles/engine": "3.7.0"
90
+ "@tsparticles/engine": "3.7.1"
91
91
  },
92
92
  "publishConfig": {
93
93
  "access": "public"
package/report.html CHANGED
@@ -3,7 +3,7 @@
3
3
  <head>
4
4
  <meta charset="UTF-8"/>
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1"/>
6
- <title>@tsparticles/interaction-external-bubble [24 Nov 2024 at 19:18]</title>
6
+ <title>@tsparticles/interaction-external-bubble [24 Nov 2024 at 23:35]</title>
7
7
  <link rel="shortcut icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAABrVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+O1foceMD///+J0/qK1Pr7/v8Xdr/9///W8P4UdL7L7P0Scr2r4Pyj3vwad8D5/f/2/f+55f3E6f34+/2H0/ojfMKpzOd0rNgQcb3F3O/j9f7c8v6g3Pz0/P/w+v/q+P7n9v6T1/uQ1vuE0vqLut/y+v+Z2fvt+f+15Pzv9fuc2/vR7v2V2Pvd6/bg9P7I6/285/2y4/yp3/zp8vk8i8kqgMT7/P31+fyv4vxGkcz6/P6/6P3j7vfS5PNnpNUxhcbO7f7F6v3O4vHK3/DA2u631Ouy0eqXweKJud5wqthfoNMMbLvY8f73+v2dxeR8sNtTmdDx9/zX6PSjyeaCtd1YnNGX2PuQveCGt95Nls42h8dLlM3F4vBtAAAAM3RSTlMAAyOx0/sKBvik8opWGBMOAe3l1snDm2E9LSb06eHcu5JpHbarfHZCN9CBb08zzkdNS0kYaptYAAAFV0lEQVRYw92X51/aYBDHHS2O2qqttVbrqNq9m+TJIAYIShBkWwqIiCgoWvfeq7Z2/s29hyQNyUcR7LveGwVyXy6XH8/9rqxglLfUPLxVduUor3h0rfp2TYvpivk37929TkG037hffoX0+peVtZQc1589rigVUdXS/ABSAyEmGIO/1XfvldSK8vs3OqB6u3m0nxmIrvgB0dj7rr7Y9IbuF68hnfFaiHA/sxqm0wciIG43P60qKv9WXWc1RXGh/mFESFABTSBi0sNAKzqet17eCtOb3kZIDwxEEU0oAIJGYxNBDhBND29e0rtXXbcpuPmED9IhEAAQ/AXEaF8EPmnrrKsv0LvWR3fg5sWDNAFZOgAgaKvZDogHNU9MFwnnYROkc56RD5CjAbQX9Ow4g7upCsvYu55aSI/Nj0H1akgKQEUM94dwK65hYRmFU9MIcH/fqJYOZYcnuJSU/waKDgTOEVaVKhwrTRP5XzgSpAITYzom7UvkhFX5VutmxeNnWDjjswTKTyfgluNDGbUpWissXhF3s7mlSml+czWkg3D0l1nNjGNjz3myOQOa1KM/jOS6ebdbAVTCi4gljHSFrviza7tOgRWcS0MOUX9zdNgag5w7rRqA44Lzw0hr1WqES36dFliSJFlh2rXIae3FFcDDgKdxrUIDePr8jGcSClV1u7A9xeN0ModY/pHMxmR1EzRh8TJiwqsHmKW0l4FCEZI+jHio+JdPPE9qwQtTRxku2D8sIeRL2LnxWSllANCQGOIiqVHAz2ye2JR0DcH+HoxDkaADLjgxjKQ+AwCX/g0+DNgdG0ukYCONAe+dbc2IAc6fwt1ARoDSezNHxV2Cmzwv3O6lDMV55edBGwGK9n1+x2F8EDfAGCxug8MhpsMEcTEAWf3rx2vZhe/LAmtIn/6apE6PN0ULKgywD9mmdxbmFl3OvD5AS5fW5zLbv/YHmcsBTjf/afDz3MaZTVCfAP9z6/Bw6ycv8EUBWJIn9zYcoAWWlW9+OzO3vkTy8H+RANLmdrpOuYWdZYEXpo+TlCJrW5EARb7fF+bWdqf3hhyZI1nWJQHgznErZhbjoEsWqi8dQNoE294aldzFurwSABL2XXMf9+H1VQGke9exw5P/AnA5Pv5ngMul7LOvO922iwACu8WkCwLCafvM4CeWPxfA8lNHcWZSoi8EwMAIciKX2Z4SWCMAa3snCZ/G4EA8D6CMLNFsGQhkkz/gQNEBbPCbWsxGUpYVu3z8IyNAknwJkfPMEhLyrdi5RTyUVACkw4GSFRNWJNEW+fgPGwHD8/JxnRuLabN4CGNRkAE23na2+VmEAUmrYymSGjMAYqH84YUIyzgzs3XC7gNgH36Vcc4zKY9o9fgPBXUAiHHwVboBHGLiX6Zcjp1f2wu4tvzZKo0ecPnDtQYDQvJXaBeNzce45Fp28ZQLrEZVuFqgBwOalArKXnW1UzlnSusQKJqKYNuz4tOnI6sZG4zanpemv+7ySU2jbA9h6uhcgpfy6G2PahirDZ6zvq6zDduMVFTKvzw8wgyEdelwY9in3XkEPs3osJuwRQ4qTkfzifndg9Gfc4pdsu82+tTnHZTBa2EAMrqr2t43pguc8tNm7JQVQ2S0ukj2d22dhXYP0/veWtwKrCkNoNimAN5+Xr/oLrxswKbVJjteWrX7eR63o4j9q0GxnaBdWgGA5VStpanIjQmEhV0/nVt5VOFUvix6awJhPcAaTEShgrG+iGyvb5a0Ndb1YGHFPEwoqAinoaykaID1o1pdPNu7XsnCKQ3R+hwWIIhGvORcJUBYXe3Xa3vq/mF/N9V13ugufMkfXn+KHsRD0B8AAAAASUVORK5CYII=" type="image/x-icon" />
8
8
 
9
9
  <script>
package/tsparticles.interaction.external.bubble.js CHANGED
@@ -4,7 +4,7 @@
4
4
  * Demo / Generator : https://particles.js.org/
5
5
  * GitHub : https://www.github.com/matteobruni/tsparticles
6
6
  * How to use? : Check the GitHub README
7
- * v3.7.0
7
+ * v3.7.1
8
8
  */
9
9
  /*
10
10
  * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
@@ -94,7 +94,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
94
94
  \*******************************/
95
95
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
96
96
 
97
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ Bubble: () => (/* reexport safe */ _Options_Classes_Bubble_js__WEBPACK_IMPORTED_MODULE_4__.Bubble),\n/* harmony export */ BubbleBase: () => (/* reexport safe */ _Options_Classes_BubbleBase_js__WEBPACK_IMPORTED_MODULE_2__.BubbleBase),\n/* harmony export */ BubbleDiv: () => (/* reexport safe */ _Options_Classes_BubbleDiv_js__WEBPACK_IMPORTED_MODULE_3__.BubbleDiv),\n/* harmony export */ loadExternalBubbleInteraction: () => (/* binding */ loadExternalBubbleInteraction)\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 _Bubbler_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Bubbler.js */ \"./dist/browser/Bubbler.js\");\n/* harmony import */ var _Options_Classes_BubbleBase_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Options/Classes/BubbleBase.js */ \"./dist/browser/Options/Classes/BubbleBase.js\");\n/* harmony import */ var _Options_Classes_BubbleDiv_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Options/Classes/BubbleDiv.js */ \"./dist/browser/Options/Classes/BubbleDiv.js\");\n/* harmony import */ var _Options_Classes_Bubble_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Options/Classes/Bubble.js */ \"./dist/browser/Options/Classes/Bubble.js\");\n\n\nasync function loadExternalBubbleInteraction(engine, refresh = true) {\n (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.assertValidVersion)(engine, \"3.7.0\");\n await engine.addInteractor(\"externalBubble\", container => {\n return Promise.resolve(new _Bubbler_js__WEBPACK_IMPORTED_MODULE_1__.Bubbler(container, engine));\n }, refresh);\n}\n\n\n\n\n\n\n\n//# sourceURL=webpack://@tsparticles/interaction-external-bubble/./dist/browser/index.js?");
97
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ Bubble: () => (/* reexport safe */ _Options_Classes_Bubble_js__WEBPACK_IMPORTED_MODULE_4__.Bubble),\n/* harmony export */ BubbleBase: () => (/* reexport safe */ _Options_Classes_BubbleBase_js__WEBPACK_IMPORTED_MODULE_2__.BubbleBase),\n/* harmony export */ BubbleDiv: () => (/* reexport safe */ _Options_Classes_BubbleDiv_js__WEBPACK_IMPORTED_MODULE_3__.BubbleDiv),\n/* harmony export */ loadExternalBubbleInteraction: () => (/* binding */ loadExternalBubbleInteraction)\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 _Bubbler_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Bubbler.js */ \"./dist/browser/Bubbler.js\");\n/* harmony import */ var _Options_Classes_BubbleBase_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Options/Classes/BubbleBase.js */ \"./dist/browser/Options/Classes/BubbleBase.js\");\n/* harmony import */ var _Options_Classes_BubbleDiv_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Options/Classes/BubbleDiv.js */ \"./dist/browser/Options/Classes/BubbleDiv.js\");\n/* harmony import */ var _Options_Classes_Bubble_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Options/Classes/Bubble.js */ \"./dist/browser/Options/Classes/Bubble.js\");\n\n\nasync function loadExternalBubbleInteraction(engine, refresh = true) {\n (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.assertValidVersion)(engine, \"3.7.1\");\n await engine.addInteractor(\"externalBubble\", container => {\n return Promise.resolve(new _Bubbler_js__WEBPACK_IMPORTED_MODULE_1__.Bubbler(container, engine));\n }, refresh);\n}\n\n\n\n\n\n\n\n//# sourceURL=webpack://@tsparticles/interaction-external-bubble/./dist/browser/index.js?");
98
98
 
99
99
  /***/ }),
100
100
 
package/tsparticles.interaction.external.bubble.min.js CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see tsparticles.interaction.external.bubble.min.js.LICENSE.txt */
2
- !function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],t);else{var i="object"==typeof exports?t(require("@tsparticles/engine")):t(e.window);for(var o in i)("object"==typeof exports?exports:e)[o]=i[o]}}(this,(e=>(()=>{var t={303:t=>{t.exports=e}},i={};function o(e){var n=i[e];if(void 0!==n)return n.exports;var l=i[e]={exports:{}};return t[e](l,l.exports,o),l.exports}o.d=(e,t)=>{for(var i in t)o.o(t,i)&&!o.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};o.r(n),o.d(n,{Bubble:()=>a,BubbleBase:()=>b,BubbleDiv:()=>r,loadExternalBubbleInteraction:()=>p});var l,s=o(303);class b{constructor(){this.distance=200,this.duration=.4,this.mix=!1}load(e){if(!(0,s.isNull)(e)){if(void 0!==e.distance&&(this.distance=e.distance),void 0!==e.duration&&(this.duration=e.duration),void 0!==e.mix&&(this.mix=e.mix),void 0!==e.opacity&&(this.opacity=e.opacity),void 0!==e.color){const t=(0,s.isArray)(this.color)?void 0:this.color;this.color=(0,s.executeOnSingleOrMultiple)(e.color,(e=>s.OptionsColor.create(t,e)))}void 0!==e.size&&(this.size=e.size)}}}class r extends b{constructor(){super(),this.selectors=[]}load(e){super.load(e),(0,s.isNull)(e)||void 0!==e.selectors&&(this.selectors=e.selectors)}}class a extends b{load(e){super.load(e),(0,s.isNull)(e)||(this.divs=(0,s.executeOnSingleOrMultiple)(e.divs,(e=>{const t=new r;return t.load(e),t})))}}function c(e,t,i,o){if(t>=i){const n=e+(t-i)*o;return(0,s.clamp)(n,e,t)}if(t<i){const n=e-(i-t)*o;return(0,s.clamp)(n,t,e)}}!function(e){e.color="color",e.opacity="opacity",e.size="size"}(l||(l={}));const u="bubble";class d extends s.ExternalInteractorBase{constructor(e,t){super(e),this._clickBubble=()=>{const e=this.container,t=e.actualOptions,i=e.interactivity.mouse.clickPosition,o=t.interactivity.modes.bubble;if(!o||!i)return;e.bubble||(e.bubble={});const n=e.retina.bubbleModeDistance;if(!n||n<0)return;const b=e.particles.quadTree.queryCircle(i,n,(e=>this.isEnabled(e))),{bubble:r}=e;for(const t of b){if(!r.clicking)continue;t.bubble.inRange=!r.durationEnd;const b=t.getPosition(),a=(0,s.getDistance)(b,i),c=((new Date).getTime()-(e.interactivity.mouse.clickTime??0))/s.millisecondsToSeconds;c>o.duration&&(r.durationEnd=!0),c>2*o.duration&&(r.clicking=!1,r.durationEnd=!1);const u={bubbleObj:{optValue:e.retina.bubbleModeSize,value:t.bubble.radius},particlesObj:{optValue:(0,s.getRangeMax)(t.options.size.value)*e.retina.pixelRatio,value:t.size.value},type:l.size};this._process(t,a,c,u);const d={bubbleObj:{optValue:o.opacity,value:t.bubble.opacity},particlesObj:{optValue:(0,s.getRangeMax)(t.options.opacity.value),value:t.opacity?.value??1},type:l.opacity};this._process(t,a,c,d),!r.durationEnd&&a<=n?this._hoverBubbleColor(t,a):delete t.bubble.color}},this._hoverBubble=()=>{const e=this.container,t=e.interactivity.mouse.position,i=e.retina.bubbleModeDistance;if(!i||i<0||!t)return;const o=e.particles.quadTree.queryCircle(t,i,(e=>this.isEnabled(e)));for(const n of o){n.bubble.inRange=!0;const o=n.getPosition(),l=(0,s.getDistance)(o,t),b=1-l/i;l<=i?b>=0&&e.interactivity.status===s.mouseMoveEvent&&(this._hoverBubbleSize(n,b),this._hoverBubbleOpacity(n,b),this._hoverBubbleColor(n,b)):this.reset(n),e.interactivity.status===s.mouseLeaveEvent&&this.reset(n)}},this._hoverBubbleColor=(e,t,i)=>{const o=this.container.actualOptions,n=i??o.interactivity.modes.bubble;if(n){if(!e.bubble.finalColor){const t=n.color;if(!t)return;const i=(0,s.itemFromSingleOrMultiple)(t);e.bubble.finalColor=(0,s.rangeColorToHsl)(this._engine,i)}if(e.bubble.finalColor)if(n.mix){e.bubble.color=void 0;const i=e.getFillColor();e.bubble.color=i?(0,s.rgbToHsl)((0,s.colorMix)(i,e.bubble.finalColor,1-t,t)):e.bubble.finalColor}else e.bubble.color=e.bubble.finalColor}},this._hoverBubbleOpacity=(e,t,i)=>{const o=this.container.actualOptions,n=i?.opacity??o.interactivity.modes.bubble?.opacity;if(!n)return;const l=e.options.opacity.value,b=c(e.opacity?.value??1,n,(0,s.getRangeMax)(l),t);void 0!==b&&(e.bubble.opacity=b)},this._hoverBubbleSize=(e,t,i)=>{const o=this.container,n=i?.size?i.size*o.retina.pixelRatio:o.retina.bubbleModeSize;if(void 0===n)return;const l=(0,s.getRangeMax)(e.options.size.value)*o.retina.pixelRatio,b=c(e.size.value,n,l,t);void 0!==b&&(e.bubble.radius=b)},this._process=(e,t,i,o)=>{const n=this.container,s=o.bubbleObj.optValue,b=n.actualOptions.interactivity.modes.bubble;if(!b||void 0===s)return;const r=b.duration,a=n.retina.bubbleModeDistance,c=o.particlesObj.optValue,u=o.bubbleObj.value,d=o.particlesObj.value??0,p=o.type;if(a&&!(a<0)&&s!==c)if(n.bubble||(n.bubble={}),n.bubble.durationEnd)u&&(p===l.size&&delete e.bubble.radius,p===l.opacity&&delete e.bubble.opacity);else if(t<=a){if((u??d)!==s){const t=d-i*(d-s)/r;p===l.size&&(e.bubble.radius=t),p===l.opacity&&(e.bubble.opacity=t)}}else p===l.size&&delete e.bubble.radius,p===l.opacity&&delete e.bubble.opacity},this._singleSelectorHover=(e,t,i)=>{const o=this.container,n=document.querySelectorAll(t),l=o.actualOptions.interactivity.modes.bubble;l&&n.length&&n.forEach((t=>{const n=t,b=o.retina.pixelRatio,r={x:(n.offsetLeft+.5*n.offsetWidth)*b,y:(n.offsetTop+.5*n.offsetHeight)*b},a=.5*n.offsetWidth*b,c=i.type===s.DivType.circle?new s.Circle(r.x,r.y,a):new s.Rectangle(n.offsetLeft*b,n.offsetTop*b,n.offsetWidth*b,n.offsetHeight*b),u=o.particles.quadTree.query(c,(e=>this.isEnabled(e)));for(const t of u){if(!c.contains(t.getPosition()))continue;t.bubble.inRange=!0;const i=l.divs,o=(0,s.divMode)(i,n);t.bubble.div&&t.bubble.div===n||(this.clear(t,e,!0),t.bubble.div=n),this._hoverBubbleSize(t,1,o),this._hoverBubbleOpacity(t,1,o),this._hoverBubbleColor(t,1,o)}}))},this._engine=t,e.bubble||(e.bubble={}),this.handleClickMode=t=>{t===u&&(e.bubble||(e.bubble={}),e.bubble.clicking=!0)}}clear(e,t,i){e.bubble.inRange&&!i||(delete e.bubble.div,delete e.bubble.opacity,delete e.bubble.radius,delete e.bubble.color)}init(){const e=this.container,t=e.actualOptions.interactivity.modes.bubble;t&&(e.retina.bubbleModeDistance=t.distance*e.retina.pixelRatio,void 0!==t.size&&(e.retina.bubbleModeSize=t.size*e.retina.pixelRatio))}interact(e){const t=this.container.actualOptions.interactivity.events,i=t.onHover,o=t.onClick,n=i.enable,l=i.mode,b=o.enable,r=o.mode,a=t.onDiv;n&&(0,s.isInArray)(u,l)?this._hoverBubble():b&&(0,s.isInArray)(u,r)?this._clickBubble():(0,s.divModeExecute)(u,a,((t,i)=>this._singleSelectorHover(e,t,i)))}isEnabled(e){const t=this.container,i=t.actualOptions,o=t.interactivity.mouse,n=(e?.interactivity??i.interactivity).events,{onClick:l,onDiv:b,onHover:r}=n,a=(0,s.isDivModeEnabled)(u,b);return!!(a||r.enable&&o.position||l.enable&&o.clickPosition)&&((0,s.isInArray)(u,r.mode)||(0,s.isInArray)(u,l.mode)||a)}loadModeOptions(e,...t){e.bubble||(e.bubble=new a);for(const i of t)e.bubble.load(i?.bubble)}reset(e){e.bubble.inRange=!1}}async function p(e,t=!0){(0,s.assertValidVersion)(e,"3.7.0"),await e.addInteractor("externalBubble",(t=>Promise.resolve(new d(t,e))),t)}return n})()));
2
+ !function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],t);else{var i="object"==typeof exports?t(require("@tsparticles/engine")):t(e.window);for(var o in i)("object"==typeof exports?exports:e)[o]=i[o]}}(this,(e=>(()=>{var t={303:t=>{t.exports=e}},i={};function o(e){var n=i[e];if(void 0!==n)return n.exports;var l=i[e]={exports:{}};return t[e](l,l.exports,o),l.exports}o.d=(e,t)=>{for(var i in t)o.o(t,i)&&!o.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};o.r(n),o.d(n,{Bubble:()=>a,BubbleBase:()=>b,BubbleDiv:()=>r,loadExternalBubbleInteraction:()=>p});var l,s=o(303);class b{constructor(){this.distance=200,this.duration=.4,this.mix=!1}load(e){if(!(0,s.isNull)(e)){if(void 0!==e.distance&&(this.distance=e.distance),void 0!==e.duration&&(this.duration=e.duration),void 0!==e.mix&&(this.mix=e.mix),void 0!==e.opacity&&(this.opacity=e.opacity),void 0!==e.color){const t=(0,s.isArray)(this.color)?void 0:this.color;this.color=(0,s.executeOnSingleOrMultiple)(e.color,(e=>s.OptionsColor.create(t,e)))}void 0!==e.size&&(this.size=e.size)}}}class r extends b{constructor(){super(),this.selectors=[]}load(e){super.load(e),(0,s.isNull)(e)||void 0!==e.selectors&&(this.selectors=e.selectors)}}class a extends b{load(e){super.load(e),(0,s.isNull)(e)||(this.divs=(0,s.executeOnSingleOrMultiple)(e.divs,(e=>{const t=new r;return t.load(e),t})))}}function c(e,t,i,o){if(t>=i){const n=e+(t-i)*o;return(0,s.clamp)(n,e,t)}if(t<i){const n=e-(i-t)*o;return(0,s.clamp)(n,t,e)}}!function(e){e.color="color",e.opacity="opacity",e.size="size"}(l||(l={}));const u="bubble";class d extends s.ExternalInteractorBase{constructor(e,t){super(e),this._clickBubble=()=>{const e=this.container,t=e.actualOptions,i=e.interactivity.mouse.clickPosition,o=t.interactivity.modes.bubble;if(!o||!i)return;e.bubble||(e.bubble={});const n=e.retina.bubbleModeDistance;if(!n||n<0)return;const b=e.particles.quadTree.queryCircle(i,n,(e=>this.isEnabled(e))),{bubble:r}=e;for(const t of b){if(!r.clicking)continue;t.bubble.inRange=!r.durationEnd;const b=t.getPosition(),a=(0,s.getDistance)(b,i),c=((new Date).getTime()-(e.interactivity.mouse.clickTime??0))/s.millisecondsToSeconds;c>o.duration&&(r.durationEnd=!0),c>2*o.duration&&(r.clicking=!1,r.durationEnd=!1);const u={bubbleObj:{optValue:e.retina.bubbleModeSize,value:t.bubble.radius},particlesObj:{optValue:(0,s.getRangeMax)(t.options.size.value)*e.retina.pixelRatio,value:t.size.value},type:l.size};this._process(t,a,c,u);const d={bubbleObj:{optValue:o.opacity,value:t.bubble.opacity},particlesObj:{optValue:(0,s.getRangeMax)(t.options.opacity.value),value:t.opacity?.value??1},type:l.opacity};this._process(t,a,c,d),!r.durationEnd&&a<=n?this._hoverBubbleColor(t,a):delete t.bubble.color}},this._hoverBubble=()=>{const e=this.container,t=e.interactivity.mouse.position,i=e.retina.bubbleModeDistance;if(!i||i<0||!t)return;const o=e.particles.quadTree.queryCircle(t,i,(e=>this.isEnabled(e)));for(const n of o){n.bubble.inRange=!0;const o=n.getPosition(),l=(0,s.getDistance)(o,t),b=1-l/i;l<=i?b>=0&&e.interactivity.status===s.mouseMoveEvent&&(this._hoverBubbleSize(n,b),this._hoverBubbleOpacity(n,b),this._hoverBubbleColor(n,b)):this.reset(n),e.interactivity.status===s.mouseLeaveEvent&&this.reset(n)}},this._hoverBubbleColor=(e,t,i)=>{const o=this.container.actualOptions,n=i??o.interactivity.modes.bubble;if(n){if(!e.bubble.finalColor){const t=n.color;if(!t)return;const i=(0,s.itemFromSingleOrMultiple)(t);e.bubble.finalColor=(0,s.rangeColorToHsl)(this._engine,i)}if(e.bubble.finalColor)if(n.mix){e.bubble.color=void 0;const i=e.getFillColor();e.bubble.color=i?(0,s.rgbToHsl)((0,s.colorMix)(i,e.bubble.finalColor,1-t,t)):e.bubble.finalColor}else e.bubble.color=e.bubble.finalColor}},this._hoverBubbleOpacity=(e,t,i)=>{const o=this.container.actualOptions,n=i?.opacity??o.interactivity.modes.bubble?.opacity;if(!n)return;const l=e.options.opacity.value,b=c(e.opacity?.value??1,n,(0,s.getRangeMax)(l),t);void 0!==b&&(e.bubble.opacity=b)},this._hoverBubbleSize=(e,t,i)=>{const o=this.container,n=i?.size?i.size*o.retina.pixelRatio:o.retina.bubbleModeSize;if(void 0===n)return;const l=(0,s.getRangeMax)(e.options.size.value)*o.retina.pixelRatio,b=c(e.size.value,n,l,t);void 0!==b&&(e.bubble.radius=b)},this._process=(e,t,i,o)=>{const n=this.container,s=o.bubbleObj.optValue,b=n.actualOptions.interactivity.modes.bubble;if(!b||void 0===s)return;const r=b.duration,a=n.retina.bubbleModeDistance,c=o.particlesObj.optValue,u=o.bubbleObj.value,d=o.particlesObj.value??0,p=o.type;if(a&&!(a<0)&&s!==c)if(n.bubble||(n.bubble={}),n.bubble.durationEnd)u&&(p===l.size&&delete e.bubble.radius,p===l.opacity&&delete e.bubble.opacity);else if(t<=a){if((u??d)!==s){const t=d-i*(d-s)/r;p===l.size&&(e.bubble.radius=t),p===l.opacity&&(e.bubble.opacity=t)}}else p===l.size&&delete e.bubble.radius,p===l.opacity&&delete e.bubble.opacity},this._singleSelectorHover=(e,t,i)=>{const o=this.container,n=document.querySelectorAll(t),l=o.actualOptions.interactivity.modes.bubble;l&&n.length&&n.forEach((t=>{const n=t,b=o.retina.pixelRatio,r={x:(n.offsetLeft+.5*n.offsetWidth)*b,y:(n.offsetTop+.5*n.offsetHeight)*b},a=.5*n.offsetWidth*b,c=i.type===s.DivType.circle?new s.Circle(r.x,r.y,a):new s.Rectangle(n.offsetLeft*b,n.offsetTop*b,n.offsetWidth*b,n.offsetHeight*b),u=o.particles.quadTree.query(c,(e=>this.isEnabled(e)));for(const t of u){if(!c.contains(t.getPosition()))continue;t.bubble.inRange=!0;const i=l.divs,o=(0,s.divMode)(i,n);t.bubble.div&&t.bubble.div===n||(this.clear(t,e,!0),t.bubble.div=n),this._hoverBubbleSize(t,1,o),this._hoverBubbleOpacity(t,1,o),this._hoverBubbleColor(t,1,o)}}))},this._engine=t,e.bubble||(e.bubble={}),this.handleClickMode=t=>{t===u&&(e.bubble||(e.bubble={}),e.bubble.clicking=!0)}}clear(e,t,i){e.bubble.inRange&&!i||(delete e.bubble.div,delete e.bubble.opacity,delete e.bubble.radius,delete e.bubble.color)}init(){const e=this.container,t=e.actualOptions.interactivity.modes.bubble;t&&(e.retina.bubbleModeDistance=t.distance*e.retina.pixelRatio,void 0!==t.size&&(e.retina.bubbleModeSize=t.size*e.retina.pixelRatio))}interact(e){const t=this.container.actualOptions.interactivity.events,i=t.onHover,o=t.onClick,n=i.enable,l=i.mode,b=o.enable,r=o.mode,a=t.onDiv;n&&(0,s.isInArray)(u,l)?this._hoverBubble():b&&(0,s.isInArray)(u,r)?this._clickBubble():(0,s.divModeExecute)(u,a,((t,i)=>this._singleSelectorHover(e,t,i)))}isEnabled(e){const t=this.container,i=t.actualOptions,o=t.interactivity.mouse,n=(e?.interactivity??i.interactivity).events,{onClick:l,onDiv:b,onHover:r}=n,a=(0,s.isDivModeEnabled)(u,b);return!!(a||r.enable&&o.position||l.enable&&o.clickPosition)&&((0,s.isInArray)(u,r.mode)||(0,s.isInArray)(u,l.mode)||a)}loadModeOptions(e,...t){e.bubble||(e.bubble=new a);for(const i of t)e.bubble.load(i?.bubble)}reset(e){e.bubble.inRange=!1}}async function p(e,t=!0){(0,s.assertValidVersion)(e,"3.7.1"),await e.addInteractor("externalBubble",(t=>Promise.resolve(new d(t,e))),t)}return n})()));
package/tsparticles.interaction.external.bubble.min.js.LICENSE.txt CHANGED
@@ -1 +1 @@
1
- /*! tsParticles Bubble External Interaction v3.7.0 by Matteo Bruni */
1
+ /*! tsParticles Bubble External Interaction v3.7.1 by Matteo Bruni */
package/umd/index.js CHANGED
@@ -27,7 +27,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
27
27
  const engine_1 = require("@tsparticles/engine");
28
28
  const Bubbler_js_1 = require("./Bubbler.js");
29
29
  async function loadExternalBubbleInteraction(engine, refresh = true) {
30
- (0, engine_1.assertValidVersion)(engine, "3.7.0");
30
+ (0, engine_1.assertValidVersion)(engine, "3.7.1");
31
31
  await engine.addInteractor("externalBubble", container => {
32
32
  return Promise.resolve(new Bubbler_js_1.Bubbler(container, engine));
33
33
  }, refresh);