@tsparticles/preset-squares 3.0.2 → 3.2.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.2.0
  */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
@@ -126,7 +126,61 @@ __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+plugin-hex-color@3.7.1/node_modules/@tsparticles/plugin-hex-color/browser/HexColorManager.js
+var RgbIndexes;
+(function (RgbIndexes) {
+    RgbIndexes[RgbIndexes["r"] = 1] = "r";
+    RgbIndexes[RgbIndexes["g"] = 2] = "g";
+    RgbIndexes[RgbIndexes["b"] = 3] = "b";
+    RgbIndexes[RgbIndexes["a"] = 4] = "a";
+})(RgbIndexes || (RgbIndexes = {}));
+const shorthandHexRegex = /^#?([a-f\d])([a-f\d])([a-f\d])([a-f\d])?$/i, hexRegex = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})?$/i, hexRadix = 16, defaultAlpha = 1, alphaFactor = 0xff;
+class HexColorManager {
+    constructor() {
+        this.key = "hex";
+        this.stringPrefix = "#";
+    }
+    handleColor(color) {
+        return this._parseString(color.value);
+    }
+    handleRangeColor(color) {
+        return this._parseString(color.value);
+    }
+    parseString(input) {
+        return this._parseString(input);
+    }
+    _parseString(hexColor) {
+        if (typeof hexColor !== "string") {
+            return;
+        }
+        if (!hexColor?.startsWith(this.stringPrefix)) {
+            return;
+        }
+        const hexFixed = hexColor.replace(shorthandHexRegex, (_, r, g, b, a) => {
+            return r + r + g + g + b + b + (a !== undefined ? a + a : "");
+        }), result = hexRegex.exec(hexFixed);
+        return result
+            ? {
+                a: result[RgbIndexes.a] !== undefined
+                    ? parseInt(result[RgbIndexes.a], hexRadix) / alphaFactor
+                    : defaultAlpha,
+                b: parseInt(result[RgbIndexes.b], hexRadix),
+                g: parseInt(result[RgbIndexes.g], hexRadix),
+                r: parseInt(result[RgbIndexes.r], hexRadix),
+            }
+            : undefined;
+    }
+}
+
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+plugin-hex-color@3.7.1/node_modules/@tsparticles/plugin-hex-color/browser/index.js
+
+
+async function loadHexColorPlugin(engine, refresh = true) {
+    (0,engine_root_window_.assertValidVersion)(engine, "3.7.1");
+    await engine.addColorManager(new HexColorManager(), refresh);
+}
+
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+updater-rotate@3.7.1/node_modules/@tsparticles/updater-rotate/browser/Options/Classes/RotateAnimation.js
 
 class RotateAnimation {
     constructor() {
@@ -136,7 +190,7 @@ class RotateAnimation {
         this.sync = false;
     }
     load(data) {
-        if (!data) {
+        if ((0,engine_root_window_.isNull)(data)) {
             return;
         }
         if (data.enable !== undefined) {
@@ -154,19 +208,19 @@ 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.7.1/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;
     }
     load(data) {
-        if (!data) {
+        if ((0,engine_root_window_.isNull)(data)) {
             return;
         }
         super.load(data);
@@ -180,37 +234,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.7.1/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 +249,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 +284,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 +298,23 @@ 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.7.1/node_modules/@tsparticles/updater-rotate/browser/index.js
+
 
 async function loadRotateUpdater(engine, refresh = true) {
-    await engine.addParticleUpdater("rotate", (container) => new RotateUpdater(container), refresh);
+    (0,engine_root_window_.assertValidVersion)(engine, "3.7.1");
+    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 +324,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 +343,7 @@ const options = {
     },
     rotate: {
       value: 0,
-      direction: "counter-clockwise",
+      direction: engine_root_window_.RotateDirection.counterClockwise,
       animation: {
         enable: true,
         speed: 2,
@@ -319,10 +357,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
       }
     }
   },
@@ -347,13 +385,16 @@ const options = {
 
 
 
+
 async function loadSquaresPreset(engine, refresh = true) {
+  await loadHexColorPlugin(engine, false);
   await (0,plugin_emitters_root_window_.loadEmittersPlugin)(engine, false);
   await (0,shape_square_root_window_.loadSquareShape)(engine, false);
   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 r in a)("object"==typeof exports?exports:e)[r]=a[r]}}(this,((e,t,a,r,i)=>(()=>{"use strict";var o={533:e=>{e.exports=t},68:t=>{t.exports=e},652:e=>{e.exports=r},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 o[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:()=>g});var e,t=n(68),a=n(533);!function(e){e[e.r=1]="r",e[e.g=2]="g",e[e.b=3]="b",e[e.a=4]="a"}(e||(e={}));const r=/^#?([a-f\d])([a-f\d])([a-f\d])([a-f\d])?$/i,i=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})?$/i;class o{constructor(){this.key="hex",this.stringPrefix="#"}handleColor(e){return this._parseString(e.value)}handleRangeColor(e){return this._parseString(e.value)}parseString(e){return this._parseString(e)}_parseString(t){if("string"!=typeof t)return;if(!t?.startsWith(this.stringPrefix))return;const a=t.replace(r,((e,t,a,r,i)=>t+t+a+a+r+r+(void 0!==i?i+i:""))),o=i.exec(a);return o?{a:void 0!==o[e.a]?parseInt(o[e.a],16)/255:1,b:parseInt(o[e.b],16),g:parseInt(o[e.g],16),r:parseInt(o[e.r],16)}:void 0}}class s{constructor(){this.enable=!1,this.speed=0,this.decay=0,this.sync=!1}load(e){(0,a.isNull)(e)||(void 0!==e.enable&&(this.enable=e.enable),void 0!==e.speed&&(this.speed=(0,a.setRangeValue)(e.speed)),void 0!==e.decay&&(this.decay=(0,a.setRangeValue)(e.decay)),void 0!==e.sync&&(this.sync=e.sync))}}class l extends a.ValueWithRandom{constructor(){super(),this.animation=new s,this.direction=a.RotateDirection.clockwise,this.path=!1,this.value=0}load(e){(0,a.isNull)(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 d=2*Math.PI;class p{constructor(e){this.container=e}init(e){const t=e.options.rotate;if(!t)return;e.rotate={enable:t.animation.enable,value:(0,a.degToRad)((0,a.getRangeValue)(t.value)),min:0,max:d},e.pathRotation=t.path;let r=t.direction;if(r===a.RotateDirection.random){r=Math.floor(2*(0,a.getRandom)())>0?a.RotateDirection.counterClockwise:a.RotateDirection.clockwise}switch(r){case a.RotateDirection.counterClockwise:case"counterClockwise":e.rotate.status=a.AnimationStatus.decreasing;break;case a.RotateDirection.clockwise:e.rotate.status=a.AnimationStatus.increasing}const i=t.animation;i.enable&&(e.rotate.decay=1-(0,a.getRangeValue)(i.decay),e.rotate.velocity=(0,a.getRangeValue)(i.speed)/360*this.container.retina.reduceFactor,i.sync||(e.rotate.velocity*=(0,a.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 l);for(const a of t)e.rotate.load(a?.rotate)}update(e,t){this.isEnabled(e)&&(e.isRotating=!!e.rotate,e.rotate&&((0,a.updateAnimation)(e,e.rotate,!1,a.DestroyType.none,t),e.rotation=e.rotate.value))}}var u=n(2),h=n(652),f=n(204);const y={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:a.RotateDirection.counterClockwise,animation:{enable:!0,speed:2,sync:!0}},size:{value:{min:1,max:500},animation:{enable:!0,startValue:a.StartValueType.min,speed:60,sync:!0,destroy:a.DestroyType.max}}},background:{color:"#000"},emitters:{position:{y:50,x:50},rate:{delay:1,quantity:1}}};async function g(e,r=!0){await async function(e,t=!0){(0,a.assertValidVersion)(e,"3.7.1"),await e.addColorManager(new o,t)}(e,!1),await(0,t.loadEmittersPlugin)(e,!1),await(0,h.loadSquareShape)(e,!1),await async function(e,t=!0){(0,a.assertValidVersion)(e,"3.7.1"),await e.addParticleUpdater("rotate",(e=>Promise.resolve(new p(e))),t)}(e,!1),await(0,u.loadSizeUpdater)(e,!1),await(0,f.loadStrokeColorUpdater)(e,!1),await e.addPreset("squares",y,!1),await e.refresh(r)}})(),c})()));

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

@@ -1 +1 @@
-/*! tsParticles undefined Preset v3.0.2 by Matteo Bruni */
+/*! tsParticles undefined Preset v3.2.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

@@ -4,25 +4,28 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@tsparticles/plugin-emitters", "@tsparticles/updater-rotate", "@tsparticles/updater-size", "@tsparticles/shape-square", "@tsparticles/updater-stroke-color", "./options.js"], factory);
+        define(["require", "exports", "@tsparticles/plugin-emitters", "@tsparticles/plugin-hex-color", "@tsparticles/updater-rotate", "@tsparticles/updater-size", "@tsparticles/shape-square", "@tsparticles/updater-stroke-color", "./options.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.loadSquaresPreset = void 0;
     const plugin_emitters_1 = require("@tsparticles/plugin-emitters");
+    const plugin_hex_color_1 = require("@tsparticles/plugin-hex-color");
     const updater_rotate_1 = require("@tsparticles/updater-rotate");
     const updater_size_1 = require("@tsparticles/updater-size");
     const shape_square_1 = require("@tsparticles/shape-square");
     const updater_stroke_color_1 = require("@tsparticles/updater-stroke-color");
     const options_js_1 = require("./options.js");
     async function loadSquaresPreset(engine, refresh = true) {
+        await (0, plugin_hex_color_1.loadHexColorPlugin)(engine, false);
         await (0, plugin_emitters_1.loadEmittersPlugin)(engine, false);
         await (0, shape_square_1.loadSquareShape)(engine, false);
         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,
                 },
             },
         },