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

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

@@ -1,8 +1,8 @@
-import { DestroyType } from "../../../../Enums/Types/DestroyType";
-import type { IOpacityAnimation } from "../../../Interfaces/Particles/Opacity/IOpacityAnimation";
-import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
-import { RangedAnimationOptions } from "../../AnimationOptions";
-import type { RecursivePartial } from "../../../../Types/RecursivePartial";
+import { DestroyType } from "../../../../Enums/Types/DestroyType.js";
+import type { IOpacityAnimation } from "../../../Interfaces/Particles/Opacity/IOpacityAnimation.js";
+import type { IOptionLoader } from "../../../Interfaces/IOptionLoader.js";
+import { RangedAnimationOptions } from "../../AnimationOptions.js";
+import type { RecursivePartial } from "../../../../Types/RecursivePartial.js";
 export declare class OpacityAnimation extends RangedAnimationOptions implements IOpacityAnimation, IOptionLoader<IOpacityAnimation> {
     destroy: DestroyType | keyof typeof DestroyType;
     constructor();

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

@@ -1,22 +1,22 @@
-import { AnimatableColor } from "../AnimatableColor";
-import { Collisions } from "./Collisions/Collisions";
-import type { Container } from "../../../Core/Container";
-import type { Engine } from "../../../Core/Engine";
-import type { IInteractivity } from "../../Interfaces/Interactivity/IInteractivity";
-import type { IOptionLoader } from "../../Interfaces/IOptionLoader";
-import type { IParticlesOptions } from "../../Interfaces/Particles/IParticlesOptions";
-import { Move } from "./Move/Move";
-import { Opacity } from "./Opacity/Opacity";
-import { ParticlesBounce } from "./Bounce/ParticlesBounce";
-import type { ParticlesGroups } from "../../../Types/ParticlesGroups";
-import { ParticlesNumber } from "./Number/ParticlesNumber";
-import type { RecursivePartial } from "../../../Types/RecursivePartial";
-import { Shadow } from "./Shadow";
-import { Shape } from "./Shape/Shape";
-import type { SingleOrMultiple } from "../../../Types/SingleOrMultiple";
-import { Size } from "./Size/Size";
-import { Stroke } from "./Stroke";
-import { ZIndex } from "./ZIndex/ZIndex";
+import { AnimatableColor } from "../AnimatableColor.js";
+import { Collisions } from "./Collisions/Collisions.js";
+import type { Container } from "../../../Core/Container.js";
+import type { Engine } from "../../../Core/Engine.js";
+import type { IInteractivity } from "../../Interfaces/Interactivity/IInteractivity.js";
+import type { IOptionLoader } from "../../Interfaces/IOptionLoader.js";
+import type { IParticlesOptions } from "../../Interfaces/Particles/IParticlesOptions.js";
+import { Move } from "./Move/Move.js";
+import { Opacity } from "./Opacity/Opacity.js";
+import { ParticlesBounce } from "./Bounce/ParticlesBounce.js";
+import type { ParticlesGroups } from "../../../Types/ParticlesGroups.js";
+import { ParticlesNumber } from "./Number/ParticlesNumber.js";
+import type { RecursivePartial } from "../../../Types/RecursivePartial.js";
+import { Shadow } from "./Shadow.js";
+import { Shape } from "./Shape/Shape.js";
+import type { SingleOrMultiple } from "../../../Types/SingleOrMultiple.js";
+import { Size } from "./Size/Size.js";
+import { Stroke } from "./Stroke.js";
+import { ZIndex } from "./ZIndex/ZIndex.js";
 export declare class ParticlesOptions implements IParticlesOptions, IOptionLoader<IParticlesOptions> {
     [name: string]: unknown;
     bounce: ParticlesBounce;

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

@@ -1,8 +1,8 @@
-import type { ICoordinates } from "../../../Core/Interfaces/ICoordinates";
-import type { IOptionLoader } from "../../Interfaces/IOptionLoader";
-import type { IShadow } from "../../Interfaces/Particles/IShadow";
-import { OptionsColor } from "../OptionsColor";
-import type { RecursivePartial } from "../../../Types/RecursivePartial";
+import type { ICoordinates } from "../../../Core/Interfaces/ICoordinates.js";
+import type { IOptionLoader } from "../../Interfaces/IOptionLoader.js";
+import type { IShadow } from "../../Interfaces/Particles/IShadow.js";
+import { OptionsColor } from "../OptionsColor.js";
+import type { RecursivePartial } from "../../../Types/RecursivePartial.js";
 export declare class Shadow implements IShadow, IOptionLoader<IShadow> {
     blur: number;
     color: OptionsColor;

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

@@ -1,8 +1,8 @@
-import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
-import type { IShape } from "../../../Interfaces/Particles/Shape/IShape";
-import type { RecursivePartial } from "../../../../Types/RecursivePartial";
-import type { ShapeData } from "../../../../Types/ShapeData";
-import type { SingleOrMultiple } from "../../../../Types/SingleOrMultiple";
+import type { IOptionLoader } from "../../../Interfaces/IOptionLoader.js";
+import type { IShape } from "../../../Interfaces/Particles/Shape/IShape.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 Shape implements IShape, IOptionLoader<IShape> {
     close: boolean;
     fill: boolean;

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

@@ -1,8 +1,8 @@
-import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
-import type { ISize } from "../../../Interfaces/Particles/Size/ISize";
-import type { RecursivePartial } from "../../../../Types/RecursivePartial";
-import { SizeAnimation } from "./SizeAnimation";
-import { ValueWithRandom } from "../../ValueWithRandom";
+import type { IOptionLoader } from "../../../Interfaces/IOptionLoader.js";
+import type { ISize } from "../../../Interfaces/Particles/Size/ISize.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;
     constructor();

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

@@ -1,8 +1,8 @@
-import { DestroyType } from "../../../../Enums/Types/DestroyType";
-import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
-import type { ISizeAnimation } from "../../../Interfaces/Particles/Size/ISizeAnimation";
-import { RangedAnimationOptions } from "../../AnimationOptions";
-import type { RecursivePartial } from "../../../../Types/RecursivePartial";
+import { DestroyType } from "../../../../Enums/Types/DestroyType.js";
+import type { IOptionLoader } from "../../../Interfaces/IOptionLoader.js";
+import type { ISizeAnimation } from "../../../Interfaces/Particles/Size/ISizeAnimation.js";
+import { RangedAnimationOptions } from "../../AnimationOptions.js";
+import type { RecursivePartial } from "../../../../Types/RecursivePartial.js";
 export declare class SizeAnimation extends RangedAnimationOptions implements ISizeAnimation, IOptionLoader<ISizeAnimation> {
     destroy: DestroyType | keyof typeof DestroyType;
     constructor();

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

@@ -1,8 +1,8 @@
-import { AnimatableColor } from "../AnimatableColor";
-import type { IOptionLoader } from "../../Interfaces/IOptionLoader";
-import type { IStroke } from "../../Interfaces/Particles/IStroke";
-import type { RangeValue } from "../../../Types/RangeValue";
-import type { RecursivePartial } from "../../../Types/RecursivePartial";
+import { AnimatableColor } from "../AnimatableColor.js";
+import type { IOptionLoader } from "../../Interfaces/IOptionLoader.js";
+import type { IStroke } from "../../Interfaces/Particles/IStroke.js";
+import type { RangeValue } from "../../../Types/RangeValue.js";
+import type { RecursivePartial } from "../../../Types/RecursivePartial.js";
 export declare class Stroke implements IStroke, IOptionLoader<IStroke> {
     color?: AnimatableColor;
     opacity?: RangeValue;

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

@@ -1,7 +1,7 @@
-import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
-import type { IZIndex } from "../../../Interfaces/Particles/ZIndex/IZIndex";
-import type { RecursivePartial } from "../../../../Types/RecursivePartial";
-import { ValueWithRandom } from "../../ValueWithRandom";
+import type { IOptionLoader } from "../../../Interfaces/IOptionLoader.js";
+import type { IZIndex } from "../../../Interfaces/Particles/ZIndex/IZIndex.js";
+import type { RecursivePartial } from "../../../../Types/RecursivePartial.js";
+import { ValueWithRandom } from "../../ValueWithRandom.js";
 export declare class ZIndex extends ValueWithRandom implements IZIndex, IOptionLoader<IZIndex> {
     opacityRate: number;
     sizeRate: number;

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

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

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

@@ -1,8 +1,8 @@
-import type { IOptionLoader } from "../Interfaces/IOptionLoader";
-import type { IOptions } from "../Interfaces/IOptions";
-import type { IResponsive } from "../Interfaces/IResponsive";
-import type { RecursivePartial } from "../../Types/RecursivePartial";
-import { ResponsiveMode } from "../../Enums/Modes/ResponsiveMode";
+import type { IOptionLoader } from "../Interfaces/IOptionLoader.js";
+import type { IOptions } from "../Interfaces/IOptions.js";
+import type { IResponsive } from "../Interfaces/IResponsive.js";
+import type { RecursivePartial } from "../../Types/RecursivePartial.js";
+import { ResponsiveMode } from "../../Enums/Modes/ResponsiveMode.js";
 export declare class Responsive implements IResponsive, IOptionLoader<IResponsive> {
     maxWidth: number;
     mode: ResponsiveMode | keyof typeof ResponsiveMode;

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

@@ -1,8 +1,8 @@
-import type { IOptionLoader } from "../../Interfaces/IOptionLoader";
-import type { IOptions } from "../../Interfaces/IOptions";
-import type { ITheme } from "../../Interfaces/Theme/ITheme";
-import type { RecursivePartial } from "../../../Types/RecursivePartial";
-import { ThemeDefault } from "./ThemeDefault";
+import type { IOptionLoader } from "../../Interfaces/IOptionLoader.js";
+import type { IOptions } from "../../Interfaces/IOptions.js";
+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;
     name: string;

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

@@ -1,7 +1,7 @@
-import type { IOptionLoader } from "../../Interfaces/IOptionLoader";
-import type { IThemeDefault } from "../../Interfaces/Theme/IThemeDefault";
-import type { RecursivePartial } from "../../../Types/RecursivePartial";
-import { ThemeMode } from "../../../Enums/Modes/ThemeMode";
+import type { IOptionLoader } from "../../Interfaces/IOptionLoader.js";
+import type { IThemeDefault } from "../../Interfaces/Theme/IThemeDefault.js";
+import type { RecursivePartial } from "../../../Types/RecursivePartial.js";
+import { ThemeMode } from "../../../Enums/Modes/ThemeMode.js";
 export declare class ThemeDefault implements IThemeDefault, IOptionLoader<IThemeDefault> {
     auto: boolean;
     mode: ThemeMode | keyof typeof ThemeMode;

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

@@ -1,9 +1,9 @@
-import { AnimationOptions, RangedAnimationOptions } from "./AnimationOptions";
-import type { IAnimationValueWithRandom, IRangedAnimationValueWithRandom, IValueWithRandom } from "../Interfaces/IValueWithRandom";
-import type { IOptionLoader } from "../Interfaces/IOptionLoader";
-import { Random } from "./Random";
-import type { RangeValue } from "../../Types/RangeValue";
-import type { RecursivePartial } from "../../Types/RecursivePartial";
+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;

package/types/Options/Interfaces/Background/IBackground.d.ts

@@ -1,4 +1,4 @@
-import type { IOptionsColor } from "../IOptionsColor";
+import type { IOptionsColor } from "../IOptionsColor.js";
 export interface IBackground {
     color: string | IOptionsColor;
     image: string;

package/types/Options/Interfaces/BackgroundMask/IBackgroundMask.d.ts

@@ -1,5 +1,5 @@
-import type { IBackgroundMaskCover } from "./IBackgroundMaskCover";
-import type { IColor } from "../../../Core/Interfaces/Colors";
+import type { IBackgroundMaskCover } from "./IBackgroundMaskCover.js";
+import type { IColor } from "../../../Core/Interfaces/Colors.js";
 export interface IBackgroundMask {
     composite: GlobalCompositeOperation;
     cover: IBackgroundMaskCover | IColor | string;

package/types/Options/Interfaces/BackgroundMask/IBackgroundMaskCover.d.ts

@@ -1,4 +1,4 @@
-import type { IOptionsColor } from "../IOptionsColor";
+import type { IOptionsColor } from "../IOptionsColor.js";
 export interface IBackgroundMaskCover {
     color: string | IOptionsColor;
     opacity: number;

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

@@ -1,4 +1,4 @@
-import type { IAnimation } from "./IAnimation";
+import type { IAnimation } from "./IAnimation.js";
 export interface IAnimatable<T extends IAnimation> {
     animation: T;
 }

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

@@ -1,6 +1,6 @@
-import type { IColorAnimation } from "./IColorAnimation";
-import type { IHslAnimation } from "./IHslAnimation";
-import type { IOptionsColor } from "./IOptionsColor";
+import type { IColorAnimation } from "./IColorAnimation.js";
+import type { IHslAnimation } from "./IHslAnimation.js";
+import type { IOptionsColor } from "./IOptionsColor.js";
 export interface IAnimatableColor extends IOptionsColor {
     animation: IColorAnimation | IHslAnimation;
 }

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

@@ -1,6 +1,6 @@
-import type { AnimationMode } from "../../Enums/Modes/AnimationMode";
-import type { RangeValue } from "../../Types/RangeValue";
-import type { StartValueType } from "../../Enums/Types/StartValueType";
+import type { AnimationMode } from "../../Enums/Modes/AnimationMode.js";
+import type { RangeValue } from "../../Types/RangeValue.js";
+import type { StartValueType } from "../../Enums/Types/StartValueType.js";
 export interface IAnimation {
     count: RangeValue;
     decay: RangeValue;

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

@@ -1,5 +1,5 @@
-import type { IAnimation } from "./IAnimation";
-import type { RangeValue } from "../../Types/RangeValue";
+import type { IAnimation } from "./IAnimation.js";
+import type { RangeValue } from "../../Types/RangeValue.js";
 export interface IColorAnimation extends IAnimation {
     offset: RangeValue;
 }

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

@@ -1,4 +1,4 @@
-import type { IColorAnimation } from "./IColorAnimation";
+import type { IColorAnimation } from "./IColorAnimation.js";
 export interface IHslAnimation {
     h: IColorAnimation;
     l: IColorAnimation;

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

@@ -1,6 +1,6 @@
-import type { ICoordinatesWithMode } from "../../Core/Interfaces/ICoordinates";
-import type { IParticlesOptions } from "./Particles/IParticlesOptions";
-import type { RecursivePartial } from "../../Types/RecursivePartial";
+import type { ICoordinatesWithMode } from "../../Core/Interfaces/ICoordinates.js";
+import type { IParticlesOptions } from "./Particles/IParticlesOptions.js";
+import type { RecursivePartial } from "../../Types/RecursivePartial.js";
 export interface IManualParticle {
     options?: RecursivePartial<IParticlesOptions>;
     position?: ICoordinatesWithMode;

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

@@ -1,4 +1,4 @@
-import type { RecursivePartial } from "../../Types/RecursivePartial";
+import type { RecursivePartial } from "../../Types/RecursivePartial.js";
 export interface IOptionLoader<T> {
     load(data?: RecursivePartial<T>): void;
 }

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

@@ -1,14 +1,14 @@
-import type { IBackground } from "./Background/IBackground";
-import type { IBackgroundMask } from "./BackgroundMask/IBackgroundMask";
-import type { IFullScreen } from "./FullScreen/IFullScreen";
-import type { IInteractivity } from "./Interactivity/IInteractivity";
-import type { IManualParticle } from "./IManualParticle";
-import type { IParticlesOptions } from "./Particles/IParticlesOptions";
-import type { IResponsive } from "./IResponsive";
-import type { ITheme } from "./Theme/ITheme";
-import type { RangeValue } from "../../Types/RangeValue";
-import type { RecursivePartial } from "../../Types/RecursivePartial";
-import type { SingleOrMultiple } from "../../Types/SingleOrMultiple";
+import type { IBackground } from "./Background/IBackground.js";
+import type { IBackgroundMask } from "./BackgroundMask/IBackgroundMask.js";
+import type { IFullScreen } from "./FullScreen/IFullScreen.js";
+import type { IInteractivity } from "./Interactivity/IInteractivity.js";
+import type { IManualParticle } from "./IManualParticle.js";
+import type { IParticlesOptions } from "./Particles/IParticlesOptions.js";
+import type { IResponsive } from "./IResponsive.js";
+import type { ITheme } from "./Theme/ITheme.js";
+import type { RangeValue } from "../../Types/RangeValue.js";
+import type { RecursivePartial } from "../../Types/RecursivePartial.js";
+import type { SingleOrMultiple } from "../../Types/SingleOrMultiple.js";
 export interface IOptions {
     [name: string]: unknown;
     autoPlay: boolean;

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

@@ -1,2 +1,2 @@
-import type { IRangeColor } from "../../Core/Interfaces/Colors";
+import type { IRangeColor } from "../../Core/Interfaces/Colors.js";
 export type IOptionsColor = IRangeColor;

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

@@ -1,6 +1,6 @@
-import type { IOptions } from "./IOptions";
-import type { RecursivePartial } from "../../Types/RecursivePartial";
-import type { ResponsiveMode } from "../../Enums/Modes/ResponsiveMode";
+import type { IOptions } from "./IOptions.js";
+import type { RecursivePartial } from "../../Types/RecursivePartial.js";
+import type { ResponsiveMode } from "../../Enums/Modes/ResponsiveMode.js";
 export interface IResponsive {
     maxWidth: number;
     mode: ResponsiveMode | keyof typeof ResponsiveMode;

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

@@ -1,6 +1,6 @@
-import type { IAnimation, IRangedAnimation } from "./IAnimation";
-import type { IRandom } from "./IRandom";
-import type { RangeValue } from "../../Types/RangeValue";
+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;

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

@@ -1,5 +1,5 @@
-import type { ClickMode } from "../../../../Enums/Modes/ClickMode";
-import type { SingleOrMultiple } from "../../../../Types/SingleOrMultiple";
+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>;

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

@@ -1,6 +1,6 @@
-import type { DivMode } from "../../../../Enums/Modes/DivMode";
-import type { DivType } from "../../../../Enums/Types/DivType";
-import type { SingleOrMultiple } from "../../../../Types/SingleOrMultiple";
+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>;

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

@@ -1,8 +1,8 @@
-import type { IClickEvent } from "./IClickEvent";
-import type { IDivEvent } from "./IDivEvent";
-import type { IHoverEvent } from "./IHoverEvent";
-import type { IResizeEvent } from "./IResizeEvent";
-import type { SingleOrMultiple } from "../../../../Types/SingleOrMultiple";
+import type { IClickEvent } from "./IClickEvent.js";
+import type { IDivEvent } from "./IDivEvent.js";
+import type { IHoverEvent } from "./IHoverEvent.js";
+import type { IResizeEvent } from "./IResizeEvent.js";
+import type { SingleOrMultiple } from "../../../../Types/SingleOrMultiple.js";
 export interface IEvents {
     onClick: IClickEvent;
     onDiv: SingleOrMultiple<IDivEvent>;

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

@@ -1,6 +1,6 @@
-import type { HoverMode } from "../../../../Enums/Modes/HoverMode";
-import type { IParallax } from "./IParallax";
-import type { SingleOrMultiple } from "../../../../Types/SingleOrMultiple";
+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>;

package/types/Options/Interfaces/Interactivity/IInteractivity.d.ts

@@ -1,6 +1,6 @@
-import type { IEvents } from "./Events/IEvents";
-import type { IModes } from "./Modes/IModes";
-import type { InteractivityDetect } from "../../../Enums/InteractivityDetect";
+import type { IEvents } from "./Events/IEvents.js";
+import type { IModes } from "./Modes/IModes.js";
+import type { InteractivityDetect } from "../../../Enums/InteractivityDetect.js";
 export interface IInteractivity {
     [name: string]: unknown;
     detectsOn: InteractivityDetect | keyof typeof InteractivityDetect;

package/types/Options/Interfaces/Interactivity/Modes/IModeDiv.d.ts

@@ -1,4 +1,4 @@
-import type { SingleOrMultiple } from "../../../../Types/SingleOrMultiple";
+import type { SingleOrMultiple } from "../../../../Types/SingleOrMultiple.js";
 export interface IModeDiv {
     selectors: SingleOrMultiple<string>;
 }

package/types/Options/Interfaces/Particles/Bounce/IParticlesBounce.d.ts

@@ -1,4 +1,4 @@
-import type { IValueWithRandom } from "../../IValueWithRandom";
+import type { IValueWithRandom } from "../../IValueWithRandom.js";
 export interface IParticlesBounce {
     horizontal: IValueWithRandom;
     vertical: IValueWithRandom;

package/types/Options/Interfaces/Particles/Collisions/ICollisions.d.ts

@@ -1,8 +1,8 @@
-import type { CollisionMode } from "../../../../Enums/Modes/CollisionMode";
-import type { ICollisionsAbsorb } from "./ICollisionsAbsorb";
-import type { ICollisionsOverlap } from "./ICollisionsOverlap";
-import type { IParticlesBounce } from "../Bounce/IParticlesBounce";
-import type { RangeValue } from "../../../../Types/RangeValue";
+import type { CollisionMode } from "../../../../Enums/Modes/CollisionMode.js";
+import type { ICollisionsAbsorb } from "./ICollisionsAbsorb.js";
+import type { ICollisionsOverlap } from "./ICollisionsOverlap.js";
+import type { IParticlesBounce } from "../Bounce/IParticlesBounce.js";
+import type { RangeValue } from "../../../../Types/RangeValue.js";
 export interface ICollisions {
     absorb: ICollisionsAbsorb;
     bounce: IParticlesBounce;

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

@@ -1,18 +1,18 @@
-import type { IAnimatableColor } from "../IAnimatableColor";
-import type { ICollisions } from "./Collisions/ICollisions";
-import type { IInteractivity } from "../Interactivity/IInteractivity";
-import type { IMove } from "./Move/IMove";
-import type { IOpacity } from "./Opacity/IOpacity";
-import type { IParticlesBounce } from "./Bounce/IParticlesBounce";
-import type { IParticlesNumber } from "./Number/IParticlesNumber";
-import type { IShadow } from "./IShadow";
-import type { IShape } from "./Shape/IShape";
-import type { ISize } from "./Size/ISize";
-import type { IStroke } from "./IStroke";
-import type { IZIndex } from "./ZIndex/IZIndex";
-import type { ParticlesGroups } from "../../../Types/ParticlesGroups";
-import type { RecursivePartial } from "../../../Types/RecursivePartial";
-import type { SingleOrMultiple } from "../../../Types/SingleOrMultiple";
+import type { IAnimatableColor } from "../IAnimatableColor.js";
+import type { ICollisions } from "./Collisions/ICollisions.js";
+import type { IInteractivity } from "../Interactivity/IInteractivity.js";
+import type { IMove } from "./Move/IMove.js";
+import type { IOpacity } from "./Opacity/IOpacity.js";
+import type { IParticlesBounce } from "./Bounce/IParticlesBounce.js";
+import type { IParticlesNumber } from "./Number/IParticlesNumber.js";
+import type { IShadow } from "./IShadow.js";
+import type { IShape } from "./Shape/IShape.js";
+import type { ISize } from "./Size/ISize.js";
+import type { IStroke } from "./IStroke.js";
+import type { IZIndex } from "./ZIndex/IZIndex.js";
+import type { ParticlesGroups } from "../../../Types/ParticlesGroups.js";
+import type { RecursivePartial } from "../../../Types/RecursivePartial.js";
+import type { SingleOrMultiple } from "../../../Types/SingleOrMultiple.js";
 export interface IParticlesOptions {
     [name: string]: unknown;
     bounce: IParticlesBounce;

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

@@ -1,5 +1,5 @@
-import type { ICoordinates } from "../../../Core/Interfaces/ICoordinates";
-import type { IOptionsColor } from "../IOptionsColor";
+import type { ICoordinates } from "../../../Core/Interfaces/ICoordinates.js";
+import type { IOptionsColor } from "../IOptionsColor.js";
 export interface IShadow {
     blur: number;
     color: string | IOptionsColor;

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

@@ -1,7 +1,7 @@
-import type { IAnimatableColor } from "../IAnimatableColor";
-import type { IColor } from "../../../Core/Interfaces/Colors";
-import type { RangeValue } from "../../../Types/RangeValue";
-import type { RecursivePartial } from "../../../Types/RecursivePartial";
+import type { IAnimatableColor } from "../IAnimatableColor.js";
+import type { IColor } from "../../../Core/Interfaces/Colors.js";
+import type { RangeValue } from "../../../Types/RangeValue.js";
+import type { RecursivePartial } from "../../../Types/RecursivePartial.js";
 export interface IStroke {
     color?: string | RecursivePartial<IAnimatableColor> | RecursivePartial<IColor>;
     opacity?: RangeValue;

package/types/Options/Interfaces/Particles/Move/IMove.d.ts

@@ -1,15 +1,15 @@
-import type { MoveDirection, MoveDirectionAlt } from "../../../../Enums/Directions/MoveDirection";
-import type { OutMode, OutModeAlt } from "../../../../Enums/Modes/OutMode";
-import type { IDistance } from "../../../../Core/Interfaces/IDistance";
-import type { IMoveAngle } from "./IMoveAngle";
-import type { IMoveAttract } from "./IMoveAttract";
-import type { IMoveCenter } from "./IMoveCenter";
-import type { IMoveGravity } from "./IMoveGravity";
-import type { IMovePath } from "./Path/IMovePath";
-import type { IMoveTrail } from "./IMoveTrail";
-import type { IOutModes } from "./IOutModes";
-import type { ISpin } from "./ISpin";
-import type { RangeValue } from "../../../../Types/RangeValue";
+import type { MoveDirection, MoveDirectionAlt } from "../../../../Enums/Directions/MoveDirection.js";
+import type { OutMode, OutModeAlt } from "../../../../Enums/Modes/OutMode.js";
+import type { IDistance } from "../../../../Core/Interfaces/IDistance.js";
+import type { IMoveAngle } from "./IMoveAngle.js";
+import type { IMoveAttract } from "./IMoveAttract.js";
+import type { IMoveCenter } from "./IMoveCenter.js";
+import type { IMoveGravity } from "./IMoveGravity.js";
+import type { IMovePath } from "./Path/IMovePath.js";
+import type { IMoveTrail } from "./IMoveTrail.js";
+import type { IOutModes } from "./IOutModes.js";
+import type { ISpin } from "./ISpin.js";
+import type { RangeValue } from "../../../../Types/RangeValue.js";
 export interface IMove {
     angle: number | IMoveAngle;
     attract: IMoveAttract;

package/types/Options/Interfaces/Particles/Move/IMoveAngle.d.ts

@@ -1,4 +1,4 @@
-import type { RangeValue } from "../../../../Types/RangeValue";
+import type { RangeValue } from "../../../../Types/RangeValue.js";
 export interface IMoveAngle {
     offset: RangeValue;
     value: RangeValue;

package/types/Options/Interfaces/Particles/Move/IMoveAttract.d.ts

@@ -1,5 +1,5 @@
-import type { ICoordinates } from "../../../../Core/Interfaces/ICoordinates";
-import type { RangeValue } from "../../../../Types/RangeValue";
+import type { ICoordinates } from "../../../../Core/Interfaces/ICoordinates.js";
+import type { RangeValue } from "../../../../Types/RangeValue.js";
 export interface IMoveAttract {
     distance: RangeValue;
     enable: boolean;

package/types/Options/Interfaces/Particles/Move/IMoveCenter.d.ts

@@ -1,2 +1,2 @@
-import type { ICenterCoordinates } from "../../../../Core/Interfaces/ICoordinates";
+import type { ICenterCoordinates } from "../../../../Core/Interfaces/ICoordinates.js";
 export type IMoveCenter = ICenterCoordinates;

package/types/Options/Interfaces/Particles/Move/IMoveGravity.d.ts

@@ -1,4 +1,4 @@
-import type { RangeValue } from "../../../../Types/RangeValue";
+import type { RangeValue } from "../../../../Types/RangeValue.js";
 export interface IMoveGravity {
     acceleration: RangeValue;
     enable: boolean;

package/types/Options/Interfaces/Particles/Move/IMoveTrail.d.ts

@@ -1,4 +1,4 @@
-import type { IMoveTrailFill } from "./IMoveTrailFill";
+import type { IMoveTrailFill } from "./IMoveTrailFill.js";
 export interface IMoveTrail {
     enable: boolean;
     fill: IMoveTrailFill;

package/types/Options/Interfaces/Particles/Move/IMoveTrailFill.d.ts

@@ -1,4 +1,4 @@
-import type { IOptionsColor } from "../../IOptionsColor";
+import type { IOptionsColor } from "../../IOptionsColor.js";
 export interface IMoveTrailFill {
     color?: string | IOptionsColor;
     image?: string;

package/types/Options/Interfaces/Particles/Move/IOutModes.d.ts

@@ -1,4 +1,4 @@
-import type { OutMode, OutModeAlt } from "../../../../Enums/Modes/OutMode";
+import type { OutMode, OutModeAlt } from "../../../../Enums/Modes/OutMode.js";
 export interface IOutModes {
     bottom?: OutMode | keyof typeof OutMode | OutModeAlt;
     default: OutMode | keyof typeof OutMode | OutModeAlt;