tsparticles 1.37.4 → 1.39.0

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

@@ -0,0 +1,2 @@
+/*! tsParticles v1.39.0 by Matteo Bruni */
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t();else if("function"==typeof define&&define.amd)define([],t);else{var o=t();for(var n in o)("object"==typeof exports?exports:e)[n]=o[n]}}(window,(function(){return function(){"use strict";var e={d:function(t,o){for(var n in o)e.o(o,n)&&!e.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:o[n]})},o:function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r:function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};e.r(t),e.d(t,{loadExternalBubbleInteraction:function(){return S}});class o{constructor(e,t){this.position={x:e,y:t}}}class n extends o{constructor(e,t,o){super(e,t),this.radius=o}contains(e){return d(e,this.position)<=this.radius}intersects(e){const t=e,o=e,n=this.position,i=e.position,r=Math.abs(i.x-n.x),s=Math.abs(i.y-n.y),a=this.radius;if(void 0!==o.radius){return a+o.radius>Math.sqrt(r*r+s+s)}if(void 0!==t.size){const e=t.size.width,o=t.size.height,n=Math.pow(r-e,2)+Math.pow(s-o,2);return!(r>a+e||s>a+o)&&(r<=e||s<=o||n<=a*a)}return!1}}class i{}i.generatedAttribute="generated",i.randomColorValue="random",i.midColorValue="mid",i.touchEndEvent="touchend",i.mouseDownEvent="mousedown",i.mouseUpEvent="mouseup",i.mouseMoveEvent="mousemove",i.touchStartEvent="touchstart",i.touchMoveEvent="touchmove",i.mouseLeaveEvent="mouseleave",i.mouseOutEvent="mouseout",i.touchCancelEvent="touchcancel",i.resizeEvent="resize",i.visibilityChangeEvent="visibilitychange",i.noPolygonDataLoaded="No polygon data loaded.",i.noPolygonFound="No polygon found, you need to specify SVG url in config.";new Map,new Map,new Map,new Map,new Map,new Map,new Map;class r extends o{constructor(e,t,o,n){super(e,t),this.size={height:n,width:o}}contains(e){const t=this.size.width,o=this.size.height,n=this.position;return e.x>=n.x&&e.x<=n.x+t&&e.y>=n.y&&e.y<=n.y+o}intersects(e){const t=e,o=e,n=this.size.width,i=this.size.height,r=this.position,s=e.position;if(void 0!==o.radius)return o.intersects(this);if(void 0!==t.size){const e=t.size,o=e.width,a=e.height;return s.x<r.x+n&&s.x+o>r.x&&s.y<r.y+i&&s.y+a>r.y}return!1}}new WeakSet;function s(e,t,o){return Math.min(Math.max(e,t),o)}function a(e,t,o,n){return Math.floor((e*o+t*n)/(o+n))}function l(e){const t=b(e);let o=u(e);return t===o&&(o=0),Math.random()*(t-o)+o}function u(e){return"number"==typeof e?e:e.min}function b(e){return"number"==typeof e?e:e.max}function c(e,t){if(e===t||void 0===t&&"number"==typeof e)return e;const o=u(e),n=b(e);return void 0!==t?{min:Math.min(o,t),max:Math.max(n,t)}:c(o,n)}function d(e,t){return function(e,t){const o=e.x-t.x,n=e.y-t.y;return{dx:o,dy:n,distance:Math.sqrt(o*o+n*n)}}(e,t).distance}function f(e,t){if(t instanceof Array){for(const o of t)if(e.matches(o))return!0;return!1}return e.matches(t)}function v(e,t){return e===t||t instanceof Array&&t.indexOf(e)>-1}function h(e,t,o=!0){return e[void 0!==t&&o?t%e.length:function(e){return Math.floor(Math.random()*e.length)}(e)]}function p(e,t){const o=e.selectors;if(o instanceof Array)for(const n of o)t(n,e);else t(o,e)}function y(e,t){if(t&&e)return e instanceof Array?e.find((e=>f(t,e.selectors))):f(t,e.selectors)?e:void 0}function g(e,t,o){let n=o;return n<0&&(n+=1),n>1&&(n-=1),n<1/6?e+6*(t-e)*n:n<.5?t:n<2/3?e+(t-e)*(2/3-n)*6:e}function m(e){if(e.startsWith("rgb")){const t=/rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*(,\s*([\d.]+)\s*)?\)/i.exec(e);return t?{a:t.length>4?parseFloat(t[5]):1,b:parseInt(t[3],10),g:parseInt(t[2],10),r:parseInt(t[1],10)}:void 0}if(e.startsWith("hsl")){const t=/hsla?\(\s*(\d+)\s*,\s*(\d+)%\s*,\s*(\d+)%\s*(,\s*([\d.]+)\s*)?\)/i.exec(e);return t?function(e){const t=z(e);return{a:e.a,b:t.b,g:t.g,r:t.r}}({a:t.length>4?parseFloat(t[5]):1,h:parseInt(t[1],10),l:parseInt(t[3],10),s:parseInt(t[2],10)}):void 0}if(e.startsWith("hsv")){const t=/hsva?\(\s*(\d+)°\s*,\s*(\d+)%\s*,\s*(\d+)%\s*(,\s*([\d.]+)\s*)?\)/i.exec(e);return t?function(e){const t=w(e);return{a:e.a,b:t.b,g:t.g,r:t.r}}({a:t.length>4?parseFloat(t[5]):1,h:parseInt(t[1],10),s:parseInt(t[2],10),v:parseInt(t[3],10)}):void 0}{const t=/^#?([a-f\d])([a-f\d])([a-f\d])([a-f\d])?$/i,o=e.replace(t,((e,t,o,n,i)=>t+t+o+o+n+n+(void 0!==i?i+i:""))),n=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})?$/i.exec(o);return n?{a:void 0!==n[4]?parseInt(n[4],16)/255:1,b:parseInt(n[3],16),g:parseInt(n[2],16),r:parseInt(n[1],16)}:void 0}}function M(e,t,o=!0){var n,r,s;if(void 0===e)return;const a="string"==typeof e?{value:e}:e;let l;if("string"==typeof a.value)l=a.value===i.randomColorValue?O():function(e){return m(e)}(a.value);else if(a.value instanceof Array){l=M({value:h(a.value,t,o)})}else{const e=a.value,t=null!==(n=e.rgb)&&void 0!==n?n:a.value;if(void 0!==t.r)l=t;else{const t=null!==(r=e.hsl)&&void 0!==r?r:a.value;if(void 0!==t.h&&void 0!==t.l)l=z(t);else{const t=null!==(s=e.hsv)&&void 0!==s?s:a.value;void 0!==t.h&&void 0!==t.v&&(l=w(t))}}}return l}function x(e){const t=e.r/255,o=e.g/255,n=e.b/255,i=Math.max(t,o,n),r=Math.min(t,o,n),s={h:0,l:(i+r)/2,s:0};return i!=r&&(s.s=s.l<.5?(i-r)/(i+r):(i-r)/(2-i-r),s.h=t===i?(o-n)/(i-r):s.h=o===i?2+(n-t)/(i-r):4+(t-o)/(i-r)),s.l*=100,s.s*=100,s.h*=60,s.h<0&&(s.h+=360),s}function z(e){const t={b:0,g:0,r:0},o={h:e.h/360,l:e.l/100,s:e.s/100};if(0===o.s)t.b=o.l,t.g=o.l,t.r=o.l;else{const e=o.l<.5?o.l*(1+o.s):o.l+o.s-o.l*o.s,n=2*o.l-e;t.r=g(n,e,o.h+1/3),t.g=g(n,e,o.h),t.b=g(n,e,o.h-1/3)}return t.r=Math.floor(255*t.r),t.g=Math.floor(255*t.g),t.b=Math.floor(255*t.b),t}function w(e){const t={b:0,g:0,r:0},o=e.h/60,n=e.s/100,i=e.v/100,r=i*n,s=r*(1-Math.abs(o%2-1));let a;if(o>=0&&o<=1?a={r:r,g:s,b:0}:o>1&&o<=2?a={r:s,g:r,b:0}:o>2&&o<=3?a={r:0,g:r,b:s}:o>3&&o<=4?a={r:0,g:s,b:r}:o>4&&o<=5?a={r:s,g:0,b:r}:o>5&&o<=6&&(a={r:r,g:0,b:s}),a){const e=i-r;t.r=Math.floor(255*(a.r+e)),t.g=Math.floor(255*(a.g+e)),t.b=Math.floor(255*(a.b+e))}return t}function O(e){const t=null!=e?e:0;return{b:Math.floor(l(c(t,256))),g:Math.floor(l(c(t,256))),r:Math.floor(l(c(t,256)))}}function E(e,t,o,n){let i=e,r=t;return void 0===i.r&&(i=z(e)),void 0===r.r&&(r=z(t)),{b:a(i.b,r.b,o,n),g:a(i.g,r.g,o,n),r:a(i.r,r.r,o,n)}}function C(e,t,o,n){if(t>=o){return s(e+(t-o)*n,e,t)}if(t<o){return s(e-(o-t)*n,t,e)}}class B extends class{constructor(e){this.container=e,this.type=0}}{constructor(e){super(e)}isEnabled(){const e=this.container,t=e.actualOptions,o=e.interactivity.mouse,n=t.interactivity.events,i=function(e,t){return t instanceof Array?!!t.find((t=>t.enable&&v(e,t.mode))):v(e,t.mode)}("bubble",n.onDiv);if(!(i||n.onHover.enable&&o.position||n.onClick.enable&&o.clickPosition))return!1;const r=n.onHover.mode,s=n.onClick.mode;return v("bubble",r)||v("bubble",s)||i}reset(e,t){e.bubble.inRange&&!t||(delete e.bubble.div,delete e.bubble.opacity,delete e.bubble.radius,delete e.bubble.color)}interact(){const e=this.container.actualOptions.interactivity.events,t=e.onHover,o=e.onClick,n=t.enable,i=t.mode,r=o.enable,s=o.mode,a=e.onDiv;n&&v("bubble",i)?this.hoverBubble():r&&v("bubble",s)?this.clickBubble():function(e,t,o){if(t instanceof Array)for(const n of t){const t=n.mode;n.enable&&v(e,t)&&p(n,o)}else{const n=t.mode;t.enable&&v(e,n)&&p(t,o)}}("bubble",a,((e,t)=>this.singleSelectorHover(e,t)))}singleSelectorHover(e,t){const o=this.container,i=document.querySelectorAll(e);i.length&&i.forEach((e=>{const i=e,s=o.retina.pixelRatio,a={x:(i.offsetLeft+i.offsetWidth/2)*s,y:(i.offsetTop+i.offsetHeight/2)*s},l=i.offsetWidth/2*s,u="circle"===t.type?new n(a.x,a.y,l):new r(i.offsetLeft*s,i.offsetTop*s,i.offsetWidth*s,i.offsetHeight*s),b=o.particles.quadTree.query(u);for(const e of b){if(!u.contains(e.getPosition()))continue;e.bubble.inRange=!0;const t=y(o.actualOptions.interactivity.modes.bubble.divs,i);e.bubble.div&&e.bubble.div===i||(this.reset(e,!0),e.bubble.div=i),this.hoverBubbleSize(e,1,t),this.hoverBubbleOpacity(e,1,t),this.hoverBubbleColor(e,1,t)}}))}process(e,t,o,n){const i=this.container,r=n.bubbleObj.optValue;if(void 0===r)return;const s=i.actualOptions.interactivity.modes.bubble.duration,a=i.retina.bubbleModeDistance,l=n.particlesObj.optValue,u=n.bubbleObj.value,b=n.particlesObj.value||0,c=n.type;if(r!==l)if(i.bubble.durationEnd)u&&("size"===c&&delete e.bubble.radius,"opacity"===c&&delete e.bubble.opacity);else if(t<=a){if((null!=u?u:b)!==r){const t=b-o*(b-r)/s;"size"===c&&(e.bubble.radius=t),"opacity"===c&&(e.bubble.opacity=t)}}else"size"===c&&delete e.bubble.radius,"opacity"===c&&delete e.bubble.opacity}clickBubble(){var e,t;const o=this.container,n=o.actualOptions,i=o.interactivity.mouse.clickPosition;if(!i)return;const r=o.retina.bubbleModeDistance,s=o.particles.quadTree.queryCircle(i,r);for(const r of s){if(!o.bubble.clicking)continue;r.bubble.inRange=!o.bubble.durationEnd;const s=d(r.getPosition(),i),a=((new Date).getTime()-(o.interactivity.mouse.clickTime||0))/1e3;a>n.interactivity.modes.bubble.duration&&(o.bubble.durationEnd=!0),a>2*n.interactivity.modes.bubble.duration&&(o.bubble.clicking=!1,o.bubble.durationEnd=!1);const l={bubbleObj:{optValue:o.retina.bubbleModeSize,value:r.bubble.radius},particlesObj:{optValue:b(r.options.size.value)*o.retina.pixelRatio,value:r.size.value},type:"size"};this.process(r,s,a,l);const u={bubbleObj:{optValue:n.interactivity.modes.bubble.opacity,value:r.bubble.opacity},particlesObj:{optValue:b(r.options.opacity.value),value:null!==(t=null===(e=r.opacity)||void 0===e?void 0:e.value)&&void 0!==t?t:1},type:"opacity"};this.process(r,s,a,u),o.bubble.durationEnd?delete r.bubble.color:s<=o.retina.bubbleModeDistance?this.hoverBubbleColor(r,s):delete r.bubble.color}}hoverBubble(){const e=this.container,t=e.interactivity.mouse.position;if(void 0===t)return;const o=e.retina.bubbleModeDistance,n=e.particles.quadTree.queryCircle(t,o);for(const r of n){r.bubble.inRange=!0;const n=d(r.getPosition(),t),s=1-n/o;n<=o?s>=0&&e.interactivity.status===i.mouseMoveEvent&&(this.hoverBubbleSize(r,s),this.hoverBubbleOpacity(r,s),this.hoverBubbleColor(r,s)):this.reset(r),e.interactivity.status===i.mouseLeaveEvent&&this.reset(r)}}hoverBubbleSize(e,t,o){const n=this.container,i=(null==o?void 0:o.size)?o.size*n.retina.pixelRatio:n.retina.bubbleModeSize;if(void 0===i)return;const r=b(e.options.size.value)*n.retina.pixelRatio,s=C(e.size.value,i,r,t);void 0!==s&&(e.bubble.radius=s)}hoverBubbleOpacity(e,t,o){var n,i,r;const s=this.container.actualOptions,a=null!==(n=null==o?void 0:o.opacity)&&void 0!==n?n:s.interactivity.modes.bubble.opacity;if(!a)return;const l=e.options.opacity.value,u=C(null!==(r=null===(i=e.opacity)||void 0===i?void 0:i.value)&&void 0!==r?r:1,a,b(l),t);void 0!==u&&(e.bubble.opacity=u)}hoverBubbleColor(e,t,o){const n=this.container.actualOptions,i=null!=o?o:n.interactivity.modes.bubble;if(!e.bubble.finalColor){const t=i.color;if(!t)return;const o=t instanceof Array?h(t):t;e.bubble.finalColor=function(e,t,o=!0){const n=M(e,t,o);return void 0!==n?x(n):void 0}(o)}if(e.bubble.finalColor)if(i.mix){e.bubble.color=void 0;const o=e.getFillColor();e.bubble.color=o?x(E(o,e.bubble.finalColor,1-t,t)):e.bubble.finalColor}else e.bubble.color=e.bubble.finalColor}}async function S(e){await e.addInteractor("externalBubble",(e=>new B(e)))}return t}()}));