@tsparticles/engine 3.0.0-beta.3 → 3.0.0-beta.5

package/cjs/Options/Classes/Particles/Bounce/ParticlesBounceFactor.js

@@ -5,7 +5,6 @@ const ValueWithRandom_js_1 = require("../../ValueWithRandom.js");
 class ParticlesBounceFactor extends ValueWithRandom_js_1.ValueWithRandom {
     constructor() {
         super();
-        this.random.minimumValue = 0.1;
         this.value = 1;
     }
 }

package/cjs/Options/Classes/Particles/Effect/Effect.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Effect = void 0;
+const Utils_js_1 = require("../../../../Utils/Utils.js");
+class Effect {
+    constructor() {
+        this.close = true;
+        this.fill = true;
+        this.options = {};
+        this.type = [];
+    }
+    load(data) {
+        if (!data) {
+            return;
+        }
+        const options = data.options;
+        if (options !== undefined) {
+            for (const effect in options) {
+                const item = options[effect];
+                if (item) {
+                    this.options[effect] = (0, Utils_js_1.deepExtend)(this.options[effect] ?? {}, item);
+                }
+            }
+        }
+        if (data.close !== undefined) {
+            this.close = data.close;
+        }
+        if (data.fill !== undefined) {
+            this.fill = data.fill;
+        }
+        if (data.type !== undefined) {
+            this.type = data.type;
+        }
+    }
+}
+exports.Effect = Effect;

package/cjs/Options/Classes/Particles/Number/ParticlesNumber.js

@@ -2,10 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ParticlesNumber = void 0;
 const ParticlesDensity_js_1 = require("./ParticlesDensity.js");
