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

package/types/Core/Particles.d.ts

@@ -3,7 +3,6 @@ import type { Engine } from "./Engine.js";
 import type { ICoordinates } from "./Interfaces/ICoordinates.js";
 import type { IDelta } from "./Interfaces/IDelta.js";
 import type { IDimension } from "./Interfaces/IDimension.js";
-import type { IMouseData } from "./Interfaces/IMouseData.js";
 import type { IParticleMover } from "./Interfaces/IParticleMover.js";
 import type { IParticleUpdater } from "./Interfaces/IParticleUpdater.js";
 import type { IParticlesOptions } from "../Options/Interfaces/Particles/IParticlesOptions.js";
@@ -18,7 +17,6 @@ export declare class Particles {
     private readonly _container;
     private readonly _engine;
     private readonly _groupLimits;
-    private readonly _interactionManager;
     private _lastZIndex;
     private _limit;
     private _needsSort;
@@ -29,7 +27,6 @@ export declare class Particles {
     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 +34,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;

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, rollFactor = 1, 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/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/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,10 @@
+import type { Container } from "../Core/Container.js";
+import type { IParticleMover } from "../Core/Interfaces/IParticleMover.js";
+import type { IParticleUpdater } from "../Core/Interfaces/IParticleUpdater.js";
+export type GenericInitializer<T> = (container: Container) => Promise<T>;
+export type MoverInitializer = GenericInitializer<IParticleMover>;
+export type UpdaterInitializer = GenericInitializer<IParticleUpdater>;
+export interface Initializers {
+    movers: Map<string, MoverInitializer>;
+    updaters: Map<string, UpdaterInitializer>;
+}

package/types/Utils/CanvasUtils.d.ts

@@ -6,6 +6,7 @@ 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;
@@ -13,27 +14,11 @@ export declare function paintBase(context: CanvasRenderingContext2D, dimension:
 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 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 drawPlugin(context: CanvasRenderingContext2D, plugin: IContainerPlugin, delta: IDelta): 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";
@@ -24,10 +24,6 @@ export declare function isPointInside(point: ICoordinates, size: IDimension, off
 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 +35,5 @@ 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[]>;

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";

package/types/exports.d.ts

@@ -1,6 +1,4 @@
 export * from "./Core/Utils/Constants.js";
-export * from "./Core/Utils/ExternalInteractorBase.js";
-export * from "./Core/Utils/ParticlesInteractorBase.js";
 export * from "./Core/Utils/Point.js";
 export * from "./Core/Utils/Ranges.js";
 export * from "./Core/Utils/Vectors.js";
@@ -11,36 +9,20 @@ export * from "./Enums/Modes/AnimationMode.js";
 export * from "./Enums/Modes/LimitMode.js";
 export * from "./Enums/Modes/OutMode.js";
 export * from "./Enums/Modes/PixelMode.js";
-export * from "./Enums/Modes/ThemeMode.js";
-export * from "./Enums/Modes/ResponsiveMode.js";
 export * from "./Enums/Types/AlterType.js";
 export * from "./Enums/Types/DestroyType.js";
 export * from "./Enums/Types/GradientType.js";
-export * from "./Enums/Types/InteractorType.js";
 export * from "./Enums/Types/ParticleOutType.js";
 export * from "./Enums/Types/StartValueType.js";
-export * from "./Enums/Types/DivType.js";
 export * from "./Enums/Types/EasingType.js";
 export * from "./Enums/Types/EventType.js";
 export * from "./Enums/AnimationStatus.js";
-export * from "./Enums/InteractivityDetect.js";
 export * from "./Options/Classes/AnimatableColor.js";
 export * from "./Options/Classes/AnimationOptions.js";
 export * from "./Options/Classes/Background/Background.js";
 export * from "./Options/Classes/ColorAnimation.js";
 export * from "./Options/Classes/FullScreen/FullScreen.js";
 export * from "./Options/Classes/HslAnimation.js";
-export * from "./Options/Classes/Interactivity/Events/ClickEvent.js";
-export * from "./Options/Classes/Interactivity/Events/DivEvent.js";
-export * from "./Options/Classes/Interactivity/Events/ClickEvent.js";
-export * from "./Options/Classes/Interactivity/Events/DivEvent.js";
-export * from "./Options/Classes/Interactivity/Events/Events.js";
-export * from "./Options/Classes/Interactivity/Events/HoverEvent.js";
-export * from "./Options/Classes/Interactivity/Events/Parallax.js";
-export * from "./Options/Classes/Interactivity/Events/ResizeEvent.js";
-export * from "./Options/Classes/Interactivity/Interactivity.js";
-export * from "./Options/Classes/Interactivity/Modes/Modes.js";
-export * from "./Options/Classes/ManualParticle.js";
 export * from "./Options/Classes/Options.js";
 export * from "./Options/Classes/OptionsColor.js";
 export * from "./Options/Classes/Particles/Bounce/ParticlesBounce.js";
@@ -64,9 +46,7 @@ export * from "./Options/Classes/Particles/Shape/Shape.js";
 export * from "./Options/Classes/Particles/Size/Size.js";
 export * from "./Options/Classes/Particles/Size/SizeAnimation.js";
 export * from "./Options/Classes/Particles/ZIndex/ZIndex.js";
-export * from "./Options/Classes/Responsive.js";
-export * from "./Options/Classes/Theme/Theme.js";
-export * from "./Options/Classes/Theme/ThemeDefault.js";
+export * from "./Options/Classes/ResizeEvent.js";
 export * from "./Options/Classes/ValueWithRandom.js";
 export * from "./Utils/CanvasUtils.js";
 export * from "./Utils/ColorUtils.js";

package/umd/Core/Canvas.js

@@ -14,6 +14,7 @@
     const Utils_js_1 = require("../Utils/Utils.js");
     const Constants_js_1 = require("./Utils/Constants.js");
     const ColorUtils_js_1 = require("../Utils/ColorUtils.js");
+    const fColorIndex = 0, sColorIndex = 1;
     function setTransformValue(factor, newFactor, key) {
         const newValue = newFactor[key];
         if (newValue !== undefined) {
@@ -52,6 +53,9 @@
     class Canvas {
         constructor(container, engine) {
             this.container = container;
+            this._reusableColorStyles = {};
+            this._reusablePluginColors = [undefined, undefined];
+            this._reusableTransform = {};
             this._applyPostDrawUpdaters = particle => {
                 for (const updater of this._postDrawUpdaters) {
                     updater.afterDraw?.(particle);
@@ -95,7 +99,9 @@
                         break;
                     }
                 }
-                return [fColor, sColor];
+                this._reusablePluginColors[fColorIndex] = fColor;
+                this._reusablePluginColors[sColorIndex] = sColor;
+                return this._reusablePluginColors;
             };
             this._initStyle = () => {
                 const element = this.element, options = this.container.actualOptions;
@@ -109,7 +115,7 @@
                     this._resetOriginalStyle();
                 }
                 for (const key in options.style) {
-                    if (!key || !Object.prototype.hasOwnProperty.call(options.style, key)) {
+                    if (!key || !Object.hasOwn(options.style, key)) {
                         continue;
                     }
                     const value = options.style[key];
@@ -190,7 +196,7 @@
         }
         clear() {
             let pluginHandled = false;
-            for (const plugin of this.container.plugins.values()) {
+            for (const plugin of this.container.plugins) {
                 if (!pluginHandled && plugin.canvasClear) {
                     pluginHandled = plugin.canvasClear();
                 }
@@ -242,22 +248,12 @@
             if (!fColor && !sColor) {
                 return;
             }
-            const container = this.container, zIndexOptions = particle.options.zIndex, zIndexFactor = Constants_js_1.zIndexFactorOffset - particle.zIndexFactor, zOpacityFactor = zIndexFactor ** zIndexOptions.opacityRate, opacity = particle.bubble.opacity ?? particle.opacity?.value ?? Constants_js_1.defaultOpacity, strokeOpacity = particle.strokeOpacity ?? opacity, zOpacity = opacity * zOpacityFactor, zStrokeOpacity = strokeOpacity * zOpacityFactor, transform = {}, getFillStyle = () => {
-                if (!fColor) {
-                    return;
-                }
-                return (0, ColorUtils_js_1.getStyleFromHsl)(fColor, container.hdr, zOpacity);
-            }, colorStyles = {
-                fill: getFillStyle(),
-            }, getStrokestyle = () => {
-                if (!sColor) {
-                    return colorStyles.fill;
-                }
-                return (0, ColorUtils_js_1.getStyleFromHsl)(sColor, container.hdr, zStrokeOpacity);
-            };
-            colorStyles.stroke = getStrokestyle();
+            const container = this.container, zIndexOptions = particle.options.zIndex, zIndexFactor = Constants_js_1.zIndexFactorOffset - particle.zIndexFactor, { opacity, strokeOpacity } = particle.getOpacity(), transform = this._reusableTransform, colorStyles = this._reusableColorStyles, fill = fColor ? (0, ColorUtils_js_1.getStyleFromHsl)(fColor, container.hdr, opacity) : undefined, stroke = sColor ? (0, ColorUtils_js_1.getStyleFromHsl)(sColor, container.hdr, strokeOpacity) : fill;
+            transform.a = transform.b = transform.c = transform.d = undefined;
+            colorStyles.fill = fill;
+            colorStyles.stroke = stroke;
             this.draw((context) => {
-                this._applyPreDrawUpdaters(context, particle, radius, zOpacity, colorStyles, transform);
+                this._applyPreDrawUpdaters(context, particle, radius, opacity, colorStyles, transform);
                 (0, CanvasUtils_js_1.drawParticle)({
                     container,
                     context,
@@ -265,7 +261,7 @@
                     delta,
                     colorStyles,
                     radius: radius * zIndexFactor ** zIndexOptions.sizeRate,
-                    opacity: zOpacity,
+                    opacity: opacity,
                     transform,
                 });
             });
@@ -338,7 +334,7 @@
         }
         initPlugins() {
             this._resizePlugins = [];
-            for (const plugin of this.container.plugins.values()) {
+            for (const plugin of this.container.plugins) {
                 if (plugin.resize) {
                     this._resizePlugins.push(plugin);
                 }
@@ -396,7 +392,7 @@
         }
         paint() {
             let handled = false;
-            for (const plugin of this.container.plugins.values()) {
+            for (const plugin of this.container.plugins) {
                 if (handled) {
                     break;
                 }