@tsparticles/engine 3.0.0-alpha.1 → 3.0.0-beta.1

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

@@ -1,25 +1,27 @@
-import type { Container } from "../Container";
+import type { Container } from "../Container.js";
 export declare class EventListeners {
     private readonly container;
-    private canPush;
-    private readonly handlers;
-    private resizeObserver?;
-    private resizeTimeout?;
+    private _canPush;
+    private readonly _handlers;
+    private _resizeObserver?;
+    private _resizeTimeout?;
+    private readonly _touches;
     constructor(container: Container);
     addListeners(): void;
     removeListeners(): void;
-    private _doMouseTouchClick;
-    private _handleClickMode;
-    private _handleThemeChange;
-    private _handleVisibilityChange;
-    private _handleWindowResize;
-    private _manageInteractivityEvents;
-    private _manageListeners;
-    private _manageMediaEvents;
-    private _manageResizeEvent;
-    private _manageVisibilityEvent;
-    private _mouseDown;
-    private _mouseTouchClick;
-    private _mouseTouchFinish;
-    private _mouseTouchMove;
+    private readonly _doMouseTouchClick;
+    private readonly _handleThemeChange;
+    private readonly _handleVisibilityChange;
+    private readonly _handleWindowResize;
+    private readonly _manageInteractivityListeners;
+    private readonly _manageListeners;
+    private readonly _manageMediaMatch;
+    private readonly _manageResize;
+    private readonly _mouseDown;
+    private readonly _mouseTouchClick;
+    private readonly _mouseTouchFinish;
+    private readonly _mouseTouchMove;
+    private readonly _touchEnd;
+    private readonly _touchEndClick;
+    private readonly _touchStart;
 }

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

