@tsparticles/engine 4.0.0-alpha.2 → 4.0.0-alpha.20

package/types/Core/Interfaces/IPlugin.d.ts

@@ -1,10 +1,14 @@
 import type { Container } from "../Container.js";
 import type { IContainerPlugin } from "./IContainerPlugin.js";
+import type { IParticlesOptions } from "../../Options/Interfaces/Particles/IParticlesOptions.js";
 import type { ISourceOptions } from "../../Types/ISourceOptions.js";
 import type { Options } from "../../Options/Classes/Options.js";
+import type { ParticlesOptions } from "../../Options/Classes/Particles/ParticlesOptions.js";
+import type { RecursivePartial } from "../../Types/RecursivePartial.js";
 export interface IPlugin {
     readonly id: string;
+    loadParticlesOptions?: (container: Container, options: ParticlesOptions, source?: RecursivePartial<IParticlesOptions>) => void;
     getPlugin(container: Container): Promise<IContainerPlugin>;
-    loadOptions(options: Options, source?: ISourceOptions): void;
+    loadOptions(container: Container, options: Options, source?: ISourceOptions): void;
     needsPlugin(options?: ISourceOptions): boolean;
 }

package/types/Core/Interfaces/IShapeDrawer.d.ts

@@ -11,5 +11,4 @@ export interface IShapeDrawer<TParticle extends Particle = Particle> {
     loadShape?: (particle: TParticle) => void;
     particleDestroy?: (particle: TParticle) => void;
     particleInit?: (container: Container, particle: TParticle) => void;
-    readonly validTypes: readonly string[];
 }

package/types/Core/Particle.d.ts

@@ -8,12 +8,14 @@ import type { IHsl } from "./Interfaces/Colors.js";
 import type { IMovePathGenerator } from "./Interfaces/IMovePathGenerator.js";
 import type { IParticleHslAnimation } from "./Interfaces/IParticleHslAnimation.js";
 import type { IParticleNumericValueAnimation } from "./Interfaces/IParticleValueAnimation.js";
+import type { IParticleOpacityData } from "./Interfaces/IParticleOpacityData.js";
 import type { IParticleRetinaProps } from "./Interfaces/IParticleRetinaProps.js";
 import type { IParticleRoll } from "./Interfaces/IParticleRoll.js";
+import type { IParticleRotateData } from "./Interfaces/IParticleRotateData.js";
+import type { IParticleTransformValues } from "../export-types.js";
 import type { IParticlesOptions } from "../Options/Interfaces/Particles/IParticlesOptions.js";
 import type { IShapeValues } from "./Interfaces/IShapeValues.js";
 import type { ISlowParticleData } from "./Interfaces/ISlowParticleData.js";
-import { Interactivity } from "../Options/Classes/Interactivity/Interactivity.js";
 import { ParticleOutType } from "../Enums/Types/ParticleOutType.js";
 import type { ParticlesOptions } from "../Options/Classes/Particles/ParticlesOptions.js";
 import type { RecursivePartial } from "../Types/RecursivePartial.js";
