@tsparticles/preset-big-circles 3.0.0-alpha.1 → 3.0.0-beta.2

package/tsparticles.preset.bigCircles.js

@@ -4,26 +4,26 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v3.0.0-alpha.1
+ * v3.0.0-beta.2
  */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory(require("@tsparticles/move-base"), require("@tsparticles/shape-circle"), require("@tsparticles/updater-color"), require("@tsparticles/plugin-emitters"), require("@tsparticles/updater-opacity"), require("@tsparticles/updater-out-modes"), require("@tsparticles/updater-size"));
+		module.exports = factory(require("@tsparticles/basic"), require("@tsparticles/plugin-emitters"), require("@tsparticles/plugin-emitters-shape-square"));
 	else if(typeof define === 'function' && define.amd)
-		define(["@tsparticles/move-base", "@tsparticles/shape-circle", "@tsparticles/updater-color", "@tsparticles/plugin-emitters", "@tsparticles/updater-opacity", "@tsparticles/updater-out-modes", "@tsparticles/updater-size"], factory);
+		define(["@tsparticles/basic", "@tsparticles/plugin-emitters", "@tsparticles/plugin-emitters-shape-square"], factory);
 	else {
-		var a = typeof exports === 'object' ? factory(require("@tsparticles/move-base"), require("@tsparticles/shape-circle"), require("@tsparticles/updater-color"), require("@tsparticles/plugin-emitters"), require("@tsparticles/updater-opacity"), require("@tsparticles/updater-out-modes"), require("@tsparticles/updater-size")) : factory(root["window"], root["window"], root["window"], root["window"], root["window"], root["window"], root["window"]);
+		var a = typeof exports === 'object' ? factory(require("@tsparticles/basic"), require("@tsparticles/plugin-emitters"), require("@tsparticles/plugin-emitters-shape-square")) : factory(root["window"], root["window"], root["window"]);
 		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
 	}
-})(this, (__WEBPACK_EXTERNAL_MODULE__619__, __WEBPACK_EXTERNAL_MODULE__163__, __WEBPACK_EXTERNAL_MODULE__501__, __WEBPACK_EXTERNAL_MODULE__68__, __WEBPACK_EXTERNAL_MODULE__686__, __WEBPACK_EXTERNAL_MODULE__290__, __WEBPACK_EXTERNAL_MODULE__2__) => {
+})(this, (__WEBPACK_EXTERNAL_MODULE__574__, __WEBPACK_EXTERNAL_MODULE__68__, __WEBPACK_EXTERNAL_MODULE__787__) => {
 return /******/ (() => { // webpackBootstrap
 /******/ 	"use strict";
 /******/ 	var __webpack_modules__ = ({
 
-/***/ 619:
+/***/ 574:
 /***/ ((module) => {
 
-module.exports = __WEBPACK_EXTERNAL_MODULE__619__;
+module.exports = __WEBPACK_EXTERNAL_MODULE__574__;
 
 /***/ }),
 
@@ -34,38 +34,10 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__68__;
 
 /***/ }),
 
-/***/ 163:
+/***/ 787:
 /***/ ((module) => {
 
-module.exports = __WEBPACK_EXTERNAL_MODULE__163__;
-
-/***/ }),
-
-/***/ 501:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__501__;
-
-/***/ }),
-
-/***/ 686:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__686__;
-
-/***/ }),
-
-/***/ 290:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__290__;
-
-/***/ }),
-
-/***/ 2:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__2__;
+module.exports = __WEBPACK_EXTERNAL_MODULE__787__;
 
 /***/ })
 
@@ -133,23 +105,15 @@ __webpack_require__.r(__webpack_exports__);
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
-  "loadBigCirclesPreset": () => (/* binding */ loadBigCirclesPreset)
+  loadBigCirclesPreset: () => (/* binding */ loadBigCirclesPreset)
 });
 
