@tsparticles/interaction-external-bubble
Advanced tools
Comparing version 3.1.0 to 3.2.0
@@ -1,4 +0,6 @@ | ||
import { Bubbler } from "./Bubbler.js"; | ||
export async function loadExternalBubbleInteraction(engine, refresh = true) { | ||
await engine.addInteractor("externalBubble", (container) => new Bubbler(container), refresh); | ||
await engine.addInteractor("externalBubble", async (container) => { | ||
const { Bubbler } = await import("./Bubbler.js"); | ||
return new Bubbler(container); | ||
}, refresh); | ||
} | ||
@@ -5,0 +7,0 @@ export * from "./Options/Classes/BubbleBase.js"; |
@@ -13,2 +13,14 @@ "use strict"; | ||
})); | ||
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) { | ||
Object.defineProperty(o, "default", { enumerable: true, value: v }); | ||
}) : function(o, v) { | ||
o["default"] = v; | ||
}); | ||
var __importStar = (this && this.__importStar) || function (mod) { | ||
if (mod && mod.__esModule) return mod; | ||
var result = {}; | ||
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k); | ||
__setModuleDefault(result, mod); | ||
return result; | ||
}; | ||
var __exportStar = (this && this.__exportStar) || function(m, exports) { | ||
@@ -19,5 +31,7 @@ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); | ||
exports.loadExternalBubbleInteraction = void 0; | ||
const Bubbler_js_1 = require("./Bubbler.js"); | ||
async function loadExternalBubbleInteraction(engine, refresh = true) { | ||
await engine.addInteractor("externalBubble", (container) => new Bubbler_js_1.Bubbler(container), refresh); | ||
await engine.addInteractor("externalBubble", async (container) => { | ||
const { Bubbler } = await Promise.resolve().then(() => __importStar(require("./Bubbler.js"))); | ||
return new Bubbler(container); | ||
}, refresh); | ||
} | ||
@@ -24,0 +38,0 @@ exports.loadExternalBubbleInteraction = loadExternalBubbleInteraction; |
@@ -1,4 +0,6 @@ | ||
import { Bubbler } from "./Bubbler.js"; | ||
export async function loadExternalBubbleInteraction(engine, refresh = true) { | ||
await engine.addInteractor("externalBubble", (container) => new Bubbler(container), refresh); | ||
await engine.addInteractor("externalBubble", async (container) => { | ||
const { Bubbler } = await import("./Bubbler.js"); | ||
return new Bubbler(container); | ||
}, refresh); | ||
} | ||
@@ -5,0 +7,0 @@ export * from "./Options/Classes/BubbleBase.js"; |
{ | ||
"name": "@tsparticles/interaction-external-bubble", | ||
"version": "3.1.0", | ||
"version": "3.2.0", | ||
"description": "tsParticles bubble external interaction", | ||
@@ -90,3 +90,3 @@ "homepage": "https://particles.js.org", | ||
"dependencies": { | ||
"@tsparticles/engine": "^3.1.0" | ||
"@tsparticles/engine": "^3.2.0" | ||
}, | ||
@@ -93,0 +93,0 @@ "publishConfig": { |
@@ -7,4 +7,12 @@ /*! | ||
* How to use? : Check the GitHub README | ||
* v3.1.0 | ||
* v3.2.0 | ||
*/ | ||
/* | ||
* 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/). | ||
*/ | ||
(function webpackUniversalModuleDefinition(root, factory) { | ||
@@ -19,3 +27,3 @@ if(typeof exports === 'object' && typeof module === 'object') | ||
} | ||
})(this, (__WEBPACK_EXTERNAL_MODULE__533__) => { | ||
})(this, (__WEBPACK_EXTERNAL_MODULE__tsparticles_engine__) => { | ||
return /******/ (() => { // webpackBootstrap | ||
@@ -25,6 +33,49 @@ /******/ "use strict"; | ||
/***/ 533: | ||
/***/ "./dist/browser/Options/Classes/Bubble.js": | ||
/*!************************************************!*\ | ||
!*** ./dist/browser/Options/Classes/Bubble.js ***! | ||
\************************************************/ | ||
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { | ||
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ Bubble: () => (/* binding */ Bubble)\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 _BubbleBase_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./BubbleBase.js */ \"./dist/browser/Options/Classes/BubbleBase.js\");\n/* harmony import */ var _BubbleDiv_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./BubbleDiv.js */ \"./dist/browser/Options/Classes/BubbleDiv.js\");\n\n\n\nclass Bubble extends _BubbleBase_js__WEBPACK_IMPORTED_MODULE_1__.BubbleBase {\n load(data) {\n super.load(data);\n if (!data) {\n return;\n }\n this.divs = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.executeOnSingleOrMultiple)(data.divs, div => {\n const tmp = new _BubbleDiv_js__WEBPACK_IMPORTED_MODULE_2__.BubbleDiv();\n tmp.load(div);\n return tmp;\n });\n }\n}\n\n//# sourceURL=webpack://@tsparticles/interaction-external-bubble/./dist/browser/Options/Classes/Bubble.js?"); | ||
/***/ }), | ||
/***/ "./dist/browser/Options/Classes/BubbleBase.js": | ||
/*!****************************************************!*\ | ||
!*** ./dist/browser/Options/Classes/BubbleBase.js ***! | ||
\****************************************************/ | ||
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { | ||
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ BubbleBase: () => (/* binding */ BubbleBase)\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\nclass BubbleBase {\n constructor() {\n this.distance = 200;\n this.duration = 0.4;\n this.mix = false;\n }\n load(data) {\n if (!data) {\n return;\n }\n if (data.distance !== undefined) {\n this.distance = data.distance;\n }\n if (data.duration !== undefined) {\n this.duration = data.duration;\n }\n if (data.mix !== undefined) {\n this.mix = data.mix;\n }\n if (data.opacity !== undefined) {\n this.opacity = data.opacity;\n }\n if (data.color !== undefined) {\n const sourceColor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isArray)(this.color) ? undefined : this.color;\n this.color = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.executeOnSingleOrMultiple)(data.color, color => {\n return _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OptionsColor.create(sourceColor, color);\n });\n }\n if (data.size !== undefined) {\n this.size = data.size;\n }\n }\n}\n\n//# sourceURL=webpack://@tsparticles/interaction-external-bubble/./dist/browser/Options/Classes/BubbleBase.js?"); | ||
/***/ }), | ||
/***/ "./dist/browser/Options/Classes/BubbleDiv.js": | ||
/*!***************************************************!*\ | ||
!*** ./dist/browser/Options/Classes/BubbleDiv.js ***! | ||
\***************************************************/ | ||
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { | ||
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ BubbleDiv: () => (/* binding */ BubbleDiv)\n/* harmony export */ });\n/* harmony import */ var _BubbleBase_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./BubbleBase.js */ \"./dist/browser/Options/Classes/BubbleBase.js\");\n\nclass BubbleDiv extends _BubbleBase_js__WEBPACK_IMPORTED_MODULE_0__.BubbleBase {\n constructor() {\n super();\n this.selectors = [];\n }\n load(data) {\n super.load(data);\n if (!data) {\n return;\n }\n if (data.selectors !== undefined) {\n this.selectors = data.selectors;\n }\n }\n}\n\n//# sourceURL=webpack://@tsparticles/interaction-external-bubble/./dist/browser/Options/Classes/BubbleDiv.js?"); | ||
/***/ }), | ||
/***/ "./dist/browser/index.js": | ||
/*!*******************************!*\ | ||
!*** ./dist/browser/index.js ***! | ||
\*******************************/ | ||
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { | ||
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_2__.Bubble),\n/* harmony export */ BubbleBase: () => (/* reexport safe */ _Options_Classes_BubbleBase_js__WEBPACK_IMPORTED_MODULE_0__.BubbleBase),\n/* harmony export */ BubbleDiv: () => (/* reexport safe */ _Options_Classes_BubbleDiv_js__WEBPACK_IMPORTED_MODULE_1__.BubbleDiv),\n/* harmony export */ loadExternalBubbleInteraction: () => (/* binding */ loadExternalBubbleInteraction)\n/* harmony export */ });\n/* harmony import */ var _Options_Classes_BubbleBase_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Options/Classes/BubbleBase.js */ \"./dist/browser/Options/Classes/BubbleBase.js\");\n/* harmony import */ var _Options_Classes_BubbleDiv_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Options/Classes/BubbleDiv.js */ \"./dist/browser/Options/Classes/BubbleDiv.js\");\n/* harmony import */ var _Options_Classes_Bubble_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Options/Classes/Bubble.js */ \"./dist/browser/Options/Classes/Bubble.js\");\nasync function loadExternalBubbleInteraction(engine, refresh = true) {\n await engine.addInteractor(\"externalBubble\", async container => {\n const {\n Bubbler\n } = await __webpack_require__.e(/*! import() */ \"dist_browser_Bubbler_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./Bubbler.js */ \"./dist/browser/Bubbler.js\"));\n return new Bubbler(container);\n }, refresh);\n}\n\n\n\n\n\n\n\n//# sourceURL=webpack://@tsparticles/interaction-external-bubble/./dist/browser/index.js?"); | ||
/***/ }), | ||
/***/ "@tsparticles/engine": | ||
/*!*********************************************************************************************************************************!*\ | ||
!*** external {"commonjs":"@tsparticles/engine","commonjs2":"@tsparticles/engine","amd":"@tsparticles/engine","root":"window"} ***! | ||
\*********************************************************************************************************************************/ | ||
/***/ ((module) => { | ||
module.exports = __WEBPACK_EXTERNAL_MODULE__533__; | ||
module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_engine__; | ||
@@ -59,3 +110,18 @@ /***/ }) | ||
/******/ | ||
/******/ // expose the modules object (__webpack_modules__) | ||
/******/ __webpack_require__.m = __webpack_modules__; | ||
/******/ | ||
/************************************************************************/ | ||
/******/ /* webpack/runtime/compat get default export */ | ||
/******/ (() => { | ||
/******/ // getDefaultExport function for compatibility with non-harmony modules | ||
/******/ __webpack_require__.n = (module) => { | ||
/******/ var getter = module && module.__esModule ? | ||
/******/ () => (module['default']) : | ||
/******/ () => (module); | ||
/******/ __webpack_require__.d(getter, { a: getter }); | ||
/******/ return getter; | ||
/******/ }; | ||
/******/ })(); | ||
/******/ | ||
/******/ /* webpack/runtime/define property getters */ | ||
@@ -73,2 +139,36 @@ /******/ (() => { | ||
/******/ | ||
/******/ /* webpack/runtime/ensure chunk */ | ||
/******/ (() => { | ||
/******/ __webpack_require__.f = {}; | ||
/******/ // This file contains only the entry chunk. | ||
/******/ // The chunk loading function for additional chunks | ||
/******/ __webpack_require__.e = (chunkId) => { | ||
/******/ return Promise.all(Object.keys(__webpack_require__.f).reduce((promises, key) => { | ||
/******/ __webpack_require__.f[key](chunkId, promises); | ||
/******/ return promises; | ||
/******/ }, [])); | ||
/******/ }; | ||
/******/ })(); | ||
/******/ | ||
/******/ /* webpack/runtime/get javascript chunk filename */ | ||
/******/ (() => { | ||
/******/ // This function allow to reference async chunks | ||
/******/ __webpack_require__.u = (chunkId) => { | ||
/******/ // return url for filenames based on template | ||
/******/ return "" + chunkId + ".js"; | ||
/******/ }; | ||
/******/ })(); | ||
/******/ | ||
/******/ /* webpack/runtime/global */ | ||
/******/ (() => { | ||
/******/ __webpack_require__.g = (function() { | ||
/******/ if (typeof globalThis === 'object') return globalThis; | ||
/******/ try { | ||
/******/ return this || new Function('return this')(); | ||
/******/ } catch (e) { | ||
/******/ if (typeof window === 'object') return window; | ||
/******/ } | ||
/******/ })(); | ||
/******/ })(); | ||
/******/ | ||
/******/ /* webpack/runtime/hasOwnProperty shorthand */ | ||
@@ -79,2 +179,48 @@ /******/ (() => { | ||
/******/ | ||
/******/ /* webpack/runtime/load script */ | ||
/******/ (() => { | ||
/******/ var inProgress = {}; | ||
/******/ var dataWebpackPrefix = "@tsparticles/interaction-external-bubble:"; | ||
/******/ // loadScript function to load a script via script tag | ||
/******/ __webpack_require__.l = (url, done, key, chunkId) => { | ||
/******/ if(inProgress[url]) { inProgress[url].push(done); return; } | ||
/******/ var script, needAttach; | ||
/******/ if(key !== undefined) { | ||
/******/ var scripts = document.getElementsByTagName("script"); | ||
/******/ for(var i = 0; i < scripts.length; i++) { | ||
/******/ var s = scripts[i]; | ||
/******/ if(s.getAttribute("src") == url || s.getAttribute("data-webpack") == dataWebpackPrefix + key) { script = s; break; } | ||
/******/ } | ||
/******/ } | ||
/******/ if(!script) { | ||
/******/ needAttach = true; | ||
/******/ script = document.createElement('script'); | ||
/******/ | ||
/******/ script.charset = 'utf-8'; | ||
/******/ script.timeout = 120; | ||
/******/ if (__webpack_require__.nc) { | ||
/******/ script.setAttribute("nonce", __webpack_require__.nc); | ||
/******/ } | ||
/******/ script.setAttribute("data-webpack", dataWebpackPrefix + key); | ||
/******/ | ||
/******/ script.src = url; | ||
/******/ } | ||
/******/ inProgress[url] = [done]; | ||
/******/ var onScriptComplete = (prev, event) => { | ||
/******/ // avoid mem leaks in IE. | ||
/******/ script.onerror = script.onload = null; | ||
/******/ clearTimeout(timeout); | ||
/******/ var doneFns = inProgress[url]; | ||
/******/ delete inProgress[url]; | ||
/******/ script.parentNode && script.parentNode.removeChild(script); | ||
/******/ doneFns && doneFns.forEach((fn) => (fn(event))); | ||
/******/ if(prev) return prev(event); | ||
/******/ } | ||
/******/ var timeout = setTimeout(onScriptComplete.bind(null, undefined, { type: 'timeout', target: script }), 120000); | ||
/******/ script.onerror = onScriptComplete.bind(null, script.onerror); | ||
/******/ script.onload = onScriptComplete.bind(null, script.onload); | ||
/******/ needAttach && document.head.appendChild(script); | ||
/******/ }; | ||
/******/ })(); | ||
/******/ | ||
/******/ /* webpack/runtime/make namespace object */ | ||
@@ -91,438 +237,124 @@ /******/ (() => { | ||
/******/ | ||
/******/ /* webpack/runtime/publicPath */ | ||
/******/ (() => { | ||
/******/ var scriptUrl; | ||
/******/ if (__webpack_require__.g.importScripts) scriptUrl = __webpack_require__.g.location + ""; | ||
/******/ var document = __webpack_require__.g.document; | ||
/******/ if (!scriptUrl && document) { | ||
/******/ if (document.currentScript) | ||
/******/ scriptUrl = document.currentScript.src; | ||
/******/ if (!scriptUrl) { | ||
/******/ var scripts = document.getElementsByTagName("script"); | ||
/******/ if(scripts.length) { | ||
/******/ var i = scripts.length - 1; | ||
/******/ while (i > -1 && !scriptUrl) scriptUrl = scripts[i--].src; | ||
/******/ } | ||
/******/ } | ||
/******/ } | ||
/******/ // When supporting browsers where an automatic publicPath is not supported you must specify an output.publicPath manually via configuration | ||
/******/ // or pass an empty string ("") and set the __webpack_public_path__ variable from your code to use your own logic. | ||
/******/ if (!scriptUrl) throw new Error("Automatic publicPath is not supported in this browser"); | ||
/******/ scriptUrl = scriptUrl.replace(/#.*$/, "").replace(/\?.*$/, "").replace(/\/[^\/]+$/, "/"); | ||
/******/ __webpack_require__.p = scriptUrl; | ||
/******/ })(); | ||
/******/ | ||
/******/ /* webpack/runtime/jsonp chunk loading */ | ||
/******/ (() => { | ||
/******/ // no baseURI | ||
/******/ | ||
/******/ // object to store loaded and loading chunks | ||
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched | ||
/******/ // [resolve, reject, Promise] = chunk loading, 0 = chunk loaded | ||
/******/ var installedChunks = { | ||
/******/ "tsparticles.interaction.external.bubble": 0 | ||
/******/ }; | ||
/******/ | ||
/******/ __webpack_require__.f.j = (chunkId, promises) => { | ||
/******/ // JSONP chunk loading for javascript | ||
/******/ var installedChunkData = __webpack_require__.o(installedChunks, chunkId) ? installedChunks[chunkId] : undefined; | ||
/******/ if(installedChunkData !== 0) { // 0 means "already installed". | ||
/******/ | ||
/******/ // a Promise means "currently loading". | ||
/******/ if(installedChunkData) { | ||
/******/ promises.push(installedChunkData[2]); | ||
/******/ } else { | ||
/******/ if(true) { // all chunks have JS | ||
/******/ // setup Promise in chunk cache | ||
/******/ var promise = new Promise((resolve, reject) => (installedChunkData = installedChunks[chunkId] = [resolve, reject])); | ||
/******/ promises.push(installedChunkData[2] = promise); | ||
/******/ | ||
/******/ // start chunk loading | ||
/******/ var url = __webpack_require__.p + __webpack_require__.u(chunkId); | ||
/******/ // create error before stack unwound to get useful stacktrace later | ||
/******/ var error = new Error(); | ||
/******/ var loadingEnded = (event) => { | ||
/******/ if(__webpack_require__.o(installedChunks, chunkId)) { | ||
/******/ installedChunkData = installedChunks[chunkId]; | ||
/******/ if(installedChunkData !== 0) installedChunks[chunkId] = undefined; | ||
/******/ if(installedChunkData) { | ||
/******/ var errorType = event && (event.type === 'load' ? 'missing' : event.type); | ||
/******/ var realSrc = event && event.target && event.target.src; | ||
/******/ error.message = 'Loading chunk ' + chunkId + ' failed.\n(' + errorType + ': ' + realSrc + ')'; | ||
/******/ error.name = 'ChunkLoadError'; | ||
/******/ error.type = errorType; | ||
/******/ error.request = realSrc; | ||
/******/ installedChunkData[1](error); | ||
/******/ } | ||
/******/ } | ||
/******/ }; | ||
/******/ __webpack_require__.l(url, loadingEnded, "chunk-" + chunkId, chunkId); | ||
/******/ } | ||
/******/ } | ||
/******/ } | ||
/******/ }; | ||
/******/ | ||
/******/ // no prefetching | ||
/******/ | ||
/******/ // no preloaded | ||
/******/ | ||
/******/ // no HMR | ||
/******/ | ||
/******/ // no HMR manifest | ||
/******/ | ||
/******/ // no on chunks loaded | ||
/******/ | ||
/******/ // install a JSONP callback for chunk loading | ||
/******/ var webpackJsonpCallback = (parentChunkLoadingFunction, data) => { | ||
/******/ var chunkIds = data[0]; | ||
/******/ var moreModules = data[1]; | ||
/******/ var runtime = data[2]; | ||
/******/ // add "moreModules" to the modules object, | ||
/******/ // then flag all "chunkIds" as loaded and fire callback | ||
/******/ var moduleId, chunkId, i = 0; | ||
/******/ if(chunkIds.some((id) => (installedChunks[id] !== 0))) { | ||
/******/ for(moduleId in moreModules) { | ||
/******/ if(__webpack_require__.o(moreModules, moduleId)) { | ||
/******/ __webpack_require__.m[moduleId] = moreModules[moduleId]; | ||
/******/ } | ||
/******/ } | ||
/******/ if(runtime) var result = runtime(__webpack_require__); | ||
/******/ } | ||
/******/ if(parentChunkLoadingFunction) parentChunkLoadingFunction(data); | ||
/******/ for(;i < chunkIds.length; i++) { | ||
/******/ chunkId = chunkIds[i]; | ||
/******/ if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) { | ||
/******/ installedChunks[chunkId][0](); | ||
/******/ } | ||
/******/ installedChunks[chunkId] = 0; | ||
/******/ } | ||
/******/ | ||
/******/ } | ||
/******/ | ||
/******/ var chunkLoadingGlobal = this["webpackChunk_tsparticles_interaction_external_bubble"] = this["webpackChunk_tsparticles_interaction_external_bubble"] || []; | ||
/******/ chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0)); | ||
/******/ chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal)); | ||
/******/ })(); | ||
/******/ | ||
/************************************************************************/ | ||
var __webpack_exports__ = {}; | ||
// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk. | ||
(() => { | ||
// ESM COMPAT FLAG | ||
__webpack_require__.r(__webpack_exports__); | ||
// EXPORTS | ||
__webpack_require__.d(__webpack_exports__, { | ||
Bubble: () => (/* reexport */ Bubble), | ||
BubbleBase: () => (/* reexport */ BubbleBase), | ||
BubbleDiv: () => (/* reexport */ BubbleDiv), | ||
loadExternalBubbleInteraction: () => (/* binding */ loadExternalBubbleInteraction) | ||
}); | ||
// EXTERNAL MODULE: external {"commonjs":"@tsparticles/engine","commonjs2":"@tsparticles/engine","amd":"@tsparticles/engine","root":"window"} | ||
var engine_root_window_ = __webpack_require__(533); | ||
;// CONCATENATED MODULE: ./dist/browser/Options/Classes/BubbleBase.js | ||
class BubbleBase { | ||
constructor() { | ||
this.distance = 200; | ||
this.duration = 0.4; | ||
this.mix = false; | ||
} | ||
load(data) { | ||
if (!data) { | ||
return; | ||
} | ||
if (data.distance !== undefined) { | ||
this.distance = data.distance; | ||
} | ||
if (data.duration !== undefined) { | ||
this.duration = data.duration; | ||
} | ||
if (data.mix !== undefined) { | ||
this.mix = data.mix; | ||
} | ||
if (data.opacity !== undefined) { | ||
this.opacity = data.opacity; | ||
} | ||
if (data.color !== undefined) { | ||
const sourceColor = (0,engine_root_window_.isArray)(this.color) ? undefined : this.color; | ||
this.color = (0,engine_root_window_.executeOnSingleOrMultiple)(data.color, color => { | ||
return engine_root_window_.OptionsColor.create(sourceColor, color); | ||
}); | ||
} | ||
if (data.size !== undefined) { | ||
this.size = data.size; | ||
} | ||
} | ||
} | ||
;// CONCATENATED MODULE: ./dist/browser/Options/Classes/BubbleDiv.js | ||
class BubbleDiv extends BubbleBase { | ||
constructor() { | ||
super(); | ||
this.selectors = []; | ||
} | ||
load(data) { | ||
super.load(data); | ||
if (!data) { | ||
return; | ||
} | ||
if (data.selectors !== undefined) { | ||
this.selectors = data.selectors; | ||
} | ||
} | ||
} | ||
;// CONCATENATED MODULE: ./dist/browser/Options/Classes/Bubble.js | ||
class Bubble extends BubbleBase { | ||
load(data) { | ||
super.load(data); | ||
if (!data) { | ||
return; | ||
} | ||
this.divs = (0,engine_root_window_.executeOnSingleOrMultiple)(data.divs, div => { | ||
const tmp = new BubbleDiv(); | ||
tmp.load(div); | ||
return tmp; | ||
}); | ||
} | ||
} | ||
;// CONCATENATED MODULE: ./dist/browser/Utils.js | ||
function calculateBubbleValue(particleValue, modeValue, optionsValue, ratio) { | ||
if (modeValue >= optionsValue) { | ||
const value = particleValue + (modeValue - optionsValue) * ratio; | ||
return (0,engine_root_window_.clamp)(value, particleValue, modeValue); | ||
} else if (modeValue < optionsValue) { | ||
const value = particleValue - (optionsValue - modeValue) * ratio; | ||
return (0,engine_root_window_.clamp)(value, modeValue, particleValue); | ||
} | ||
} | ||
;// CONCATENATED MODULE: ./dist/browser/Bubbler.js | ||
const bubbleMode = "bubble", | ||
minDistance = 0, | ||
defaultClickTime = 0, | ||
Bubbler_double = 2, | ||
defaultOpacity = 1, | ||
ratioOffset = 1, | ||
defaultBubbleValue = 0, | ||
minRatio = 0, | ||
half = 0.5, | ||
defaultRatio = 1; | ||
class Bubbler extends engine_root_window_.ExternalInteractorBase { | ||
constructor(container) { | ||
super(container); | ||
this._clickBubble = () => { | ||
const container = this.container, | ||
options = container.actualOptions, | ||
mouseClickPos = container.interactivity.mouse.clickPosition, | ||
bubbleOptions = options.interactivity.modes.bubble; | ||
if (!bubbleOptions || !mouseClickPos) { | ||
return; | ||
} | ||
if (!container.bubble) { | ||
container.bubble = {}; | ||
} | ||
const distance = container.retina.bubbleModeDistance; | ||
if (!distance || distance < minDistance) { | ||
return; | ||
} | ||
const query = container.particles.quadTree.queryCircle(mouseClickPos, distance, p => this.isEnabled(p)), | ||
{ | ||
bubble | ||
} = container; | ||
for (const particle of query) { | ||
if (!bubble.clicking) { | ||
continue; | ||
} | ||
particle.bubble.inRange = !bubble.durationEnd; | ||
const pos = particle.getPosition(), | ||
distMouse = (0,engine_root_window_.getDistance)(pos, mouseClickPos), | ||
timeSpent = (new Date().getTime() - (container.interactivity.mouse.clickTime ?? defaultClickTime)) / engine_root_window_.millisecondsToSeconds; | ||
if (timeSpent > bubbleOptions.duration) { | ||
bubble.durationEnd = true; | ||
} | ||
if (timeSpent > bubbleOptions.duration * Bubbler_double) { | ||
bubble.clicking = false; | ||
bubble.durationEnd = false; | ||
} | ||
const sizeData = { | ||
bubbleObj: { | ||
optValue: container.retina.bubbleModeSize, | ||
value: particle.bubble.radius | ||
}, | ||
particlesObj: { | ||
optValue: (0,engine_root_window_.getRangeMax)(particle.options.size.value) * container.retina.pixelRatio, | ||
value: particle.size.value | ||
}, | ||
type: "size" | ||
}; | ||
this._process(particle, distMouse, timeSpent, sizeData); | ||
const opacityData = { | ||
bubbleObj: { | ||
optValue: bubbleOptions.opacity, | ||
value: particle.bubble.opacity | ||
}, | ||
particlesObj: { | ||
optValue: (0,engine_root_window_.getRangeMax)(particle.options.opacity.value), | ||
value: particle.opacity?.value ?? defaultOpacity | ||
}, | ||
type: "opacity" | ||
}; | ||
this._process(particle, distMouse, timeSpent, opacityData); | ||
if (!bubble.durationEnd && distMouse <= distance) { | ||
this._hoverBubbleColor(particle, distMouse); | ||
} else { | ||
delete particle.bubble.color; | ||
} | ||
} | ||
}; | ||
this._hoverBubble = () => { | ||
const container = this.container, | ||
mousePos = container.interactivity.mouse.position, | ||
distance = container.retina.bubbleModeDistance; | ||
if (!distance || distance < minDistance || !mousePos) { | ||
return; | ||
} | ||
const query = container.particles.quadTree.queryCircle(mousePos, distance, p => this.isEnabled(p)); | ||
for (const particle of query) { | ||
particle.bubble.inRange = true; | ||
const pos = particle.getPosition(), | ||
pointDistance = (0,engine_root_window_.getDistance)(pos, mousePos), | ||
ratio = ratioOffset - pointDistance / distance; | ||
if (pointDistance <= distance) { | ||
if (ratio >= minRatio && container.interactivity.status === engine_root_window_.mouseMoveEvent) { | ||
this._hoverBubbleSize(particle, ratio); | ||
this._hoverBubbleOpacity(particle, ratio); | ||
this._hoverBubbleColor(particle, ratio); | ||
} | ||
} else { | ||
this.reset(particle); | ||
} | ||
if (container.interactivity.status === engine_root_window_.mouseLeaveEvent) { | ||
this.reset(particle); | ||
} | ||
} | ||
}; | ||
this._hoverBubbleColor = (particle, ratio, divBubble) => { | ||
const options = this.container.actualOptions, | ||
bubbleOptions = divBubble ?? options.interactivity.modes.bubble; | ||
if (!bubbleOptions) { | ||
return; | ||
} | ||
if (!particle.bubble.finalColor) { | ||
const modeColor = bubbleOptions.color; | ||
if (!modeColor) { | ||
return; | ||
} | ||
const bubbleColor = (0,engine_root_window_.itemFromSingleOrMultiple)(modeColor); | ||
particle.bubble.finalColor = (0,engine_root_window_.rangeColorToHsl)(bubbleColor); | ||
} | ||
if (!particle.bubble.finalColor) { | ||
return; | ||
} | ||
if (bubbleOptions.mix) { | ||
particle.bubble.color = undefined; | ||
const pColor = particle.getFillColor(); | ||
particle.bubble.color = pColor ? (0,engine_root_window_.rgbToHsl)((0,engine_root_window_.colorMix)(pColor, particle.bubble.finalColor, ratioOffset - ratio, ratio)) : particle.bubble.finalColor; | ||
} else { | ||
particle.bubble.color = particle.bubble.finalColor; | ||
} | ||
}; | ||
this._hoverBubbleOpacity = (particle, ratio, divBubble) => { | ||
const container = this.container, | ||
options = container.actualOptions, | ||
modeOpacity = divBubble?.opacity ?? options.interactivity.modes.bubble?.opacity; | ||
if (!modeOpacity) { | ||
return; | ||
} | ||
const optOpacity = particle.options.opacity.value, | ||
pOpacity = particle.opacity?.value ?? defaultOpacity, | ||
opacity = calculateBubbleValue(pOpacity, modeOpacity, (0,engine_root_window_.getRangeMax)(optOpacity), ratio); | ||
if (opacity !== undefined) { | ||
particle.bubble.opacity = opacity; | ||
} | ||
}; | ||
this._hoverBubbleSize = (particle, ratio, divBubble) => { | ||
const container = this.container, | ||
modeSize = divBubble?.size ? divBubble.size * container.retina.pixelRatio : container.retina.bubbleModeSize; | ||
if (modeSize === undefined) { | ||
return; | ||
} | ||
const optSize = (0,engine_root_window_.getRangeMax)(particle.options.size.value) * container.retina.pixelRatio, | ||
pSize = particle.size.value, | ||
size = calculateBubbleValue(pSize, modeSize, optSize, ratio); | ||
if (size !== undefined) { | ||
particle.bubble.radius = size; | ||
} | ||
}; | ||
this._process = (particle, distMouse, timeSpent, data) => { | ||
const container = this.container, | ||
bubbleParam = data.bubbleObj.optValue, | ||
options = container.actualOptions, | ||
bubbleOptions = options.interactivity.modes.bubble; | ||
if (!bubbleOptions || bubbleParam === undefined) { | ||
return; | ||
} | ||
const bubbleDuration = bubbleOptions.duration, | ||
bubbleDistance = container.retina.bubbleModeDistance, | ||
particlesParam = data.particlesObj.optValue, | ||
pObjBubble = data.bubbleObj.value, | ||
pObj = data.particlesObj.value ?? defaultBubbleValue, | ||
type = data.type; | ||
if (!bubbleDistance || bubbleDistance < minDistance || bubbleParam === particlesParam) { | ||
return; | ||
} | ||
if (!container.bubble) { | ||
container.bubble = {}; | ||
} | ||
if (container.bubble.durationEnd) { | ||
if (pObjBubble) { | ||
if (type === "size") { | ||
delete particle.bubble.radius; | ||
} | ||
if (type === "opacity") { | ||
delete particle.bubble.opacity; | ||
} | ||
} | ||
} else { | ||
if (distMouse <= bubbleDistance) { | ||
const obj = pObjBubble ?? pObj; | ||
if (obj !== bubbleParam) { | ||
const value = pObj - timeSpent * (pObj - bubbleParam) / bubbleDuration; | ||
if (type === "size") { | ||
particle.bubble.radius = value; | ||
} | ||
if (type === "opacity") { | ||
particle.bubble.opacity = value; | ||
} | ||
} | ||
} else { | ||
if (type === "size") { | ||
delete particle.bubble.radius; | ||
} | ||
if (type === "opacity") { | ||
delete particle.bubble.opacity; | ||
} | ||
} | ||
} | ||
}; | ||
this._singleSelectorHover = (delta, selector, div) => { | ||
const container = this.container, | ||
selectors = document.querySelectorAll(selector), | ||
bubble = container.actualOptions.interactivity.modes.bubble; | ||
if (!bubble || !selectors.length) { | ||
return; | ||
} | ||
selectors.forEach(item => { | ||
const elem = item, | ||
pxRatio = container.retina.pixelRatio, | ||
pos = { | ||
x: (elem.offsetLeft + elem.offsetWidth * half) * pxRatio, | ||
y: (elem.offsetTop + elem.offsetHeight * half) * pxRatio | ||
}, | ||
repulseRadius = elem.offsetWidth * half * pxRatio, | ||
area = div.type === "circle" ? new engine_root_window_.Circle(pos.x, pos.y, repulseRadius) : new engine_root_window_.Rectangle(elem.offsetLeft * pxRatio, elem.offsetTop * pxRatio, elem.offsetWidth * pxRatio, elem.offsetHeight * pxRatio), | ||
query = container.particles.quadTree.query(area, p => this.isEnabled(p)); | ||
for (const particle of query) { | ||
if (!area.contains(particle.getPosition())) { | ||
continue; | ||
} | ||
particle.bubble.inRange = true; | ||
const divs = bubble.divs, | ||
divBubble = (0,engine_root_window_.divMode)(divs, elem); | ||
if (!particle.bubble.div || particle.bubble.div !== elem) { | ||
this.clear(particle, delta, true); | ||
particle.bubble.div = elem; | ||
} | ||
this._hoverBubbleSize(particle, defaultRatio, divBubble); | ||
this._hoverBubbleOpacity(particle, defaultRatio, divBubble); | ||
this._hoverBubbleColor(particle, defaultRatio, divBubble); | ||
} | ||
}); | ||
}; | ||
if (!container.bubble) { | ||
container.bubble = {}; | ||
} | ||
this.handleClickMode = mode => { | ||
if (mode !== bubbleMode) { | ||
return; | ||
} | ||
if (!container.bubble) { | ||
container.bubble = {}; | ||
} | ||
container.bubble.clicking = true; | ||
}; | ||
} | ||
clear(particle, delta, force) { | ||
if (particle.bubble.inRange && !force) { | ||
return; | ||
} | ||
delete particle.bubble.div; | ||
delete particle.bubble.opacity; | ||
delete particle.bubble.radius; | ||
delete particle.bubble.color; | ||
} | ||
init() { | ||
const container = this.container, | ||
bubble = container.actualOptions.interactivity.modes.bubble; | ||
if (!bubble) { | ||
return; | ||
} | ||
container.retina.bubbleModeDistance = bubble.distance * container.retina.pixelRatio; | ||
if (bubble.size !== undefined) { | ||
container.retina.bubbleModeSize = bubble.size * container.retina.pixelRatio; | ||
} | ||
} | ||
async interact(delta) { | ||
const options = this.container.actualOptions, | ||
events = options.interactivity.events, | ||
onHover = events.onHover, | ||
onClick = events.onClick, | ||
hoverEnabled = onHover.enable, | ||
hoverMode = onHover.mode, | ||
clickEnabled = onClick.enable, | ||
clickMode = onClick.mode, | ||
divs = events.onDiv; | ||
if (hoverEnabled && (0,engine_root_window_.isInArray)(bubbleMode, hoverMode)) { | ||
this._hoverBubble(); | ||
} else if (clickEnabled && (0,engine_root_window_.isInArray)(bubbleMode, clickMode)) { | ||
this._clickBubble(); | ||
} else { | ||
(0,engine_root_window_.divModeExecute)(bubbleMode, divs, (selector, div) => this._singleSelectorHover(delta, selector, div)); | ||
} | ||
await Promise.resolve(); | ||
} | ||
isEnabled(particle) { | ||
const container = this.container, | ||
options = container.actualOptions, | ||
mouse = container.interactivity.mouse, | ||
events = (particle?.interactivity ?? options.interactivity).events, | ||
{ | ||
onClick, | ||
onDiv, | ||
onHover | ||
} = events, | ||
divBubble = (0,engine_root_window_.isDivModeEnabled)(bubbleMode, onDiv); | ||
if (!(divBubble || onHover.enable && !!mouse.position || onClick.enable && mouse.clickPosition)) { | ||
return false; | ||
} | ||
return (0,engine_root_window_.isInArray)(bubbleMode, onHover.mode) || (0,engine_root_window_.isInArray)(bubbleMode, onClick.mode) || divBubble; | ||
} | ||
loadModeOptions(options, ...sources) { | ||
if (!options.bubble) { | ||
options.bubble = new Bubble(); | ||
} | ||
for (const source of sources) { | ||
options.bubble.load(source?.bubble); | ||
} | ||
} | ||
reset(particle) { | ||
particle.bubble.inRange = false; | ||
} | ||
} | ||
;// CONCATENATED MODULE: ./dist/browser/index.js | ||
async function loadExternalBubbleInteraction(engine, refresh = true) { | ||
await engine.addInteractor("externalBubble", container => new Bubbler(container), refresh); | ||
} | ||
})(); | ||
/******/ | ||
/******/ // startup | ||
/******/ // Load entry module and return exports | ||
/******/ // This entry module can't be inlined because the eval devtool is used. | ||
/******/ var __webpack_exports__ = __webpack_require__("./dist/browser/index.js"); | ||
/******/ | ||
/******/ return __webpack_exports__; | ||
@@ -529,0 +361,0 @@ /******/ })() |
/*! For license information please see tsparticles.interaction.external.bubble.min.js.LICENSE.txt */ | ||
!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=>(()=>{"use strict";var t={533:t=>{t.exports=e}},i={};function o(e){var n=i[e];if(void 0!==n)return n.exports;var b=i[e]={exports:{}};return t[e](b,b.exports,o),b.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={};return(()=>{o.r(n),o.d(n,{Bubble:()=>b,BubbleBase:()=>t,BubbleDiv:()=>i,loadExternalBubbleInteraction:()=>a});var e=o(533);class t{constructor(){this.distance=200,this.duration=.4,this.mix=!1}load(t){if(t){if(void 0!==t.distance&&(this.distance=t.distance),void 0!==t.duration&&(this.duration=t.duration),void 0!==t.mix&&(this.mix=t.mix),void 0!==t.opacity&&(this.opacity=t.opacity),void 0!==t.color){const i=(0,e.isArray)(this.color)?void 0:this.color;this.color=(0,e.executeOnSingleOrMultiple)(t.color,(t=>e.OptionsColor.create(i,t)))}void 0!==t.size&&(this.size=t.size)}}}class i extends t{constructor(){super(),this.selectors=[]}load(e){super.load(e),e&&void 0!==e.selectors&&(this.selectors=e.selectors)}}class b extends t{load(t){super.load(t),t&&(this.divs=(0,e.executeOnSingleOrMultiple)(t.divs,(e=>{const t=new i;return t.load(e),t})))}}function s(t,i,o,n){if(i>=o){const b=t+(i-o)*n;return(0,e.clamp)(b,t,i)}if(i<o){const b=t-(o-i)*n;return(0,e.clamp)(b,i,t)}}const l="bubble";class r extends e.ExternalInteractorBase{constructor(t){super(t),this._clickBubble=()=>{const t=this.container,i=t.actualOptions,o=t.interactivity.mouse.clickPosition,n=i.interactivity.modes.bubble;if(!n||!o)return;t.bubble||(t.bubble={});const b=t.retina.bubbleModeDistance;if(!b||b<0)return;const s=t.particles.quadTree.queryCircle(o,b,(e=>this.isEnabled(e))),{bubble:l}=t;for(const i of s){if(!l.clicking)continue;i.bubble.inRange=!l.durationEnd;const s=i.getPosition(),r=(0,e.getDistance)(s,o),a=((new Date).getTime()-(t.interactivity.mouse.clickTime??0))/e.millisecondsToSeconds;a>n.duration&&(l.durationEnd=!0),a>2*n.duration&&(l.clicking=!1,l.durationEnd=!1);const c={bubbleObj:{optValue:t.retina.bubbleModeSize,value:i.bubble.radius},particlesObj:{optValue:(0,e.getRangeMax)(i.options.size.value)*t.retina.pixelRatio,value:i.size.value},type:"size"};this._process(i,r,a,c);const u={bubbleObj:{optValue:n.opacity,value:i.bubble.opacity},particlesObj:{optValue:(0,e.getRangeMax)(i.options.opacity.value),value:i.opacity?.value??1},type:"opacity"};this._process(i,r,a,u),!l.durationEnd&&r<=b?this._hoverBubbleColor(i,r):delete i.bubble.color}},this._hoverBubble=()=>{const t=this.container,i=t.interactivity.mouse.position,o=t.retina.bubbleModeDistance;if(!o||o<0||!i)return;const n=t.particles.quadTree.queryCircle(i,o,(e=>this.isEnabled(e)));for(const b of n){b.bubble.inRange=!0;const n=b.getPosition(),s=(0,e.getDistance)(n,i),l=1-s/o;s<=o?l>=0&&t.interactivity.status===e.mouseMoveEvent&&(this._hoverBubbleSize(b,l),this._hoverBubbleOpacity(b,l),this._hoverBubbleColor(b,l)):this.reset(b),t.interactivity.status===e.mouseLeaveEvent&&this.reset(b)}},this._hoverBubbleColor=(t,i,o)=>{const n=this.container.actualOptions,b=o??n.interactivity.modes.bubble;if(b){if(!t.bubble.finalColor){const i=b.color;if(!i)return;const o=(0,e.itemFromSingleOrMultiple)(i);t.bubble.finalColor=(0,e.rangeColorToHsl)(o)}if(t.bubble.finalColor)if(b.mix){t.bubble.color=void 0;const o=t.getFillColor();t.bubble.color=o?(0,e.rgbToHsl)((0,e.colorMix)(o,t.bubble.finalColor,1-i,i)):t.bubble.finalColor}else t.bubble.color=t.bubble.finalColor}},this._hoverBubbleOpacity=(t,i,o)=>{const n=this.container.actualOptions,b=o?.opacity??n.interactivity.modes.bubble?.opacity;if(!b)return;const l=t.options.opacity.value,r=s(t.opacity?.value??1,b,(0,e.getRangeMax)(l),i);void 0!==r&&(t.bubble.opacity=r)},this._hoverBubbleSize=(t,i,o)=>{const n=this.container,b=o?.size?o.size*n.retina.pixelRatio:n.retina.bubbleModeSize;if(void 0===b)return;const l=(0,e.getRangeMax)(t.options.size.value)*n.retina.pixelRatio,r=s(t.size.value,b,l,i);void 0!==r&&(t.bubble.radius=r)},this._process=(e,t,i,o)=>{const n=this.container,b=o.bubbleObj.optValue,s=n.actualOptions.interactivity.modes.bubble;if(!s||void 0===b)return;const l=s.duration,r=n.retina.bubbleModeDistance,a=o.particlesObj.optValue,c=o.bubbleObj.value,u=o.particlesObj.value??0,d=o.type;if(r&&!(r<0)&&b!==a)if(n.bubble||(n.bubble={}),n.bubble.durationEnd)c&&("size"===d&&delete e.bubble.radius,"opacity"===d&&delete e.bubble.opacity);else if(t<=r){if((c??u)!==b){const t=u-i*(u-b)/l;"size"===d&&(e.bubble.radius=t),"opacity"===d&&(e.bubble.opacity=t)}}else"size"===d&&delete e.bubble.radius,"opacity"===d&&delete e.bubble.opacity},this._singleSelectorHover=(t,i,o)=>{const n=this.container,b=document.querySelectorAll(i),s=n.actualOptions.interactivity.modes.bubble;s&&b.length&&b.forEach((i=>{const b=i,l=n.retina.pixelRatio,r={x:(b.offsetLeft+.5*b.offsetWidth)*l,y:(b.offsetTop+.5*b.offsetHeight)*l},a=.5*b.offsetWidth*l,c="circle"===o.type?new e.Circle(r.x,r.y,a):new e.Rectangle(b.offsetLeft*l,b.offsetTop*l,b.offsetWidth*l,b.offsetHeight*l),u=n.particles.quadTree.query(c,(e=>this.isEnabled(e)));for(const i of u){if(!c.contains(i.getPosition()))continue;i.bubble.inRange=!0;const o=s.divs,n=(0,e.divMode)(o,b);i.bubble.div&&i.bubble.div===b||(this.clear(i,t,!0),i.bubble.div=b),this._hoverBubbleSize(i,1,n),this._hoverBubbleOpacity(i,1,n),this._hoverBubbleColor(i,1,n)}}))},t.bubble||(t.bubble={}),this.handleClickMode=e=>{e===l&&(t.bubble||(t.bubble={}),t.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))}async interact(t){const i=this.container.actualOptions.interactivity.events,o=i.onHover,n=i.onClick,b=o.enable,s=o.mode,r=n.enable,a=n.mode,c=i.onDiv;b&&(0,e.isInArray)(l,s)?this._hoverBubble():r&&(0,e.isInArray)(l,a)?this._clickBubble():(0,e.divModeExecute)(l,c,((e,i)=>this._singleSelectorHover(t,e,i))),await Promise.resolve()}isEnabled(t){const i=this.container,o=i.actualOptions,n=i.interactivity.mouse,b=(t?.interactivity??o.interactivity).events,{onClick:s,onDiv:r,onHover:a}=b,c=(0,e.isDivModeEnabled)(l,r);return!!(c||a.enable&&n.position||s.enable&&n.clickPosition)&&((0,e.isInArray)(l,a.mode)||(0,e.isInArray)(l,s.mode)||c)}loadModeOptions(e,...t){e.bubble||(e.bubble=new b);for(const i of t)e.bubble.load(i?.bubble)}reset(e){e.bubble.inRange=!1}}async function a(e,t=!0){await e.addInteractor("externalBubble",(e=>new r(e)),t)}})(),n})())); | ||
!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 r="object"==typeof exports?t(require("@tsparticles/engine")):t(e.window);for(var o in r)("object"==typeof exports?exports:e)[o]=r[o]}}(this,(e=>(()=>{var t,r,o={585:(e,t,r)=>{r.d(t,{x:()=>a});var o=r(533),i=r(543),n=r(450);class a extends i.N{load(e){super.load(e),e&&(this.divs=(0,o.executeOnSingleOrMultiple)(e.divs,(e=>{const t=new n.y;return t.load(e),t})))}}},543:(e,t,r)=>{r.d(t,{N:()=>i});var o=r(533);class i{constructor(){this.distance=200,this.duration=.4,this.mix=!1}load(e){if(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,o.isArray)(this.color)?void 0:this.color;this.color=(0,o.executeOnSingleOrMultiple)(e.color,(e=>o.OptionsColor.create(t,e)))}void 0!==e.size&&(this.size=e.size)}}}},450:(e,t,r)=>{r.d(t,{y:()=>i});var o=r(543);class i extends o.N{constructor(){super(),this.selectors=[]}load(e){super.load(e),e&&void 0!==e.selectors&&(this.selectors=e.selectors)}}},533:t=>{t.exports=e}},i={};function n(e){var t=i[e];if(void 0!==t)return t.exports;var r=i[e]={exports:{}};return o[e](r,r.exports,n),r.exports}n.m=o,n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.f={},n.e=e=>Promise.all(Object.keys(n.f).reduce(((t,r)=>(n.f[r](e,t),t)),[])),n.u=e=>e+".min.js",n.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),t={},r="@tsparticles/interaction-external-bubble:",n.l=(e,o,i,a)=>{if(t[e])t[e].push(o);else{var s,l;if(void 0!==i)for(var c=document.getElementsByTagName("script"),u=0;u<c.length;u++){var d=c[u];if(d.getAttribute("src")==e||d.getAttribute("data-webpack")==r+i){s=d;break}}s||(l=!0,(s=document.createElement("script")).charset="utf-8",s.timeout=120,n.nc&&s.setAttribute("nonce",n.nc),s.setAttribute("data-webpack",r+i),s.src=e),t[e]=[o];var p=(r,o)=>{s.onerror=s.onload=null,clearTimeout(b);var i=t[e];if(delete t[e],s.parentNode&&s.parentNode.removeChild(s),i&&i.forEach((e=>e(o))),r)return r(o)},b=setTimeout(p.bind(null,void 0,{type:"timeout",target:s}),12e4);s.onerror=p.bind(null,s.onerror),s.onload=p.bind(null,s.onload),l&&document.head.appendChild(s)}},n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e;n.g.importScripts&&(e=n.g.location+"");var t=n.g.document;if(!e&&t&&(t.currentScript&&(e=t.currentScript.src),!e)){var r=t.getElementsByTagName("script");if(r.length)for(var o=r.length-1;o>-1&&!e;)e=r[o--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),n.p=e})(),(()=>{var e={541:0};n.f.j=(t,r)=>{var o=n.o(e,t)?e[t]:void 0;if(0!==o)if(o)r.push(o[2]);else{var i=new Promise(((r,i)=>o=e[t]=[r,i]));r.push(o[2]=i);var a=n.p+n.u(t),s=new Error;n.l(a,(r=>{if(n.o(e,t)&&(0!==(o=e[t])&&(e[t]=void 0),o)){var i=r&&("load"===r.type?"missing":r.type),a=r&&r.target&&r.target.src;s.message="Loading chunk "+t+" failed.\n("+i+": "+a+")",s.name="ChunkLoadError",s.type=i,s.request=a,o[1](s)}}),"chunk-"+t,t)}};var t=(t,r)=>{var o,i,a=r[0],s=r[1],l=r[2],c=0;if(a.some((t=>0!==e[t]))){for(o in s)n.o(s,o)&&(n.m[o]=s[o]);if(l)l(n)}for(t&&t(r);c<a.length;c++)i=a[c],n.o(e,i)&&e[i]&&e[i][0](),e[i]=0},r=this.webpackChunk_tsparticles_interaction_external_bubble=this.webpackChunk_tsparticles_interaction_external_bubble||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})();var a={};return(()=>{n.r(a),n.d(a,{Bubble:()=>r.x,BubbleBase:()=>e.N,BubbleDiv:()=>t.y,loadExternalBubbleInteraction:()=>o});var e=n(543),t=n(450),r=n(585);async function o(e,t=!0){await e.addInteractor("externalBubble",(async e=>{const{Bubbler:t}=await n.e(582).then(n.bind(n,582));return new t(e)}),t)}})(),a})())); |
@@ -1,1 +0,1 @@ | ||
/*! tsParticles Bubble External Interaction v3.1.0 by Matteo Bruni */ | ||
/*! tsParticles Bubble External Interaction v3.2.0 by Matteo Bruni */ |
@@ -12,2 +12,14 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { | ||
})); | ||
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) { | ||
Object.defineProperty(o, "default", { enumerable: true, value: v }); | ||
}) : function(o, v) { | ||
o["default"] = v; | ||
}); | ||
var __importStar = (this && this.__importStar) || function (mod) { | ||
if (mod && mod.__esModule) return mod; | ||
var result = {}; | ||
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k); | ||
__setModuleDefault(result, mod); | ||
return result; | ||
}; | ||
var __exportStar = (this && this.__exportStar) || function(m, exports) { | ||
@@ -22,11 +34,14 @@ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); | ||
else if (typeof define === "function" && define.amd) { | ||
define(["require", "exports", "./Bubbler.js", "./Options/Classes/BubbleBase.js", "./Options/Classes/BubbleDiv.js", "./Options/Classes/Bubble.js", "./Options/Interfaces/IBubbleBase.js", "./Options/Interfaces/IBubbleDiv.js", "./Options/Interfaces/IBubble.js"], factory); | ||
define(["require", "exports", "./Options/Classes/BubbleBase.js", "./Options/Classes/BubbleDiv.js", "./Options/Classes/Bubble.js", "./Options/Interfaces/IBubbleBase.js", "./Options/Interfaces/IBubbleDiv.js", "./Options/Interfaces/IBubble.js"], factory); | ||
} | ||
})(function (require, exports) { | ||
"use strict"; | ||
var __syncRequire = typeof module === "object" && typeof module.exports === "object"; | ||
Object.defineProperty(exports, "__esModule", { value: true }); | ||
exports.loadExternalBubbleInteraction = void 0; | ||
const Bubbler_js_1 = require("./Bubbler.js"); | ||
async function loadExternalBubbleInteraction(engine, refresh = true) { | ||
await engine.addInteractor("externalBubble", (container) => new Bubbler_js_1.Bubbler(container), refresh); | ||
await engine.addInteractor("externalBubble", async (container) => { | ||
const { Bubbler } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./Bubbler.js"))) : new Promise((resolve_1, reject_1) => { require(["./Bubbler.js"], resolve_1, reject_1); }).then(__importStar)); | ||
return new Bubbler(container); | ||
}, refresh); | ||
} | ||
@@ -33,0 +48,0 @@ exports.loadExternalBubbleInteraction = loadExternalBubbleInteraction; |
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Deprecated
MaintenanceThe maintainer of the package marked it as deprecated. This could indicate that a single version should not be used, or that the package is no longer maintained and any new vulnerabilities will not be fixed.
Found 1 instance in 1 package
Uses eval
Supply chain riskPackage uses dynamic code execution (e.g., eval()), which is a dangerous practice. This can prevent the code from running in certain environments and increases the risk that the code may contain exploits or malicious behavior.
Found 2 instances in 1 package
Dynamic require
Supply chain riskDynamic require can indicate the package is performing dangerous or unsafe dynamic code execution.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
Unidentified License
License(Experimental) Something that seems like a license was found, but its contents could not be matched with a known license.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Unidentified License
License(Experimental) Something that seems like a license was found, but its contents could not be matched with a known license.
Found 1 instance in 1 package
411905
78
2284
1
4
6
Updated@tsparticles/engine@^3.2.0