@tsparticles/preset-squares 3.0.2 → 3.1.0

package/tsparticles.preset.squares.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v3.0.2
+ * v3.1.0
  */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
@@ -126,7 +126,7 @@ __webpack_require__.d(__webpack_exports__, {
 var plugin_emitters_root_window_ = __webpack_require__(68);
 // EXTERNAL MODULE: external {"commonjs":"@tsparticles/engine","commonjs2":"@tsparticles/engine","amd":"@tsparticles/engine","root":"window"}
 var engine_root_window_ = __webpack_require__(533);
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+updater-rotate@3.0.3/node_modules/@tsparticles/updater-rotate/browser/Options/Classes/RotateAnimation.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+updater-rotate@3.4.0/node_modules/@tsparticles/updater-rotate/browser/Options/Classes/RotateAnimation.js
 
 class RotateAnimation {
     constructor() {
@@ -154,14 +154,14 @@ class RotateAnimation {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+updater-rotate@3.0.3/node_modules/@tsparticles/updater-rotate/browser/Options/Classes/Rotate.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+updater-rotate@3.4.0/node_modules/@tsparticles/updater-rotate/browser/Options/Classes/Rotate.js
 
 
 class Rotate extends engine_root_window_.ValueWithRandom {
     constructor() {
         super();
         this.animation = new RotateAnimation();
-        this.direction = "clockwise";
+        this.direction = engine_root_window_.RotateDirection.clockwise;
         this.path = false;
         this.value = 0;
     }
@@ -180,37 +180,10 @@ class Rotate extends engine_root_window_.ValueWithRandom {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+updater-rotate@3.0.3/node_modules/@tsparticles/updater-rotate/browser/RotateUpdater.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+updater-rotate@3.4.0/node_modules/@tsparticles/updater-rotate/browser/RotateUpdater.js
 
 
-function updateRotate(particle, delta) {
-    const rotate = particle.rotate, rotateOptions = particle.options.rotate;
-    if (!rotate || !rotateOptions) {
-        return;
-    }
-    const rotateAnimation = rotateOptions.animation, speed = (rotate.velocity ?? 0) * delta.factor, max = 2 * Math.PI, decay = rotate.decay ?? 1;
-    if (!rotateAnimation.enable) {
-        return;
-    }
-    switch (rotate.status) {
-        case "increasing":
-            rotate.value += speed;
-            if (rotate.value > max) {
-                rotate.value -= max;
-            }
-            break;
-        case "decreasing":
-        default:
-            rotate.value -= speed;
-            if (rotate.value < 0) {
-                rotate.value += max;
-            }
-            break;
-    }
-    if (rotate.velocity && decay !== 1) {
-        rotate.velocity *= decay;
-    }
-}
+const RotateUpdater_double = 2, doublePI = Math.PI * RotateUpdater_double, identity = 1, doublePIDeg = 360;
 class RotateUpdater {
     constructor(container) {
         this.container = container;
@@ -222,28 +195,30 @@ class RotateUpdater {
         }
         particle.rotate = {
             enable: rotateOptions.animation.enable,
-            value: ((0,engine_root_window_.getRangeValue)(rotateOptions.value) * Math.PI) / 180,
+            value: (0,engine_root_window_.degToRad)((0,engine_root_window_.getRangeValue)(rotateOptions.value)),
+            min: 0,
+            max: doublePI,
         };
         particle.pathRotation = rotateOptions.path;
         let rotateDirection = rotateOptions.direction;
-        if (rotateDirection === "random") {
-            const index = Math.floor((0,engine_root_window_.getRandom)() * 2);
-            rotateDirection = index > 0 ? "counter-clockwise" : "clockwise";
+        if (rotateDirection === engine_root_window_.RotateDirection.random) {
+            const index = Math.floor((0,engine_root_window_.getRandom)() * RotateUpdater_double), minIndex = 0;
+            rotateDirection = index > minIndex ? engine_root_window_.RotateDirection.counterClockwise : engine_root_window_.RotateDirection.clockwise;
         }
         switch (rotateDirection) {
-            case "counter-clockwise":
+            case engine_root_window_.RotateDirection.counterClockwise:
             case "counterClockwise":
-                particle.rotate.status = "decreasing";
+                particle.rotate.status = engine_root_window_.AnimationStatus.decreasing;
                 break;
-            case "clockwise":
-                particle.rotate.status = "increasing";
+            case engine_root_window_.RotateDirection.clockwise:
+                particle.rotate.status = engine_root_window_.AnimationStatus.increasing;
                 break;
         }
         const rotateAnimation = rotateOptions.animation;
         if (rotateAnimation.enable) {
-            particle.rotate.decay = 1 - (0,engine_root_window_.getRangeValue)(rotateAnimation.decay);
+            particle.rotate.decay = identity - (0,engine_root_window_.getRangeValue)(rotateAnimation.decay);
             particle.rotate.velocity =
-                ((0,engine_root_window_.getRangeValue)(rotateAnimation.speed) / 360) * this.container.retina.reduceFactor;
+                ((0,engine_root_window_.getRangeValue)(rotateAnimation.speed) / doublePIDeg) * this.container.retina.reduceFactor;
             if (!rotateAnimation.sync) {
                 particle.rotate.velocity *= (0,engine_root_window_.getRandom)();
             }
@@ -255,7 +230,7 @@ class RotateUpdater {
         if (!rotate) {
             return false;
         }
-        return !particle.destroyed && !particle.spawning && rotate.animation.enable && !rotate.path;
+        return !particle.destroyed && !particle.spawning && (!!rotate.value || rotate.animation.enable || rotate.path);
     }
     loadOptions(options, ...sources) {
         if (!options.rotate) {
@@ -269,15 +244,21 @@ class RotateUpdater {
         if (!this.isEnabled(particle)) {
             return;
         }
-        updateRotate(particle, delta);
-        particle.rotation = particle.rotate?.value ?? 0;
+        particle.isRotating = !!particle.rotate;
+        if (!particle.rotate) {
+            return;
+        }
+        (0,engine_root_window_.updateAnimation)(particle, particle.rotate, false, engine_root_window_.DestroyType.none, delta);
+        particle.rotation = particle.rotate.value;
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+updater-rotate@3.0.3/node_modules/@tsparticles/updater-rotate/browser/index.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+updater-rotate@3.4.0/node_modules/@tsparticles/updater-rotate/browser/index.js
 
 async function loadRotateUpdater(engine, refresh = true) {
-    await engine.addParticleUpdater("rotate", (container) => new RotateUpdater(container), refresh);
+    await engine.addParticleUpdater("rotate", container => {
+        return Promise.resolve(new RotateUpdater(container));
+    }, refresh);
 }
 
 // EXTERNAL MODULE: external {"commonjs":"@tsparticles/updater-size","commonjs2":"@tsparticles/updater-size","amd":"@tsparticles/updater-size","root":"window"}
@@ -287,6 +268,7 @@ var shape_square_root_window_ = __webpack_require__(652);
 // EXTERNAL MODULE: external {"commonjs":"@tsparticles/updater-stroke-color","commonjs2":"@tsparticles/updater-stroke-color","amd":"@tsparticles/updater-stroke-color","root":"window"}
 var updater_stroke_color_root_window_ = __webpack_require__(204);
 ;// CONCATENATED MODULE: ./dist/browser/options.js
+
 const options = {
   particles: {
     stroke: {
@@ -305,7 +287,7 @@ const options = {
     },
     rotate: {
       value: 0,
-      direction: "counter-clockwise",
+      direction: engine_root_window_.RotateDirection.counterClockwise,
       animation: {
         enable: true,
         speed: 2,
@@ -319,10 +301,10 @@ const options = {
       },
       animation: {
         enable: true,
-        startValue: "min",
+        startValue: engine_root_window_.StartValueType.min,
         speed: 60,
         sync: true,
-        destroy: "max"
+        destroy: engine_root_window_.DestroyType.max
       }
     }
   },
@@ -353,7 +335,8 @@ async function loadSquaresPreset(engine, refresh = true) {
   await loadRotateUpdater(engine, false);
   await (0,updater_size_root_window_.loadSizeUpdater)(engine, false);
   await (0,updater_stroke_color_root_window_.loadStrokeColorUpdater)(engine, false);
-  await engine.addPreset("squares", options, refresh);
+  await engine.addPreset("squares", options, false);
+  await engine.refresh(refresh);
 }
 })();
 

package/tsparticles.preset.squares.min.js

@@ -1,2 +1,2 @@
 /*! For license information please see tsparticles.preset.squares.min.js.LICENSE.txt */
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/plugin-emitters"),require("@tsparticles/engine"),require("@tsparticles/updater-size"),require("@tsparticles/shape-square"),require("@tsparticles/updater-stroke-color"));else if("function"==typeof define&&define.amd)define(["@tsparticles/plugin-emitters","@tsparticles/engine","@tsparticles/updater-size","@tsparticles/shape-square","@tsparticles/updater-stroke-color"],t);else{var a="object"==typeof exports?t(require("@tsparticles/plugin-emitters"),require("@tsparticles/engine"),require("@tsparticles/updater-size"),require("@tsparticles/shape-square"),require("@tsparticles/updater-stroke-color")):t(e.window,e.window,e.window,e.window,e.window);for(var o in a)("object"==typeof exports?exports:e)[o]=a[o]}}(this,((e,t,a,o,r)=>(()=>{"use strict";var i={533:e=>{e.exports=t},68:t=>{t.exports=e},652:e=>{e.exports=o},2:e=>{e.exports=a},204:e=>{e.exports=r}},s={};function n(e){var t=s[e];if(void 0!==t)return t.exports;var a=s[e]={exports:{}};return i[e](a,a.exports,n),a.exports}n.d=(e,t)=>{for(var a in t)n.o(t,a)&&!n.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var c={};return(()=>{n.r(c),n.d(c,{loadSquaresPreset:()=>u});var e=n(68),t=n(533);class a{constructor(){this.enable=!1,this.speed=0,this.decay=0,this.sync=!1}load(e){e&&(void 0!==e.enable&&(this.enable=e.enable),void 0!==e.speed&&(this.speed=(0,t.setRangeValue)(e.speed)),void 0!==e.decay&&(this.decay=(0,t.setRangeValue)(e.decay)),void 0!==e.sync&&(this.sync=e.sync))}}class o extends t.ValueWithRandom{constructor(){super(),this.animation=new a,this.direction="clockwise",this.path=!1,this.value=0}load(e){e&&(super.load(e),void 0!==e.direction&&(this.direction=e.direction),this.animation.load(e.animation),void 0!==e.path&&(this.path=e.path))}}class r{constructor(e){this.container=e}init(e){const a=e.options.rotate;if(!a)return;e.rotate={enable:a.animation.enable,value:(0,t.getRangeValue)(a.value)*Math.PI/180},e.pathRotation=a.path;let o=a.direction;if("random"===o){o=Math.floor(2*(0,t.getRandom)())>0?"counter-clockwise":"clockwise"}switch(o){case"counter-clockwise":case"counterClockwise":e.rotate.status="decreasing";break;case"clockwise":e.rotate.status="increasing"}const r=a.animation;r.enable&&(e.rotate.decay=1-(0,t.getRangeValue)(r.decay),e.rotate.velocity=(0,t.getRangeValue)(r.speed)/360*this.container.retina.reduceFactor,r.sync||(e.rotate.velocity*=(0,t.getRandom)())),e.rotation=e.rotate.value}isEnabled(e){const t=e.options.rotate;return!!t&&(!e.destroyed&&!e.spawning&&t.animation.enable&&!t.path)}loadOptions(e,...t){e.rotate||(e.rotate=new o);for(const a of t)e.rotate.load(a?.rotate)}update(e,t){this.isEnabled(e)&&(!function(e,t){const a=e.rotate,o=e.options.rotate;if(!a||!o)return;const r=o.animation,i=(a.velocity??0)*t.factor,s=2*Math.PI,n=a.decay??1;r.enable&&("increasing"===a.status?(a.value+=i,a.value>s&&(a.value-=s)):(a.value-=i,a.value<0&&(a.value+=s)),a.velocity&&1!==n&&(a.velocity*=n))}(e,t),e.rotation=e.rotate?.value??0)}}var i=n(2),s=n(652),l=n(204);const d={particles:{stroke:{width:5,color:{value:["#5bc0eb","#fde74c","#9bc53d","#e55934","#fa7921","#2FF3E0","#F8D210","#FA26A0","#F51720"]}},shape:{type:"square",options:{square:{fill:!1}}},rotate:{value:0,direction:"counter-clockwise",animation:{enable:!0,speed:2,sync:!0}},size:{value:{min:1,max:500},animation:{enable:!0,startValue:"min",speed:60,sync:!0,destroy:"max"}}},background:{color:"#000"},emitters:{position:{y:50,x:50},rate:{delay:1,quantity:1}}};async function u(t,a=!0){await(0,e.loadEmittersPlugin)(t,!1),await(0,s.loadSquareShape)(t,!1),await async function(e,t=!0){await e.addParticleUpdater("rotate",(e=>new r(e)),t)}(t,!1),await(0,i.loadSizeUpdater)(t,!1),await(0,l.loadStrokeColorUpdater)(t,!1),await t.addPreset("squares",d,a)}})(),c})()));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/plugin-emitters"),require("@tsparticles/engine"),require("@tsparticles/updater-size"),require("@tsparticles/shape-square"),require("@tsparticles/updater-stroke-color"));else if("function"==typeof define&&define.amd)define(["@tsparticles/plugin-emitters","@tsparticles/engine","@tsparticles/updater-size","@tsparticles/shape-square","@tsparticles/updater-stroke-color"],t);else{var a="object"==typeof exports?t(require("@tsparticles/plugin-emitters"),require("@tsparticles/engine"),require("@tsparticles/updater-size"),require("@tsparticles/shape-square"),require("@tsparticles/updater-stroke-color")):t(e.window,e.window,e.window,e.window,e.window);for(var o in a)("object"==typeof exports?exports:e)[o]=a[o]}}(this,((e,t,a,o,i)=>(()=>{"use strict";var r={533:e=>{e.exports=t},68:t=>{t.exports=e},652:e=>{e.exports=o},2:e=>{e.exports=a},204:e=>{e.exports=i}},s={};function n(e){var t=s[e];if(void 0!==t)return t.exports;var a=s[e]={exports:{}};return r[e](a,a.exports,n),a.exports}n.d=(e,t)=>{for(var a in t)n.o(t,a)&&!n.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var c={};return(()=>{n.r(c),n.d(c,{loadSquaresPreset:()=>u});var e=n(68),t=n(533);class a{constructor(){this.enable=!1,this.speed=0,this.decay=0,this.sync=!1}load(e){e&&(void 0!==e.enable&&(this.enable=e.enable),void 0!==e.speed&&(this.speed=(0,t.setRangeValue)(e.speed)),void 0!==e.decay&&(this.decay=(0,t.setRangeValue)(e.decay)),void 0!==e.sync&&(this.sync=e.sync))}}class o extends t.ValueWithRandom{constructor(){super(),this.animation=new a,this.direction=t.RotateDirection.clockwise,this.path=!1,this.value=0}load(e){e&&(super.load(e),void 0!==e.direction&&(this.direction=e.direction),this.animation.load(e.animation),void 0!==e.path&&(this.path=e.path))}}const i=2*Math.PI;class r{constructor(e){this.container=e}init(e){const a=e.options.rotate;if(!a)return;e.rotate={enable:a.animation.enable,value:(0,t.degToRad)((0,t.getRangeValue)(a.value)),min:0,max:i},e.pathRotation=a.path;let o=a.direction;if(o===t.RotateDirection.random){o=Math.floor(2*(0,t.getRandom)())>0?t.RotateDirection.counterClockwise:t.RotateDirection.clockwise}switch(o){case t.RotateDirection.counterClockwise:case"counterClockwise":e.rotate.status=t.AnimationStatus.decreasing;break;case t.RotateDirection.clockwise:e.rotate.status=t.AnimationStatus.increasing}const r=a.animation;r.enable&&(e.rotate.decay=1-(0,t.getRangeValue)(r.decay),e.rotate.velocity=(0,t.getRangeValue)(r.speed)/360*this.container.retina.reduceFactor,r.sync||(e.rotate.velocity*=(0,t.getRandom)())),e.rotation=e.rotate.value}isEnabled(e){const t=e.options.rotate;return!!t&&(!e.destroyed&&!e.spawning&&(!!t.value||t.animation.enable||t.path))}loadOptions(e,...t){e.rotate||(e.rotate=new o);for(const a of t)e.rotate.load(a?.rotate)}update(e,a){this.isEnabled(e)&&(e.isRotating=!!e.rotate,e.rotate&&((0,t.updateAnimation)(e,e.rotate,!1,t.DestroyType.none,a),e.rotation=e.rotate.value))}}var s=n(2),l=n(652),d=n(204);const p={particles:{stroke:{width:5,color:{value:["#5bc0eb","#fde74c","#9bc53d","#e55934","#fa7921","#2FF3E0","#F8D210","#FA26A0","#F51720"]}},shape:{type:"square",options:{square:{fill:!1}}},rotate:{value:0,direction:t.RotateDirection.counterClockwise,animation:{enable:!0,speed:2,sync:!0}},size:{value:{min:1,max:500},animation:{enable:!0,startValue:t.StartValueType.min,speed:60,sync:!0,destroy:t.DestroyType.max}}},background:{color:"#000"},emitters:{position:{y:50,x:50},rate:{delay:1,quantity:1}}};async function u(t,a=!0){await(0,e.loadEmittersPlugin)(t,!1),await(0,l.loadSquareShape)(t,!1),await async function(e,t=!0){await e.addParticleUpdater("rotate",(e=>Promise.resolve(new r(e))),t)}(t,!1),await(0,s.loadSizeUpdater)(t,!1),await(0,d.loadStrokeColorUpdater)(t,!1),await t.addPreset("squares",p,!1),await t.refresh(a)}})(),c})()));

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

@@ -1 +1 @@
-/*! tsParticles undefined Preset v3.0.2 by Matteo Bruni */
+/*! tsParticles undefined Preset v3.1.0 by Matteo Bruni */

package/umd/bundle.js

@@ -14,5 +14,4 @@
     Object.defineProperty(exports, "loadSquaresPreset", { enumerable: true, get: function () { return index_js_1.loadSquaresPreset; } });
     const engine_1 = require("@tsparticles/engine");
     Object.defineProperty(exports, "tsParticles", { enumerable: true, get: function () { return engine_1.tsParticles; } });
-    void (0, index_js_1.loadSquaresPreset)(engine_1.tsParticles);
 });

package/umd/index.js

@@ -22,7 +22,8 @@
         await (0, updater_rotate_1.loadRotateUpdater)(engine, false);
         await (0, updater_size_1.loadSizeUpdater)(engine, false);
         await (0, updater_stroke_color_1.loadStrokeColorUpdater)(engine, false);
-        await engine.addPreset("squares", options_js_1.options, refresh);
+        await engine.addPreset("squares", options_js_1.options, false);
+        await engine.refresh(refresh);
     }
     exports.loadSquaresPreset = loadSquaresPreset;
 });

package/umd/options.js

@@ -4,12 +4,13 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports"], factory);
+        define(["require", "exports", "@tsparticles/engine"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.options = void 0;
+    const engine_1 = require("@tsparticles/engine");
     exports.options = {
         particles: {
             stroke: {
@@ -38,7 +39,7 @@
             },
             rotate: {
                 value: 0,
-                direction: "counter-clockwise",
+                direction: engine_1.RotateDirection.counterClockwise,
                 animation: {
                     enable: true,
                     speed: 2,
@@ -49,10 +50,10 @@
                 value: { min: 1, max: 500 },
                 animation: {
                     enable: true,
-                    startValue: "min",
+                    startValue: engine_1.StartValueType.min,
                     speed: 60,
                     sync: true,
-                    destroy: "max",
+                    destroy: engine_1.DestroyType.max,
                 },
             },
         },