-// EXTERNAL MODULE: external {"commonjs":"@tsparticles/move-base","commonjs2":"@tsparticles/move-base","amd":"@tsparticles/move-base","root":"window"}
-var move_base_root_window_ = __webpack_require__(619);
-// EXTERNAL MODULE: external {"commonjs":"@tsparticles/shape-circle","commonjs2":"@tsparticles/shape-circle","amd":"@tsparticles/shape-circle","root":"window"}
-var shape_circle_root_window_ = __webpack_require__(163);
-// EXTERNAL MODULE: external {"commonjs":"@tsparticles/updater-color","commonjs2":"@tsparticles/updater-color","amd":"@tsparticles/updater-color","root":"window"}
-var updater_color_root_window_ = __webpack_require__(501);
+// EXTERNAL MODULE: external {"commonjs":"@tsparticles/basic","commonjs2":"@tsparticles/basic","amd":"@tsparticles/basic","root":"window"}
+var basic_root_window_ = __webpack_require__(574);
 // EXTERNAL MODULE: external {"commonjs":"@tsparticles/plugin-emitters","commonjs2":"@tsparticles/plugin-emitters","amd":"@tsparticles/plugin-emitters","root":"window"}
 var plugin_emitters_root_window_ = __webpack_require__(68);
-// EXTERNAL MODULE: external {"commonjs":"@tsparticles/updater-opacity","commonjs2":"@tsparticles/updater-opacity","amd":"@tsparticles/updater-opacity","root":"window"}
-var updater_opacity_root_window_ = __webpack_require__(686);
-// EXTERNAL MODULE: external {"commonjs":"@tsparticles/updater-out-modes","commonjs2":"@tsparticles/updater-out-modes","amd":"@tsparticles/updater-out-modes","root":"window"}
-var updater_out_modes_root_window_ = __webpack_require__(290);
-// EXTERNAL MODULE: external {"commonjs":"@tsparticles/updater-size","commonjs2":"@tsparticles/updater-size","amd":"@tsparticles/updater-size","root":"window"}
-var updater_size_root_window_ = __webpack_require__(2);
+// EXTERNAL MODULE: external {"commonjs":"@tsparticles/plugin-emitters-shape-square","commonjs2":"@tsparticles/plugin-emitters-shape-square","amd":"@tsparticles/plugin-emitters-shape-square","root":"window"}
+var plugin_emitters_shape_square_root_window_ = __webpack_require__(787);
 ;// CONCATENATED MODULE: ./dist/browser/options.js
 const options = {
   fpsLimit: 120,
@@ -167,7 +131,10 @@ const options = {
       type: "circle"
     },
     opacity: {
-      value: 0.5
+      value: {
+        min: 0.4,
+        max: 0.8
+      }
     },
     size: {
       value: {
@@ -213,20 +180,12 @@ const options = {
 
 
 
-
-
-
-
-async function loadBigCirclesPreset(engine) {
-  await (0,move_base_root_window_.loadBaseMover)(engine);
-  await (0,shape_circle_root_window_.loadCircleShape)(engine);
-  await (0,updater_color_root_window_.loadColorUpdater)(engine);
-  await (0,updater_size_root_window_.loadSizeUpdater)(engine);
-  await (0,updater_opacity_root_window_.loadOpacityUpdater)(engine);
-  await (0,updater_out_modes_root_window_.loadOutModesUpdater)(engine);
-  await (0,plugin_emitters_root_window_.loadEmittersPlugin)(engine);
-  await engine.addPreset("bigCircles", options);
-  await engine.addPreset("big-circles", options);
+async function loadBigCirclesPreset(engine, refresh = true) {
+  await (0,basic_root_window_.loadBasic)(engine, false);
+  await (0,plugin_emitters_shape_square_root_window_.loadEmittersShapeSquare)(engine, false);
+  await (0,plugin_emitters_root_window_.loadEmittersPlugin)(engine, false);
+  await engine.addPreset("bigCircles", options, false);
+  await engine.addPreset("big-circles", options, refresh);
 }
 })();
 

package/tsparticles.preset.bigCircles.min.js

@@ -1,2 +1,2 @@
 /*! For license information please see tsparticles.preset.bigCircles.min.js.LICENSE.txt */
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/move-base"),require("@tsparticles/shape-circle"),require("@tsparticles/updater-color"),require("@tsparticles/plugin-emitters"),require("@tsparticles/updater-opacity"),require("@tsparticles/updater-out-modes"),require("@tsparticles/updater-size"));else if("function"==typeof define&&define.amd)define(["@tsparticles/move-base","@tsparticles/shape-circle","@tsparticles/updater-color","@tsparticles/plugin-emitters","@tsparticles/updater-opacity","@tsparticles/updater-out-modes","@tsparticles/updater-size"],t);else{var r="object"==typeof exports?t(require("@tsparticles/move-base"),require("@tsparticles/shape-circle"),require("@tsparticles/updater-color"),require("@tsparticles/plugin-emitters"),require("@tsparticles/updater-opacity"),require("@tsparticles/updater-out-modes"),require("@tsparticles/updater-size")):t(e.window,e.window,e.window,e.window,e.window,e.window,e.window);for(var i in r)("object"==typeof exports?exports:e)[i]=r[i]}}(this,((e,t,r,i,a,o,s)=>(()=>{"use strict";var p={619:t=>{t.exports=e},68:e=>{e.exports=i},163:e=>{e.exports=t},501:e=>{e.exports=r},686:e=>{e.exports=a},290:e=>{e.exports=o},2:e=>{e.exports=s}},l={};function c(e){var t=l[e];if(void 0!==t)return t.exports;var r=l[e]={exports:{}};return p[e](r,r.exports,c),r.exports}c.d=(e,t)=>{for(var r in t)c.o(t,r)&&!c.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},c.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),c.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var d={};return(()=>{c.r(d),c.d(d,{loadBigCirclesPreset:()=>l});var e=c(619),t=c(163),r=c(501),i=c(68),a=c(686),o=c(290),s=c(2);const p={fpsLimit:120,background:{color:"#fff"},particles:{number:{value:50},color:{value:["#3998D0","#2EB6AF","#A9BD33","#FEC73B","#F89930","#F45623","#D62E32","#EB586E","#9952CF"]},shape:{type:"circle"},opacity:{value:.5},size:{value:{min:200,max:400}},move:{enable:!0,angle:{value:30,offset:0},speed:{min:10,max:20},direction:"top",outModes:{default:"destroy",bottom:"none"}}},detectRetina:!0,emitters:{position:{x:50,y:150},rate:{delay:.2,quantity:3},size:{width:100,height:50}}};async function l(l){await(0,e.loadBaseMover)(l),await(0,t.loadCircleShape)(l),await(0,r.loadColorUpdater)(l),await(0,s.loadSizeUpdater)(l),await(0,a.loadOpacityUpdater)(l),await(0,o.loadOutModesUpdater)(l),await(0,i.loadEmittersPlugin)(l),await l.addPreset("bigCircles",p),await l.addPreset("big-circles",p)}})(),d})()));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/basic"),require("@tsparticles/plugin-emitters"),require("@tsparticles/plugin-emitters-shape-square"));else if("function"==typeof define&&define.amd)define(["@tsparticles/basic","@tsparticles/plugin-emitters","@tsparticles/plugin-emitters-shape-square"],t);else{var r="object"==typeof exports?t(require("@tsparticles/basic"),require("@tsparticles/plugin-emitters"),require("@tsparticles/plugin-emitters-shape-square")):t(e.window,e.window,e.window);for(var i in r)("object"==typeof exports?exports:e)[i]=r[i]}}(this,((e,t,r)=>(()=>{"use strict";var i={574:t=>{t.exports=e},68:e=>{e.exports=t},787:e=>{e.exports=r}},s={};function a(e){var t=s[e];if(void 0!==t)return t.exports;var r=s[e]={exports:{}};return i[e](r,r.exports,a),r.exports}a.d=(e,t)=>{for(var r in t)a.o(t,r)&&!a.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};return(()=>{a.r(o),a.d(o,{loadBigCirclesPreset:()=>s});var e=a(574),t=a(68),r=a(787);const i={fpsLimit:120,background:{color:"#fff"},particles:{number:{value:50},color:{value:["#3998D0","#2EB6AF","#A9BD33","#FEC73B","#F89930","#F45623","#D62E32","#EB586E","#9952CF"]},shape:{type:"circle"},opacity:{value:{min:.4,max:.8}},size:{value:{min:200,max:400}},move:{enable:!0,angle:{value:30,offset:0},speed:{min:10,max:20},direction:"top",outModes:{default:"destroy",bottom:"none"}}},detectRetina:!0,emitters:{position:{x:50,y:150},rate:{delay:.2,quantity:3},size:{width:100,height:50}}};async function s(s,a=!0){await(0,e.loadBasic)(s,!1),await(0,r.loadEmittersShapeSquare)(s,!1),await(0,t.loadEmittersPlugin)(s,!1),await s.addPreset("bigCircles",i,!1),await s.addPreset("big-circles",i,a)}})(),o})()));

package/tsparticles.preset.bigCircles.min.js.LICENSE.txt

@@ -1,8 +1 @@
-/*!
- * 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
- * v3.0.0-alpha.1
- */
+/*! tsParticles Big Circles Preset v3.0.0-beta.2 by Matteo Bruni */

package/types/index.d.ts

@@ -1,2 +1,2 @@
 import type { Engine } from "@tsparticles/engine";
-export declare function loadBigCirclesPreset(engine: Engine): Promise<void>;
+export declare function loadBigCirclesPreset(engine: Engine, refresh?: boolean): Promise<void>;

package/types/options.d.ts

@@ -1,2 +1,2 @@
-import type { ISourceOptions } from "@tsparticles/engine";
+import { type ISourceOptions } from "@tsparticles/engine";
 export declare const options: ISourceOptions;

package/umd/bundle.js

@@ -14,7 +14,5 @@
     Object.defineProperty(exports, "loadBigCirclesPreset", { enumerable: true, get: function () { return _1.loadBigCirclesPreset; } });
     const engine_1 = require("@tsparticles/engine");
     Object.defineProperty(exports, "tsParticles", { enumerable: true, get: function () { return engine_1.tsParticles; } });
-    (async () => {
-        await (0, _1.loadBigCirclesPreset)(engine_1.tsParticles);
-    })();
+    (0, _1.loadBigCirclesPreset)(engine_1.tsParticles);
 });

package/umd/index.js

@@ -4,30 +4,22 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@tsparticles/move-base", "@tsparticles/shape-circle", "@tsparticles/updater-color", "@tsparticles/plugin-emitters", "@tsparticles/updater-opacity", "@tsparticles/updater-out-modes", "@tsparticles/updater-size", "./options"], factory);
+        define(["require", "exports", "@tsparticles/basic", "@tsparticles/plugin-emitters", "@tsparticles/plugin-emitters-shape-square", "./options"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.loadBigCirclesPreset = void 0;
-    const move_base_1 = require("@tsparticles/move-base");
-    const shape_circle_1 = require("@tsparticles/shape-circle");
-    const updater_color_1 = require("@tsparticles/updater-color");
+    const basic_1 = require("@tsparticles/basic");
     const plugin_emitters_1 = require("@tsparticles/plugin-emitters");
-    const updater_opacity_1 = require("@tsparticles/updater-opacity");
-    const updater_out_modes_1 = require("@tsparticles/updater-out-modes");
-    const updater_size_1 = require("@tsparticles/updater-size");
+    const plugin_emitters_shape_square_1 = require("@tsparticles/plugin-emitters-shape-square");
     const options_1 = require("./options");
-    async function loadBigCirclesPreset(engine) {
-        await (0, move_base_1.loadBaseMover)(engine);
-        await (0, shape_circle_1.loadCircleShape)(engine);
-        await (0, updater_color_1.loadColorUpdater)(engine);
-        await (0, updater_size_1.loadSizeUpdater)(engine);
-        await (0, updater_opacity_1.loadOpacityUpdater)(engine);
-        await (0, updater_out_modes_1.loadOutModesUpdater)(engine);
-        await (0, plugin_emitters_1.loadEmittersPlugin)(engine);
-        await engine.addPreset("bigCircles", options_1.options);
-        await engine.addPreset("big-circles", options_1.options);
+    async function loadBigCirclesPreset(engine, refresh = true) {
+        await (0, basic_1.loadBasic)(engine, false);
+        await (0, plugin_emitters_shape_square_1.loadEmittersShapeSquare)(engine, false);
+        await (0, plugin_emitters_1.loadEmittersPlugin)(engine, false);
+        await engine.addPreset("bigCircles", options_1.options, false);
+        await engine.addPreset("big-circles", options_1.options, refresh);
     }
     exports.loadBigCirclesPreset = loadBigCirclesPreset;
 });

package/umd/options.js

@@ -26,7 +26,7 @@
                 type: "circle",
             },
             opacity: {
-                value: 0.5,
+                value: { min: 0.4, max: 0.8 },
             },
             size: {
                 value: { min: 200, max: 400 },