@@ -33,7 +35,6 @@ export declare class Particle {
     ignoresResizeRatio: boolean;
     initialPosition: Vector;
     initialVelocity: Vector;
-    interactivity: Interactivity;
     isRotating: boolean;
     lastPathTime: number;
     misplaced: boolean;
@@ -65,6 +66,10 @@ export declare class Particle {
     unbreakable: boolean;
     velocity: Vector;
     zIndexFactor: number;
+    private readonly _cachedOpacityData;
+    private readonly _cachedPosition;
+    private readonly _cachedRotateData;
+    private readonly _cachedTransform;
     private readonly _engine;
     constructor(engine: Engine, container: Container);
     destroy(override?: boolean): void;
@@ -72,15 +77,21 @@ export declare class Particle {
     getAngle(): number;
     getFillColor(): IHsl | undefined;
     getMass(): number;
+    getOpacity(): IParticleOpacityData;
     getPosition(): ICoordinates3d;
     getRadius(): number;
+    getRotateData(): IParticleRotateData;
     getStrokeColor(): IHsl | undefined;
+    getTransformData(externalTransform: Partial<IParticleTransformValues>): IParticleTransformValues;
     init(id: number, position?: ICoordinates, overrideOptions?: RecursivePartial<IParticlesOptions>, group?: string): void;
     isInsideCanvas(): boolean;
+    isShowingBack(): boolean;
     isVisible(): boolean;
     reset(): void;
     private readonly _calcPosition;
     private readonly _calculateVelocity;
+    private readonly _fixHorizontal;
+    private readonly _fixVertical;
     private readonly _getRollColor;
     private readonly _initPosition;
 }

package/types/Core/Particles.d.ts

@@ -1,35 +1,46 @@
 import type { Container } from "./Container.js";
 import type { Engine } from "./Engine.js";
+import type { IContainerPlugin } from "./Interfaces/IContainerPlugin.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 { IEffectDrawer } from "./Interfaces/IEffectDrawer.js";
+import type { IMovePathGenerator } from "./Interfaces/IMovePathGenerator.js";
 import type { IParticleMover } from "./Interfaces/IParticleMover.js";
 import type { IParticleUpdater } from "./Interfaces/IParticleUpdater.js";
 import type { IParticlesOptions } from "../Options/Interfaces/Particles/IParticlesOptions.js";
+import type { IShapeDrawer } from "./Interfaces/IShapeDrawer.js";
 import { Particle } from "./Particle.js";
 import { QuadTree } from "./Utils/QuadTree.js";
 import type { RecursivePartial } from "../Types/RecursivePartial.js";
 export declare class Particles {
+    availablePathGenerators: Map<string, IMovePathGenerator>;
+    checkParticlePositionPlugins: IContainerPlugin[];
+    effectDrawers: Map<string, IEffectDrawer>;
     movers: IParticleMover[];
+    pathGenerators: Map<string, IMovePathGenerator>;
     quadTree: QuadTree;
+    shapeDrawers: Map<string, IShapeDrawer>;
     updaters: IParticleUpdater[];
     private _array;
     private readonly _container;
     private readonly _engine;
     private readonly _groupLimits;
-    private readonly _interactionManager;
-    private _lastZIndex;
     private _limit;
+    private _maxZIndex;
+    private _minZIndex;
     private _needsSort;
     private _nextId;
-    private _pluginsInitialized;
+    private _particleResetPlugins;
+    private _particleUpdatePlugins;
     private readonly _pool;
+    private _postParticleUpdatePlugins;
+    private _postUpdatePlugins;
     private _resizeFactor?;
+    private _updatePlugins;
     private _zArray;
     constructor(engine: Engine, container: Container);
     get count(): number;
-    addManualParticles(): void;
     addParticle(position?: ICoordinates, overrideOptions?: RecursivePartial<IParticlesOptions>, group?: string, initializer?: (particle: Particle) => boolean): Particle | undefined;
     clear(): void;
     destroy(): void;
@@ -37,10 +48,9 @@ export declare class Particles {
     filter(condition: (particle: Particle) => boolean): Particle[];
     find(condition: (particle: Particle) => boolean): Particle | undefined;
     get(index: number): Particle | undefined;
-    handleClickMode(mode: string): void;
     init(): Promise<void>;
     initPlugins(): Promise<void>;
-    push(nb: number, mouse?: IMouseData, overrideOptions?: RecursivePartial<IParticlesOptions>, group?: string): void;
+    push(nb: number, position?: ICoordinates, overrideOptions?: RecursivePartial<IParticlesOptions>, group?: string): void;
     redraw(): Promise<void>;
     remove(particle: Particle, group?: string, override?: boolean): void;
     removeAt(index: number, quantity?: number, group?: string, override?: boolean): void;
@@ -52,6 +62,5 @@ export declare class Particles {
     private readonly _addToPool;
     private readonly _applyDensity;
     private readonly _initDensityFactor;
-    private readonly _pushParticle;
     private readonly _removeParticle;
 }

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

@@ -1,7 +1,7 @@
 import type { ICoordinates3d } from "../Interfaces/ICoordinates.js";
-export declare const generatedAttribute = "generated", mouseDownEvent = "pointerdown", mouseUpEvent = "pointerup", mouseLeaveEvent = "pointerleave", mouseOutEvent = "pointerout", mouseMoveEvent = "pointermove", touchStartEvent = "touchstart", touchEndEvent = "touchend", touchMoveEvent = "touchmove", touchCancelEvent = "touchcancel", resizeEvent = "resize", visibilityChangeEvent = "visibilitychange", percentDenominator = 100, half = 0.5, millisecondsToSeconds = 1000, originPoint: ICoordinates3d, defaultTransform: {
+export declare const generatedAttribute = "generated", resizeEvent = "resize", visibilityChangeEvent = "visibilitychange", percentDenominator = 100, half = 0.5, millisecondsToSeconds = 1000, originPoint: ICoordinates3d, defaultTransform: {
     a: number;
     b: number;
     c: number;
     d: number;
-}, randomColorValue = "random", midColorValue = "mid", double = 2, doublePI: number, defaultFps = 60, defaultAlpha = 1, generatedTrue = "true", generatedFalse = "false", canvasTag = "canvas", defaultRetryCount = 0, squareExp = 2, qTreeCapacity = 4, defaultRemoveQuantity = 1, defaultRatio = 1, defaultReduceFactor = 1, subdivideCount = 4, inverseFactorNumerator = 1, rgbMax = 255, hMax = 360, sMax = 100, lMax = 100, hMin = 0, sMin = 0, hPhase = 60, empty = 0, quarter = 0.25, threeQuarter: number, minVelocity = 0, defaultTransformValue = 1, minimumSize = 0, minimumLength = 0, zIndexFactorOffset = 1, defaultOpacity = 1, clickRadius = 1, touchEndLengthOffset = 1, minCoordinate = 0, removeDeleteCount = 1, removeMinIndex = 0, defaultFpsLimit = 120, minFpsLimit = 0, canvasFirstIndex = 0, loadRandomFactor = 10000, loadMinIndex = 0, one = 1, none = 0, decayOffset = 1, tryCountIncrement = 1, minRetries = 0, rollFactor = 1, minZ = 0, defaultRadius = 0, posOffset: number, sizeFactor = 1.5, minLimit = 0, countOffset = 1, minCount = 0, minIndex = 0, manualCount = 0, lengthOffset = 1, defaultDensityFactor = 1, deleteCount = 1, touchDelay = 500, manualDefaultPosition = 50, defaultAngle = 0, identity = 1, minStrokeWidth = 0, lFactor = 1, lMin = 0, triple = 3, sextuple = 6, sNormalizedOffset = 1, phaseNumerator = 1, defaultRgbMin = 0, defaultVelocity = 0, defaultLoops = 0, defaultTime = 0;
+}, randomColorValue = "random", midColorValue = "mid", double = 2, doublePI: number, defaultFps = 60, defaultAlpha = 1, generatedTrue = "true", generatedFalse = "false", canvasTag = "canvas", defaultRetryCount = 0, squareExp = 2, qTreeCapacity = 4, defaultRemoveQuantity = 1, defaultRatio = 1, defaultReduceFactor = 1, subdivideCount = 4, inverseFactorNumerator = 1, rgbMax = 255, hMax = 360, sMax = 100, lMax = 100, hMin = 0, sMin = 0, hPhase = 60, empty = 0, quarter = 0.25, threeQuarter: number, minVelocity = 0, defaultTransformValue = 1, minimumSize = 0, minimumLength = 0, zIndexFactorOffset = 1, defaultOpacity = 1, clickRadius = 1, touchEndLengthOffset = 1, minCoordinate = 0, removeDeleteCount = 1, removeMinIndex = 0, defaultFpsLimit = 120, minFpsLimit = 0, canvasFirstIndex = 0, loadRandomFactor = 10000, loadMinIndex = 0, one = 1, none = 0, decayOffset = 1, tryCountIncrement = 1, minRetries = 0, minZ = 0, defaultRadius = 0, posOffset: number, sizeFactor = 1.5, minLimit = 0, countOffset = 1, minCount = 0, minIndex = 0, lengthOffset = 1, defaultDensityFactor = 1, deleteCount = 1, touchDelay = 500, manualDefaultPosition = 50, defaultAngle = 0, identity = 1, minStrokeWidth = 0, lFactor = 1, lMin = 0, triple = 3, sextuple = 6, sNormalizedOffset = 1, phaseNumerator = 1, defaultRgbMin = 0, defaultVelocity = 0, defaultLoops = 0, defaultTime = 0;

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

@@ -1,28 +1,14 @@
 import type { Container } from "../Container.js";
 export declare class EventListeners {
     private readonly container;
-    private _canPush;
     private readonly _handlers;
-    private readonly _matchMedia;
     private _resizeObserver?;
     private _resizeTimeout?;
-    private readonly _touches;
     constructor(container: Container);
     addListeners(): void;
     removeListeners(): void;
-    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/Enums/Types/EasingType.d.ts

@@ -1,30 +1,45 @@
 export declare enum EasingType {
     easeInBack = "ease-in-back",
+    easeInBounce = "ease-in-bounce",
     easeInCirc = "ease-in-circ",
     easeInCubic = "ease-in-cubic",
+    easeInElastic = "ease-in-elastic",
+    easeInExpo = "ease-in-expo",
+    easeInGaussian = "ease-in-gaussian",
     easeInLinear = "ease-in-linear",
     easeInQuad = "ease-in-quad",
     easeInQuart = "ease-in-quart",
     easeInQuint = "ease-in-quint",
-    easeInExpo = "ease-in-expo",
+    easeInSigmoid = "ease-in-sigmoid",
     easeInSine = "ease-in-sine",
+    easeInSmoothstep = "ease-in-smoothstep",
     easeOutBack = "ease-out-back",
+    easeOutBounce = "ease-out-bounce",
     easeOutCirc = "ease-out-circ",
     easeOutCubic = "ease-out-cubic",
+    easeOutElastic = "ease-out-elastic",
+    easeOutExpo = "ease-out-expo",
+    easeOutGaussian = "ease-out-gaussian",
     easeOutLinear = "ease-out-linear",
     easeOutQuad = "ease-out-quad",
     easeOutQuart = "ease-out-quart",
     easeOutQuint = "ease-out-quint",
-    easeOutExpo = "ease-out-expo",
+    easeOutSigmoid = "ease-out-sigmoid",
     easeOutSine = "ease-out-sine",
+    easeOutSmoothstep = "ease-out-smoothstep",
     easeInOutBack = "ease-in-out-back",
+    easeInOutBounce = "ease-in-out-bounce",
     easeInOutCirc = "ease-in-out-circ",
     easeInOutCubic = "ease-in-out-cubic",
+    easeInOutElastic = "ease-in-out-elastic",
+    easeInOutExpo = "ease-in-out-expo",
+    easeInOutGaussian = "ease-in-out-gaussian",
     easeInOutLinear = "ease-in-out-linear",
     easeInOutQuad = "ease-in-out-quad",
     easeInOutQuart = "ease-in-out-quart",
     easeInOutQuint = "ease-in-out-quint",
-    easeInOutExpo = "ease-in-out-expo",
-    easeInOutSine = "ease-in-out-sine"
+    easeInOutSigmoid = "ease-in-out-sigmoid",
+    easeInOutSine = "ease-in-out-sine",
+    easeInOutSmoothstep = "ease-in-out-smoothstep"
 }
-export type EasingTypeAlt = "ease-in-back" | "ease-out-back" | "ease-in-out-back" | "ease-in-circ" | "ease-out-circ" | "ease-in-out-circ" | "ease-in-cubic" | "ease-out-cubic" | "ease-in-out-cubic" | "ease-in-quad" | "ease-out-quad" | "ease-in-out-quad" | "ease-in-quart" | "ease-out-quart" | "ease-in-out-quart" | "ease-in-quint" | "ease-out-quint" | "ease-in-out-quint" | "ease-in-expo" | "ease-out-expo" | "ease-in-out-expo" | "ease-in-sine" | "ease-out-sine" | "ease-in-out-sine";
+export type EasingTypeAlt = "ease-in-back" | "ease-out-back" | "ease-in-out-back" | "ease-in-bounce" | "ease-out-bounce" | "ease-in-out-bounce" | "ease-in-circ" | "ease-out-circ" | "ease-in-out-circ" | "ease-in-cubic" | "ease-out-cubic" | "ease-in-out-cubic" | "ease-in-elastic" | "ease-out-elastic" | "ease-in-out-elastic" | "ease-in-expo" | "ease-out-expo" | "ease-in-out-expo" | "ease-in-gaussian" | "ease-out-gaussian" | "ease-in-out-gaussian" | "ease-in-linear" | "ease-out-linear" | "ease-in-out-linear" | "ease-in-quad" | "ease-out-quad" | "ease-in-out-quad" | "ease-in-quart" | "ease-out-quart" | "ease-in-out-quart" | "ease-in-quint" | "ease-out-quint" | "ease-in-out-quint" | "ease-in-sigmoid" | "ease-out-sigmoid" | "ease-in-out-sigmoid" | "ease-in-sine" | "ease-out-sine" | "ease-in-out-sine" | "ease-in-smoothstep" | "ease-out-smoothstep" | "ease-in-out-smoothstep";

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

@@ -3,9 +3,8 @@ 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;
-    s: ColorAnimation;
-    constructor();
+    readonly h: ColorAnimation;
+    readonly l: ColorAnimation;
+    readonly s: ColorAnimation;
     load(data?: RecursivePartial<IHslAnimation>): void;
 }

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

@@ -5,13 +5,10 @@ import { FullScreen } from "./FullScreen/FullScreen.js";
 import type { IOptionLoader } from "../Interfaces/IOptionLoader.js";
 import type { IOptions } from "../Interfaces/IOptions.js";
 import type { ISourceOptions } from "../../Types/ISourceOptions.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 { ResizeEvent } from "./ResizeEvent.js";
 import type { SingleOrMultiple } from "../../Types/SingleOrMultiple.js";
-import { Theme } from "./Theme/Theme.js";
 interface DefaultThemes {
     dark?: string;
     light?: string;
@@ -28,26 +25,20 @@ export declare class Options implements IOptions, IOptionLoader<IOptions> {
     fpsLimit: number;
     readonly fullScreen: FullScreen;
     hdr: boolean;
-    readonly interactivity: Interactivity;
     key?: string;
-    manualParticles: ManualParticle[];
     name?: string;
     readonly particles: import("./Particles/ParticlesOptions.js").ParticlesOptions;
     pauseOnBlur: boolean;
     pauseOnOutsideViewport: boolean;
     preset?: SingleOrMultiple<string>;
-    responsive: Responsive[];
+    readonly resize: ResizeEvent;
     smooth: boolean;
     style: RecursivePartial<CSSStyleDeclaration>;
-    readonly themes: Theme[];
     zLayers: number;
     private readonly _container;
     private readonly _engine;
     constructor(engine: Engine, container: Container);
     load(data?: ISourceOptions): void;
-    setResponsive(width: number, pxRatio: number, defaultOptions: IOptions): number | undefined;
-    setTheme(name?: string): void;
-    private readonly _findDefaultTheme;
     private readonly _importPreset;
 }
 export {};

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

@@ -2,7 +2,6 @@ import { AnimatableColor } from "../AnimatableColor.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";
 import type { IParticlesOptions } from "../../Interfaces/Particles/IParticlesOptions.js";
 import { Move } from "./Move/Move.js";
@@ -22,7 +21,6 @@ export declare class ParticlesOptions implements IParticlesOptions, IOptionLoade
     color: AnimatableColor;
     readonly effect: Effect;
     readonly groups: ParticlesGroups;
-    interactivity?: RecursivePartial<IInteractivity>;
     readonly move: Move;
     readonly number: ParticlesNumber;
     readonly opacity: Opacity;

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

@@ -0,0 +1,9 @@
+import type { IOptionLoader } from "../Interfaces/IOptionLoader.js";
+import type { IResizeEvent } from "../Interfaces/IResizeEvent.js";
+import type { RecursivePartial } from "../../Types/RecursivePartial.js";
+export declare class ResizeEvent implements IResizeEvent, IOptionLoader<IResizeEvent> {
+    delay: number;
+    enable: boolean;
+    constructor();
+    load(data?: RecursivePartial<IResizeEvent>): void;
+}

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

@@ -10,7 +10,6 @@ export declare class ValueWithRandom implements IValueWithRandom, IOptionLoader<
 }
 export declare class AnimationValueWithRandom extends ValueWithRandom implements IOptionLoader<IAnimationValueWithRandom> {
     readonly animation: AnimationOptions;
-    constructor();
     load(data?: RecursivePartial<IAnimationValueWithRandom>): void;
 }
 export declare class RangedAnimationValueWithRandom extends AnimationValueWithRandom implements IOptionLoader<IRangedAnimationValueWithRandom> {

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

@@ -1,10 +1,7 @@
 import type { IBackground } from "./Background/IBackground.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 { IResizeEvent } from "./IResizeEvent.js";
 import type { RangeValue } from "../../Types/RangeValue.js";
 import type { RecursivePartial } from "../../Types/RecursivePartial.js";
 import type { SingleOrMultiple } from "../../Types/SingleOrMultiple.js";
@@ -19,17 +16,14 @@ export interface IOptions {
     fpsLimit: number;
     fullScreen: RecursivePartial<IFullScreen> | boolean;
     hdr: boolean;
-    interactivity: IInteractivity;
     key?: string;
-    manualParticles: IManualParticle[];
     name?: string;
     particles: IParticlesOptions;
     pauseOnBlur: boolean;
     pauseOnOutsideViewport: boolean;
     preset?: SingleOrMultiple<string>;
-    responsive: IResponsive[];
+    resize: IResizeEvent;
     smooth: boolean;
     style: RecursivePartial<CSSStyleDeclaration>;
-    themes: ITheme[];
     zLayers: number;
 }

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

@@ -1,6 +1,5 @@
 import type { IAnimatableColor } from "../IAnimatableColor.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";
 import type { IParticlesBounce } from "./Bounce/IParticlesBounce.js";
@@ -10,7 +9,6 @@ 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;
@@ -18,7 +16,6 @@ export interface IParticlesOptions {
     color: IAnimatableColor;
     effect: IEffect;
     groups: ParticlesGroups;
-    interactivity?: RecursivePartial<IInteractivity>;
     move: IMove;
     number: IParticlesNumber;
     opacity: IOpacity;

package/types/Types/CustomEventListener.d.ts

@@ -1,2 +1,2 @@
 import type { CustomEventArgs } from "./CustomEventArgs.js";
-export type CustomEventListener = (args: CustomEventArgs) => void;
+export type CustomEventListener = (args?: CustomEventArgs) => void;

package/types/Types/EngineInitializers.d.ts

@@ -0,0 +1,19 @@
+import type { Container } from "../Core/Container.js";
+import type { IEffectDrawer } from "../Core/Interfaces/IEffectDrawer.js";
+import type { IMovePathGenerator } from "../Core/Interfaces/IMovePathGenerator.js";
+import type { IParticleMover } from "../Core/Interfaces/IParticleMover.js";
+import type { IParticleUpdater } from "../Core/Interfaces/IParticleUpdater.js";
+import type { IShapeDrawer } from "../Core/Interfaces/IShapeDrawer.js";
+export type GenericInitializer<T> = (container: Container) => Promise<T>;
+export type EffectInitializer = GenericInitializer<IEffectDrawer>;
+export type MoverInitializer = GenericInitializer<IParticleMover>;
+export type PathGeneratorInitializer = GenericInitializer<IMovePathGenerator>;
+export type ShapeInitializer = GenericInitializer<IShapeDrawer>;
+export type UpdaterInitializer = GenericInitializer<IParticleUpdater>;
+export interface Initializers {
+    effects: Map<string, EffectInitializer>;
+    movers: Map<string, MoverInitializer>;
+    pathGenerators: Map<string, PathGeneratorInitializer>;
+    shapes: Map<string, ShapeInitializer>;
+    updaters: Map<string, UpdaterInitializer>;
+}

package/types/Utils/CanvasUtils.d.ts

@@ -1,39 +1,20 @@
 import { AlterType } from "../Enums/Types/AlterType.js";
 import type { Container } from "../Core/Container.js";
 import type { IContainerPlugin } from "../Core/Interfaces/IContainerPlugin.js";
-import type { ICoordinates } from "../Core/Interfaces/ICoordinates.js";
 import type { IDelta } from "../Core/Interfaces/IDelta.js";
 import type { IDimension } from "../Core/Interfaces/IDimension.js";
 import type { IDrawParticleParams } from "../Core/Interfaces/IDrawParticleParams.js";
 import type { IHsl } from "../Core/Interfaces/Colors.js";
+import type { IShapeDrawData } from "../export-types.js";
 import type { Particle } from "../Core/Particle.js";
-export declare function clearDrawPlugin(context: CanvasRenderingContext2D, plugin: IContainerPlugin, delta: IDelta): void;
-export declare function drawLine(context: CanvasRenderingContext2D, begin: ICoordinates, end: ICoordinates): void;
 export declare function paintBase(context: CanvasRenderingContext2D, dimension: IDimension, baseColor?: string): void;
 export declare function paintImage(context: CanvasRenderingContext2D, dimension: IDimension, image: HTMLImageElement | undefined, opacity: number): void;
 export declare function clear(context: CanvasRenderingContext2D, dimension: IDimension): void;
 export declare function drawParticle(data: IDrawParticleParams): void;
-interface DrawShapeData {
-    container: Container;
-    context: CanvasRenderingContext2D;
-    delta: IDelta;
-    opacity: number;
-    particle: Particle;
-    radius: number;
-    strokeWidth: number;
-    transformData: {
-        a: number;
-        b: number;
-        c: number;
-        d: number;
-    };
-}
-export declare function drawAfterEffect(data: DrawShapeData): void;
-export declare function drawBeforeEffect(data: DrawShapeData): void;
-export declare function drawShape(data: DrawShapeData): void;
-export declare function drawShapeAfterDraw(data: DrawShapeData): void;
-export declare function drawShapeBeforeDraw(data: DrawShapeData): void;
-export declare function drawPlugin(context: CanvasRenderingContext2D, plugin: IContainerPlugin, delta: IDelta): void;
+export declare function drawAfterEffect(container: Container, data: IShapeDrawData): void;
+export declare function drawBeforeEffect(container: Container, data: IShapeDrawData): void;
+export declare function drawShape(container: Container, data: IShapeDrawData): void;
+export declare function drawShapeAfterDraw(container: Container, data: IShapeDrawData): void;
+export declare function drawShapeBeforeDraw(container: Container, data: IShapeDrawData): void;
 export declare function drawParticlePlugin(context: CanvasRenderingContext2D, plugin: IContainerPlugin, particle: Particle, delta: IDelta): void;
 export declare function alterHsl(color: IHsl, type: AlterType, value: number): IHsl;
-export {};

package/types/Utils/EventDispatcher.d.ts

@@ -4,7 +4,7 @@ export declare class EventDispatcher {
     private _listeners;
     constructor();
     addEventListener(type: string, listener: CustomEventListener): void;
-    dispatchEvent(type: string, args: CustomEventArgs): void;
+    dispatchEvent(type: string, args?: CustomEventArgs): void;
     hasEventListener(type: string): boolean;
     removeAllEventListeners(type?: string): void;
     removeEventListener(type: string, listener: CustomEventListener): void;

package/types/Utils/Utils.d.ts

@@ -1,11 +1,11 @@
 import type { ICoordinates, ICoordinatesWithMode } from "../Core/Interfaces/ICoordinates.js";
 import type { IDimension, IDimensionWithMode } from "../Core/Interfaces/IDimension.js";
+import type { Container } from "../Core/Container.js";
 import { DestroyType } from "../Enums/Types/DestroyType.js";
-import type { DivEvent } from "../Options/Classes/Interactivity/Events/DivEvent.js";
+import type { GenericInitializer } from "../Types/EngineInitializers.js";
 import type { IBounds } from "../Core/Interfaces/IBounds.js";
 import type { ICircleBouncer } from "../Core/Interfaces/ICircleBouncer.js";
 import type { IDelta } from "../Core/Interfaces/IDelta.js";
-import type { IModeDiv } from "../Options/Interfaces/Interactivity/Modes/IModeDiv.js";
 import type { IParticleNumericValueAnimation } from "../Core/Interfaces/IParticleValueAnimation.js";
 import { OutModeDirection } from "../Enums/Directions/OutModeDirection.js";
 import type { Particle } from "../Core/Particle.js";
@@ -17,17 +17,12 @@ export declare function safeMatchMedia(query: string): MediaQueryList | undefine
 export declare function safeIntersectionObserver(callback: (records: IntersectionObserverEntry[]) => void): IntersectionObserver | undefined;
 export declare function safeMutationObserver(callback: (records: MutationRecord[]) => void): MutationObserver | undefined;
 export declare function isInArray<T>(value: T, array: SingleOrMultiple<T>): boolean;
-export declare function loadFont(font?: string, weight?: string): Promise<void>;
 export declare function arrayRandomIndex(array: unknown[]): number;
 export declare function itemFromArray<T>(array: T[], index?: number, useIndex?: boolean): T | undefined;
 export declare function isPointInside(point: ICoordinates, size: IDimension, offset: ICoordinates, radius?: number, direction?: OutModeDirection): boolean;
 export declare function areBoundsInside(bounds: IBounds, size: IDimension, offset: ICoordinates, direction?: OutModeDirection): boolean;
 export declare function calculateBounds(point: ICoordinates, radius: number): IBounds;
 export declare function deepExtend(destination: unknown, ...sources: unknown[]): unknown;
-export declare function isDivModeEnabled(mode: string, divs: SingleOrMultiple<DivEvent>): boolean;
-export declare function divModeExecute(mode: string, divs: SingleOrMultiple<DivEvent>, callback: (id: string, div: DivEvent) => void): void;
-export declare function singleDivModeExecute(div: DivEvent, callback: (selector: string, div: DivEvent) => void): void;
-export declare function divMode<T extends IModeDiv>(divs?: SingleOrMultiple<T>, element?: HTMLElement): T | undefined;
 export declare function circleBounceDataFromParticle(p: Particle): ICircleBouncer;
 export declare function circleBounce(p1: ICircleBouncer, p2: ICircleBouncer): void;
 export declare function executeOnSingleOrMultiple<T, U = void>(obj: SingleOrMultiple<T>, callback: (obj: T, index: number) => U): SingleOrMultiple<U>;
@@ -39,3 +34,6 @@ export declare function getSize(size: IDimensionWithMode, canvasSize: IDimension
 export declare function updateAnimation(particle: Particle, data: IParticleNumericValueAnimation, changeDirection: boolean, destroyType: DestroyType | keyof typeof DestroyType, delta: IDelta): void;
 export declare function cloneStyle(style: Partial<CSSStyleDeclaration>): CSSStyleDeclaration;
 export declare const getFullScreenStyle: (zIndex: number) => CSSStyleDeclaration;
+export declare function manageListener(element: HTMLElement | Node | Window | MediaQueryList | typeof globalThis, event: string, handler: EventListenerOrEventListenerObject, add: boolean, options?: boolean | AddEventListenerOptions | EventListenerObject): void;
+export declare function getItemsFromInitializer<TItem, TInitializer extends GenericInitializer<TItem>>(container: Container, map: Map<Container, TItem[]>, initializers: Map<string, TInitializer>, force?: boolean): Promise<TItem[]>;
+export declare function getItemMapFromInitializer<TItem, TInitializer extends GenericInitializer<TItem>>(container: Container, map: Map<Container, Map<string, TItem>>, initializers: Map<string, TInitializer>, force?: boolean): Promise<Map<string, TItem>>;

package/types/export-types.d.ts

@@ -3,7 +3,6 @@ export type * from "./Core/Interfaces/IBounds.js";
 export type * from "./Core/Interfaces/IBubbleParticleData.js";
 export type * from "./Core/Interfaces/ICircleBouncer.js";
 export type * from "./Core/Interfaces/IColorManager.js";
-export type * from "./Core/Interfaces/IContainerInteractivity.js";
 export type * from "./Core/Interfaces/IContainerPlugin.js";
 export type * from "./Core/Interfaces/ICoordinates.js";
 export type * from "./Core/Interfaces/IDelta.js";
@@ -11,10 +10,7 @@ export type * from "./Core/Interfaces/IDimension.js";
 export type * from "./Core/Interfaces/IDistance.js";
 export type * from "./Core/Interfaces/IDrawParticleParams.js";
 export type * from "./Core/Interfaces/IEffectDrawer.js";
-export type * from "./Core/Interfaces/IExternalInteractor.js";
-export type * from "./Core/Interfaces/IInteractor.js";
 export type * from "./Core/Interfaces/ILoadParams.js";
-export type * from "./Core/Interfaces/IMouseData.js";
 export type * from "./Core/Interfaces/IMovePathGenerator.js";
 export type * from "./Core/Interfaces/IParticleColorStyle.js";
 export type * from "./Core/Interfaces/IParticleHslAnimation.js";
@@ -25,7 +21,6 @@ export type * from "./Core/Interfaces/IParticleRoll.js";
 export type * from "./Core/Interfaces/IParticleTransformValues.js";
 export type * from "./Core/Interfaces/IParticleUpdater.js";
 export type * from "./Core/Interfaces/IParticleValueAnimation.js";
-export type * from "./Core/Interfaces/IParticlesInteractor.js";
 export type * from "./Core/Interfaces/IPlugin.js";
 export type * from "./Core/Interfaces/IPositionFromSizeParams.js";
 export type * from "./Core/Interfaces/IRangeValue.js";
@@ -40,21 +35,11 @@ export type * from "./Options/Interfaces/IAnimatableColor.js";
 export type * from "./Options/Interfaces/IAnimation.js";
 export type * from "./Options/Interfaces/IColorAnimation.js";
 export type * from "./Options/Interfaces/IHslAnimation.js";
-export type * from "./Options/Interfaces/IManualParticle.js";
 export type * from "./Options/Interfaces/IOptionLoader.js";
 export type * from "./Options/Interfaces/IOptions.js";
 export type * from "./Options/Interfaces/IOptionsColor.js";
-export type * from "./Options/Interfaces/IResponsive.js";
+export type * from "./Options/Interfaces/IResizeEvent.js";
 export type * from "./Options/Interfaces/IValueWithRandom.js";
-export type * from "./Options/Interfaces/Interactivity/Events/IClickEvent.js";
-export type * from "./Options/Interfaces/Interactivity/Events/IDivEvent.js";
-export type * from "./Options/Interfaces/Interactivity/Events/IEvents.js";
-export type * from "./Options/Interfaces/Interactivity/Events/IHoverEvent.js";
-export type * from "./Options/Interfaces/Interactivity/Events/IParallax.js";
-export type * from "./Options/Interfaces/Interactivity/Events/IResizeEvent.js";
-export type * from "./Options/Interfaces/Interactivity/Modes/IModeDiv.js";
-export type * from "./Options/Interfaces/Interactivity/Modes/IModes.js";
-export type * from "./Options/Interfaces/Interactivity/IInteractivity.js";
 export type * from "./Options/Interfaces/Particles/Bounce/IParticlesBounce.js";
 export type * from "./Options/Interfaces/Particles/Effect/IEffect.js";
 export type * from "./Options/Interfaces/Particles/IParticlesOptions.js";
@@ -76,10 +61,10 @@ export type * from "./Options/Interfaces/Particles/Shape/IShape.js";
 export type * from "./Options/Interfaces/Particles/Size/ISize.js";
 export type * from "./Options/Interfaces/Particles/Size/ISizeAnimation.js";
 export type * from "./Options/Interfaces/Particles/ZIndex/IZIndex.js";
-export type * from "./Options/Interfaces/Theme/ITheme.js";
-export type * from "./Options/Interfaces/Theme/IThemeDefault.js";
 export type * from "./Types/CustomEventArgs.js";
 export type * from "./Types/CustomEventListener.js";
+export type * from "./Types/EasingFunction.js";
+export type * from "./Types/EngineInitializers.js";
 export type * from "./Types/ExportResult.js";
 export type * from "./Types/ISourceOptions.js";
 export type * from "./Types/ParticlesGroups.js";
@@ -89,7 +74,6 @@ export type * from "./Types/RecursivePartial.js";
 export type * from "./Types/ShapeData.js";
 export type * from "./Types/SingleOrMultiple.js";
 export type { EventListeners } from "./Core/Utils/EventListeners.js";
-export type { InteractionManager } from "./Core/Utils/InteractionManager.js";
 export type { QuadTree } from "./Core/Utils/QuadTree.js";
 export type { Canvas } from "./Core/Canvas.js";
 export type { Container } from "./Core/Container.js";