tsparticles 1.37.6 → 1.39.2

package/esm/Enums/Directions/OutModeDirection.js

@@ -1,7 +1 @@
-export var OutModeDirection;
-(function (OutModeDirection) {
-    OutModeDirection["bottom"] = "bottom";
-    OutModeDirection["left"] = "left";
-    OutModeDirection["right"] = "right";
-    OutModeDirection["top"] = "top";
-})(OutModeDirection || (OutModeDirection = {}));
+export {};

package/esm/Enums/Directions/RotateDirection.d.ts

@@ -1,4 +1,4 @@
-export declare enum RotateDirection {
+export declare const enum RotateDirection {
     clockwise = "clockwise",
     counterClockwise = "counter-clockwise",
     random = "random"

package/esm/Enums/Directions/RotateDirection.js

@@ -1,6 +1 @@
-export var RotateDirection;
-(function (RotateDirection) {
-    RotateDirection["clockwise"] = "clockwise";
-    RotateDirection["counterClockwise"] = "counter-clockwise";
-    RotateDirection["random"] = "random";
-})(RotateDirection || (RotateDirection = {}));
+export {};

package/esm/Enums/Directions/TiltDirection.d.ts

@@ -1,4 +1,4 @@
-export declare enum TiltDirection {
+export declare const enum TiltDirection {
     clockwise = "clockwise",
     counterClockwise = "counter-clockwise",
     random = "random"

package/esm/Enums/Directions/TiltDirection.js

@@ -1,6 +1 @@
-export var TiltDirection;
-(function (TiltDirection) {
-    TiltDirection["clockwise"] = "clockwise";
-    TiltDirection["counterClockwise"] = "counter-clockwise";
-    TiltDirection["random"] = "random";
-})(TiltDirection || (TiltDirection = {}));
+export {};

package/esm/Enums/InteractivityDetect.d.ts

@@ -1,4 +1,4 @@
-export declare enum InteractivityDetect {
+export declare const enum InteractivityDetect {
     canvas = "canvas",
     parent = "parent",
     window = "window"

package/esm/Enums/InteractivityDetect.js

@@ -1,6 +1 @@
-export var InteractivityDetect;
-(function (InteractivityDetect) {
-    InteractivityDetect["canvas"] = "canvas";
-    InteractivityDetect["parent"] = "parent";
-    InteractivityDetect["window"] = "window";
-})(InteractivityDetect || (InteractivityDetect = {}));
+export {};

package/esm/Enums/Modes/ClickMode.d.ts

@@ -1,4 +1,4 @@
-export declare enum ClickMode {
+export declare const enum ClickMode {
     attract = "attract",
     bubble = "bubble",
     push = "push",

package/esm/Enums/Modes/ClickMode.js

@@ -1,10 +1 @@
-export var ClickMode;
-(function (ClickMode) {
-    ClickMode["attract"] = "attract";
-    ClickMode["bubble"] = "bubble";
-    ClickMode["push"] = "push";
-    ClickMode["remove"] = "remove";
-    ClickMode["repulse"] = "repulse";
-    ClickMode["pause"] = "pause";
-    ClickMode["trail"] = "trail";
-})(ClickMode || (ClickMode = {}));
+export {};

package/esm/Enums/Modes/CollisionMode.d.ts

@@ -1,4 +1,4 @@
-export declare enum CollisionMode {
+export declare const enum CollisionMode {
     absorb = "absorb",
     bounce = "bounce",
     destroy = "destroy"

package/esm/Enums/Modes/CollisionMode.js

@@ -1,6 +1 @@
-export var CollisionMode;
-(function (CollisionMode) {
-    CollisionMode["absorb"] = "absorb";
-    CollisionMode["bounce"] = "bounce";
-    CollisionMode["destroy"] = "destroy";
-})(CollisionMode || (CollisionMode = {}));
+export {};

package/esm/Enums/Modes/DestroyMode.d.ts

@@ -1,4 +1,4 @@
-export declare enum DestroyMode {
+export declare const enum DestroyMode {
     none = "none",
     split = "split"
 }

package/esm/Enums/Modes/DestroyMode.js

@@ -1,5 +1 @@
-export var DestroyMode;
-(function (DestroyMode) {
-    DestroyMode["none"] = "none";
-    DestroyMode["split"] = "split";
-})(DestroyMode || (DestroyMode = {}));
+export {};

package/esm/Enums/Modes/DivMode.d.ts

@@ -1,4 +1,4 @@
-export declare enum DivMode {
+export declare const enum DivMode {
     bounce = "bounce",
     bubble = "bubble",
     repulse = "repulse"

package/esm/Enums/Modes/DivMode.js

@@ -1,6 +1 @@
-export var DivMode;
-(function (DivMode) {
-    DivMode["bounce"] = "bounce";
-    DivMode["bubble"] = "bubble";
-    DivMode["repulse"] = "repulse";
-})(DivMode || (DivMode = {}));
+export {};

package/esm/Enums/Modes/HoverMode.d.ts

@@ -1,4 +1,4 @@
-export declare enum HoverMode {
+export declare const enum HoverMode {
     attract = "attract",
     bounce = "bounce",
     bubble = "bubble",

package/esm/Enums/Modes/HoverMode.js

@@ -1,12 +1 @@
-export var HoverMode;
-(function (HoverMode) {
-    HoverMode["attract"] = "attract";
-    HoverMode["bounce"] = "bounce";
-    HoverMode["bubble"] = "bubble";
-    HoverMode["connect"] = "connect";
-    HoverMode["grab"] = "grab";
-    HoverMode["light"] = "light";
-    HoverMode["repulse"] = "repulse";
-    HoverMode["slow"] = "slow";
-    HoverMode["trail"] = "trail";
-})(HoverMode || (HoverMode = {}));
+export {};

package/esm/Enums/Modes/OutMode.d.ts

@@ -1,4 +1,4 @@
-export declare enum OutMode {
+export declare const enum OutMode {
     bounce = "bounce",
     bounceHorizontal = "bounce-horizontal",
     bounceVertical = "bounce-vertical",

package/esm/Enums/Modes/OutMode.js

@@ -1,10 +1 @@
-export var OutMode;
-(function (OutMode) {
-    OutMode["bounce"] = "bounce";
-    OutMode["bounceHorizontal"] = "bounce-horizontal";
-    OutMode["bounceVertical"] = "bounce-vertical";
-    OutMode["none"] = "none";
-    OutMode["out"] = "out";
-    OutMode["destroy"] = "destroy";
-    OutMode["split"] = "split";
-})(OutMode || (OutMode = {}));
+export {};

package/esm/Enums/Modes/ResponsiveMode.d.ts

@@ -1,4 +1,4 @@
-export declare enum ResponsiveMode {
+export declare const enum ResponsiveMode {
     screen = "screen",
     canvas = "canvas"
 }

package/esm/Enums/Modes/ResponsiveMode.js

@@ -1,5 +1 @@
-export var ResponsiveMode;
-(function (ResponsiveMode) {
-    ResponsiveMode["screen"] = "screen";
-    ResponsiveMode["canvas"] = "canvas";
-})(ResponsiveMode || (ResponsiveMode = {}));
+export {};

package/esm/Enums/Modes/RollMode.d.ts

@@ -1,4 +1,4 @@
-export declare enum RollMode {
+export declare const enum RollMode {
     both = "both",
     horizontal = "horizontal",
     vertical = "vertical"

package/esm/Enums/Modes/RollMode.js

@@ -1,6 +1 @@
-export var RollMode;
-(function (RollMode) {
-    RollMode["both"] = "both";
-    RollMode["horizontal"] = "horizontal";
-    RollMode["vertical"] = "vertical";
-})(RollMode || (RollMode = {}));
+export {};

package/esm/Enums/Modes/SizeMode.d.ts

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

package/esm/Enums/Modes/SizeMode.js

@@ -1,5 +1 @@
-export var SizeMode;
-(function (SizeMode) {
-    SizeMode["precise"] = "precise";
-    SizeMode["percent"] = "percent";
-})(SizeMode || (SizeMode = {}));
+export {};

package/esm/Enums/Modes/ThemeMode.d.ts

@@ -1,4 +1,4 @@
-export declare enum ThemeMode {
+export declare const enum ThemeMode {
     any = "any",
     dark = "dark",
     light = "light"

package/esm/Enums/Modes/ThemeMode.js

@@ -1,6 +1 @@
-export var ThemeMode;
-(function (ThemeMode) {
-    ThemeMode["any"] = "any";
-    ThemeMode["dark"] = "dark";
-    ThemeMode["light"] = "light";
-})(ThemeMode || (ThemeMode = {}));
+export {};

package/esm/Enums/Types/AlterType.d.ts

@@ -1,4 +1,4 @@
-export declare enum AlterType {
+export declare const enum AlterType {
     darken = "darken",
     enlighten = "enlighten"
 }

package/esm/Enums/Types/AlterType.js

@@ -1,5 +1 @@
-export var AlterType;
-(function (AlterType) {
-    AlterType["darken"] = "darken";
-    AlterType["enlighten"] = "enlighten";
-})(AlterType || (AlterType = {}));
+export {};

package/esm/Enums/Types/DestroyType.d.ts

@@ -1,4 +1,4 @@
-export declare enum DestroyType {
+export declare const enum DestroyType {
     none = "none",
     max = "max",
     min = "min"

package/esm/Enums/Types/DestroyType.js

@@ -1,6 +1 @@
-export var DestroyType;
-(function (DestroyType) {
-    DestroyType["none"] = "none";
-    DestroyType["max"] = "max";
-    DestroyType["min"] = "min";
-})(DestroyType || (DestroyType = {}));
+export {};

package/esm/Enums/Types/DivType.d.ts

@@ -1,4 +1,4 @@
-export declare enum DivType {
+export declare const enum DivType {
     circle = "circle",
     rectangle = "rectangle"
 }

package/esm/Enums/Types/DivType.js

@@ -1,5 +1 @@
-export var DivType;
-(function (DivType) {
-    DivType["circle"] = "circle";
-    DivType["rectangle"] = "rectangle";
-})(DivType || (DivType = {}));
+export {};

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

@@ -1,4 +1,4 @@
-export declare enum EasingType {
+export declare const enum EasingType {
     easeOutBack = "ease-out-back",
     easeOutCirc = "ease-out-circ",
     easeOutCubic = "ease-out-cubic",

package/esm/Enums/Types/EasingType.js

@@ -1,11 +1 @@
-export var EasingType;
-(function (EasingType) {
-    EasingType["easeOutBack"] = "ease-out-back";
-    EasingType["easeOutCirc"] = "ease-out-circ";
-    EasingType["easeOutCubic"] = "ease-out-cubic";
-    EasingType["easeOutQuad"] = "ease-out-quad";
-    EasingType["easeOutQuart"] = "ease-out-quart";
-    EasingType["easeOutQuint"] = "ease-out-quint";
-    EasingType["easeOutExpo"] = "ease-out-expo";
-    EasingType["easeOutSine"] = "ease-out-sine";
-})(EasingType || (EasingType = {}));
+export {};

package/esm/Enums/Types/GradientType.d.ts

@@ -1,4 +1,4 @@
-export declare enum GradientType {
+export declare const enum GradientType {
     linear = "linear",
     radial = "radial",
     random = "random"

package/esm/Enums/Types/GradientType.js

@@ -1,6 +1 @@
-export var GradientType;
-(function (GradientType) {
-    GradientType["linear"] = "linear";
-    GradientType["radial"] = "radial";
-    GradientType["random"] = "random";
-})(GradientType || (GradientType = {}));
+export {};

package/esm/Enums/Types/InteractorType.d.ts

@@ -1,4 +1,4 @@
-export declare enum InteractorType {
+export declare const enum InteractorType {
     External = 0,
     Particles = 1
 }

package/esm/Enums/Types/InteractorType.js

@@ -1,5 +1 @@
-export var InteractorType;
-(function (InteractorType) {
-    InteractorType[InteractorType["External"] = 0] = "External";
-    InteractorType[InteractorType["Particles"] = 1] = "Particles";
-})(InteractorType || (InteractorType = {}));
+export {};

package/esm/Enums/Types/OrbitType.d.ts

@@ -1,4 +1,4 @@
-export declare enum OrbitType {
+export declare const enum OrbitType {
     front = "front",
     back = "back"
 }

package/esm/Enums/Types/OrbitType.js

@@ -1,5 +1 @@
-export var OrbitType;
-(function (OrbitType) {
-    OrbitType["front"] = "front";
-    OrbitType["back"] = "back";
-})(OrbitType || (OrbitType = {}));
+export {};

package/esm/Enums/Types/ShapeType.d.ts

@@ -1,4 +1,4 @@
-export declare enum ShapeType {
+export declare const enum ShapeType {
     char = "char",
     character = "character",
     circle = "circle",

package/esm/Enums/Types/ShapeType.js

@@ -1,14 +1 @@
-export var ShapeType;
-(function (ShapeType) {
-    ShapeType["char"] = "char";
-    ShapeType["character"] = "character";
-    ShapeType["circle"] = "circle";
-    ShapeType["edge"] = "edge";
-    ShapeType["image"] = "image";
-    ShapeType["images"] = "images";
-    ShapeType["line"] = "line";
-    ShapeType["polygon"] = "polygon";
-    ShapeType["square"] = "square";
-    ShapeType["star"] = "star";
-    ShapeType["triangle"] = "triangle";
-})(ShapeType || (ShapeType = {}));
+export {};

package/esm/Enums/Types/StartValueType.d.ts

@@ -1,4 +1,4 @@
-export declare enum StartValueType {
+export declare const enum StartValueType {
     max = "max",
     min = "min",
     random = "random"

package/esm/Enums/Types/StartValueType.js

@@ -1,6 +1 @@
-export var StartValueType;
-(function (StartValueType) {
-    StartValueType["max"] = "max";
-    StartValueType["min"] = "min";
-    StartValueType["random"] = "random";
-})(StartValueType || (StartValueType = {}));
+export {};

package/esm/Interactions/External/Attract/Attractor.d.ts

@@ -1,5 +1,5 @@
-import type { Container } from "../../../Core/Container";
-import { ExternalInteractorBase } from "../../../Core/ExternalInteractorBase";
+import { ExternalInteractorBase } from "../../../Core";
+import type { Container } from "../../../Core";
 export declare class Attractor extends ExternalInteractorBase {
     constructor(container: Container);
     isEnabled(): boolean;

package/esm/Interactions/External/Attract/Attractor.js

@@ -1,7 +1,5 @@
-import { ClickMode, HoverMode } from "../../../Enums";
-import { Circle, Constants, getDistances, calcEasing, clamp, isInArray } from "../../../Utils";
-import { ExternalInteractorBase } from "../../../Core/ExternalInteractorBase";
-import { Vector } from "../../../Core/Particle/Vector";
+import { Circle, Constants, ExternalInteractorBase, Vector } from "../../../Core";
+import { calcEasing, clamp, getDistances, isInArray } from "../../../Utils";
 export class Attractor extends ExternalInteractorBase {
     constructor(container) {
         super(container);
@@ -12,16 +10,16 @@ export class Attractor extends ExternalInteractorBase {
             return false;
         }
         const hoverMode = events.onHover.mode, clickMode = events.onClick.mode;
-        return isInArray(HoverMode.attract, hoverMode) || isInArray(ClickMode.attract, clickMode);
+        return isInArray("attract", hoverMode) || isInArray("attract", clickMode);
     }
     reset() {
     }
     interact() {
         const container = this.container, options = container.actualOptions, mouseMoveStatus = container.interactivity.status === Constants.mouseMoveEvent, events = options.interactivity.events, hoverEnabled = events.onHover.enable, hoverMode = events.onHover.mode, clickEnabled = events.onClick.enable, clickMode = events.onClick.mode;
-        if (mouseMoveStatus && hoverEnabled && isInArray(HoverMode.attract, hoverMode)) {
+        if (mouseMoveStatus && hoverEnabled && isInArray("attract", hoverMode)) {
             this.hoverAttract();
         }
-        else if (clickEnabled && isInArray(ClickMode.attract, clickMode)) {
+        else if (clickEnabled && isInArray("attract", clickMode)) {
             this.clickAttract();
         }
     }

package/esm/Interactions/External/Attract/index.d.ts

@@ -1,2 +1,2 @@
-import type { Main } from "../../../main";
-export declare function loadExternalAttractInteraction(tsParticles: Main): Promise<void>;
+import type { Engine } from "../../../engine";
+export declare function loadExternalAttractInteraction(engine: Engine): Promise<void>;

package/esm/Interactions/External/Attract/index.js

@@ -1,4 +1,4 @@
 import { Attractor } from "./Attractor";
-export async function loadExternalAttractInteraction(tsParticles) {
-    await tsParticles.addInteractor("externalAttract", (container) => new Attractor(container));
+export async function loadExternalAttractInteraction(engine) {
+    await engine.addInteractor("externalAttract", (container) => new Attractor(container));
 }

package/esm/Interactions/External/Bounce/Bouncer.d.ts

@@ -1,5 +1,5 @@
-import type { Container } from "../../../Core/Container";
-import { ExternalInteractorBase } from "../../../Core/ExternalInteractorBase";
+import { ExternalInteractorBase } from "../../../Core";
+import type { Container } from "../../../Core";
 export declare class Bouncer extends ExternalInteractorBase {
     constructor(container: Container);
     isEnabled(): boolean;

package/esm/Interactions/External/Bounce/Bouncer.js

@@ -1,23 +1,21 @@
-import { calculateBounds, Circle, circleBounce, circleBounceDataFromParticle, Constants, divModeExecute, isDivModeEnabled, isInArray, Rectangle, rectBounce, } from "../../../Utils";
-import { DivMode, DivType, HoverMode } from "../../../Enums";
-import { Vector } from "../../../Core/Particle/Vector";
-import { ExternalInteractorBase } from "../../../Core/ExternalInteractorBase";
+import { Circle, Constants, ExternalInteractorBase, Rectangle, Vector } from "../../../Core";
+import { calculateBounds, circleBounce, circleBounceDataFromParticle, divModeExecute, isDivModeEnabled, isInArray, rectBounce, } from "../../../Utils";
 export class Bouncer extends ExternalInteractorBase {
     constructor(container) {
         super(container);
     }
     isEnabled() {
         const container = this.container, options = container.actualOptions, mouse = container.interactivity.mouse, events = options.interactivity.events, divs = events.onDiv;
-        return ((mouse.position && events.onHover.enable && isInArray(HoverMode.bounce, events.onHover.mode)) ||
-            isDivModeEnabled(DivMode.bounce, divs));
+        return ((mouse.position && events.onHover.enable && isInArray("bounce", events.onHover.mode)) ||
+            isDivModeEnabled("bounce", divs));
     }
     interact() {
         const container = this.container, options = container.actualOptions, events = options.interactivity.events, mouseMoveStatus = container.interactivity.status === Constants.mouseMoveEvent, hoverEnabled = events.onHover.enable, hoverMode = events.onHover.mode, divs = events.onDiv;
-        if (mouseMoveStatus && hoverEnabled && isInArray(HoverMode.bounce, hoverMode)) {
+        if (mouseMoveStatus && hoverEnabled && isInArray("bounce", hoverMode)) {
             this.processMouseBounce();
         }
         else {
-            divModeExecute(DivMode.bounce, divs, (selector, div) => this.singleSelectorBounce(selector, div));
+            divModeExecute("bounce", divs, (selector, div) => this.singleSelectorBounce(selector, div));
         }
     }
     reset() {
@@ -39,7 +37,7 @@ export class Bouncer extends ExternalInteractorBase {
                 x: (elem.offsetLeft + elem.offsetWidth / 2) * pxRatio,
                 y: (elem.offsetTop + elem.offsetHeight / 2) * pxRatio,
             }, radius = (elem.offsetWidth / 2) * pxRatio, tolerance = 10 * pxRatio;
-            const area = div.type === DivType.circle
+            const area = div.type === "circle"
                 ? new Circle(pos.x, pos.y, radius + tolerance)
                 : new Rectangle(elem.offsetLeft * pxRatio - tolerance, elem.offsetTop * pxRatio - tolerance, elem.offsetWidth * pxRatio + tolerance * 2, elem.offsetHeight * pxRatio + tolerance * 2);
             this.processBounce(pos, radius, area);

package/esm/Interactions/External/Bounce/index.d.ts

@@ -1,2 +1,2 @@
-import type { Main } from "../../../main";
-export declare function loadExternalBounceInteraction(tsParticles: Main): Promise<void>;
+import type { Engine } from "../../../engine";
+export declare function loadExternalBounceInteraction(engine: Engine): Promise<void>;

package/esm/Interactions/External/Bounce/index.js

@@ -1,4 +1,4 @@
 import { Bouncer } from "./Bouncer";
-export async function loadExternalBounceInteraction(tsParticles) {
-    await tsParticles.addInteractor("externalBounce", (container) => new Bouncer(container));
+export async function loadExternalBounceInteraction(engine) {
+    await engine.addInteractor("externalBounce", (container) => new Bouncer(container));
 }

package/esm/Interactions/External/Bubble/Bubbler.d.ts

@@ -1,6 +1,6 @@
-import type { Container } from "../../../Core/Container";
-import { Particle } from "../../../Core/Particle";
-import { ExternalInteractorBase } from "../../../Core/ExternalInteractorBase";
+import { ExternalInteractorBase } from "../../../Core";
+import type { Container } from "../../../Core";
+import type { Particle } from "../../../Core";
 export declare class Bubbler extends ExternalInteractorBase {
     constructor(container: Container);
     isEnabled(): boolean;

package/esm/Interactions/External/Bubble/Bubbler.js

@@ -1,7 +1,5 @@
-import { Circle, clamp, colorMix, colorToHsl, Constants, divMode, divModeExecute, getDistance, getRangeMax, isDivModeEnabled, isInArray, itemFromArray, Rectangle, rgbToHsl, } from "../../../Utils";
-import { ClickMode, DivMode, DivType, HoverMode } from "../../../Enums";
-import { ExternalInteractorBase } from "../../../Core/ExternalInteractorBase";
-import { ProcessBubbleType } from "./ProcessBubbleType";
+import { Circle, Constants, ExternalInteractorBase, Rectangle } from "../../../Core";
+import { clamp, colorMix, colorToHsl, divMode, divModeExecute, getDistance, getRangeMax, isDivModeEnabled, isInArray, itemFromArray, rgbToHsl, } from "../../../Utils";
 function calculateBubbleValue(particleValue, modeValue, optionsValue, ratio) {
     if (modeValue >= optionsValue) {
         const value = particleValue + (modeValue - optionsValue) * ratio;
@@ -17,13 +15,13 @@ export class Bubbler extends ExternalInteractorBase {
         super(container);
     }
     isEnabled() {
-        const container = this.container, options = container.actualOptions, mouse = container.interactivity.mouse, events = options.interactivity.events, divs = events.onDiv, divBubble = isDivModeEnabled(DivMode.bubble, divs);
+        const container = this.container, options = container.actualOptions, mouse = container.interactivity.mouse, events = options.interactivity.events, divs = events.onDiv, divBubble = isDivModeEnabled("bubble", divs);
         if (!(divBubble || (events.onHover.enable && mouse.position) || (events.onClick.enable && mouse.clickPosition))) {
             return false;
         }
         const hoverMode = events.onHover.mode;
         const clickMode = events.onClick.mode;
-        return isInArray(HoverMode.bubble, hoverMode) || isInArray(ClickMode.bubble, clickMode) || divBubble;
+        return isInArray("bubble", hoverMode) || isInArray("bubble", clickMode) || divBubble;
     }
     reset(particle, force) {
         if (!(!particle.bubble.inRange || force)) {
@@ -36,14 +34,14 @@ export class Bubbler extends ExternalInteractorBase {
     }
     interact() {
         const options = this.container.actualOptions, events = options.interactivity.events, onHover = events.onHover, onClick = events.onClick, hoverEnabled = onHover.enable, hoverMode = onHover.mode, clickEnabled = onClick.enable, clickMode = onClick.mode, divs = events.onDiv;
-        if (hoverEnabled && isInArray(HoverMode.bubble, hoverMode)) {
+        if (hoverEnabled && isInArray("bubble", hoverMode)) {
             this.hoverBubble();
         }
-        else if (clickEnabled && isInArray(ClickMode.bubble, clickMode)) {
+        else if (clickEnabled && isInArray("bubble", clickMode)) {
             this.clickBubble();
         }
         else {
-            divModeExecute(DivMode.bubble, divs, (selector, div) => this.singleSelectorHover(selector, div));
+            divModeExecute("bubble", divs, (selector, div) => this.singleSelectorHover(selector, div));
         }
     }
     singleSelectorHover(selector, div) {
@@ -55,7 +53,7 @@ export class Bubbler extends ExternalInteractorBase {
             const elem = item, pxRatio = container.retina.pixelRatio, pos = {
                 x: (elem.offsetLeft + elem.offsetWidth / 2) * pxRatio,
                 y: (elem.offsetTop + elem.offsetHeight / 2) * pxRatio,
-            }, repulseRadius = (elem.offsetWidth / 2) * pxRatio, area = div.type === DivType.circle
+            }, repulseRadius = (elem.offsetWidth / 2) * pxRatio, area = div.type === "circle"
                 ? new Circle(pos.x, pos.y, repulseRadius)
                 : new Rectangle(elem.offsetLeft * pxRatio, elem.offsetTop * pxRatio, elem.offsetWidth * pxRatio, elem.offsetHeight * pxRatio), query = container.particles.quadTree.query(area);
             for (const particle of query) {
@@ -89,28 +87,28 @@ export class Bubbler extends ExternalInteractorBase {
                 const obj = pObjBubble !== null && pObjBubble !== void 0 ? pObjBubble : pObj;
                 if (obj !== bubbleParam) {
                     const value = pObj - (timeSpent * (pObj - bubbleParam)) / bubbleDuration;
-                    if (type === ProcessBubbleType.size) {
+                    if (type === "size") {
                         particle.bubble.radius = value;
                     }
-                    if (type === ProcessBubbleType.opacity) {
+                    if (type === "opacity") {
                         particle.bubble.opacity = value;
                     }
                 }
             }
             else {
-                if (type === ProcessBubbleType.size) {
+                if (type === "size") {
                     delete particle.bubble.radius;
                 }
-                if (type === ProcessBubbleType.opacity) {
+                if (type === "opacity") {
                     delete particle.bubble.opacity;
                 }
             }
         }
         else if (pObjBubble) {
-            if (type === ProcessBubbleType.size) {
+            if (type === "size") {
                 delete particle.bubble.radius;
             }
-            if (type === ProcessBubbleType.opacity) {
+            if (type === "opacity") {
                 delete particle.bubble.opacity;
             }
         }
@@ -144,7 +142,7 @@ export class Bubbler extends ExternalInteractorBase {
                     optValue: getRangeMax(particle.options.size.value) * container.retina.pixelRatio,
                     value: particle.size.value,
                 },
-                type: ProcessBubbleType.size,
+                type: "size",
             };
             this.process(particle, distMouse, timeSpent, sizeData);
             const opacityData = {
@@ -156,7 +154,7 @@ export class Bubbler extends ExternalInteractorBase {
                     optValue: getRangeMax(particle.options.opacity.value),
                     value: (_b = (_a = particle.opacity) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : 1,
                 },
-                type: ProcessBubbleType.opacity,
+                type: "opacity",
             };
             this.process(particle, distMouse, timeSpent, opacityData);
             if (!container.bubble.durationEnd) {