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

package/types/Core/Particle.d.ts

@@ -22,11 +22,13 @@ export declare class Particle {
     readonly container: Container;
     backColor?: IHsl;
     bubble: IBubbleParticleData;
-    close: boolean;
     color?: IParticleHslAnimation;
     destroyed: boolean;
     direction: number;
-    fill: boolean;
+    effect: string;
+    effectClose: boolean;
+    effectData?: IShapeValues;
+    effectFill: boolean;
     group?: string;
     id: number;
     ignoresResizeRatio: boolean;
@@ -51,7 +53,9 @@ export declare class Particle {
     rotation: number;
     shadowColor?: IRgb;
     shape: string;
+    shapeClose: boolean;
     shapeData?: IShapeValues;
+    shapeFill: boolean;
     sides: number;
     size: IParticleNumericValueAnimation;
     slow: ISlowParticleData;

package/types/Core/Particles.d.ts

@@ -1,27 +1,28 @@
-import type { ClickMode } from "../Enums/Modes/ClickMode.js";
 import type { Container } from "./Container.js";
 import type { Engine } from "./Engine.js";
 import type { ICoordinates } from "./Interfaces/ICoordinates.js";
 import type { IDelta } from "./Interfaces/IDelta.js";
+import type { IDimension } from "./Interfaces/IDimension.js";
 import type { IMouseData } from "./Interfaces/IMouseData.js";
 import type { IParticlesOptions } from "../Options/Interfaces/Particles/IParticlesOptions.js";
 import { Particle } from "./Particle.js";
 import { QuadTree } from "./Utils/QuadTree.js";
 import type { RecursivePartial } from "../Types/RecursivePartial.js";
 export declare class Particles {
-    lastZIndex: number;
-    limit: number;
     movers: import("./Interfaces/IParticleMover.js").IParticleMover[];
-    needsSort: boolean;
-    pool: Particle[];
-    pushing?: boolean;
     quadTree: QuadTree;
     updaters: import("./Interfaces/IParticleUpdater.js").IParticleUpdater[];
     private _array;
     private readonly _container;
     private readonly _engine;
+    private readonly _groupLimits;
     private readonly _interactionManager;
+    private _lastZIndex;
+    private _limit;
+    private _needsSort;
     private _nextId;
+    private readonly _pool;
+    private _resizeFactor?;
     private _zArray;
     constructor(engine: Engine, container: Container);
     get count(): number;
@@ -33,7 +34,7 @@ export declare class Particles {
     filter(condition: (particle: Particle) => boolean): Particle[];
     find(condition: (particle: Particle) => boolean): Particle | undefined;
     get(index: number): Particle | undefined;
-    handleClickMode(mode: ClickMode | string): void;
+    handleClickMode(mode: string): void;
     init(): void;
     push(nb: number, mouse?: IMouseData, overrideOptions?: RecursivePartial<IParticlesOptions>, group?: string): void;
     redraw(): Promise<void>;
@@ -41,6 +42,8 @@ export declare class Particles {
     removeAt(index: number, quantity?: number, group?: string, override?: boolean): void;
     removeQuantity(quantity: number, group?: string): void;
     setDensity(): void;
+    setLastZIndex(zIndex: number): void;
+    setResizeFactor(factor: IDimension): void;
     update(delta: IDelta): Promise<void>;
     private readonly _applyDensity;
     private readonly _initDensityFactor;

package/types/Core/Retina.d.ts

@@ -2,7 +2,6 @@ import type { Container } from "./Container.js";
 import type { Particle } from "./Particle.js";
 export declare class Retina {
     private readonly container;
-    attractDistance: number;
     maxSpeed: number;
     pixelRatio: number;
     reduceFactor: number;

package/types/Core/Utils/ExternalInteractorBase.d.ts

@@ -3,13 +3,13 @@ import type { IDelta } from "../Interfaces/IDelta.js";
 import type { IExternalInteractor } from "../Interfaces/IExternalInteractor.js";
 import { InteractorType } from "../../Enums/Types/InteractorType.js";
 import type { Particle } from "../Particle.js";
-export declare abstract class ExternalInteractorBase<TContainer extends Container = Container> implements IExternalInteractor {
+export declare abstract class ExternalInteractorBase<TContainer extends Container = Container, TParticle extends Particle = Particle> implements IExternalInteractor<TParticle> {
     protected readonly container: TContainer;
     type: InteractorType;
     protected constructor(container: TContainer);
-    abstract clear(particle: Particle, delta: IDelta): void;
+    abstract clear(particle: TParticle, delta: IDelta): void;
     abstract init(): void;
     abstract interact(delta: IDelta): Promise<void>;
-    abstract isEnabled(particle?: Particle): boolean;
-    abstract reset(particle: Particle): void;
+    abstract isEnabled(particle?: TParticle): boolean;
+    abstract reset(particle: TParticle): void;
 }

package/types/Core/Utils/InteractionManager.d.ts

@@ -1,4 +1,3 @@
-import type { ClickMode } from "../../Enums/Modes/ClickMode.js";
 import type { Container } from "../Container.js";
 import type { Engine } from "../Engine.js";
 import type { IDelta } from "../Interfaces/IDelta.js";
@@ -11,7 +10,7 @@ export declare class InteractionManager {
     private _particleInteractors;
     constructor(engine: Engine, container: Container);
     externalInteract(delta: IDelta): Promise<void>;
-    handleClickMode(mode: ClickMode | string): void;
+    handleClickMode(mode: string): void;
     init(): void;
     particlesInteract(particle: Particle, delta: IDelta): Promise<void>;
     reset(particle: Particle): Promise<void>;

package/types/Core/Utils/ParticlesInteractorBase.d.ts

@@ -3,13 +3,13 @@ import type { IDelta } from "../Interfaces/IDelta.js";
 import type { IParticlesInteractor } from "../Interfaces/IParticlesInteractor.js";
 import { InteractorType } from "../../Enums/Types/InteractorType.js";
 import type { Particle } from "../Particle.js";
-export declare abstract class ParticlesInteractorBase<TContainer extends Container = Container> implements IParticlesInteractor {
+export declare abstract class ParticlesInteractorBase<TContainer extends Container = Container, TParticle extends Particle = Particle> implements IParticlesInteractor<TParticle> {
     protected readonly container: TContainer;
     type: InteractorType;
     protected constructor(container: TContainer);
-    abstract clear(particle: Particle, delta: IDelta): void;
+    abstract clear(particle: TParticle, delta: IDelta): void;
     abstract init(): void;
-    abstract interact(particle: Particle, delta: IDelta): Promise<void>;
-    abstract isEnabled(particle: Particle): boolean;
-    abstract reset(particle: Particle): void;
+    abstract interact(particle: TParticle, delta: IDelta): Promise<void>;
+    abstract isEnabled(particle: TParticle): boolean;
+    abstract reset(particle: TParticle): void;
 }

package/types/Enums/Modes/LimitMode.d.ts

@@ -0,0 +1,4 @@
+export declare const enum LimitMode {
+    delete = "delete",
+    wait = "wait"
+}

package/types/Enums/Types/EasingType.d.ts

@@ -2,6 +2,7 @@ export declare const enum EasingType {
     easeInBack = "ease-in-back",
     easeInCirc = "ease-in-circ",
     easeInCubic = "ease-in-cubic",
+    easeInLinear = "ease-in-linear",
     easeInQuad = "ease-in-quad",
     easeInQuart = "ease-in-quart",
     easeInQuint = "ease-in-quint",
@@ -10,6 +11,7 @@ export declare const enum EasingType {
     easeOutBack = "ease-out-back",
     easeOutCirc = "ease-out-circ",
     easeOutCubic = "ease-out-cubic",
+    easeOutLinear = "ease-out-linear",
     easeOutQuad = "ease-out-quad",
     easeOutQuart = "ease-out-quart",
     easeOutQuint = "ease-out-quint",
@@ -18,6 +20,7 @@ export declare const enum EasingType {
     easeInOutBack = "ease-in-out-back",
     easeInOutCirc = "ease-in-out-circ",
     easeInOutCubic = "ease-in-out-cubic",
+    easeInOutLinear = "ease-in-out-linear",
     easeInOutQuad = "ease-in-out-quad",
     easeInOutQuart = "ease-in-out-quart",
     easeInOutQuint = "ease-in-out-quint",

package/types/Options/Classes/BackgroundMask/BackgroundMask.d.ts

@@ -4,7 +4,7 @@ import type { IOptionLoader } from "../../Interfaces/IOptionLoader.js";
 import type { RecursivePartial } from "../../../Types/RecursivePartial.js";
 export declare class BackgroundMask implements IBackgroundMask, IOptionLoader<IBackgroundMask> {
     composite: GlobalCompositeOperation;
-    cover: BackgroundMaskCover;
+    readonly cover: BackgroundMaskCover;
     enable: boolean;
     constructor();
     load(data?: RecursivePartial<IBackgroundMask>): void;

package/types/Options/Classes/ColorAnimation.d.ts

@@ -1,15 +1,10 @@
+import { AnimationOptions } from "./AnimationOptions.js";
 import type { IColorAnimation } from "../Interfaces/IColorAnimation.js";
 import type { IOptionLoader } from "../Interfaces/IOptionLoader.js";
 import type { RangeValue } from "../../Types/RangeValue.js";
 import type { RecursivePartial } from "../../Types/RecursivePartial.js";
-export declare class ColorAnimation implements IColorAnimation, IOptionLoader<IColorAnimation> {
-    count: RangeValue;
-    decay: RangeValue;
-    delay: RangeValue;
-    enable: boolean;
+export declare class ColorAnimation extends AnimationOptions implements IColorAnimation, IOptionLoader<IColorAnimation> {
     offset: RangeValue;
-    speed: RangeValue;
-    sync: boolean;
     constructor();
     load(data?: RecursivePartial<IColorAnimation>): void;
 }

package/types/Options/Classes/Interactivity/Events/ClickEvent.d.ts

@@ -1,11 +1,10 @@
-import type { ClickMode } from "../../../../Enums/Modes/ClickMode.js";
 import type { IClickEvent } from "../../../Interfaces/Interactivity/Events/IClickEvent.js";
 import type { IOptionLoader } from "../../../Interfaces/IOptionLoader.js";
 import type { RecursivePartial } from "../../../../Types/RecursivePartial.js";
 import type { SingleOrMultiple } from "../../../../Types/SingleOrMultiple.js";
 export declare class ClickEvent implements IClickEvent, IOptionLoader<IClickEvent> {
     enable: boolean;
-    mode: SingleOrMultiple<ClickMode | keyof typeof ClickMode | string>;
+    mode: SingleOrMultiple<string>;
     constructor();
     load(data?: RecursivePartial<IClickEvent>): void;
 }

package/types/Options/Classes/Interactivity/Events/DivEvent.d.ts

@@ -1,4 +1,3 @@
-import type { DivMode } from "../../../../Enums/Modes/DivMode.js";
 import { DivType } from "../../../../Enums/Types/DivType.js";
 import type { IDivEvent } from "../../../Interfaces/Interactivity/Events/IDivEvent.js";
 import type { IOptionLoader } from "../../../Interfaces/IOptionLoader.js";
@@ -6,7 +5,7 @@ import type { RecursivePartial } from "../../../../Types/RecursivePartial.js";
 import type { SingleOrMultiple } from "../../../../Types/SingleOrMultiple.js";
 export declare class DivEvent implements IDivEvent, IOptionLoader<IDivEvent> {
     enable: boolean;
-    mode: SingleOrMultiple<DivMode | keyof typeof DivMode | string>;
+    mode: SingleOrMultiple<string>;
     selectors: SingleOrMultiple<string>;
     type: DivType | keyof typeof DivType;
     constructor();

package/types/Options/Classes/Interactivity/Events/Events.d.ts

@@ -7,10 +7,10 @@ import type { RecursivePartial } from "../../../../Types/RecursivePartial.js";
 import { ResizeEvent } from "./ResizeEvent.js";
 import type { SingleOrMultiple } from "../../../../Types/SingleOrMultiple.js";
 export declare class Events implements IEvents, IOptionLoader<IEvents> {
-    onClick: ClickEvent;
+    readonly onClick: ClickEvent;
     onDiv: SingleOrMultiple<DivEvent>;
-    onHover: HoverEvent;
-    resize: ResizeEvent;
+    readonly onHover: HoverEvent;
+    readonly resize: ResizeEvent;
     constructor();
     load(data?: RecursivePartial<IEvents>): void;
 }

package/types/Options/Classes/Interactivity/Events/HoverEvent.d.ts

@@ -1,4 +1,3 @@
-import type { HoverMode } from "../../../../Enums/Modes/HoverMode.js";
 import type { IHoverEvent } from "../../../Interfaces/Interactivity/Events/IHoverEvent.js";
 import type { IOptionLoader } from "../../../Interfaces/IOptionLoader.js";
 import { Parallax } from "./Parallax.js";
@@ -6,8 +5,8 @@ import type { RecursivePartial } from "../../../../Types/RecursivePartial.js";
 import type { SingleOrMultiple } from "../../../../Types/SingleOrMultiple.js";
 export declare class HoverEvent implements IHoverEvent, IOptionLoader<IHoverEvent> {
     enable: boolean;
-    mode: SingleOrMultiple<HoverMode | keyof typeof HoverMode | string>;
-    parallax: Parallax;
+    mode: SingleOrMultiple<string>;
+    readonly parallax: Parallax;
     constructor();
     load(data?: RecursivePartial<IHoverEvent>): void;
 }

package/types/Options/Classes/Interactivity/Interactivity.d.ts

@@ -9,8 +9,8 @@ import type { RecursivePartial } from "../../../Types/RecursivePartial.js";
 export declare class Interactivity implements IInteractivity, IOptionLoader<IInteractivity> {
     [name: string]: unknown;
     detectsOn: InteractivityDetect | keyof typeof InteractivityDetect;
-    events: Events;
-    modes: Modes;
+    readonly events: Events;
+    readonly modes: Modes;
     constructor(engine: Engine, container?: Container);
     load(data?: RecursivePartial<IInteractivity>): void;
 }

package/types/Options/Classes/Options.d.ts

@@ -19,25 +19,25 @@ interface DefaultThemes {
 export declare class Options implements IOptions, IOptionLoader<IOptions> {
     [name: string]: unknown;
     autoPlay: boolean;
-    background: Background;
-    backgroundMask: BackgroundMask;
+    readonly background: Background;
+    readonly backgroundMask: BackgroundMask;
     defaultThemes: DefaultThemes;
     delay: RangeValue;
     detectRetina: boolean;
     duration: RangeValue;
     fpsLimit: number;
-    fullScreen: FullScreen;
-    interactivity: Interactivity;
+    readonly fullScreen: FullScreen;
+    readonly interactivity: Interactivity;
     manualParticles: ManualParticle[];
     name?: string;
-    particles: import("./Particles/ParticlesOptions.js").ParticlesOptions;
+    readonly particles: import("./Particles/ParticlesOptions.js").ParticlesOptions;
     pauseOnBlur: boolean;
     pauseOnOutsideViewport: boolean;
     preset?: SingleOrMultiple<string>;
     responsive: Responsive[];
     smooth: boolean;
     style: RecursivePartial<CSSStyleDeclaration>;
-    themes: Theme[];
+    readonly themes: Theme[];
     zLayers: number;
     private readonly _container;
     private readonly _engine;

package/types/Options/Classes/Particles/Bounce/ParticlesBounce.d.ts

@@ -3,8 +3,8 @@ import type { IParticlesBounce } from "../../../Interfaces/Particles/Bounce/IPar
 import { ParticlesBounceFactor } from "./ParticlesBounceFactor.js";
 import type { RecursivePartial } from "../../../../Types/RecursivePartial.js";
 export declare class ParticlesBounce implements IParticlesBounce, IOptionLoader<IParticlesBounce> {
-    horizontal: ParticlesBounceFactor;
-    vertical: ParticlesBounceFactor;
+    readonly horizontal: ParticlesBounceFactor;
+    readonly vertical: ParticlesBounceFactor;
     constructor();
     load(data?: RecursivePartial<IParticlesBounce>): void;
 }

package/types/Options/Classes/Particles/Collisions/Collisions.d.ts

@@ -7,12 +7,12 @@ import { ParticlesBounce } from "../Bounce/ParticlesBounce.js";
 import type { RangeValue } from "../../../../Types/RangeValue.js";
 import type { RecursivePartial } from "../../../../Types/RecursivePartial.js";
 export declare class Collisions implements ICollisions, IOptionLoader<ICollisions> {
-    absorb: CollisionsAbsorb;
-    bounce: ParticlesBounce;
+    readonly absorb: CollisionsAbsorb;
+    readonly bounce: ParticlesBounce;
     enable: boolean;
     maxSpeed: RangeValue;
     mode: CollisionMode | keyof typeof CollisionMode;
-    overlap: CollisionsOverlap;
+    readonly overlap: CollisionsOverlap;
     constructor();
     load(data?: RecursivePartial<ICollisions>): void;
 }

package/types/Options/Classes/Particles/Effect/Effect.d.ts

@@ -0,0 +1,13 @@
+import type { IEffect } from "../../../Interfaces/Particles/Effect/IEffect.js";
+import type { IOptionLoader } from "../../../Interfaces/IOptionLoader.js";
+import type { RecursivePartial } from "../../../../Types/RecursivePartial.js";
+import type { ShapeData } from "../../../../Types/ShapeData.js";
+import type { SingleOrMultiple } from "../../../../Types/SingleOrMultiple.js";
+export declare class Effect implements IEffect, IOptionLoader<IEffect> {
+    close: boolean;
+    fill: boolean;
+    options: ShapeData;
+    type: SingleOrMultiple<string>;
+    constructor();
+    load(data?: RecursivePartial<IEffect>): void;
+}

package/types/Options/Classes/Particles/Move/Move.d.ts

@@ -14,23 +14,23 @@ import type { RangeValue } from "../../../../Types/RangeValue.js";
 import type { RecursivePartial } from "../../../../Types/RecursivePartial.js";
 import { Spin } from "./Spin.js";
 export declare class Move implements IMove, IOptionLoader<IMove> {
-    angle: MoveAngle;
-    attract: MoveAttract;
-    center: MoveCenter;
+    readonly angle: MoveAngle;
+    readonly attract: MoveAttract;
+    readonly center: MoveCenter;
     decay: RangeValue;
     direction: MoveDirection | keyof typeof MoveDirection | MoveDirectionAlt | number;
     distance: Partial<IDistance>;
     drift: RangeValue;
     enable: boolean;
-    gravity: MoveGravity;
-    outModes: OutModes;
-    path: MovePath;
+    readonly gravity: MoveGravity;
+    readonly outModes: OutModes;
+    readonly path: MovePath;
     random: boolean;
     size: boolean;
     speed: RangeValue;
-    spin: Spin;
+    readonly spin: Spin;
     straight: boolean;
-    trail: MoveTrail;
+    readonly trail: MoveTrail;
     vibrate: boolean;
     warp: boolean;
     constructor();

package/types/Options/Classes/Particles/Move/MoveTrail.d.ts

@@ -4,7 +4,7 @@ import { MoveTrailFill } from "./MoveTrailFill.js";
 import type { RecursivePartial } from "../../../../Types/RecursivePartial.js";
 export declare class MoveTrail implements IMoveTrail, IOptionLoader<IMoveTrail> {
     enable: boolean;
-    fill: MoveTrailFill;
+    readonly fill: MoveTrailFill;
     length: number;
     constructor();
     load(data?: RecursivePartial<IMoveTrail>): void;

package/types/Options/Classes/Particles/Number/ParticlesNumber.d.ts

@@ -1,10 +1,11 @@
 import type { IOptionLoader } from "../../../Interfaces/IOptionLoader.js";
 import type { IParticlesNumber } from "../../../Interfaces/Particles/Number/IParticlesNumber.js";
 import { ParticlesDensity } from "./ParticlesDensity.js";
+import { ParticlesNumberLimit } from "./ParticlesNumberLimit.js";
 import type { RecursivePartial } from "../../../../Types/RecursivePartial.js";
 export declare class ParticlesNumber implements IParticlesNumber, IOptionLoader<IParticlesNumber> {
-    density: ParticlesDensity;
-    limit: number;
+    readonly density: ParticlesDensity;
+    limit: ParticlesNumberLimit;
     value: number;
     constructor();
     load(data?: RecursivePartial<IParticlesNumber>): void;

package/types/Options/Classes/Particles/Number/ParticlesNumberLimit.d.ts

@@ -0,0 +1,10 @@
+import type { IOptionLoader } from "../../../Interfaces/IOptionLoader.js";
+import type { IParticlesNumberLimit } from "../../../Interfaces/Particles/Number/IParticlesNumberLimit.js";
+import { LimitMode } from "../../../../Enums/Modes/LimitMode.js";
+import type { RecursivePartial } from "../../../../Types/RecursivePartial.js";
+export declare class ParticlesNumberLimit implements IParticlesNumberLimit, IOptionLoader<IParticlesNumberLimit> {
+    mode: LimitMode | keyof typeof LimitMode;
+    value: number;
+    constructor();
+    load(data?: RecursivePartial<IParticlesNumberLimit>): void;
+}

package/types/Options/Classes/Particles/Opacity/Opacity.d.ts

@@ -1,10 +1,10 @@
 import type { IOpacity } from "../../../Interfaces/Particles/Opacity/IOpacity.js";
 import type { IOptionLoader } from "../../../Interfaces/IOptionLoader.js";
 import { OpacityAnimation } from "./OpacityAnimation.js";
+import { RangedAnimationValueWithRandom } from "../../ValueWithRandom.js";
 import type { RecursivePartial } from "../../../../Types/RecursivePartial.js";
-import { ValueWithRandom } from "../../ValueWithRandom.js";
-export declare class Opacity extends ValueWithRandom implements IOpacity, IOptionLoader<IOpacity> {
-    animation: OpacityAnimation;
+export declare class Opacity extends RangedAnimationValueWithRandom implements IOpacity, IOptionLoader<IOpacity> {
+    readonly animation: OpacityAnimation;
     constructor();
     load(data?: RecursivePartial<IOpacity>): void;
 }

package/types/Options/Classes/Particles/ParticlesOptions.d.ts

@@ -1,6 +1,7 @@
 import { AnimatableColor } from "../AnimatableColor.js";
 import { Collisions } from "./Collisions/Collisions.js";
 import type { Container } from "../../../Core/Container.js";
+import { Effect } from "./Effect/Effect.js";
 import type { Engine } from "../../../Core/Engine.js";
 import type { IInteractivity } from "../../Interfaces/Interactivity/IInteractivity.js";
 import type { IOptionLoader } from "../../Interfaces/IOptionLoader.js";
@@ -19,20 +20,21 @@ import { Stroke } from "./Stroke.js";
 import { ZIndex } from "./ZIndex/ZIndex.js";
 export declare class ParticlesOptions implements IParticlesOptions, IOptionLoader<IParticlesOptions> {
     [name: string]: unknown;
-    bounce: ParticlesBounce;
-    collisions: Collisions;
+    readonly bounce: ParticlesBounce;
+    readonly collisions: Collisions;
     color: AnimatableColor;
-    groups: ParticlesGroups;
+    readonly effect: Effect;
+    readonly groups: ParticlesGroups;
     interactivity?: RecursivePartial<IInteractivity>;
-    move: Move;
-    number: ParticlesNumber;
-    opacity: Opacity;
+    readonly move: Move;
+    readonly number: ParticlesNumber;
+    readonly opacity: Opacity;
     reduceDuplicates: boolean;
-    shadow: Shadow;
-    shape: Shape;
-    size: Size;
+    readonly shadow: Shadow;
+    readonly shape: Shape;
+    readonly size: Size;
     stroke: SingleOrMultiple<Stroke>;
-    zIndex: ZIndex;
+    readonly zIndex: ZIndex;
     private readonly _container;
     private readonly _engine;
     constructor(engine: Engine, container?: Container);

package/types/Options/Classes/Particles/Size/Size.d.ts

@@ -1,10 +1,10 @@
 import type { IOptionLoader } from "../../../Interfaces/IOptionLoader.js";
 import type { ISize } from "../../../Interfaces/Particles/Size/ISize.js";
+import { RangedAnimationValueWithRandom } from "../../ValueWithRandom.js";
 import type { RecursivePartial } from "../../../../Types/RecursivePartial.js";
 import { SizeAnimation } from "./SizeAnimation.js";
-import { ValueWithRandom } from "../../ValueWithRandom.js";
-export declare class Size extends ValueWithRandom implements ISize, IOptionLoader<ISize> {
-    animation: SizeAnimation;
+export declare class Size extends RangedAnimationValueWithRandom implements ISize, IOptionLoader<ISize> {
+    readonly animation: SizeAnimation;
     constructor();
     load(data?: RecursivePartial<ISize>): void;
 }

package/types/Options/Classes/Theme/Theme.d.ts

@@ -4,7 +4,7 @@ import type { ITheme } from "../../Interfaces/Theme/ITheme.js";
 import type { RecursivePartial } from "../../../Types/RecursivePartial.js";
 import { ThemeDefault } from "./ThemeDefault.js";
 export declare class Theme implements ITheme, IOptionLoader<ITheme> {
-    default: ThemeDefault;
+    readonly default: ThemeDefault;
     name: string;
     options?: RecursivePartial<IOptions>;
     constructor();

package/types/Options/Classes/ValueWithRandom.d.ts

@@ -1,22 +1,20 @@
 import { AnimationOptions, RangedAnimationOptions } from "./AnimationOptions.js";
 import type { IAnimationValueWithRandom, IRangedAnimationValueWithRandom, IValueWithRandom } from "../Interfaces/IValueWithRandom.js";
 import type { IOptionLoader } from "../Interfaces/IOptionLoader.js";
-import { Random } from "./Random.js";
 import type { RangeValue } from "../../Types/RangeValue.js";
 import type { RecursivePartial } from "../../Types/RecursivePartial.js";
 export declare class ValueWithRandom implements IValueWithRandom, IOptionLoader<IValueWithRandom> {
-    random: Random;
     value: RangeValue;
     constructor();
     load(data?: RecursivePartial<IValueWithRandom>): void;
 }
 export declare class AnimationValueWithRandom extends ValueWithRandom implements IOptionLoader<IAnimationValueWithRandom> {
-    animation: AnimationOptions;
+    readonly animation: AnimationOptions;
     constructor();
     load(data?: RecursivePartial<IAnimationValueWithRandom>): void;
 }
 export declare class RangedAnimationValueWithRandom extends AnimationValueWithRandom implements IOptionLoader<IRangedAnimationValueWithRandom> {
-    animation: RangedAnimationOptions;
+    readonly animation: RangedAnimationOptions;
     constructor();
     load(data?: RecursivePartial<IRangedAnimationValueWithRandom>): void;
 }

package/types/Options/Interfaces/IValueWithRandom.d.ts

@@ -1,8 +1,6 @@
 import type { IAnimation, IRangedAnimation } from "./IAnimation.js";
-import type { IRandom } from "./IRandom.js";
 import type { RangeValue } from "../../Types/RangeValue.js";
 export interface IValueWithRandom {
-    random: boolean | IRandom;
     value: RangeValue;
 }
 export interface IAnimationValueWithRandom extends IValueWithRandom {

package/types/Options/Interfaces/Interactivity/Events/IClickEvent.d.ts

@@ -1,6 +1,5 @@
-import type { ClickMode } from "../../../../Enums/Modes/ClickMode.js";
 import type { SingleOrMultiple } from "../../../../Types/SingleOrMultiple.js";
 export interface IClickEvent {
     enable: boolean;
-    mode: SingleOrMultiple<ClickMode | keyof typeof ClickMode | string>;
+    mode: SingleOrMultiple<string>;
 }

package/types/Options/Interfaces/Interactivity/Events/IDivEvent.d.ts

@@ -1,9 +1,8 @@
-import type { DivMode } from "../../../../Enums/Modes/DivMode.js";
 import type { DivType } from "../../../../Enums/Types/DivType.js";
 import type { SingleOrMultiple } from "../../../../Types/SingleOrMultiple.js";
 export interface IDivEvent {
     enable: boolean;
-    mode: SingleOrMultiple<DivMode | keyof typeof DivMode | string>;
+    mode: SingleOrMultiple<string>;
     selectors: SingleOrMultiple<string>;
     type: DivType | keyof typeof DivType;
 }

package/types/Options/Interfaces/Interactivity/Events/IHoverEvent.d.ts

@@ -1,8 +1,7 @@
-import type { HoverMode } from "../../../../Enums/Modes/HoverMode.js";
 import type { IParallax } from "./IParallax.js";
 import type { SingleOrMultiple } from "../../../../Types/SingleOrMultiple.js";
 export interface IHoverEvent {
     enable: boolean;
-    mode: SingleOrMultiple<HoverMode | keyof typeof HoverMode | string>;
+    mode: SingleOrMultiple<string>;
     parallax: IParallax;
 }

package/types/Options/Interfaces/Particles/Effect/IEffect.d.ts

@@ -0,0 +1,8 @@
+import type { ShapeData } from "../../../../Types/ShapeData.js";
+import type { SingleOrMultiple } from "../../../../Types/SingleOrMultiple.js";
+export interface IEffect {
+    close: boolean;
+    fill: boolean;
+    options: ShapeData;
+    type: SingleOrMultiple<string>;
+}

package/types/Options/Interfaces/Particles/IParticlesOptions.d.ts

@@ -1,5 +1,6 @@
 import type { IAnimatableColor } from "../IAnimatableColor.js";
 import type { ICollisions } from "./Collisions/ICollisions.js";
+import type { IEffect } from "./Effect/IEffect.js";
 import type { IInteractivity } from "../Interactivity/IInteractivity.js";
 import type { IMove } from "./Move/IMove.js";
 import type { IOpacity } from "./Opacity/IOpacity.js";
@@ -18,6 +19,7 @@ export interface IParticlesOptions {
     bounce: IParticlesBounce;
     collisions: ICollisions;
     color: IAnimatableColor;
+    effect: IEffect;
     groups: ParticlesGroups;
     interactivity?: RecursivePartial<IInteractivity>;
     move: IMove;

package/types/Options/Interfaces/Particles/Number/IParticlesNumber.d.ts

@@ -1,6 +1,7 @@
 import type { IParticlesDensity } from "./IParticlesDensity.js";
+import type { IParticlesNumberLimit } from "./IParticlesNumberLimit.js";
 export interface IParticlesNumber {
     density: IParticlesDensity;
-    limit: number;
+    limit: IParticlesNumberLimit;
     value: number;
 }

package/types/Options/Interfaces/Particles/Number/IParticlesNumberLimit.d.ts

@@ -0,0 +1,5 @@
+import type { LimitMode } from "../../../../Enums/Modes/LimitMode.js";
+export interface IParticlesNumberLimit {
+    mode: LimitMode | keyof typeof LimitMode;
+    value: number;
+}