tsparticles 1.34.1 → 1.35.0

package/Core/Retina.js

@@ -9,10 +9,10 @@ class Retina {
     init() {
         const container = this.container;
         const options = container.actualOptions;
-        this.pixelRatio = !options.detectRetina || Utils_1.isSsr() ? 1 : window.devicePixelRatio;
+        this.pixelRatio = !options.detectRetina || (0, Utils_1.isSsr)() ? 1 : window.devicePixelRatio;
         const motionOptions = this.container.actualOptions.motion;
         if (motionOptions && (motionOptions.disable || motionOptions.reduce.value)) {
-            if (Utils_1.isSsr() || typeof matchMedia === "undefined" || !matchMedia) {
+            if ((0, Utils_1.isSsr)() || typeof matchMedia === "undefined" || !matchMedia) {
                 this.reduceFactor = 1;
             }
             else {
@@ -68,22 +68,20 @@ class Retina {
         const options = particle.options;
         const ratio = this.pixelRatio;
         const moveDistance = options.move.distance;
-        const orbit = options.orbit;
-        particle.attractDistance = options.move.attract.distance * ratio;
-        particle.linksDistance = options.links.distance * ratio;
-        particle.linksWidth = options.links.width * ratio;
-        particle.moveDrift = Utils_1.getRangeValue(options.move.drift) * ratio;
-        particle.moveSpeed = Utils_1.getRangeValue(options.move.speed) * ratio;
-        particle.sizeAnimationSpeed = options.size.animation.speed * ratio;
-        particle.orbitRadius = (orbit === null || orbit === void 0 ? void 0 : orbit.radius) !== undefined ? orbit.radius * ratio : undefined;
+        const props = particle.retina;
+        props.attractDistance = options.move.attract.distance * ratio;
+        props.linksDistance = options.links.distance * ratio;
+        props.linksWidth = options.links.width * ratio;
+        props.moveDrift = (0, Utils_1.getRangeValue)(options.move.drift) * ratio;
+        props.moveSpeed = (0, Utils_1.getRangeValue)(options.move.speed) * ratio;
+        props.sizeAnimationSpeed = options.size.animation.speed * ratio;
         if (particle.spin) {
-            particle.spin.acceleration = Utils_1.getRangeValue(options.move.spin.acceleration) * ratio;
+            props.spinAcceleration = (0, Utils_1.getRangeValue)(options.move.spin.acceleration) * ratio;
         }
-        const maxDistance = particle.maxDistance;
+        const maxDistance = props.maxDistance;
         maxDistance.horizontal = moveDistance.horizontal !== undefined ? moveDistance.horizontal * ratio : undefined;
         maxDistance.vertical = moveDistance.vertical !== undefined ? moveDistance.vertical * ratio : undefined;
-        particle.wobbleDistance = Utils_1.getRangeValue(options.wobble.distance) * ratio;
-        particle.maxSpeed = options.move.gravity.maxSpeed * ratio;
+        props.maxSpeed = options.move.gravity.maxSpeed * ratio;
     }
     handleMotionChange(mediaQuery) {
         const options = this.container.actualOptions;

package/Enums/Modes/RollMode.d.ts

@@ -0,0 +1,5 @@
+export declare enum RollMode {
+    both = "both",
+    horizontal = "horizontal",
+    vertical = "vertical"
+}

package/Enums/Modes/RollMode.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RollMode = void 0;
+var RollMode;
+(function (RollMode) {
+    RollMode["both"] = "both";
+    RollMode["horizontal"] = "horizontal";
+    RollMode["vertical"] = "vertical";
+})(RollMode = exports.RollMode || (exports.RollMode = {}));

package/Enums/Modes/index.d.ts

@@ -4,5 +4,6 @@ export * from "./DivMode";
 export * from "./HoverMode";
 export * from "./CollisionMode";
 export * from "./OutMode";
+export * from "./RollMode";
 export * from "./SizeMode";
 export * from "./ThemeMode";

package/Enums/Modes/index.js

@@ -16,5 +16,6 @@ __exportStar(require("./DivMode"), exports);
 __exportStar(require("./HoverMode"), exports);
 __exportStar(require("./CollisionMode"), exports);
 __exportStar(require("./OutMode"), exports);
+__exportStar(require("./RollMode"), exports);
 __exportStar(require("./SizeMode"), exports);
 __exportStar(require("./ThemeMode"), exports);

package/Interactions/External/Attract/Attractor.js

@@ -15,16 +15,16 @@ class Attractor extends ExternalInteractorBase_1.ExternalInteractorBase {
             return false;
         }
         const hoverMode = events.onHover.mode, clickMode = events.onClick.mode;
-        return Utils_1.isInArray(Enums_1.HoverMode.attract, hoverMode) || Utils_1.isInArray(Enums_1.ClickMode.attract, clickMode);
+        return (0, Utils_1.isInArray)(Enums_1.HoverMode.attract, hoverMode) || (0, Utils_1.isInArray)(Enums_1.ClickMode.attract, clickMode);
     }
     reset() {
     }
     interact() {
         const container = this.container, options = container.actualOptions, mouseMoveStatus = container.interactivity.status === Utils_1.Constants.mouseMoveEvent, events = options.interactivity.events, hoverEnabled = events.onHover.enable, hoverMode = events.onHover.mode, clickEnabled = events.onClick.enable, clickMode = events.onClick.mode;
-        if (mouseMoveStatus && hoverEnabled && Utils_1.isInArray(Enums_1.HoverMode.attract, hoverMode)) {
+        if (mouseMoveStatus && hoverEnabled && (0, Utils_1.isInArray)(Enums_1.HoverMode.attract, hoverMode)) {
             this.hoverAttract();
         }
-        else if (clickEnabled && Utils_1.isInArray(Enums_1.ClickMode.attract, clickMode)) {
+        else if (clickEnabled && (0, Utils_1.isInArray)(Enums_1.ClickMode.attract, clickMode)) {
             this.clickAttract();
         }
     }
@@ -42,9 +42,9 @@ class Attractor extends ExternalInteractorBase_1.ExternalInteractorBase {
         const attractOptions = container.actualOptions.interactivity.modes.attract;
         const query = container.particles.quadTree.query(area);
         for (const particle of query) {
-            const { dx, dy, distance } = Utils_1.getDistances(particle.position, position);
+            const { dx, dy, distance } = (0, Utils_1.getDistances)(particle.position, position);
             const velocity = attractOptions.speed * attractOptions.factor;
-            const attractFactor = Utils_1.clamp(Utils_1.calcEasing(1 - distance / attractRadius, attractOptions.easing) * velocity, 0, attractOptions.maxSpeed);
+            const attractFactor = (0, Utils_1.clamp)((0, Utils_1.calcEasing)(1 - distance / attractRadius, attractOptions.easing) * velocity, 0, attractOptions.maxSpeed);
             const normVec = Vector_1.Vector.create(distance === 0 ? velocity : (dx / distance) * attractFactor, distance === 0 ? velocity : (dy / distance) * attractFactor);
             particle.position.subFrom(normVec);
         }

package/Interactions/External/Bounce/Bouncer.js

@@ -11,16 +11,16 @@ class Bouncer extends ExternalInteractorBase_1.ExternalInteractorBase {
     }
     isEnabled() {
         const container = this.container, options = container.actualOptions, mouse = container.interactivity.mouse, events = options.interactivity.events, divs = events.onDiv;
-        return ((mouse.position && events.onHover.enable && Utils_1.isInArray(Enums_1.HoverMode.bounce, events.onHover.mode)) ||
-            Utils_1.isDivModeEnabled(Enums_1.DivMode.bounce, divs));
+        return ((mouse.position && events.onHover.enable && (0, Utils_1.isInArray)(Enums_1.HoverMode.bounce, events.onHover.mode)) ||
+            (0, Utils_1.isDivModeEnabled)(Enums_1.DivMode.bounce, divs));
     }
     interact() {
         const container = this.container, options = container.actualOptions, events = options.interactivity.events, mouseMoveStatus = container.interactivity.status === Utils_1.Constants.mouseMoveEvent, hoverEnabled = events.onHover.enable, hoverMode = events.onHover.mode, divs = events.onDiv;
-        if (mouseMoveStatus && hoverEnabled && Utils_1.isInArray(Enums_1.HoverMode.bounce, hoverMode)) {
+        if (mouseMoveStatus && hoverEnabled && (0, Utils_1.isInArray)(Enums_1.HoverMode.bounce, hoverMode)) {
             this.processMouseBounce();
         }
         else {
-            Utils_1.divModeExecute(Enums_1.DivMode.bounce, divs, (selector, div) => this.singleSelectorBounce(selector, div));
+            (0, Utils_1.divModeExecute)(Enums_1.DivMode.bounce, divs, (selector, div) => this.singleSelectorBounce(selector, div));
         }
     }
     reset() {
@@ -52,16 +52,16 @@ class Bouncer extends ExternalInteractorBase_1.ExternalInteractorBase {
         const query = this.container.particles.quadTree.query(area);
         for (const particle of query) {
             if (area instanceof Utils_1.Circle) {
-                Utils_1.circleBounce(Utils_1.circleBounceDataFromParticle(particle), {
+                (0, Utils_1.circleBounce)((0, Utils_1.circleBounceDataFromParticle)(particle), {
                     position,
                     radius,
-                    mass: (Math.pow(radius, 2) * Math.PI) / 2,
+                    mass: (radius ** 2 * Math.PI) / 2,
                     velocity: Vector_1.Vector.origin,
                     factor: Vector_1.Vector.origin,
                 });
             }
             else if (area instanceof Utils_1.Rectangle) {
-                Utils_1.rectBounce(particle, Utils_1.calculateBounds(position, radius));
+                (0, Utils_1.rectBounce)(particle, (0, Utils_1.calculateBounds)(position, radius));
             }
         }
     }

package/Interactions/External/Bubble/Bubbler.js

@@ -8,11 +8,11 @@ const ProcessBubbleType_1 = require("./ProcessBubbleType");
 function calculateBubbleValue(particleValue, modeValue, optionsValue, ratio) {
     if (modeValue >= optionsValue) {
         const value = particleValue + (modeValue - optionsValue) * ratio;
-        return Utils_1.clamp(value, particleValue, modeValue);
+        return (0, Utils_1.clamp)(value, particleValue, modeValue);
     }
     else if (modeValue < optionsValue) {
         const value = particleValue - (optionsValue - modeValue) * ratio;
-        return Utils_1.clamp(value, modeValue, particleValue);
+        return (0, Utils_1.clamp)(value, modeValue, particleValue);
     }
 }
 class Bubbler extends ExternalInteractorBase_1.ExternalInteractorBase {
@@ -20,13 +20,13 @@ class Bubbler extends ExternalInteractorBase_1.ExternalInteractorBase {
         super(container);
     }
     isEnabled() {
-        const container = this.container, options = container.actualOptions, mouse = container.interactivity.mouse, events = options.interactivity.events, divs = events.onDiv, divBubble = Utils_1.isDivModeEnabled(Enums_1.DivMode.bubble, divs);
+        const container = this.container, options = container.actualOptions, mouse = container.interactivity.mouse, events = options.interactivity.events, divs = events.onDiv, divBubble = (0, Utils_1.isDivModeEnabled)(Enums_1.DivMode.bubble, divs);
         if (!(divBubble || (events.onHover.enable && mouse.position) || (events.onClick.enable && mouse.clickPosition))) {
             return false;
         }
         const hoverMode = events.onHover.mode;
         const clickMode = events.onClick.mode;
-        return Utils_1.isInArray(Enums_1.HoverMode.bubble, hoverMode) || Utils_1.isInArray(Enums_1.ClickMode.bubble, clickMode) || divBubble;
+        return (0, Utils_1.isInArray)(Enums_1.HoverMode.bubble, hoverMode) || (0, Utils_1.isInArray)(Enums_1.ClickMode.bubble, clickMode) || divBubble;
     }
     reset(particle, force) {
         if (!(!particle.bubble.inRange || force)) {
@@ -39,14 +39,14 @@ class Bubbler extends ExternalInteractorBase_1.ExternalInteractorBase {
     }
     interact() {
         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 && Utils_1.isInArray(Enums_1.HoverMode.bubble, hoverMode)) {
+        if (hoverEnabled && (0, Utils_1.isInArray)(Enums_1.HoverMode.bubble, hoverMode)) {
             this.hoverBubble();
         }
-        else if (clickEnabled && Utils_1.isInArray(Enums_1.ClickMode.bubble, clickMode)) {
+        else if (clickEnabled && (0, Utils_1.isInArray)(Enums_1.ClickMode.bubble, clickMode)) {
             this.clickBubble();
         }
         else {
-            Utils_1.divModeExecute(Enums_1.DivMode.bubble, divs, (selector, div) => this.singleSelectorHover(selector, div));
+            (0, Utils_1.divModeExecute)(Enums_1.DivMode.bubble, divs, (selector, div) => this.singleSelectorHover(selector, div));
         }
     }
     singleSelectorHover(selector, div) {
@@ -67,7 +67,7 @@ class Bubbler extends ExternalInteractorBase_1.ExternalInteractorBase {
                 }
                 particle.bubble.inRange = true;
                 const divs = container.actualOptions.interactivity.modes.bubble.divs;
-                const divBubble = Utils_1.divMode(divs, elem);
+                const divBubble = (0, Utils_1.divMode)(divs, elem);
                 if (!particle.bubble.div || particle.bubble.div !== elem) {
                     this.reset(particle, true);
                     particle.bubble.div = elem;
@@ -119,6 +119,7 @@ class Bubbler extends ExternalInteractorBase_1.ExternalInteractorBase {
         }
     }
     clickBubble() {
+        var _a, _b;
         const container = this.container, options = container.actualOptions, mouseClickPos = container.interactivity.mouse.clickPosition;
         if (!mouseClickPos) {
             return;
@@ -129,7 +130,7 @@ class Bubbler extends ExternalInteractorBase_1.ExternalInteractorBase {
                 continue;
             }
             particle.bubble.inRange = !container.bubble.durationEnd;
-            const pos = particle.getPosition(), distMouse = Utils_1.getDistance(pos, mouseClickPos), timeSpent = (new Date().getTime() - (container.interactivity.mouse.clickTime || 0)) / 1000;
+            const pos = particle.getPosition(), distMouse = (0, Utils_1.getDistance)(pos, mouseClickPos), timeSpent = (new Date().getTime() - (container.interactivity.mouse.clickTime || 0)) / 1000;
             if (timeSpent > options.interactivity.modes.bubble.duration) {
                 container.bubble.durationEnd = true;
             }
@@ -143,7 +144,7 @@ class Bubbler extends ExternalInteractorBase_1.ExternalInteractorBase {
                     value: particle.bubble.radius,
                 },
                 particlesObj: {
-                    optValue: Utils_1.getRangeMax(particle.options.size.value) * container.retina.pixelRatio,
+                    optValue: (0, Utils_1.getRangeMax)(particle.options.size.value) * container.retina.pixelRatio,
                     value: particle.size.value,
                 },
                 type: ProcessBubbleType_1.ProcessBubbleType.size,
@@ -155,8 +156,8 @@ class Bubbler extends ExternalInteractorBase_1.ExternalInteractorBase {
                     value: particle.bubble.opacity,
                 },
                 particlesObj: {
-                    optValue: Utils_1.getRangeMax(particle.options.opacity.value),
-                    value: particle.opacity.value,
+                    optValue: (0, Utils_1.getRangeMax)(particle.options.opacity.value),
+                    value: (_b = (_a = particle.opacity) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : 1,
                 },
                 type: ProcessBubbleType_1.ProcessBubbleType.opacity,
             };
@@ -182,7 +183,7 @@ class Bubbler extends ExternalInteractorBase_1.ExternalInteractorBase {
         const distance = container.retina.bubbleModeDistance, query = container.particles.quadTree.queryCircle(mousePos, distance);
         for (const particle of query) {
             particle.bubble.inRange = true;
-            const pos = particle.getPosition(), pointDistance = Utils_1.getDistance(pos, mousePos), ratio = 1 - pointDistance / distance;
+            const pos = particle.getPosition(), pointDistance = (0, Utils_1.getDistance)(pos, mousePos), ratio = 1 - pointDistance / distance;
             if (pointDistance <= distance) {
                 if (ratio >= 0 && container.interactivity.status === Utils_1.Constants.mouseMoveEvent) {
                     this.hoverBubbleSize(particle, ratio);
@@ -203,7 +204,7 @@ class Bubbler extends ExternalInteractorBase_1.ExternalInteractorBase {
         if (modeSize === undefined) {
             return;
         }
-        const optSize = Utils_1.getRangeMax(particle.options.size.value) * container.retina.pixelRatio;
+        const optSize = (0, Utils_1.getRangeMax)(particle.options.size.value) * container.retina.pixelRatio;
         const pSize = particle.size.value;
         const size = calculateBubbleValue(pSize, modeSize, optSize, ratio);
         if (size !== undefined) {
@@ -211,14 +212,14 @@ class Bubbler extends ExternalInteractorBase_1.ExternalInteractorBase {
         }
     }
     hoverBubbleOpacity(particle, ratio, divBubble) {
-        var _a;
+        var _a, _b, _c;
         const container = this.container, options = container.actualOptions, modeOpacity = (_a = divBubble === null || divBubble === void 0 ? void 0 : divBubble.opacity) !== null && _a !== void 0 ? _a : options.interactivity.modes.bubble.opacity;
         if (!modeOpacity) {
             return;
         }
         const optOpacity = particle.options.opacity.value;
-        const pOpacity = particle.opacity.value;
-        const opacity = calculateBubbleValue(pOpacity, modeOpacity, Utils_1.getRangeMax(optOpacity), ratio);
+        const pOpacity = (_c = (_b = particle.opacity) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : 1;
+        const opacity = calculateBubbleValue(pOpacity, modeOpacity, (0, Utils_1.getRangeMax)(optOpacity), ratio);
         if (opacity !== undefined) {
             particle.bubble.opacity = opacity;
         }
@@ -231,8 +232,8 @@ class Bubbler extends ExternalInteractorBase_1.ExternalInteractorBase {
             if (!modeColor) {
                 return;
             }
-            const bubbleColor = modeColor instanceof Array ? Utils_1.itemFromArray(modeColor) : modeColor;
-            particle.bubble.finalColor = Utils_1.colorToHsl(bubbleColor);
+            const bubbleColor = modeColor instanceof Array ? (0, Utils_1.itemFromArray)(modeColor) : modeColor;
+            particle.bubble.finalColor = (0, Utils_1.colorToHsl)(bubbleColor);
         }
         if (!particle.bubble.finalColor) {
             return;
@@ -241,7 +242,7 @@ class Bubbler extends ExternalInteractorBase_1.ExternalInteractorBase {
             particle.bubble.color = undefined;
             const pColor = particle.getFillColor();
             particle.bubble.color = pColor
-                ? Utils_1.rgbToHsl(Utils_1.colorMix(pColor, particle.bubble.finalColor, 1 - ratio, ratio))
+                ? (0, Utils_1.rgbToHsl)((0, Utils_1.colorMix)(pColor, particle.bubble.finalColor, 1 - ratio, ratio))
                 : particle.bubble.finalColor;
         }
         else {

package/Interactions/External/Connect/Connector.js

@@ -13,7 +13,7 @@ class Connector extends ExternalInteractorBase_1.ExternalInteractorBase {
         if (!(events.onHover.enable && mouse.position)) {
             return false;
         }
-        return Utils_1.isInArray(Enums_1.HoverMode.connect, events.onHover.mode);
+        return (0, Utils_1.isInArray)(Enums_1.HoverMode.connect, events.onHover.mode);
     }
     reset() {
     }

package/Interactions/External/Grab/Grabber.js

@@ -10,7 +10,7 @@ class Grabber extends ExternalInteractorBase_1.ExternalInteractorBase {
     }
     isEnabled() {
         const container = this.container, mouse = container.interactivity.mouse, events = container.actualOptions.interactivity.events;
-        return events.onHover.enable && !!mouse.position && Utils_1.isInArray(Enums_1.HoverMode.grab, events.onHover.mode);
+        return events.onHover.enable && !!mouse.position && (0, Utils_1.isInArray)(Enums_1.HoverMode.grab, events.onHover.mode);
     }
     reset() {
     }
@@ -24,7 +24,7 @@ class Grabber extends ExternalInteractorBase_1.ExternalInteractorBase {
             }
             const distance = container.retina.grabModeDistance, query = container.particles.quadTree.queryCircle(mousePos, distance);
             for (const particle of query) {
-                const pos = particle.getPosition(), pointDistance = Utils_1.getDistance(pos, mousePos);
+                const pos = particle.getPosition(), pointDistance = (0, Utils_1.getDistance)(pos, mousePos);
                 if (pointDistance <= distance) {
                     const grabLineOptions = interactivity.modes.grab.links, lineOpacity = grabLineOptions.opacity, opacityLine = lineOpacity - (pointDistance * lineOpacity) / distance;
                     if (opacityLine <= 0) {
@@ -33,9 +33,9 @@ class Grabber extends ExternalInteractorBase_1.ExternalInteractorBase {
                     const optColor = (_a = grabLineOptions.color) !== null && _a !== void 0 ? _a : particle.options.links.color;
                     if (!container.particles.grabLineColor) {
                         const linksOptions = options.interactivity.modes.grab.links;
-                        container.particles.grabLineColor = Utils_1.getLinkRandomColor(optColor, linksOptions.blink, linksOptions.consent);
+                        container.particles.grabLineColor = (0, Utils_1.getLinkRandomColor)(optColor, linksOptions.blink, linksOptions.consent);
                     }
-                    const colorLine = Utils_1.getLinkColor(particle, undefined, container.particles.grabLineColor);
+                    const colorLine = (0, Utils_1.getLinkColor)(particle, undefined, container.particles.grabLineColor);
                     if (!colorLine) {
                         return;
                     }

package/Interactions/External/Repulse/Repulser.js

@@ -10,25 +10,25 @@ class Repulser extends ExternalInteractorBase_1.ExternalInteractorBase {
         super(container);
     }
     isEnabled() {
-        const container = this.container, options = container.actualOptions, mouse = container.interactivity.mouse, events = options.interactivity.events, divs = events.onDiv, divRepulse = Utils_1.isDivModeEnabled(Enums_1.DivMode.repulse, divs);
+        const container = this.container, options = container.actualOptions, mouse = container.interactivity.mouse, events = options.interactivity.events, divs = events.onDiv, divRepulse = (0, Utils_1.isDivModeEnabled)(Enums_1.DivMode.repulse, divs);
         if (!(divRepulse || (events.onHover.enable && mouse.position) || (events.onClick.enable && mouse.clickPosition))) {
             return false;
         }
         const hoverMode = events.onHover.mode, clickMode = events.onClick.mode;
-        return Utils_1.isInArray(Enums_1.HoverMode.repulse, hoverMode) || Utils_1.isInArray(Enums_1.ClickMode.repulse, clickMode) || divRepulse;
+        return (0, Utils_1.isInArray)(Enums_1.HoverMode.repulse, hoverMode) || (0, Utils_1.isInArray)(Enums_1.ClickMode.repulse, clickMode) || divRepulse;
     }
     reset() {
     }
     interact() {
         const container = this.container, options = container.actualOptions, mouseMoveStatus = container.interactivity.status === Utils_1.Constants.mouseMoveEvent, events = options.interactivity.events, hoverEnabled = events.onHover.enable, hoverMode = events.onHover.mode, clickEnabled = events.onClick.enable, clickMode = events.onClick.mode, divs = events.onDiv;
-        if (mouseMoveStatus && hoverEnabled && Utils_1.isInArray(Enums_1.HoverMode.repulse, hoverMode)) {
+        if (mouseMoveStatus && hoverEnabled && (0, Utils_1.isInArray)(Enums_1.HoverMode.repulse, hoverMode)) {
             this.hoverRepulse();
         }
-        else if (clickEnabled && Utils_1.isInArray(Enums_1.ClickMode.repulse, clickMode)) {
+        else if (clickEnabled && (0, Utils_1.isInArray)(Enums_1.ClickMode.repulse, clickMode)) {
             this.clickRepulse();
         }
         else {
-            Utils_1.divModeExecute(Enums_1.DivMode.repulse, divs, (selector, div) => this.singleSelectorRepulse(selector, div));
+            (0, Utils_1.divModeExecute)(Enums_1.DivMode.repulse, divs, (selector, div) => this.singleSelectorRepulse(selector, div));
         }
     }
     singleSelectorRepulse(selector, div) {
@@ -42,7 +42,7 @@ class Repulser extends ExternalInteractorBase_1.ExternalInteractorBase {
                 y: (elem.offsetTop + elem.offsetHeight / 2) * pxRatio,
             }, repulseRadius = (elem.offsetWidth / 2) * pxRatio, area = div.type === Enums_1.DivType.circle
                 ? new Utils_1.Circle(pos.x, pos.y, repulseRadius)
-                : new Utils_1.Rectangle(elem.offsetLeft * pxRatio, elem.offsetTop * pxRatio, elem.offsetWidth * pxRatio, elem.offsetHeight * pxRatio), divs = container.actualOptions.interactivity.modes.repulse.divs, divRepulse = Utils_1.divMode(divs, elem);
+                : new Utils_1.Rectangle(elem.offsetLeft * pxRatio, elem.offsetTop * pxRatio, elem.offsetWidth * pxRatio, elem.offsetHeight * pxRatio), divs = container.actualOptions.interactivity.modes.repulse.divs, divRepulse = (0, Utils_1.divMode)(divs, elem);
             this.processRepulse(pos, repulseRadius, area, divRepulse);
         });
     }
@@ -58,7 +58,7 @@ class Repulser extends ExternalInteractorBase_1.ExternalInteractorBase {
         var _a;
         const container = this.container, query = container.particles.quadTree.query(area), repulseOptions = container.actualOptions.interactivity.modes.repulse;
         for (const particle of query) {
-            const { dx, dy, distance } = Utils_1.getDistances(particle.position, position), velocity = ((_a = divRepulse === null || divRepulse === void 0 ? void 0 : divRepulse.speed) !== null && _a !== void 0 ? _a : repulseOptions.speed) * repulseOptions.factor, repulseFactor = Utils_1.clamp(Utils_1.calcEasing(1 - distance / repulseRadius, repulseOptions.easing) * velocity, 0, repulseOptions.maxSpeed), normVec = Vector_1.Vector.create(distance === 0 ? velocity : (dx / distance) * repulseFactor, distance === 0 ? velocity : (dy / distance) * repulseFactor);
+            const { dx, dy, distance } = (0, Utils_1.getDistances)(particle.position, position), velocity = ((_a = divRepulse === null || divRepulse === void 0 ? void 0 : divRepulse.speed) !== null && _a !== void 0 ? _a : repulseOptions.speed) * repulseOptions.factor, repulseFactor = (0, Utils_1.clamp)((0, Utils_1.calcEasing)(1 - distance / repulseRadius, repulseOptions.easing) * velocity, 0, repulseOptions.maxSpeed), normVec = Vector_1.Vector.create(distance === 0 ? velocity : (dx / distance) * repulseFactor, distance === 0 ? velocity : (dy / distance) * repulseFactor);
             particle.position.addTo(normVec);
         }
     }
@@ -80,7 +80,7 @@ class Repulser extends ExternalInteractorBase_1.ExternalInteractorBase {
             }
             const range = new Utils_1.Circle(mouseClickPos.x, mouseClickPos.y, repulseRadius), query = container.particles.quadTree.query(range);
             for (const particle of query) {
-                const { dx, dy, distance } = Utils_1.getDistances(mouseClickPos, particle.position), d = Math.pow(distance, 2), velocity = container.actualOptions.interactivity.modes.repulse.speed, force = (-repulseRadius * velocity) / d;
+                const { dx, dy, distance } = (0, Utils_1.getDistances)(mouseClickPos, particle.position), d = distance ** 2, velocity = container.actualOptions.interactivity.modes.repulse.speed, force = (-repulseRadius * velocity) / d;
                 if (d <= repulseRadius) {
                     container.repulse.particles.push(particle);
                     const vect = Vector_1.Vector.create(dx, dy);

package/Interactions/External/Trail/TrailMaker.js

@@ -45,8 +45,8 @@ class TrailMaker extends ExternalInteractorBase_1.ExternalInteractorBase {
     }
     isEnabled() {
         const container = this.container, options = container.actualOptions, mouse = container.interactivity.mouse, events = options.interactivity.events;
-        return ((mouse.clicking && mouse.inside && !!mouse.position && Utils_1.isInArray(Enums_1.ClickMode.trail, events.onClick.mode)) ||
-            (mouse.inside && !!mouse.position && Utils_1.isInArray(Enums_1.HoverMode.trail, events.onHover.mode)));
+        return ((mouse.clicking && mouse.inside && !!mouse.position && (0, Utils_1.isInArray)(Enums_1.ClickMode.trail, events.onClick.mode)) ||
+            (mouse.inside && !!mouse.position && (0, Utils_1.isInArray)(Enums_1.HoverMode.trail, events.onHover.mode)));
     }
     reset() {
     }

package/Interactions/Particles/Attract/Attractor.js

@@ -9,12 +9,12 @@ class Attractor extends ParticlesInteractorBase_1.ParticlesInteractorBase {
     }
     interact(p1) {
         var _a;
-        const container = this.container, distance = (_a = p1.attractDistance) !== null && _a !== void 0 ? _a : container.retina.attractDistance, pos1 = p1.getPosition(), query = container.particles.quadTree.queryCircle(pos1, distance);
+        const container = this.container, distance = (_a = p1.retina.attractDistance) !== null && _a !== void 0 ? _a : container.retina.attractDistance, pos1 = p1.getPosition(), query = container.particles.quadTree.queryCircle(pos1, distance);
         for (const p2 of query) {
             if (p1 === p2 || !p2.options.move.attract.enable || p2.destroyed || p2.spawning) {
                 continue;
             }
-            const pos2 = p2.getPosition(), { dx, dy } = Utils_1.getDistances(pos1, pos2), rotate = p1.options.move.attract.rotate, ax = dx / (rotate.x * 1000), ay = dy / (rotate.y * 1000), p1Factor = p2.size.value / p1.size.value, p2Factor = 1 / p1Factor;
+            const pos2 = p2.getPosition(), { dx, dy } = (0, Utils_1.getDistances)(pos1, pos2), rotate = p1.options.move.attract.rotate, ax = dx / (rotate.x * 1000), ay = dy / (rotate.y * 1000), p1Factor = p2.size.value / p1.size.value, p2Factor = 1 / p1Factor;
             p1.velocity.x -= ax * p1Factor;
             p1.velocity.y -= ay * p1Factor;
             p2.velocity.x += ax * p2Factor;

package/Interactions/Particles/Collisions/Collider.js

@@ -5,7 +5,7 @@ const Enums_1 = require("../../../Enums");
 const Utils_1 = require("../../../Utils");
 const ParticlesInteractorBase_1 = require("../../../Core/ParticlesInteractorBase");
 function bounce(p1, p2) {
-    Utils_1.circleBounce(Utils_1.circleBounceDataFromParticle(p1), Utils_1.circleBounceDataFromParticle(p2));
+    (0, Utils_1.circleBounce)((0, Utils_1.circleBounceDataFromParticle)(p1), (0, Utils_1.circleBounceDataFromParticle)(p2));
 }
 function destroy(p1, p2) {
     if (!p1.unbreakable && !p2.unbreakable) {
@@ -52,7 +52,7 @@ class Collider extends ParticlesInteractorBase_1.ParticlesInteractorBase {
             if (Math.round(pos1.z) !== Math.round(pos2.z)) {
                 continue;
             }
-            const dist = Utils_1.getDistance(pos1, pos2);
+            const dist = (0, Utils_1.getDistance)(pos1, pos2);
             const radius2 = p2.getRadius();
             const distP = radius1 + radius2;
             if (dist <= distP) {
@@ -87,7 +87,7 @@ class Collider extends ParticlesInteractorBase_1.ParticlesInteractorBase {
         }
         else if (p1.getRadius() !== undefined && p2.getRadius() !== undefined) {
             if (p1.getRadius() >= p2.getRadius()) {
-                const factor = Utils_1.clamp(p1.getRadius() / p2.getRadius(), 0, p2.getRadius()) * fps;
+                const factor = (0, Utils_1.clamp)(p1.getRadius() / p2.getRadius(), 0, p2.getRadius()) * fps;
                 p1.size.value += factor;
                 p2.size.value -= factor;
                 if (p2.getRadius() <= container.retina.pixelRatio) {
@@ -96,7 +96,7 @@ class Collider extends ParticlesInteractorBase_1.ParticlesInteractorBase {
                 }
             }
             else {
-                const factor = Utils_1.clamp(p2.getRadius() / p1.getRadius(), 0, p1.getRadius()) * fps;
+                const factor = (0, Utils_1.clamp)(p2.getRadius() / p1.getRadius(), 0, p1.getRadius()) * fps;
                 p1.size.value -= factor;
                 p2.size.value += factor;
                 if (p1.getRadius() <= container.retina.pixelRatio) {

package/Interactions/Particles/Links/LinkInstance.js

@@ -66,23 +66,23 @@ class LinkInstance {
         const pos2 = p2.getPosition();
         const pos3 = p3.getPosition();
         container.canvas.draw((ctx) => {
-            if (Utils_1.getDistance(pos1, pos2) > container.retina.linksDistance ||
-                Utils_1.getDistance(pos3, pos2) > container.retina.linksDistance ||
-                Utils_1.getDistance(pos3, pos1) > container.retina.linksDistance) {
+            if ((0, Utils_1.getDistance)(pos1, pos2) > container.retina.linksDistance ||
+                (0, Utils_1.getDistance)(pos3, pos2) > container.retina.linksDistance ||
+                (0, Utils_1.getDistance)(pos3, pos1) > container.retina.linksDistance) {
                 return;
             }
-            let colorTriangle = Utils_1.colorToRgb(triangleOptions.color);
+            let colorTriangle = (0, Utils_1.colorToRgb)(triangleOptions.color);
             if (!colorTriangle) {
                 const linksOptions = p1.options.links;
                 const linkColor = linksOptions.id !== undefined
                     ? container.particles.linksColors.get(linksOptions.id)
                     : container.particles.linksColor;
-                colorTriangle = Utils_1.getLinkColor(p1, p2, linkColor);
+                colorTriangle = (0, Utils_1.getLinkColor)(p1, p2, linkColor);
             }
             if (!colorTriangle) {
                 return;
             }
-            Utils_1.drawLinkTriangle(ctx, pos1, pos2, pos3, options.backgroundMask.enable, options.backgroundMask.composite, colorTriangle, opacityTriangle);
+            (0, Utils_1.drawLinkTriangle)(ctx, pos1, pos2, pos3, options.backgroundMask.enable, options.backgroundMask.composite, colorTriangle, opacityTriangle);
         });
     }
     drawLinkLine(p1, link) {
@@ -98,7 +98,7 @@ class LinkInstance {
             const twinkle = p1.options.twinkle.lines;
             if (twinkle.enable) {
                 const twinkleFreq = twinkle.frequency;
-                const twinkleRgb = Utils_1.colorToRgb(twinkle.color);
+                const twinkleRgb = (0, Utils_1.colorToRgb)(twinkle.color);
                 const twinkling = Math.random() < twinkleFreq;
                 if (twinkling && twinkleRgb !== undefined) {
                     colorLine = twinkleRgb;
@@ -110,14 +110,14 @@ class LinkInstance {
                 const linkColor = linksOptions.id !== undefined
                     ? container.particles.linksColors.get(linksOptions.id)
                     : container.particles.linksColor;
-                colorLine = Utils_1.getLinkColor(p1, p2, linkColor);
+                colorLine = (0, Utils_1.getLinkColor)(p1, p2, linkColor);
             }
             if (!colorLine) {
                 return;
             }
-            const width = (_a = p1.linksWidth) !== null && _a !== void 0 ? _a : container.retina.linksWidth;
-            const maxDistance = (_b = p1.linksDistance) !== null && _b !== void 0 ? _b : container.retina.linksDistance;
-            Utils_1.drawLinkLine(ctx, width, pos1, pos2, maxDistance, container.canvas.size, p1.options.links.warp, options.backgroundMask.enable, options.backgroundMask.composite, colorLine, opacity, p1.options.links.shadow);
+            const width = (_a = p1.retina.linksWidth) !== null && _a !== void 0 ? _a : container.retina.linksWidth;
+            const maxDistance = (_b = p1.retina.linksDistance) !== null && _b !== void 0 ? _b : container.retina.linksDistance;
+            (0, Utils_1.drawLinkLine)(ctx, width, pos1, pos2, maxDistance, container.canvas.size, p1.options.links.warp, options.backgroundMask.enable, options.backgroundMask.composite, colorLine, opacity, p1.options.links.shadow);
         });
     }
 }

package/Interactions/Particles/Links/Linker.js

@@ -4,7 +4,7 @@ exports.Linker = void 0;
 const Utils_1 = require("../../../Utils");
 const ParticlesInteractorBase_1 = require("../../../Core/ParticlesInteractorBase");
 function getLinkDistance(pos1, pos2, optDistance, canvasSize, warp) {
-    let distance = Utils_1.getDistance(pos1, pos2);
+    let distance = (0, Utils_1.getDistance)(pos1, pos2);
     if (!warp || distance <= optDistance) {
         return distance;
     }
@@ -12,7 +12,7 @@ function getLinkDistance(pos1, pos2, optDistance, canvasSize, warp) {
         x: pos2.x - canvasSize.width,
         y: pos2.y,
     };
-    distance = Utils_1.getDistance(pos1, pos2NE);
+    distance = (0, Utils_1.getDistance)(pos1, pos2NE);
     if (distance <= optDistance) {
         return distance;
     }
@@ -20,7 +20,7 @@ function getLinkDistance(pos1, pos2, optDistance, canvasSize, warp) {
         x: pos2.x - canvasSize.width,
         y: pos2.y - canvasSize.height,
     };
-    distance = Utils_1.getDistance(pos1, pos2SE);
+    distance = (0, Utils_1.getDistance)(pos1, pos2SE);
     if (distance <= optDistance) {
         return distance;
     }
@@ -28,7 +28,7 @@ function getLinkDistance(pos1, pos2, optDistance, canvasSize, warp) {
         x: pos2.x,
         y: pos2.y - canvasSize.height,
     };
-    distance = Utils_1.getDistance(pos1, pos2SW);
+    distance = (0, Utils_1.getDistance)(pos1, pos2SW);
     return distance;
 }
 class Linker extends ParticlesInteractorBase_1.ParticlesInteractorBase {
@@ -51,7 +51,7 @@ class Linker extends ParticlesInteractorBase_1.ParticlesInteractorBase {
         }
         const linkOpt1 = p1.options.links;
         const optOpacity = linkOpt1.opacity;
-        const optDistance = (_a = p1.linksDistance) !== null && _a !== void 0 ? _a : container.retina.linksDistance;
+        const optDistance = (_a = p1.retina.linksDistance) !== null && _a !== void 0 ? _a : container.retina.linksDistance;
         const warp = linkOpt1.warp;
         const range = warp
             ? new Utils_1.CircleWarp(pos1.x, pos1.y, optDistance, canvasSize)
@@ -92,7 +92,7 @@ class Linker extends ParticlesInteractorBase_1.ParticlesInteractorBase {
             : container.particles.linksColors.get(linksOptions.id);
         if (!linkColor) {
             const optColor = linksOptions.color;
-            linkColor = Utils_1.getLinkRandomColor(optColor, linksOptions.blink, linksOptions.consent);
+            linkColor = (0, Utils_1.getLinkRandomColor)(optColor, linksOptions.blink, linksOptions.consent);
             if (linksOptions.id === undefined) {
                 container.particles.linksColor = linkColor;
             }

package/Interactions/Particles/Links/index.js

@@ -9,6 +9,6 @@ function loadInteraction(tsParticles) {
 exports.loadInteraction = loadInteraction;
 function loadParticlesLinksInteraction(tsParticles) {
     loadInteraction(tsParticles);
-    plugin_1.loadPlugin(tsParticles);
+    (0, plugin_1.loadPlugin)(tsParticles);
 }
 exports.loadParticlesLinksInteraction = loadParticlesLinksInteraction;

package/Options/Classes/AnimatableColor.d.ts

@@ -1,11 +1,11 @@
 import type { IAnimatableColor } from "../Interfaces/IAnimatableColor";
 import { OptionsColor } from "./OptionsColor";
-import type { RecursivePartial } from "../../Types";
+import type { RecursivePartial, SingleOrMultiple } from "../../Types";
 import type { IOptionLoader } from "../Interfaces/IOptionLoader";
 import { HslAnimation } from "./HslAnimation";
 export declare class AnimatableColor extends OptionsColor implements IAnimatableColor, IOptionLoader<IAnimatableColor> {
     animation: HslAnimation;
     constructor();
-    static create(source?: AnimatableColor, data?: string | RecursivePartial<IAnimatableColor>): AnimatableColor;
+    static create(source?: AnimatableColor, data?: SingleOrMultiple<string> | RecursivePartial<IAnimatableColor>): AnimatableColor;
     load(data?: RecursivePartial<IAnimatableColor>): void;
 }

package/Options/Classes/AnimatableColor.js

@@ -9,9 +9,15 @@ class AnimatableColor extends OptionsColor_1.OptionsColor {
         this.animation = new HslAnimation_1.HslAnimation();
     }
     static create(source, data) {
-        const color = source !== null && source !== void 0 ? source : new AnimatableColor();
+        const color = new AnimatableColor();
+        color.load(source);
         if (data !== undefined) {
-            color.load(typeof data === "string" ? { value: data } : data);
+            if (typeof data === "string" || data instanceof Array) {
+                color.load({ value: data });
+            }
+            else {
+                color.load(data);
+            }
         }
         return color;
     }