tsparticles 1.34.1 → 1.35.0

package/Core/Canvas.d.ts

@@ -22,7 +22,6 @@ export declare class Canvas {
     drawConnectLine(p1: IParticle, p2: IParticle): void;
     drawGrabLine(particle: IParticle, lineColor: IRgb, opacity: number, mousePos: ICoordinates): void;
     drawParticle(particle: Particle, delta: IDelta): void;
-    drawOrbit(particle: IParticle, type: string): void;
     drawPlugin(plugin: IContainerPlugin, delta: IDelta): void;
     drawParticlePlugin(plugin: IContainerPlugin, particle: Particle, delta: IDelta): void;
     initBackground(): void;

package/Core/Canvas.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Canvas = void 0;
 const Utils_1 = require("../Utils");
 const Utils_2 = require("../Utils");
-const Enums_1 = require("../Enums");
 class Canvas {
     constructor(container) {
         this.container = container;
@@ -32,7 +31,7 @@ class Canvas {
         }
         this.generatedCanvas = generatedCanvas !== null && generatedCanvas !== void 0 ? generatedCanvas : this.generatedCanvas;
         this.element = canvas;
-        this.originalStyle = Utils_1.deepExtend({}, this.element.style);
+        this.originalStyle = (0, Utils_1.deepExtend)({}, this.element.style);
         this.size.height = canvas.offsetHeight;
         this.size.width = canvas.offsetWidth;
         this.context = this.element.getContext("2d");
@@ -45,15 +44,15 @@ class Canvas {
             (_a = this.element) === null || _a === void 0 ? void 0 : _a.remove();
         }
         this.draw((ctx) => {
-            Utils_2.clear(ctx, this.size);
+            (0, Utils_2.clear)(ctx, this.size);
         });
     }
     paint() {
         const options = this.container.actualOptions;
         this.draw((ctx) => {
             if (options.backgroundMask.enable && options.backgroundMask.cover && this.coverColor) {
-                Utils_2.clear(ctx, this.size);
-                this.paintBase(Utils_1.getStyleFromRgb(this.coverColor, this.coverColor.a));
+                (0, Utils_2.clear)(ctx, this.size);
+                this.paintBase((0, Utils_1.getStyleFromRgb)(this.coverColor, this.coverColor.a));
             }
             else {
                 this.paintBase();
@@ -67,11 +66,11 @@ class Canvas {
             this.paint();
         }
         else if (trail.enable && trail.length > 0 && this.trailFillColor) {
-            this.paintBase(Utils_1.getStyleFromRgb(this.trailFillColor, 1 / trail.length));
+            this.paintBase((0, Utils_1.getStyleFromRgb)(this.trailFillColor, 1 / trail.length));
         }
         else {
             this.draw((ctx) => {
-                Utils_2.clear(ctx, this.size);
+                (0, Utils_2.clear)(ctx, this.size);
             });
         }
     }
@@ -125,7 +124,7 @@ class Canvas {
             }
             const pos1 = p1.getPosition();
             const pos2 = p2.getPosition();
-            Utils_1.drawConnectLine(ctx, (_a = p1.linksWidth) !== null && _a !== void 0 ? _a : this.container.retina.linksWidth, lineStyle, pos1, pos2);
+            (0, Utils_1.drawConnectLine)(ctx, (_a = p1.retina.linksWidth) !== null && _a !== void 0 ? _a : this.container.retina.linksWidth, lineStyle, pos1, pos2);
         });
     }
     drawGrabLine(particle, lineColor, opacity, mousePos) {
@@ -133,11 +132,11 @@ class Canvas {
         this.draw((ctx) => {
             var _a;
             const beginPos = particle.getPosition();
-            Utils_1.drawGrabLine(ctx, (_a = particle.linksWidth) !== null && _a !== void 0 ? _a : container.retina.linksWidth, beginPos, mousePos, lineColor, opacity);
+            (0, Utils_1.drawGrabLine)(ctx, (_a = particle.retina.linksWidth) !== null && _a !== void 0 ? _a : container.retina.linksWidth, beginPos, mousePos, lineColor, opacity);
         });
     }
     drawParticle(particle, delta) {
-        var _a, _b, _c;
+        var _a, _b, _c, _d, _e, _f;
         if (particle.spawning || particle.destroyed) {
             return;
         }
@@ -151,7 +150,7 @@ class Canvas {
         const twinkle = pOptions.twinkle.particles;
         const twinkling = twinkle.enable && Math.random() < twinkle.frequency;
         if (!fColor || !sColor) {
-            const twinkleRgb = Utils_1.colorToHsl(twinkle.color);
+            const twinkleRgb = (0, Utils_1.colorToHsl)(twinkle.color);
             if (!fColor) {
                 fColor = twinkling && twinkleRgb !== undefined ? twinkleRgb : pfColor ? pfColor : undefined;
             }
@@ -161,62 +160,44 @@ class Canvas {
         }
         const options = this.container.actualOptions;
         const zIndexOptions = particle.options.zIndex;
-        const zOpacityFactor = Math.pow((1 - particle.zIndexFactor), zIndexOptions.opacityRate);
+        const zOpacityFactor = (1 - particle.zIndexFactor) ** zIndexOptions.opacityRate;
         const radius = particle.getRadius();
-        const opacity = twinkling ? twinkle.opacity : (_b = particle.bubble.opacity) !== null && _b !== void 0 ? _b : particle.opacity.value;
-        const strokeOpacity = (_c = particle.stroke.opacity) !== null && _c !== void 0 ? _c : opacity;
+        const opacity = twinkling ? twinkle.opacity : (_d = (_b = particle.bubble.opacity) !== null && _b !== void 0 ? _b : (_c = particle.opacity) === null || _c === void 0 ? void 0 : _c.value) !== null && _d !== void 0 ? _d : 1;
+        const strokeOpacity = (_f = (_e = particle.stroke) === null || _e === void 0 ? void 0 : _e.opacity) !== null && _f !== void 0 ? _f : opacity;
         const zOpacity = opacity * zOpacityFactor;
-        const fillColorValue = fColor ? Utils_1.getStyleFromHsl(fColor, zOpacity) : undefined;
+        const fillColorValue = fColor ? (0, Utils_1.getStyleFromHsl)(fColor, zOpacity) : undefined;
         if (!fillColorValue && !sColor) {
             return;
         }
-        const orbitOptions = particle.options.orbit;
         this.draw((ctx) => {
-            const zSizeFactor = Math.pow((1 - particle.zIndexFactor), zIndexOptions.sizeRate);
+            const zSizeFactor = (1 - particle.zIndexFactor) ** zIndexOptions.sizeRate;
             const zStrokeOpacity = strokeOpacity * zOpacityFactor;
-            const strokeColorValue = sColor ? Utils_1.getStyleFromHsl(sColor, zStrokeOpacity) : fillColorValue;
+            const strokeColorValue = sColor ? (0, Utils_1.getStyleFromHsl)(sColor, zStrokeOpacity) : fillColorValue;
             if (radius <= 0) {
                 return;
             }
-            if (orbitOptions.enable) {
-                this.drawOrbit(particle, Enums_1.OrbitType.back);
+            const container = this.container;
+            for (const updater of container.particles.updaters) {
+                if (updater.beforeDraw) {
+                    updater.beforeDraw(particle);
+                }
             }
-            Utils_1.drawParticle(this.container, ctx, particle, delta, fillColorValue, strokeColorValue, options.backgroundMask.enable, options.backgroundMask.composite, radius * zSizeFactor, zOpacity, particle.options.shadow, particle.gradient);
-            if (orbitOptions.enable) {
-                this.drawOrbit(particle, Enums_1.OrbitType.front);
+            (0, Utils_1.drawParticle)(this.container, ctx, particle, delta, fillColorValue, strokeColorValue, options.backgroundMask.enable, options.backgroundMask.composite, radius * zSizeFactor, zOpacity, particle.options.shadow, particle.gradient);
+            for (const updater of container.particles.updaters) {
+                if (updater.afterDraw) {
+                    updater.afterDraw(particle);
+                }
             }
         });
     }
-    drawOrbit(particle, type) {
-        const container = this.container;
-        const orbitOptions = particle.options.orbit;
-        let start;
-        let end;
-        if (type === Enums_1.OrbitType.back) {
-            start = Math.PI / 2;
-            end = (Math.PI * 3) / 2;
-        }
-        else if (type === Enums_1.OrbitType.front) {
-            start = (Math.PI * 3) / 2;
-            end = Math.PI / 2;
-        }
-        else {
-            start = 0;
-            end = 2 * Math.PI;
-        }
-        this.draw((ctx) => {
-            var _a, _b, _c, _d;
-            Utils_1.drawEllipse(ctx, particle, (_a = particle.orbitColor) !== null && _a !== void 0 ? _a : particle.getFillColor(), (_c = (_b = particle.orbitRadius) !== null && _b !== void 0 ? _b : container.retina.orbitRadius) !== null && _c !== void 0 ? _c : particle.getRadius(), orbitOptions.opacity, orbitOptions.width, ((_d = particle.orbitRotation) !== null && _d !== void 0 ? _d : 0) * container.retina.pixelRatio, start, end);
-        });
-    }
     drawPlugin(plugin, delta) {
         this.draw((ctx) => {
-            Utils_1.drawPlugin(ctx, plugin, delta);
+            (0, Utils_1.drawPlugin)(ctx, plugin, delta);
         });
     }
     drawParticlePlugin(plugin, particle, delta) {
         this.draw((ctx) => {
-            Utils_1.drawParticlePlugin(ctx, plugin, particle, delta);
+            (0, Utils_1.drawParticlePlugin)(ctx, plugin, particle, delta);
         });
     }
     initBackground() {
@@ -228,8 +209,8 @@ class Canvas {
             return;
         }
         if (background.color) {
-            const color = Utils_1.colorToRgb(background.color);
-            elementStyle.backgroundColor = color ? Utils_1.getStyleFromRgb(color, background.opacity) : "";
+            const color = (0, Utils_1.colorToRgb)(background.color);
+            elementStyle.backgroundColor = color ? (0, Utils_1.getStyleFromRgb)(color, background.opacity) : "";
         }
         else {
             elementStyle.backgroundColor = "";
@@ -249,7 +230,7 @@ class Canvas {
         const options = this.container.actualOptions;
         const cover = options.backgroundMask.cover;
         const color = cover.color;
-        const coverRgb = Utils_1.colorToRgb(color);
+        const coverRgb = (0, Utils_1.colorToRgb)(color);
         if (coverRgb) {
             this.coverColor = {
                 r: coverRgb.r,
@@ -262,7 +243,7 @@ class Canvas {
     initTrail() {
         const options = this.container.actualOptions;
         const trail = options.particles.move.trail;
-        const fillColor = Utils_1.colorToRgb(trail.fillColor);
+        const fillColor = (0, Utils_1.colorToRgb)(trail.fillColor);
         if (fillColor) {
             const trail = options.particles.move.trail;
             this.trailFillColor = {
@@ -278,10 +259,10 @@ class Canvas {
         let sColor;
         for (const [, plugin] of this.container.plugins) {
             if (!fColor && plugin.particleFillColor) {
-                fColor = Utils_1.colorToHsl(plugin.particleFillColor(particle));
+                fColor = (0, Utils_1.colorToHsl)(plugin.particleFillColor(particle));
             }
             if (!sColor && plugin.particleStrokeColor) {
-                sColor = Utils_1.colorToHsl(plugin.particleStrokeColor(particle));
+                sColor = (0, Utils_1.colorToHsl)(plugin.particleStrokeColor(particle));
             }
             if (fColor && sColor) {
                 break;
@@ -296,7 +277,7 @@ class Canvas {
         }
         const originalStyle = this.originalStyle;
         if (options.fullScreen.enable) {
-            this.originalStyle = Utils_1.deepExtend({}, element.style);
+            this.originalStyle = (0, Utils_1.deepExtend)({}, element.style);
             element.style.position = "fixed";
             element.style.zIndex = options.fullScreen.zIndex.toString(10);
             element.style.top = "0";
@@ -315,14 +296,14 @@ class Canvas {
     }
     paintBase(baseColor) {
         this.draw((ctx) => {
-            Utils_1.paintBase(ctx, this.size, baseColor);
+            (0, Utils_1.paintBase)(ctx, this.size, baseColor);
         });
     }
     lineStyle(p1, p2) {
         return this.draw((ctx) => {
             const options = this.container.actualOptions;
             const connectOptions = options.interactivity.modes.connect;
-            return Utils_1.gradient(ctx, p1, p2, connectOptions.links.opacity);
+            return (0, Utils_1.gradient)(ctx, p1, p2, connectOptions.links.opacity);
         });
     }
 }

package/Core/Container.js

@@ -1,13 +1,4 @@
 "use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Container = void 0;
 const Canvas_1 = require("./Canvas");
@@ -103,7 +94,7 @@ class Container {
     }
     pause() {
         if (this.drawAnimationFrame !== undefined) {
-            Utils_1.cancelAnimation()(this.drawAnimationFrame);
+            (0, Utils_1.cancelAnimation)()(this.drawAnimationFrame);
             delete this.drawAnimationFrame;
         }
         if (this.paused) {
@@ -120,7 +111,7 @@ class Container {
     }
     draw(force) {
         let refreshTime = force;
-        this.drawAnimationFrame = Utils_1.animate()((timestamp) => {
+        this.drawAnimationFrame = (0, Utils_1.animate)()((timestamp) => {
             if (refreshTime) {
                 this.lastFrameTime = undefined;
                 refreshTime = false;
@@ -215,33 +206,29 @@ class Container {
         delete this.particles.grabLineColor;
         delete this.particles.linksColor;
     }
-    loadTheme(name) {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.currentTheme = name;
-            yield this.refresh();
-        });
+    async loadTheme(name) {
+        this.currentTheme = name;
+        await this.refresh();
     }
-    start() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (this.started) {
-                return;
+    async start() {
+        if (this.started) {
+            return;
+        }
+        await this.init();
+        this.started = true;
+        this.eventListeners.addListeners();
+        if (this.interactivity.element instanceof HTMLElement && this.intersectionObserver) {
+            this.intersectionObserver.observe(this.interactivity.element);
+        }
+        for (const [, plugin] of this.plugins) {
+            if (plugin.startAsync !== undefined) {
+                await plugin.startAsync();
             }
-            yield this.init();
-            this.started = true;
-            this.eventListeners.addListeners();
-            if (this.interactivity.element instanceof HTMLElement && this.intersectionObserver) {
-                this.intersectionObserver.observe(this.interactivity.element);
+            else if (plugin.start !== undefined) {
+                plugin.start();
             }
-            for (const [, plugin] of this.plugins) {
-                if (plugin.startAsync !== undefined) {
-                    yield plugin.startAsync();
-                }
-                else if (plugin.start !== undefined) {
-                    plugin.start();
-                }
-            }
-            this.play();
-        });
+        }
+        this.play();
     }
     addClickHandler(callback) {
         const el = this.interactivity.element;
@@ -325,59 +312,57 @@ class Container {
         this.actualOptions.setResponsive(this.canvas.size.width, this.retina.pixelRatio, this._options);
         this.actualOptions.setTheme(this.currentTheme);
     }
-    init() {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.actualOptions = new Options_1.Options();
-            this.actualOptions.load(this._options);
-            this.retina.init();
-            this.canvas.init();
-            this.updateActualOptions();
-            this.canvas.initBackground();
-            this.canvas.resize();
-            this.zLayers = this.actualOptions.zLayers;
-            this.duration = Utils_1.getRangeValue(this.actualOptions.duration);
-            this.lifeTime = 0;
-            this.fpsLimit = this.actualOptions.fpsLimit > 0 ? this.actualOptions.fpsLimit : 60;
-            const availablePlugins = Utils_1.Plugins.getAvailablePlugins(this);
-            for (const [id, plugin] of availablePlugins) {
-                this.plugins.set(id, plugin);
+    async init() {
+        this.actualOptions = new Options_1.Options();
+        this.actualOptions.load(this._options);
+        this.retina.init();
+        this.canvas.init();
+        this.updateActualOptions();
+        this.canvas.initBackground();
+        this.canvas.resize();
+        this.zLayers = this.actualOptions.zLayers;
+        this.duration = (0, Utils_1.getRangeValue)(this.actualOptions.duration);
+        this.lifeTime = 0;
+        this.fpsLimit = this.actualOptions.fpsLimit > 0 ? this.actualOptions.fpsLimit : 60;
+        const availablePlugins = Utils_1.Plugins.getAvailablePlugins(this);
+        for (const [id, plugin] of availablePlugins) {
+            this.plugins.set(id, plugin);
+        }
+        for (const [, drawer] of this.drawers) {
+            if (drawer.init) {
+                await drawer.init(this);
             }
-            for (const [, drawer] of this.drawers) {
-                if (drawer.init) {
-                    yield drawer.init(this);
-                }
+        }
+        for (const [, plugin] of this.plugins) {
+            if (plugin.init) {
+                plugin.init(this.actualOptions);
             }
-            for (const [, plugin] of this.plugins) {
-                if (plugin.init) {
-                    plugin.init(this.actualOptions);
+            else if (plugin.initAsync !== undefined) {
+                await plugin.initAsync(this.actualOptions);
+            }
+        }
+        const pathOptions = this.actualOptions.particles.move.path;
+        if (pathOptions.generator) {
+            const customGenerator = Utils_1.Plugins.getPathGenerator(pathOptions.generator);
+            if (customGenerator) {
+                if (customGenerator.init) {
+                    this.pathGenerator.init = customGenerator.init;
                 }
-                else if (plugin.initAsync !== undefined) {
-                    yield plugin.initAsync(this.actualOptions);
+                if (customGenerator.generate) {
+                    this.pathGenerator.generate = customGenerator.generate;
                 }
-            }
-            const pathOptions = this.actualOptions.particles.move.path;
-            if (pathOptions.generator) {
-                const customGenerator = Utils_1.Plugins.getPathGenerator(pathOptions.generator);
-                if (customGenerator) {
-                    if (customGenerator.init) {
-                        this.pathGenerator.init = customGenerator.init;
-                    }
-                    if (customGenerator.generate) {
-                        this.pathGenerator.generate = customGenerator.generate;
-                    }
-                    if (customGenerator.update) {
-                        this.pathGenerator.update = customGenerator.update;
-                    }
+                if (customGenerator.update) {
+                    this.pathGenerator.update = customGenerator.update;
                 }
             }
-            this.particles.init();
-            this.particles.setDensity();
-            for (const [, plugin] of this.plugins) {
-                if (plugin.particlesSetup !== undefined) {
-                    plugin.particlesSetup();
-                }
+        }
+        this.particles.init();
+        this.particles.setDensity();
+        for (const [, plugin] of this.plugins) {
+            if (plugin.particlesSetup !== undefined) {
+                plugin.particlesSetup();
             }
-        });
+        }
     }
     intersectionManager(entries) {
         if (!this.actualOptions.pauseOnOutsideViewport) {

package/Core/Interfaces/IParticle.d.ts

@@ -9,14 +9,14 @@ import type { IHsl, IRgb } from "./Colors";
 import type { IParticleHslAnimation } from "./IParticleHslAnimation";
 import type { Vector } from "../Particle/Vector";
 import type { IParticleGradientAnimation } from "./IParticleGradientAnimation";
+import type { IParticleRetinaProps } from "./IParticleRetinaProps";
+import type { IParticleRoll } from "./IParticleRoll";
+import type { IParticleWobble } from "./IParticleWobble";
 export interface IParticle {
     misplaced: boolean;
     randomIndexData?: number;
-    readonly rollAngle: number;
-    readonly rollSpeed: number;
-    readonly wobbleAngle: number;
-    readonly wobbleSpeed: number;
-    readonly attractDistance?: number;
+    readonly roll?: IParticleRoll;
+    readonly wobble?: IParticleWobble;
     readonly bubble: IBubbleParticleData;
     readonly close: boolean;
     readonly destroyed: boolean;
@@ -28,10 +28,10 @@ export interface IParticle {
     readonly color?: IParticleHslAnimation;
     readonly gradient?: IParticleGradientAnimation;
     readonly backColor?: IHsl;
-    readonly opacity: IParticleValueAnimation<number>;
-    readonly rotate: IParticleValueAnimation<number>;
+    readonly opacity?: IParticleValueAnimation<number>;
+    readonly rotate?: IParticleValueAnimation<number>;
     readonly size: IParticleValueAnimation<number>;
-    readonly tilt: IParticleTiltValueAnimation;
+    readonly tilt?: IParticleTiltValueAnimation;
     readonly strokeColor?: IParticleHslAnimation;
     readonly options: IParticles;
     readonly position: Vector;
@@ -39,16 +39,12 @@ export interface IParticle {
     readonly shape?: ShapeType | string;
     readonly shapeData?: IShapeValues;
     readonly sides: number;
-    readonly stroke: IStroke;
-    readonly strokeWidth: number;
+    readonly stroke?: IStroke;
+    readonly strokeWidth?: number;
     readonly velocity: Vector;
-    readonly linksDistance?: number;
-    readonly linksWidth?: number;
-    readonly moveSpeed?: number;
-    readonly sizeAnimationSpeed?: number;
-    readonly orbitRadius?: number;
     readonly orbitRotation?: number;
     readonly orbitColor?: IHsl;
+    readonly retina: IParticleRetinaProps;
     getPosition(): ICoordinates3d;
     getRadius(): number;
     getMass(): number;

package/Core/Interfaces/IParticleRetinaProps.d.ts

@@ -0,0 +1,12 @@
+import type { IDistance } from "./IDistance";
+export interface IParticleRetinaProps {
+    attractDistance?: number;
+    linksDistance?: number;
+    linksWidth?: number;
+    maxDistance: Partial<IDistance>;
+    maxSpeed?: number;
+    moveDrift?: number;
+    moveSpeed?: number;
+    sizeAnimationSpeed?: number;
+    spinAcceleration?: number;
+}

package/Core/Interfaces/IParticleRetinaProps.js

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

package/Core/Interfaces/IParticleRoll.d.ts

@@ -0,0 +1,9 @@
+import type { AlterType } from "../../Enums";
+export interface IParticleRoll {
+    angle: number;
+    speed: number;
+    alter?: {
+        value: number;
+        type: AlterType;
+    };
+}

package/Core/Interfaces/IParticleRoll.js

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

package/Core/Interfaces/IParticleUpdater.d.ts

@@ -1,6 +1,9 @@
 import type { IDelta } from "./IDelta";
 import type { Particle } from "../Particle";
 export interface IParticleUpdater {
+    init(particle: Particle): void;
     isEnabled(particle: Particle): boolean;
     update(particle: Particle, delta: IDelta): void;
+    beforeDraw?: (particle: Particle) => void;
+    afterDraw?: (particle: Particle) => void;
 }

package/Core/Interfaces/IParticleWobble.d.ts

@@ -0,0 +1,4 @@
+export interface IParticleWobble {
+    angle: number;
+    speed: number;
+}

package/Core/Interfaces/IParticleWobble.js

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

package/Core/Interfaces/IParticlesFrequencies.d.ts

@@ -0,0 +1,4 @@
+export interface IParticlesFrequencies {
+    links: Map<string, number>;
+    triangles: Map<string, number>;
+}

package/Core/Interfaces/IParticlesFrequencies.js

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

package/Core/Interfaces/index.d.ts

@@ -21,10 +21,11 @@ export * from "./IParticleGradientColorAnimation";
 export * from "./IParticleHslAnimation";
 export * from "./IParticleLife";
 export * from "./IParticleLoops";
-export * from "./IParticlesInteractor";
-export * from "./IParticleUpdater";
+export * from "./IParticleRetinaProps";
 export * from "./IParticleSpin";
+export * from "./IParticleUpdater";
 export * from "./IParticleValueAnimation";
+export * from "./IParticlesInteractor";
 export * from "./IPlugin";
 export * from "./IRangeValue";
 export * from "./IRectSideResult";

package/Core/Interfaces/index.js

@@ -33,10 +33,11 @@ __exportStar(require("./IParticleGradientColorAnimation"), exports);
 __exportStar(require("./IParticleHslAnimation"), exports);
 __exportStar(require("./IParticleLife"), exports);
 __exportStar(require("./IParticleLoops"), exports);
-__exportStar(require("./IParticlesInteractor"), exports);
-__exportStar(require("./IParticleUpdater"), exports);
+__exportStar(require("./IParticleRetinaProps"), exports);
 __exportStar(require("./IParticleSpin"), exports);
+__exportStar(require("./IParticleUpdater"), exports);
 __exportStar(require("./IParticleValueAnimation"), exports);
+__exportStar(require("./IParticlesInteractor"), exports);
 __exportStar(require("./IPlugin"), exports);
 __exportStar(require("./IRangeValue"), exports);
 __exportStar(require("./IRectSideResult"), exports);