@@ -1,8 +1,8 @@
-import type { Container } from "../Container";
-import type { IDelta } from "../Interfaces/IDelta";
-import type { IExternalInteractor } from "../Interfaces/IExternalInteractor";
-import { InteractorType } from "../../Enums/Types/InteractorType";
-import type { Particle } from "../Particle";
+import type { Container } from "../Container.js";
+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 {
     protected readonly container: TContainer;
     type: InteractorType;

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

@@ -1,8 +1,8 @@
-import type { ClickMode } from "../../Enums/Modes/ClickMode";
-import type { Container } from "../Container";
-import type { Engine } from "../../engine";
-import type { IDelta } from "../Interfaces/IDelta";
-import type { Particle } from "../Particle";
+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";
+import type { Particle } from "../Particle.js";
 export declare class InteractionManager {
     private readonly container;
     private readonly _engine;

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

@@ -1,8 +1,8 @@
-import type { Container } from "../Container";
-import type { IDelta } from "../Interfaces/IDelta";
-import type { IParticlesInteractor } from "../Interfaces/IParticlesInteractor";
-import { InteractorType } from "../../Enums/Types/InteractorType";
-import type { Particle } from "../Particle";
+import type { Container } from "../Container.js";
+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 {
     protected readonly container: TContainer;
     type: InteractorType;

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

@@ -1,5 +1,5 @@
-import type { ICoordinates } from "../Interfaces/ICoordinates";
-import type { Particle } from "../Particle";
+import type { ICoordinates } from "../Interfaces/ICoordinates.js";
+import type { Particle } from "../Particle.js";
 export declare class Point {
     readonly position: ICoordinates;
     readonly particle: Particle;

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

@@ -1,22 +1,19 @@
-import type { ICoordinates } from "../Interfaces/ICoordinates";
-import type { IDimension } from "../Interfaces/IDimension";
-import type { Particle } from "../Particle";
-import type { Point } from "./Point";
-import type { Range } from "./Range";
-import { Rectangle } from "./Rectangle";
+import type { ICoordinates } from "../Interfaces/ICoordinates.js";
+import type { IDimension } from "../Interfaces/IDimension.js";
+import type { Particle } from "../Particle.js";
+import type { Point } from "./Point.js";
+import type { Range } from "./Range.js";
+import { Rectangle } from "./Rectangle.js";
 export declare class QuadTree {
     readonly rectangle: Rectangle;
     readonly capacity: number;
-    private _NE?;
-    private _NW?;
-    private _SE?;
-    private _SW?;
     private _divided;
     private readonly _points;
+    private readonly _subs;
     constructor(rectangle: Rectangle, capacity: number);
     insert(point: Point): boolean;
     query(range: Range, check?: (particle: Particle) => boolean, found?: Particle[]): Particle[];
     queryCircle(position: ICoordinates, radius: number, check?: (particle: Particle) => boolean): Particle[];
     queryRectangle(position: ICoordinates, size: IDimension, check?: (particle: Particle) => boolean): Particle[];
-    private subdivide;
+    private readonly _subdivide;
 }

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

@@ -1,4 +1,4 @@
-import type { ICoordinates } from "../Interfaces/ICoordinates";
+import type { ICoordinates } from "../Interfaces/ICoordinates.js";
 export declare abstract class Range {
     readonly position: ICoordinates;
     protected constructor(x: number, y: number);

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

@@ -1,6 +1,6 @@
-import type { ICoordinates } from "../Interfaces/ICoordinates";
-import type { IDimension } from "../Interfaces/IDimension";
-import { Range } from "./Range";
+import type { ICoordinates } from "../Interfaces/ICoordinates.js";
+import type { IDimension } from "../Interfaces/IDimension.js";
+import { Range } from "./Range.js";
 export declare class Rectangle extends Range {
     readonly size: IDimension;
     constructor(x: number, y: number, width: number, height: number);

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

@@ -1,5 +1,5 @@
-import type { ICoordinates } from "../Interfaces/ICoordinates";
-import { Vector3d } from "./Vector3d";
+import type { ICoordinates } from "../Interfaces/ICoordinates.js";
+import { Vector3d } from "./Vector3d.js";
 export declare class Vector extends Vector3d {
     protected constructor(xOrCoords: number | ICoordinates, y?: number);
     static get origin(): Vector;

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

@@ -1,4 +1,4 @@
-import type { ICoordinates, ICoordinates3d } from "../Interfaces/ICoordinates";
+import type { ICoordinates, ICoordinates3d } from "../Interfaces/ICoordinates.js";
 export declare class Vector3d implements ICoordinates3d {
     x: number;
     y: number;
@@ -21,9 +21,10 @@ export declare class Vector3d implements ICoordinates3d {
     getLengthSq(): number;
     mult(n: number): Vector3d;
     multTo(n: number): void;
+    normalize(): void;
     rotate(angle: number): Vector3d;
     setTo(c: ICoordinates): void;
     sub(v: Vector3d): Vector3d;
     subFrom(v: Vector3d): void;
-    private updateFromAngle;
+    private readonly _updateFromAngle;
 }

package/types/Enums/Modes/{SizeMode.d.ts → PixelMode.d.ts}

@@ -1,4 +1,4 @@
-export declare const enum SizeMode {
+export declare const enum PixelMode {
     precise = "precise",
     percent = "percent"
 }

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

@@ -1,9 +1,9 @@
-import { HslAnimation } from "./HslAnimation";
-import type { IAnimatableColor } from "../Interfaces/IAnimatableColor";
-import type { IOptionLoader } from "../Interfaces/IOptionLoader";
-import { OptionsColor } from "./OptionsColor";
-import type { RecursivePartial } from "../../Types/RecursivePartial";
-import type { SingleOrMultiple } from "../../Types/SingleOrMultiple";
+import { HslAnimation } from "./HslAnimation.js";
+import type { IAnimatableColor } from "../Interfaces/IAnimatableColor.js";
+import type { IOptionLoader } from "../Interfaces/IOptionLoader.js";
+import { OptionsColor } from "./OptionsColor.js";
+import type { RecursivePartial } from "../../Types/RecursivePartial.js";
+import type { SingleOrMultiple } from "../../Types/SingleOrMultiple.js";
 export declare class AnimatableColor extends OptionsColor implements IAnimatableColor, IOptionLoader<IAnimatableColor> {
     animation: HslAnimation;
     constructor();

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

@@ -1,12 +1,13 @@
-import type { IAnimation, IRangedAnimation } from "../Interfaces/IAnimation";
-import { AnimationMode } from "../../Enums/Modes/AnimationMode";
-import type { IOptionLoader } from "../Interfaces/IOptionLoader";
-import type { RangeValue } from "../../Types/RangeValue";
-import type { RecursivePartial } from "../../Types/RecursivePartial";
-import { StartValueType } from "../../Enums/Types/StartValueType";
+import type { IAnimation, IRangedAnimation } from "../Interfaces/IAnimation.js";
+import { AnimationMode } from "../../Enums/Modes/AnimationMode.js";
+import type { IOptionLoader } from "../Interfaces/IOptionLoader.js";
+import type { RangeValue } from "../../Types/RangeValue.js";
+import type { RecursivePartial } from "../../Types/RecursivePartial.js";
+import { StartValueType } from "../../Enums/Types/StartValueType.js";
 export declare class AnimationOptions implements IAnimation, IOptionLoader<IAnimation> {
     count: RangeValue;
     decay: RangeValue;
+    delay: RangeValue;
     enable: boolean;
     speed: RangeValue;
     sync: boolean;
@@ -14,7 +15,6 @@ export declare class AnimationOptions implements IAnimation, IOptionLoader<IAnim
     load(data?: RecursivePartial<IAnimation>): void;
 }
 export declare class RangedAnimationOptions extends AnimationOptions implements IOptionLoader<IRangedAnimation> {
-    minimumValue?: number;
     mode: AnimationMode | keyof typeof AnimationMode;
     startValue: StartValueType | keyof typeof StartValueType;
     constructor();

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

@@ -1,7 +1,7 @@
-import type { IBackground } from "../../Interfaces/Background/IBackground";
-import type { IOptionLoader } from "../../Interfaces/IOptionLoader";
-import { OptionsColor } from "../OptionsColor";
-import type { RecursivePartial } from "../../../Types/RecursivePartial";
+import type { IBackground } from "../../Interfaces/Background/IBackground.js";
+import type { IOptionLoader } from "../../Interfaces/IOptionLoader.js";
+import { OptionsColor } from "../OptionsColor.js";
+import type { RecursivePartial } from "../../../Types/RecursivePartial.js";
 export declare class Background implements IBackground, IOptionLoader<IBackground> {
     color: OptionsColor;
     image: string;

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

@@ -1,7 +1,7 @@
-import { BackgroundMaskCover } from "./BackgroundMaskCover";
-import type { IBackgroundMask } from "../../Interfaces/BackgroundMask/IBackgroundMask";
-import type { IOptionLoader } from "../../Interfaces/IOptionLoader";
-import type { RecursivePartial } from "../../../Types/RecursivePartial";
+import { BackgroundMaskCover } from "./BackgroundMaskCover.js";
+import type { IBackgroundMask } from "../../Interfaces/BackgroundMask/IBackgroundMask.js";
+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;

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

@@ -1,7 +1,7 @@
-import type { IBackgroundMaskCover } from "../../Interfaces/BackgroundMask/IBackgroundMaskCover";
-import type { IOptionLoader } from "../../Interfaces/IOptionLoader";
-import { OptionsColor } from "../OptionsColor";
-import type { RecursivePartial } from "../../../Types/RecursivePartial";
+import type { IBackgroundMaskCover } from "../../Interfaces/BackgroundMask/IBackgroundMaskCover.js";
+import type { IOptionLoader } from "../../Interfaces/IOptionLoader.js";
+import { OptionsColor } from "../OptionsColor.js";
+import type { RecursivePartial } from "../../../Types/RecursivePartial.js";
 export declare class BackgroundMaskCover implements IBackgroundMaskCover, IOptionLoader<IBackgroundMaskCover> {
     color: OptionsColor;
     opacity: number;

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

@@ -1,10 +1,11 @@
-import type { IColorAnimation } from "../Interfaces/IColorAnimation";
-import type { IOptionLoader } from "../Interfaces/IOptionLoader";
-import type { RangeValue } from "../../Types/RangeValue";
-import type { RecursivePartial } from "../../Types/RecursivePartial";
+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;
     offset: RangeValue;
     speed: RangeValue;

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

@@ -1,6 +1,6 @@
-import type { IFullScreen } from "../../Interfaces/FullScreen/IFullScreen";
-import type { IOptionLoader } from "../../Interfaces/IOptionLoader";
-import type { RecursivePartial } from "../../../Types/RecursivePartial";
+import type { IFullScreen } from "../../Interfaces/FullScreen/IFullScreen.js";
+import type { IOptionLoader } from "../../Interfaces/IOptionLoader.js";
+import type { RecursivePartial } from "../../../Types/RecursivePartial.js";
 export declare class FullScreen implements IFullScreen, IOptionLoader<IFullScreen> {
     enable: boolean;
     zIndex: number;

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

@@ -1,7 +1,7 @@
-import { ColorAnimation } from "./ColorAnimation";
-import type { IHslAnimation } from "../Interfaces/IHslAnimation";
-import type { IOptionLoader } from "../Interfaces/IOptionLoader";
-import type { RecursivePartial } from "../../Types/RecursivePartial";
+import { ColorAnimation } from "./ColorAnimation.js";
+import type { IHslAnimation } from "../Interfaces/IHslAnimation.js";
+import type { IOptionLoader } from "../Interfaces/IOptionLoader.js";
+import type { RecursivePartial } from "../../Types/RecursivePartial.js";
 export declare class HslAnimation implements IHslAnimation, IOptionLoader<IHslAnimation> {
     h: ColorAnimation;
     l: ColorAnimation;

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

@@ -1,8 +1,8 @@
-import type { ClickMode } from "../../../../Enums/Modes/ClickMode";
-import type { IClickEvent } from "../../../Interfaces/Interactivity/Events/IClickEvent";
-import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
-import type { RecursivePartial } from "../../../../Types/RecursivePartial";
-import type { SingleOrMultiple } from "../../../../Types/SingleOrMultiple";
+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>;

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

@@ -1,20 +1,14 @@
-import type { DivMode } from "../../../../Enums/Modes/DivMode";
-import { DivType } from "../../../../Enums/Types/DivType";
-import type { IDivEvent } from "../../../Interfaces/Interactivity/Events/IDivEvent";
-import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
-import type { RecursivePartial } from "../../../../Types/RecursivePartial";
-import type { SingleOrMultiple } from "../../../../Types/SingleOrMultiple";
+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";
+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>;
     selectors: SingleOrMultiple<string>;
     type: DivType | keyof typeof DivType;
     constructor();
-    get el(): SingleOrMultiple<string>;
-    set el(value: SingleOrMultiple<string>);
-    get elementId(): SingleOrMultiple<string>;
-    set elementId(value: SingleOrMultiple<string>);
-    get ids(): SingleOrMultiple<string>;
-    set ids(value: SingleOrMultiple<string>);
     load(data?: RecursivePartial<IDivEvent>): void;
 }

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

@@ -1,22 +1,16 @@
-import { ClickEvent } from "./ClickEvent";
-import { DivEvent } from "./DivEvent";
-import { HoverEvent } from "./HoverEvent";
-import type { IEvents } from "../../../Interfaces/Interactivity/Events/IEvents";
-import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
-import type { RecursivePartial } from "../../../../Types/RecursivePartial";
-import { ResizeEvent } from "./ResizeEvent";
-import type { SingleOrMultiple } from "../../../../Types/SingleOrMultiple";
+import { ClickEvent } from "./ClickEvent.js";
+import { DivEvent } from "./DivEvent.js";
+import { HoverEvent } from "./HoverEvent.js";
+import type { IEvents } from "../../../Interfaces/Interactivity/Events/IEvents.js";
+import type { IOptionLoader } from "../../../Interfaces/IOptionLoader.js";
+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;
     onDiv: SingleOrMultiple<DivEvent>;
     onHover: HoverEvent;
     resize: ResizeEvent;
     constructor();
-    get onclick(): ClickEvent;
-    set onclick(value: ClickEvent);
-    get ondiv(): SingleOrMultiple<DivEvent>;
-    set ondiv(value: SingleOrMultiple<DivEvent>);
-    get onhover(): HoverEvent;
-    set onhover(value: HoverEvent);
     load(data?: RecursivePartial<IEvents>): void;
 }

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

@@ -1,9 +1,9 @@
-import type { HoverMode } from "../../../../Enums/Modes/HoverMode";
-import type { IHoverEvent } from "../../../Interfaces/Interactivity/Events/IHoverEvent";
-import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
-import { Parallax } from "./Parallax";
-import type { RecursivePartial } from "../../../../Types/RecursivePartial";
-import type { SingleOrMultiple } from "../../../../Types/SingleOrMultiple";
+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";
+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>;

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

@@ -1,6 +1,6 @@
-import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
-import type { IParallax } from "../../../Interfaces/Interactivity/Events/IParallax";
-import type { RecursivePartial } from "../../../../Types/RecursivePartial";
+import type { IOptionLoader } from "../../../Interfaces/IOptionLoader.js";
+import type { IParallax } from "../../../Interfaces/Interactivity/Events/IParallax.js";
+import type { RecursivePartial } from "../../../../Types/RecursivePartial.js";
 export declare class Parallax implements IParallax, IOptionLoader<IParallax> {
     enable: boolean;
     force: number;

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

@@ -1,6 +1,6 @@
-import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
-import type { IResizeEvent } from "../../../Interfaces/Interactivity/Events/IResizeEvent";
-import type { RecursivePartial } from "../../../../Types/RecursivePartial";
+import type { IOptionLoader } from "../../../Interfaces/IOptionLoader.js";
+import type { IResizeEvent } from "../../../Interfaces/Interactivity/Events/IResizeEvent.js";
+import type { RecursivePartial } from "../../../../Types/RecursivePartial.js";
 export declare class ResizeEvent implements IResizeEvent, IOptionLoader<IResizeEvent> {
     delay: number;
     enable: boolean;

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

@@ -1,18 +1,16 @@
-import type { Container } from "../../../Core/Container";
-import type { Engine } from "../../../engine";
-import { Events } from "./Events/Events";
-import type { IInteractivity } from "../../Interfaces/Interactivity/IInteractivity";
-import type { IOptionLoader } from "../../Interfaces/IOptionLoader";
-import { InteractivityDetect } from "../../../Enums/InteractivityDetect";
-import { Modes } from "./Modes/Modes";
-import type { RecursivePartial } from "../../../Types/RecursivePartial";
+import type { Container } from "../../../Core/Container.js";
+import type { Engine } from "../../../Core/Engine.js";
+import { Events } from "./Events/Events.js";
+import type { IInteractivity } from "../../Interfaces/Interactivity/IInteractivity.js";
+import type { IOptionLoader } from "../../Interfaces/IOptionLoader.js";
+import { InteractivityDetect } from "../../../Enums/InteractivityDetect.js";
+import { Modes } from "./Modes/Modes.js";
+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;
     constructor(engine: Engine, container?: Container);
-    get detect_on(): InteractivityDetect | keyof typeof InteractivityDetect;
-    set detect_on(value: InteractivityDetect | keyof typeof InteractivityDetect);
     load(data?: RecursivePartial<IInteractivity>): void;
 }

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

@@ -1,8 +1,8 @@
-import type { Container } from "../../../../Core/Container";
-import type { Engine } from "../../../../engine";
-import type { IModes } from "../../../Interfaces/Interactivity/Modes/IModes";
-import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
-import type { RecursivePartial } from "../../../../Types/RecursivePartial";
+import type { Container } from "../../../../Core/Container.js";
+import type { Engine } from "../../../../Core/Engine.js";
+import type { IModes } from "../../../Interfaces/Interactivity/Modes/IModes.js";
+import type { IOptionLoader } from "../../../Interfaces/IOptionLoader.js";
+import type { RecursivePartial } from "../../../../Types/RecursivePartial.js";
 export declare class Modes implements IModes, IOptionLoader<IModes> {
     [name: string]: unknown;
     private readonly _container;

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

@@ -1,8 +1,8 @@
-import type { ICoordinatesWithMode } from "../../Core/Interfaces/ICoordinates";
-import type { IManualParticle } from "../Interfaces/IManualParticle";
-import type { IOptionLoader } from "../Interfaces/IOptionLoader";
-import type { IParticlesOptions } from "../Interfaces/Particles/IParticlesOptions";
-import type { RecursivePartial } from "../../Types/RecursivePartial";
+import type { ICoordinatesWithMode } from "../../Core/Interfaces/ICoordinates.js";
+import type { IManualParticle } from "../Interfaces/IManualParticle.js";
+import type { IOptionLoader } from "../Interfaces/IOptionLoader.js";
+import type { IParticlesOptions } from "../Interfaces/Particles/IParticlesOptions.js";
+import type { RecursivePartial } from "../../Types/RecursivePartial.js";
 export declare class ManualParticle implements IManualParticle, IOptionLoader<IManualParticle> {
     options?: RecursivePartial<IParticlesOptions>;
     position?: ICoordinatesWithMode;

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

@@ -1,18 +1,17 @@
-import { Background } from "./Background/Background";
-import { BackgroundMask } from "./BackgroundMask/BackgroundMask";
-import type { Container } from "../../Core/Container";
-import type { Engine } from "../../engine";
-import { FullScreen } from "./FullScreen/FullScreen";
-import type { IOptionLoader } from "../Interfaces/IOptionLoader";
-import type { IOptions } from "../Interfaces/IOptions";
-import type { ISourceOptions } from "../../Types/ISourceOptions";
-import { Interactivity } from "./Interactivity/Interactivity";
-import { ManualParticle } from "./ManualParticle";
-import type { RangeValue } from "../../Types/RangeValue";
-import type { RecursivePartial } from "../../Types/RecursivePartial";
-import { Responsive } from "./Responsive";
-import type { SingleOrMultiple } from "../../Types/SingleOrMultiple";
-import { Theme } from "./Theme/Theme";
+import { Background } from "./Background/Background.js";
+import { BackgroundMask } from "./BackgroundMask/BackgroundMask.js";
+import type { Container } from "../../Core/Container.js";
+import type { Engine } from "../../Core/Engine.js";
+import { FullScreen } from "./FullScreen/FullScreen.js";
+import type { IOptionLoader } from "../Interfaces/IOptionLoader.js";
+import type { IOptions } from "../Interfaces/IOptions.js";
+import { Interactivity } from "./Interactivity/Interactivity.js";
+import { ManualParticle } from "./ManualParticle.js";
+import type { RangeValue } from "../../Types/RangeValue.js";
+import type { RecursivePartial } from "../../Types/RecursivePartial.js";
+import { Responsive } from "./Responsive.js";
+import type { SingleOrMultiple } from "../../Types/SingleOrMultiple.js";
+import { Theme } from "./Theme/Theme.js";
 interface DefaultThemes {
     dark?: string;
     light?: string;
@@ -30,8 +29,8 @@ export declare class Options implements IOptions, IOptionLoader<IOptions> {
     fullScreen: FullScreen;
     interactivity: Interactivity;
     manualParticles: ManualParticle[];
-    name: string;
-    particles: import("./Particles/ParticlesOptions").ParticlesOptions;
+    name?: string;
+    particles: import("./Particles/ParticlesOptions.js").ParticlesOptions;
     pauseOnBlur: boolean;
     pauseOnOutsideViewport: boolean;
     preset?: SingleOrMultiple<string>;
@@ -43,16 +42,10 @@ export declare class Options implements IOptions, IOptionLoader<IOptions> {
     private readonly _container;
     private readonly _engine;
     constructor(engine: Engine, container: Container);
-    get backgroundMode(): FullScreen;
-    set backgroundMode(value: FullScreen);
-    get fps_limit(): number;
-    set fps_limit(value: number);
-    get retina_detect(): boolean;
-    set retina_detect(value: boolean);
-    load(data?: ISourceOptions): void;
+    load(data?: RecursivePartial<IOptions>): void;
     setResponsive(width: number, pxRatio: number, defaultOptions: IOptions): number | undefined;
     setTheme(name?: string): void;
-    private _findDefaultTheme;
-    private _importPreset;
+    private readonly _findDefaultTheme;
+    private readonly _importPreset;
 }
 export {};

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

@@ -1,8 +1,8 @@
-import type { IRangeHsl, IRangeHsv, IRangeRgb, IRangeValueColor } from "../../Core/Interfaces/Colors";
-import type { IOptionLoader } from "../Interfaces/IOptionLoader";
-import type { IOptionsColor } from "../Interfaces/IOptionsColor";
-import type { RecursivePartial } from "../../Types/RecursivePartial";
-import type { SingleOrMultiple } from "../../Types/SingleOrMultiple";
+import type { IRangeHsl, IRangeHsv, IRangeRgb, IRangeValueColor } from "../../Core/Interfaces/Colors.js";
+import type { IOptionLoader } from "../Interfaces/IOptionLoader.js";
+import type { IOptionsColor } from "../Interfaces/IOptionsColor.js";
+import type { RecursivePartial } from "../../Types/RecursivePartial.js";
+import type { SingleOrMultiple } from "../../Types/SingleOrMultiple.js";
 export declare class OptionsColor implements IOptionsColor, IOptionLoader<IOptionsColor> {
     value: SingleOrMultiple<SingleOrMultiple<string> | IRangeValueColor | IRangeRgb | IRangeHsl | IRangeHsv>;
     constructor();

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

@@ -1,7 +1,7 @@
-import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
-import type { IParticlesBounce } from "../../../Interfaces/Particles/Bounce/IParticlesBounce";
-import { ParticlesBounceFactor } from "./ParticlesBounceFactor";
-import type { RecursivePartial } from "../../../../Types/RecursivePartial";
+import type { IOptionLoader } from "../../../Interfaces/IOptionLoader.js";
+import type { IParticlesBounce } from "../../../Interfaces/Particles/Bounce/IParticlesBounce.js";
+import { ParticlesBounceFactor } from "./ParticlesBounceFactor.js";
+import type { RecursivePartial } from "../../../../Types/RecursivePartial.js";
 export declare class ParticlesBounce implements IParticlesBounce, IOptionLoader<IParticlesBounce> {
     horizontal: ParticlesBounceFactor;
     vertical: ParticlesBounceFactor;

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

@@ -1,4 +1,4 @@
-import { ValueWithRandom } from "../../ValueWithRandom";
+import { ValueWithRandom } from "../../ValueWithRandom.js";
 export declare class ParticlesBounceFactor extends ValueWithRandom {
     constructor();
 }