+const ParticlesNumberLimit_js_1 = require("./ParticlesNumberLimit.js");
 class ParticlesNumber {
     constructor() {
         this.density = new ParticlesDensity_js_1.ParticlesDensity();
-        this.limit = 0;
+        this.limit = new ParticlesNumberLimit_js_1.ParticlesNumberLimit();
         this.value = 0;
     }
     load(data) {
@@ -13,10 +14,7 @@ class ParticlesNumber {
             return;
         }
         this.density.load(data.density);
-        const limit = data.limit;
-        if (limit !== undefined) {
-            this.limit = limit;
-        }
+        this.limit.load(data.limit);
         if (data.value !== undefined) {
             this.value = data.value;
         }

package/cjs/Options/Classes/Particles/Number/ParticlesNumberLimit.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ParticlesNumberLimit = void 0;
+class ParticlesNumberLimit {
+    constructor() {
+        this.mode = "delete";
+        this.value = 0;
+    }
+    load(data) {
+        if (!data) {
+            return;
+        }
+        if (data.mode !== undefined) {
+            this.mode = data.mode;
+        }
+        if (data.value !== undefined) {
+            this.value = data.value;
+        }
+    }
+}
+exports.ParticlesNumberLimit = ParticlesNumberLimit;

package/cjs/Options/Classes/Particles/Opacity/Opacity.js

@@ -3,11 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Opacity = void 0;
 const OpacityAnimation_js_1 = require("./OpacityAnimation.js");
 const ValueWithRandom_js_1 = require("../../ValueWithRandom.js");
-class Opacity extends ValueWithRandom_js_1.ValueWithRandom {
+class Opacity extends ValueWithRandom_js_1.RangedAnimationValueWithRandom {
     constructor() {
         super();
         this.animation = new OpacityAnimation_js_1.OpacityAnimation();
-        this.random.minimumValue = 0.1;
         this.value = 1;
     }
     load(data) {

package/cjs/Options/Classes/Particles/ParticlesOptions.js

@@ -4,6 +4,7 @@ exports.ParticlesOptions = void 0;
 const Utils_js_1 = require("../../../Utils/Utils.js");
 const AnimatableColor_js_1 = require("../AnimatableColor.js");
 const Collisions_js_1 = require("./Collisions/Collisions.js");
+const Effect_js_1 = require("./Effect/Effect.js");
 const Move_js_1 = require("./Move/Move.js");
 const Opacity_js_1 = require("./Opacity/Opacity.js");
 const ParticlesBounce_js_1 = require("./Bounce/ParticlesBounce.js");
@@ -21,6 +22,7 @@ class ParticlesOptions {
         this.collisions = new Collisions_js_1.Collisions();
         this.color = new AnimatableColor_js_1.AnimatableColor();
         this.color.value = "#fff";
+        this.effect = new Effect_js_1.Effect();
         this.groups = {};
         this.move = new Move_js_1.Move();
         this.number = new ParticlesNumber_js_1.ParticlesNumber();
@@ -36,22 +38,26 @@ class ParticlesOptions {
         if (!data) {
             return;
         }
-        this.bounce.load(data.bounce);
-        this.color.load(AnimatableColor_js_1.AnimatableColor.create(this.color, data.color));
         if (data.groups !== undefined) {
-            for (const group in data.groups) {
+            for (const group of Object.keys(data.groups)) {
+                if (!Object.hasOwn(data.groups, group)) {
+                    continue;
+                }
                 const item = data.groups[group];
                 if (item !== undefined) {
                     this.groups[group] = (0, Utils_js_1.deepExtend)(this.groups[group] ?? {}, item);
                 }
             }
         }
-        this.move.load(data.move);
-        this.number.load(data.number);
-        this.opacity.load(data.opacity);
         if (data.reduceDuplicates !== undefined) {
             this.reduceDuplicates = data.reduceDuplicates;
         }
+        this.bounce.load(data.bounce);
+        this.color.load(AnimatableColor_js_1.AnimatableColor.create(this.color, data.color));
+        this.effect.load(data.effect);
+        this.move.load(data.move);
+        this.number.load(data.number);
+        this.opacity.load(data.opacity);
         this.shape.load(data.shape);
         this.size.load(data.size);
         this.shadow.load(data.shadow);

package/cjs/Options/Classes/Particles/Size/Size.js

@@ -1,13 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Size = void 0;
-const SizeAnimation_js_1 = require("./SizeAnimation.js");
 const ValueWithRandom_js_1 = require("../../ValueWithRandom.js");
-class Size extends ValueWithRandom_js_1.ValueWithRandom {
+const SizeAnimation_js_1 = require("./SizeAnimation.js");
+class Size extends ValueWithRandom_js_1.RangedAnimationValueWithRandom {
     constructor() {
         super();
         this.animation = new SizeAnimation_js_1.SizeAnimation();
-        this.random.minimumValue = 1;
         this.value = 3;
     }
     load(data) {

package/cjs/Options/Classes/ValueWithRandom.js

@@ -2,26 +2,17 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RangedAnimationValueWithRandom = exports.AnimationValueWithRandom = exports.ValueWithRandom = void 0;
 const AnimationOptions_js_1 = require("./AnimationOptions.js");
-const Random_js_1 = require("./Random.js");
-const Utils_js_1 = require("../../Utils/Utils.js");
 const NumberUtils_js_1 = require("../../Utils/NumberUtils.js");
 class ValueWithRandom {
     constructor() {
-        this.random = new Random_js_1.Random();
         this.value = 0;
     }
     load(data) {
         if (!data) {
             return;
         }
-        if ((0, Utils_js_1.isBoolean)(data.random)) {
-            this.random.enable = data.random;
-        }
-        else {
-            this.random.load(data.random);
-        }
         if (data.value !== undefined) {
-            this.value = (0, NumberUtils_js_1.setRangeValue)(data.value, this.random.enable ? this.random.minimumValue : undefined);
+            this.value = (0, NumberUtils_js_1.setRangeValue)(data.value);
         }
     }
 }

package/cjs/Options/Interfaces/Particles/Number/IParticlesNumberLimit.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/cjs/Utils/CanvasUtils.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.alterHsl = exports.drawParticlePlugin = exports.drawPlugin = exports.drawShapeAfterEffect = exports.drawShape = exports.drawParticle = exports.clear = exports.paintImage = exports.paintBase = exports.drawTriangle = exports.drawLine = void 0;
+exports.alterHsl = exports.drawParticlePlugin = exports.drawPlugin = exports.drawShapeAfterDraw = exports.drawShape = exports.drawEffect = exports.drawParticle = exports.clear = exports.paintImage = exports.paintBase = exports.drawLine = void 0;
 const ColorUtils_js_1 = require("./ColorUtils.js");
 function drawLine(context, begin, end) {
     context.beginPath();
@@ -9,14 +9,6 @@ function drawLine(context, begin, end) {
     context.closePath();
 }
 exports.drawLine = drawLine;
-function drawTriangle(context, p1, p2, p3) {
-    context.beginPath();
-    context.moveTo(p1.x, p1.y);
-    context.lineTo(p2.x, p2.y);
-    context.lineTo(p3.x, p3.y);
-    context.closePath();
-}
-exports.drawTriangle = drawTriangle;
 function paintBase(context, dimension, baseColor) {
     context.fillStyle = baseColor ?? "rgba(0,0,0,0)";
     context.fillRect(0, 0, dimension.width, dimension.height);
@@ -47,7 +39,6 @@ function drawParticle(data) {
         d: rotateData.cos * (transform.d ?? 1),
     };
     context.setTransform(transformData.a, transformData.b, transformData.c, transformData.d, pos.x, pos.y);
-    context.beginPath();
     if (backgroundMask) {
         context.globalCompositeOperation = composite;
     }
@@ -67,45 +58,59 @@ function drawParticle(data) {
         context.strokeStyle = colorStyles.stroke;
     }
     const drawData = { container, context, particle, radius, opacity, delta };
+    context.beginPath();
     drawShape(drawData);
+    if (particle.shapeClose) {
+        context.closePath();
+    }
     if (strokeWidth > 0) {
         context.stroke();
     }
-    if (particle.close) {
-        context.closePath();
-    }
-    if (particle.fill) {
+    if (particle.shapeFill) {
         context.fill();
     }
-    drawShapeAfterEffect(drawData);
+    drawShapeAfterDraw(drawData);
+    drawEffect(drawData);
     context.globalCompositeOperation = "source-over";
     context.setTransform(1, 0, 0, 1, 0, 0);
 }
 exports.drawParticle = drawParticle;
+function drawEffect(data) {
+    const { container, context, particle, radius, opacity, delta } = data;
+    if (!particle.effect) {
+        return;
+    }
+    const drawer = container.effectDrawers.get(particle.effect);
+    if (!drawer) {
+        return;
+    }
+    drawer.draw({ context, particle, radius, opacity, delta, pixelRatio: container.retina.pixelRatio });
+}
+exports.drawEffect = drawEffect;
 function drawShape(data) {
     const { container, context, particle, radius, opacity, delta } = data;
     if (!particle.shape) {
         return;
     }
-    const drawer = container.drawers.get(particle.shape);
+    const drawer = container.shapeDrawers.get(particle.shape);
     if (!drawer) {
         return;
     }
     drawer.draw({ context, particle, radius, opacity, delta, pixelRatio: container.retina.pixelRatio });
 }
 exports.drawShape = drawShape;
-function drawShapeAfterEffect(data) {
+function drawShapeAfterDraw(data) {
     const { container, context, particle, radius, opacity, delta } = data;
     if (!particle.shape) {
         return;
     }
-    const drawer = container.drawers.get(particle.shape);
-    if (!drawer || !drawer.afterEffect) {
+    const drawer = container.shapeDrawers.get(particle.shape);
+    if (!drawer || !drawer.afterDraw) {
         return;
     }
-    drawer.afterEffect({ context, particle, radius, opacity, delta, pixelRatio: container.retina.pixelRatio });
+    drawer.afterDraw({ context, particle, radius, opacity, delta, pixelRatio: container.retina.pixelRatio });
 }
-exports.drawShapeAfterEffect = drawShapeAfterEffect;
+exports.drawShapeAfterDraw = drawShapeAfterDraw;
 function drawPlugin(context, plugin, delta) {
     if (!plugin.draw) {
         return;

package/cjs/Utils/ColorUtils.js

@@ -8,24 +8,6 @@ function addColorManager(manager) {
     colorManagers.set(manager.key, manager);
 }
 exports.addColorManager = addColorManager;
-function hue2rgb(p, q, t) {
-    if (t < 0) {
-        t += 1;
-    }
-    if (t > 1) {
-        t -= 1;
-    }
-    if (t < 1 / 6) {
-        return p + (q - p) * 6 * t;
-    }
-    if (t < 1 / 2) {
-        return q;
-    }
-    if (t < 2 / 3) {
-        return p + (q - p) * (2 / 3 - t) * 6;
-    }
-    return p;
-}
 function stringToRgba(input) {
     for (const [, manager] of colorManagers) {
         if (input.startsWith(manager.stringPrefix)) {
@@ -99,7 +81,7 @@ exports.rangeColorToHsl = rangeColorToHsl;
 function rgbToHsl(color) {
     const r1 = color.r / 255, g1 = color.g / 255, b1 = color.b / 255, max = Math.max(r1, g1, b1), min = Math.min(r1, g1, b1), res = {
         h: 0,
-        l: (max + min) / 2,
+        l: (max + min) * 0.5,
         s: 0,
     };
     if (max !== min) {
@@ -130,26 +112,30 @@ function stringToRgb(input) {
 }
 exports.stringToRgb = stringToRgb;
 function hslToRgb(hsl) {
-    const result = { b: 0, g: 0, r: 0 }, hslPercent = {
-        h: hsl.h / 360,
-        l: hsl.l / 100,
-        s: hsl.s / 100,
-    };
-    if (!hslPercent.s) {
-        result.r = result.g = result.b = hslPercent.l;
+    const h = ((hsl.h % 360) + 360) % 360, s = Math.max(0, Math.min(100, hsl.s)), l = Math.max(0, Math.min(100, hsl.l)), hNormalized = h / 360, sNormalized = s / 100, lNormalized = l / 100;
+    if (s === 0) {
+        const grayscaleValue = Math.round(lNormalized * 255);
+        return { r: grayscaleValue, g: grayscaleValue, b: grayscaleValue };
     }
-    else {
-        const q = hslPercent.l < 0.5
-            ? hslPercent.l * (1 + hslPercent.s)
-            : hslPercent.l + hslPercent.s - hslPercent.l * hslPercent.s, p = 2 * hslPercent.l - q;
-        result.r = hue2rgb(p, q, hslPercent.h + 1 / 3);
-        result.g = hue2rgb(p, q, hslPercent.h);
-        result.b = hue2rgb(p, q, hslPercent.h - 1 / 3);
-    }
-    result.r = Math.floor(result.r * 255);
-    result.g = Math.floor(result.g * 255);
-    result.b = Math.floor(result.b * 255);
-    return result;
+    const channel = (temp1, temp2, temp3) => {
+        if (temp3 < 0) {
+            temp3 += 1;
+        }
+        if (temp3 > 1) {
+            temp3 -= 1;
+        }
+        if (temp3 * 6 < 1) {
+            return temp1 + (temp2 - temp1) * 6 * temp3;
+        }
+        if (temp3 * 2 < 1) {
+            return temp2;
+        }
+        if (temp3 * 3 < 2) {
+            return temp1 + (temp2 - temp1) * (2 / 3 - temp3) * 6;
+        }
+        return temp1;
+    }, temp1 = lNormalized < 0.5 ? lNormalized * (1 + sNormalized) : lNormalized + sNormalized - lNormalized * sNormalized, temp2 = 2 * lNormalized - temp1, red = Math.min(255, 255 * channel(temp2, temp1, hNormalized + 1 / 3)), green = Math.min(255, 255 * channel(temp2, temp1, hNormalized)), blue = Math.min(255, 255 * channel(temp2, temp1, hNormalized - 1 / 3));
+    return { r: Math.round(red), g: Math.round(green), b: Math.round(blue) };
 }
 exports.hslToRgb = hslToRgb;
 function hslaToRgba(hsla) {

package/cjs/Utils/NumberUtils.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.parseAlpha = exports.calcExactPositionOrRandomFromSizeRanged = exports.calcExactPositionOrRandomFromSize = exports.calcPositionOrRandomFromSizeRanged = exports.calcPositionOrRandomFromSize = exports.calcPositionFromSize = exports.collisionVelocity = exports.getParticleBaseVelocity = exports.getParticleDirectionAngle = exports.getDistance = exports.getDistances = exports.getValue = exports.setRangeValue = exports.getRangeMax = exports.getRangeMin = exports.getRangeValue = exports.randomInRange = exports.mix = exports.clamp = exports.getRandom = exports.setRandom = exports.getEasing = exports.addEasing = void 0;
-const Utils_js_1 = require("./Utils.js");
+exports.parseAlpha = exports.calcExactPositionOrRandomFromSizeRanged = exports.calcExactPositionOrRandomFromSize = exports.calcPositionOrRandomFromSizeRanged = exports.calcPositionOrRandomFromSize = exports.calcPositionFromSize = exports.collisionVelocity = exports.getParticleBaseVelocity = exports.getParticleDirectionAngle = exports.getDistance = exports.getDistances = exports.setRangeValue = exports.getRangeMax = exports.getRangeMin = exports.getRangeValue = exports.randomInRange = exports.mix = exports.clamp = exports.getRandom = exports.setRandom = exports.getEasing = exports.addEasing = void 0;
 const Vector_js_1 = require("../Core/Utils/Vector.js");
+const Utils_js_1 = require("./Utils.js");
 let _random = Math.random;
 const easings = new Map();
 function addEasing(name, easing) {
@@ -66,16 +66,6 @@ function setRangeValue(source, value) {
         : setRangeValue(min, max);
 }
 exports.setRangeValue = setRangeValue;
-function getValue(options) {
-    const random = options.random, { enable, minimumValue } = (0, Utils_js_1.isBoolean)(random)
-        ? {
-            enable: random,
-            minimumValue: 0,
-        }
-        : random;
-    return enable ? getRangeValue(setRangeValue(options.value, minimumValue)) : getRangeValue(options.value);
-}
-exports.getValue = getValue;
 function getDistances(pointA, pointB) {
     const dx = pointA.x - pointB.x, dy = pointA.y - pointB.y;
     return { dx: dx, dy: dy, distance: Math.sqrt(dx ** 2 + dy ** 2) };
@@ -91,21 +81,21 @@ function getParticleDirectionAngle(direction, position, center) {
     }
     switch (direction) {
         case "top":
-            return -Math.PI / 2;
+            return -Math.PI * 0.5;
         case "top-right":
-            return -Math.PI / 4;
+            return -Math.PI * 0.25;
         case "right":
             return 0;
         case "bottom-right":
-            return Math.PI / 4;
+            return Math.PI * 0.25;
         case "bottom":
-            return Math.PI / 2;
+            return Math.PI * 0.5;
         case "bottom-left":
-            return (3 * Math.PI) / 4;
+            return Math.PI * 0.75;
         case "left":
             return Math.PI;
         case "top-left":
-            return (-3 * Math.PI) / 4;
+            return -Math.PI * 0.75;
         case "inside":
             return Math.atan2(center.y - position.y, center.x - position.x);
         case "outside":

package/cjs/Utils/Utils.js

@@ -32,8 +32,8 @@ function rectSideBounce(data) {
         pOtherSide.max > rectOtherSide.max) {
         return res;
     }
-    if ((pSide.max >= rectSide.min && pSide.max <= (rectSide.max + rectSide.min) / 2 && velocity > 0) ||
-        (pSide.min <= rectSide.max && pSide.min > (rectSide.max + rectSide.min) / 2 && velocity < 0)) {
+    if ((pSide.max >= rectSide.min && pSide.max <= (rectSide.max + rectSide.min) * 0.5 && velocity > 0) ||
+        (pSide.min <= rectSide.max && pSide.min > (rectSide.max + rectSide.min) * 0.5 && velocity < 0)) {
         res.velocity = velocity * -factor;
         res.bounced = true;
     }
@@ -189,7 +189,7 @@ function circleBounceDataFromParticle(p) {
         radius: p.getRadius(),
         mass: p.getMass(),
         velocity: p.velocity,
-        factor: Vector_js_1.Vector.create((0, NumberUtils_js_1.getValue)(p.options.bounce.horizontal), (0, NumberUtils_js_1.getValue)(p.options.bounce.vertical)),
+        factor: Vector_js_1.Vector.create((0, NumberUtils_js_1.getRangeValue)(p.options.bounce.horizontal.value), (0, NumberUtils_js_1.getRangeValue)(p.options.bounce.vertical.value)),
     };
 }
 exports.circleBounceDataFromParticle = circleBounceDataFromParticle;
@@ -206,7 +206,7 @@ function circleBounce(p1, p2) {
 }
 exports.circleBounce = circleBounce;
 function rectBounce(particle, divBounds) {
-    const pPos = particle.getPosition(), size = particle.getRadius(), bounds = calculateBounds(pPos, size), resH = rectSideBounce({
+    const pPos = particle.getPosition(), size = particle.getRadius(), bounds = calculateBounds(pPos, size), bounceOptions = particle.options.bounce, resH = rectSideBounce({
         pSide: {
             min: bounds.left,
             max: bounds.right,
@@ -224,7 +224,7 @@ function rectBounce(particle, divBounds) {
             max: divBounds.bottom,
         },
         velocity: particle.velocity.x,
-        factor: (0, NumberUtils_js_1.getValue)(particle.options.bounce.horizontal),
+        factor: (0, NumberUtils_js_1.getRangeValue)(bounceOptions.horizontal.value),
     });
     if (resH.bounced) {
         if (resH.velocity !== undefined) {
@@ -252,7 +252,7 @@ function rectBounce(particle, divBounds) {
             max: divBounds.right,
         },
         velocity: particle.velocity.y,
-        factor: (0, NumberUtils_js_1.getValue)(particle.options.bounce.vertical),
+        factor: (0, NumberUtils_js_1.getRangeValue)(bounceOptions.vertical.value),
     });
     if (resV.bounced) {
         if (resV.velocity !== undefined) {

package/cjs/export-types.js

@@ -26,6 +26,7 @@ __exportStar(require("./Core/Interfaces/IDelta.js"), exports);
 __exportStar(require("./Core/Interfaces/IDimension.js"), exports);
 __exportStar(require("./Core/Interfaces/IDistance.js"), exports);
 __exportStar(require("./Core/Interfaces/IDrawParticleParams.js"), exports);
+__exportStar(require("./Core/Interfaces/IEffectDrawer.js"), exports);
 __exportStar(require("./Core/Interfaces/IExternalInteractor.js"), exports);
 __exportStar(require("./Core/Interfaces/IInteractor.js"), exports);
 __exportStar(require("./Core/Interfaces/ILoadParams.js"), exports);
@@ -45,6 +46,7 @@ __exportStar(require("./Core/Interfaces/IPlugin.js"), exports);
 __exportStar(require("./Core/Interfaces/IPositionFromSizeParams.js"), exports);
 __exportStar(require("./Core/Interfaces/IRangeValue.js"), exports);
 __exportStar(require("./Core/Interfaces/IRectSideResult.js"), exports);
+__exportStar(require("./Core/Interfaces/IShapeDrawData.js"), exports);
 __exportStar(require("./Core/Interfaces/IShapeDrawer.js"), exports);
 __exportStar(require("./Core/Interfaces/IShapeValues.js"), exports);
 __exportStar(require("./Core/Interfaces/ISlowParticleData.js"), exports);
@@ -77,6 +79,7 @@ __exportStar(require("./Options/Interfaces/Particles/Bounce/IParticlesBounce.js"
 __exportStar(require("./Options/Interfaces/Particles/Collisions/ICollisions.js"), exports);
 __exportStar(require("./Options/Interfaces/Particles/Collisions/ICollisionsAbsorb.js"), exports);
 __exportStar(require("./Options/Interfaces/Particles/Collisions/ICollisionsOverlap.js"), exports);
+__exportStar(require("./Options/Interfaces/Particles/Effect/IEffect.js"), exports);
 __exportStar(require("./Options/Interfaces/Particles/IParticlesOptions.js"), exports);
 __exportStar(require("./Options/Interfaces/Particles/IShadow.js"), exports);
 __exportStar(require("./Options/Interfaces/Particles/IStroke.js"), exports);
@@ -91,6 +94,7 @@ __exportStar(require("./Options/Interfaces/Particles/Move/ISpin.js"), exports);
 __exportStar(require("./Options/Interfaces/Particles/Move/IMoveTrail.js"), exports);
 __exportStar(require("./Options/Interfaces/Particles/Number/IParticlesDensity.js"), exports);
 __exportStar(require("./Options/Interfaces/Particles/Number/IParticlesNumber.js"), exports);
+__exportStar(require("./Options/Interfaces/Particles/Number/IParticlesNumberLimit.js"), exports);
 __exportStar(require("./Options/Interfaces/Particles/Opacity/IOpacity.js"), exports);
 __exportStar(require("./Options/Interfaces/Particles/Opacity/IOpacityAnimation.js"), exports);
 __exportStar(require("./Options/Interfaces/Particles/Shape/IShape.js"), exports);

package/cjs/exports.js

@@ -27,10 +27,8 @@ __exportStar(require("./Enums/Directions/MoveDirection.js"), exports);
 __exportStar(require("./Enums/Directions/RotateDirection.js"), exports);
 __exportStar(require("./Enums/Directions/OutModeDirection.js"), exports);
 __exportStar(require("./Enums/Modes/AnimationMode.js"), exports);
-__exportStar(require("./Enums/Modes/ClickMode.js"), exports);
-__exportStar(require("./Enums/Modes/DivMode.js"), exports);
-__exportStar(require("./Enums/Modes/HoverMode.js"), exports);
 __exportStar(require("./Enums/Modes/CollisionMode.js"), exports);
+__exportStar(require("./Enums/Modes/LimitMode.js"), exports);
 __exportStar(require("./Enums/Modes/OutMode.js"), exports);
 __exportStar(require("./Enums/Modes/PixelMode.js"), exports);
 __exportStar(require("./Enums/Modes/ThemeMode.js"), exports);
@@ -85,6 +83,7 @@ __exportStar(require("./Options/Classes/Particles/Move/Path/MovePath.js"), expor
 __exportStar(require("./Options/Classes/Particles/Move/Spin.js"), exports);
 __exportStar(require("./Options/Classes/Particles/Move/MoveTrail.js"), exports);
 __exportStar(require("./Options/Classes/Particles/Number/ParticlesNumber.js"), exports);
+__exportStar(require("./Options/Classes/Particles/Number/ParticlesNumberLimit.js"), exports);
 __exportStar(require("./Options/Classes/Particles/Number/ParticlesDensity.js"), exports);
 __exportStar(require("./Options/Classes/Particles/Opacity/Opacity.js"), exports);
 __exportStar(require("./Options/Classes/Particles/Opacity/OpacityAnimation.js"), exports);

package/esm/Core/Canvas.js

@@ -402,10 +402,10 @@ export class Canvas {
         this.element.width = size.width = this.element.offsetWidth * pxRatio;
         this.element.height = size.height = this.element.offsetHeight * pxRatio;
         if (this.container.started) {
-            this.resizeFactor = {
+            container.particles.setResizeFactor({
                 width: size.width / oldSize.width,
                 height: size.height / oldSize.height,
-            };
+            });
         }
         return true;
     }