@tsparticles/engine 4.0.0-alpha.3 → 4.0.0-alpha.5

package/cjs/Core/Utils/ExternalInteractorBase.js

@@ -1,7 +0,0 @@
-import { InteractorType } from "../../Enums/Types/InteractorType.js";
-export class ExternalInteractorBase {
-    constructor(container) {
-        this.type = InteractorType.external;
-        this.container = container;
-    }
-}

package/cjs/Core/Utils/InteractionManager.js

@@ -1,60 +0,0 @@
-import { InteractorType } from "../../Enums/Types/InteractorType.js";
-export class InteractionManager {
-    constructor(engine, container) {
-        this.container = container;
-        this._engine = engine;
-        this._interactors = [];
-        this._externalInteractors = [];
-        this._particleInteractors = [];
-    }
-    externalInteract(delta) {
-        for (const interactor of this._externalInteractors) {
-            if (interactor.isEnabled()) {
-                interactor.interact(delta);
-            }
-        }
-    }
-    handleClickMode(mode) {
-        for (const interactor of this._externalInteractors) {
-            interactor.handleClickMode?.(mode);
-        }
-    }
-    async init() {
-        this._interactors = await this._engine.getInteractors(this.container, true);
-        this._externalInteractors = [];
-        this._particleInteractors = [];
-        for (const interactor of this._interactors) {
-            switch (interactor.type) {
-                case InteractorType.external:
-                    this._externalInteractors.push(interactor);
-                    break;
-                case InteractorType.particles:
-                    this._particleInteractors.push(interactor);
-                    break;
-            }
-            interactor.init();
-        }
-    }
-    particlesInteract(particle, delta) {
-        for (const interactor of this._externalInteractors) {
-            interactor.clear(particle, delta);
-        }
-        for (const interactor of this._particleInteractors) {
-            if (interactor.isEnabled(particle)) {
-                interactor.interact(particle, delta);
-            }
-        }
-    }
-    reset(particle) {
-        for (const interactor of this._externalInteractors) {
-            if (interactor.isEnabled()) {
-                interactor.reset(particle);
-            }
-        }
-        for (const interactor of this._particleInteractors) {
-            if (interactor.isEnabled(particle)) {
-                interactor.reset(particle);
-            }
-        }
-    }
-}

package/cjs/Core/Utils/ParticlesInteractorBase.js

@@ -1,7 +0,0 @@
-import { InteractorType } from "../../Enums/Types/InteractorType.js";
-export class ParticlesInteractorBase {
-    constructor(container) {
-        this.type = InteractorType.particles;
-        this.container = container;
-    }
-}

package/cjs/Enums/InteractivityDetect.js

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

package/cjs/Enums/Modes/ResponsiveMode.js

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

package/cjs/Enums/Modes/ThemeMode.js

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

package/cjs/Enums/Types/DivType.js

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

package/cjs/Enums/Types/InteractorType.js

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

package/cjs/Options/Classes/Interactivity/Events/ClickEvent.js

@@ -1,18 +0,0 @@
-import { isNull } from "../../../../Utils/TypeUtils.js";
-export class ClickEvent {
-    constructor() {
-        this.enable = false;
-        this.mode = [];
-    }
-    load(data) {
-        if (isNull(data)) {
-            return;
-        }
-        if (data.enable !== undefined) {
-            this.enable = data.enable;
-        }
-        if (data.mode !== undefined) {
-            this.mode = data.mode;
-        }
-    }
-}

package/cjs/Options/Classes/Interactivity/Events/DivEvent.js

@@ -1,27 +0,0 @@
-import { DivType } from "../../../../Enums/Types/DivType.js";
-import { isNull } from "../../../../Utils/TypeUtils.js";
-export class DivEvent {
-    constructor() {
-        this.selectors = [];
-        this.enable = false;
-        this.mode = [];
-        this.type = DivType.circle;
-    }
-    load(data) {
-        if (isNull(data)) {
-            return;
-        }
-        if (data.selectors !== undefined) {
-            this.selectors = data.selectors;
-        }
-        if (data.enable !== undefined) {
-            this.enable = data.enable;
-        }
-        if (data.mode !== undefined) {
-            this.mode = data.mode;
-        }
-        if (data.type !== undefined) {
-            this.type = data.type;
-        }
-    }
-}

package/cjs/Options/Classes/Interactivity/Events/Events.js

@@ -1,30 +0,0 @@
-import { ClickEvent } from "./ClickEvent.js";
-import { DivEvent } from "./DivEvent.js";
-import { HoverEvent } from "./HoverEvent.js";
-import { ResizeEvent } from "./ResizeEvent.js";
-import { executeOnSingleOrMultiple } from "../../../../Utils/Utils.js";
-import { isNull } from "../../../../Utils/TypeUtils.js";
-export class Events {
-    constructor() {
-        this.onClick = new ClickEvent();
-        this.onDiv = new DivEvent();
-        this.onHover = new HoverEvent();
-        this.resize = new ResizeEvent();
-    }
-    load(data) {
-        if (isNull(data)) {
-            return;
-        }
-        this.onClick.load(data.onClick);
-        const onDiv = data.onDiv;
-        if (onDiv !== undefined) {
-            this.onDiv = executeOnSingleOrMultiple(onDiv, t => {
-                const tmp = new DivEvent();
-                tmp.load(t);
-                return tmp;
-            });
-        }
-        this.onHover.load(data.onHover);
-        this.resize.load(data.resize);
-    }
-}

package/cjs/Options/Classes/Interactivity/Events/HoverEvent.js

@@ -1,21 +0,0 @@
-import { Parallax } from "./Parallax.js";
-import { isNull } from "../../../../Utils/TypeUtils.js";
-export class HoverEvent {
-    constructor() {
-        this.enable = false;
-        this.mode = [];
-        this.parallax = new Parallax();
-    }
-    load(data) {
-        if (isNull(data)) {
-            return;
-        }
-        if (data.enable !== undefined) {
-            this.enable = data.enable;
-        }
-        if (data.mode !== undefined) {
-            this.mode = data.mode;
-        }
-        this.parallax.load(data.parallax);
-    }
-}

package/cjs/Options/Classes/Interactivity/Events/Parallax.js

@@ -1,22 +0,0 @@
-import { isNull } from "../../../../Utils/TypeUtils.js";
-export class Parallax {
-    constructor() {
-        this.enable = false;
-        this.force = 2;
-        this.smooth = 10;
-    }
-    load(data) {
-        if (isNull(data)) {
-            return;
-        }
-        if (data.enable !== undefined) {
-            this.enable = data.enable;
-        }
-        if (data.force !== undefined) {
-            this.force = data.force;
-        }
-        if (data.smooth !== undefined) {
-            this.smooth = data.smooth;
-        }
-    }
-}

package/cjs/Options/Classes/Interactivity/Interactivity.js

@@ -1,22 +0,0 @@
-import { Events } from "./Events/Events.js";
-import { InteractivityDetect } from "../../../Enums/InteractivityDetect.js";
-import { Modes } from "./Modes/Modes.js";
-import { isNull } from "../../../Utils/TypeUtils.js";
-export class Interactivity {
-    constructor(engine, container) {
-        this.detectsOn = InteractivityDetect.window;
-        this.events = new Events();
-        this.modes = new Modes(engine, container);
-    }
-    load(data) {
-        if (isNull(data)) {
-            return;
-        }
-        const detectsOn = data.detectsOn;
-        if (detectsOn !== undefined) {
-            this.detectsOn = detectsOn;
-        }
-        this.events.load(data.events);
-        this.modes.load(data.modes);
-    }
-}

package/cjs/Options/Classes/Interactivity/Modes/Modes.js

@@ -1,25 +0,0 @@
-import { isNull } from "../../../../Utils/TypeUtils.js";
-export class Modes {
-    constructor(engine, container) {
-        this._engine = engine;
-        this._container = container;
-    }
-    load(data) {
-        if (isNull(data)) {
-            return;
-        }
-        if (!this._container) {
-            return;
-        }
-        const interactors = this._engine.interactors.get(this._container);
-        if (!interactors) {
-            return;
-        }
-        for (const interactor of interactors) {
-            if (!interactor.loadModeOptions) {
-                continue;
-            }
-            interactor.loadModeOptions(this, data);
-        }
-    }
-}

package/cjs/Options/Classes/ManualParticle.js

@@ -1,21 +0,0 @@
-import { PixelMode } from "../../Enums/Modes/PixelMode.js";
-import { deepExtend } from "../../Utils/Utils.js";
-import { isNull } from "../../Utils/TypeUtils.js";
-import { manualDefaultPosition } from "../../Core/Utils/Constants.js";
-export class ManualParticle {
-    load(data) {
-        if (isNull(data)) {
-            return;
-        }
-        if (data.position) {
-            this.position = {
-                x: data.position.x ?? manualDefaultPosition,
-                y: data.position.y ?? manualDefaultPosition,
-                mode: data.position.mode ?? PixelMode.percent,
-            };
-        }
-        if (data.options) {
-            this.options = deepExtend({}, data.options);
-        }
-    }
-}

package/cjs/Options/Classes/Responsive.js

@@ -1,29 +0,0 @@
-import { ResponsiveMode } from "../../Enums/Modes/ResponsiveMode.js";
-import { deepExtend } from "../../Utils/Utils.js";
-import { isNull } from "../../Utils/TypeUtils.js";
-export class Responsive {
-    constructor() {
-        this.maxWidth = Infinity;
-        this.options = {};
-        this.mode = ResponsiveMode.canvas;
-    }
-    load(data) {
-        if (isNull(data)) {
-            return;
-        }
-        if (!isNull(data.maxWidth)) {
-            this.maxWidth = data.maxWidth;
-        }
-        if (!isNull(data.mode)) {
-            if (data.mode === ResponsiveMode.screen) {
-                this.mode = ResponsiveMode.screen;
-            }
-            else {
-                this.mode = ResponsiveMode.canvas;
-            }
-        }
-        if (!isNull(data.options)) {
-            this.options = deepExtend({}, data.options);
-        }
-    }
-}

package/cjs/Options/Classes/Theme/Theme.js

@@ -1,21 +0,0 @@
-import { ThemeDefault } from "./ThemeDefault.js";
-import { deepExtend } from "../../../Utils/Utils.js";
-import { isNull } from "../../../Utils/TypeUtils.js";
-export class Theme {
-    constructor() {
-        this.name = "";
-        this.default = new ThemeDefault();
-    }
-    load(data) {
-        if (isNull(data)) {
-            return;
-        }
-        if (data.name !== undefined) {
-            this.name = data.name;
-        }
-        this.default.load(data.default);
-        if (data.options !== undefined) {
-            this.options = deepExtend({}, data.options);
-        }
-    }
-}

package/cjs/Options/Classes/Theme/ThemeDefault.js

@@ -1,23 +0,0 @@
-import { ThemeMode } from "../../../Enums/Modes/ThemeMode.js";
-import { isNull } from "../../../Utils/TypeUtils.js";
-export class ThemeDefault {
-    constructor() {
-        this.auto = false;
-        this.mode = ThemeMode.any;
-        this.value = false;
-    }
-    load(data) {
-        if (isNull(data)) {
-            return;
-        }
-        if (data.auto !== undefined) {
-            this.auto = data.auto;
-        }
-        if (data.mode !== undefined) {
-            this.mode = data.mode;
-        }
-        if (data.value !== undefined) {
-            this.value = data.value;
-        }
-    }
-}

package/cjs/Options/Interfaces/IManualParticle.js

@@ -1 +0,0 @@
-export {};

package/cjs/Options/Interfaces/IResponsive.js

@@ -1 +0,0 @@
-export {};

package/cjs/Options/Interfaces/Interactivity/Events/IClickEvent.js

@@ -1 +0,0 @@
-export {};

package/cjs/Options/Interfaces/Interactivity/Events/IDivEvent.js

@@ -1 +0,0 @@
-export {};

package/cjs/Options/Interfaces/Interactivity/Events/IEvents.js

@@ -1 +0,0 @@
-export {};

package/cjs/Options/Interfaces/Interactivity/Events/IHoverEvent.js

@@ -1 +0,0 @@
-export {};

package/cjs/Options/Interfaces/Interactivity/Events/IParallax.js

@@ -1 +0,0 @@
-export {};

package/cjs/Options/Interfaces/Interactivity/IInteractivity.js

@@ -1 +0,0 @@
-export {};

package/cjs/Options/Interfaces/Interactivity/Modes/IModeDiv.js

@@ -1 +0,0 @@
-export {};

package/cjs/Options/Interfaces/Interactivity/Modes/IModes.js

@@ -1 +0,0 @@
-export {};

package/cjs/Options/Interfaces/Theme/ITheme.js

@@ -1 +0,0 @@
-export {};

package/cjs/Options/Interfaces/Theme/IThemeDefault.js

@@ -1 +0,0 @@
-export {};

package/esm/Core/Interfaces/IContainerInteractivity.js

@@ -1 +0,0 @@
-export {};

package/esm/Core/Interfaces/IExternalInteractor.js

@@ -1 +0,0 @@
-export {};

package/esm/Core/Interfaces/IInteractor.js

@@ -1 +0,0 @@
-export {};

package/esm/Core/Interfaces/IMouseData.js

@@ -1 +0,0 @@
-export {};

package/esm/Core/Interfaces/IParticlesInteractor.js

@@ -1 +0,0 @@
-export {};

package/esm/Core/Utils/ExternalInteractorBase.js

@@ -1,7 +0,0 @@
-import { InteractorType } from "../../Enums/Types/InteractorType.js";
-export class ExternalInteractorBase {
-    constructor(container) {
-        this.type = InteractorType.external;
-        this.container = container;
-    }
-}

package/esm/Core/Utils/InteractionManager.js

@@ -1,60 +0,0 @@
-import { InteractorType } from "../../Enums/Types/InteractorType.js";
-export class InteractionManager {
-    constructor(engine, container) {
-        this.container = container;
-        this._engine = engine;
-        this._interactors = [];
-        this._externalInteractors = [];
-        this._particleInteractors = [];
-    }
-    externalInteract(delta) {
-        for (const interactor of this._externalInteractors) {
-            if (interactor.isEnabled()) {
-                interactor.interact(delta);
-            }
-        }
-    }
-    handleClickMode(mode) {
-        for (const interactor of this._externalInteractors) {
-            interactor.handleClickMode?.(mode);
-        }
-    }
-    async init() {
-        this._interactors = await this._engine.getInteractors(this.container, true);
-        this._externalInteractors = [];
-        this._particleInteractors = [];
-        for (const interactor of this._interactors) {
-            switch (interactor.type) {
-                case InteractorType.external:
-                    this._externalInteractors.push(interactor);
-                    break;
-                case InteractorType.particles:
-                    this._particleInteractors.push(interactor);
-                    break;
-            }
-            interactor.init();
-        }
-    }
-    particlesInteract(particle, delta) {
-        for (const interactor of this._externalInteractors) {
-            interactor.clear(particle, delta);
-        }
-        for (const interactor of this._particleInteractors) {
-            if (interactor.isEnabled(particle)) {
-                interactor.interact(particle, delta);
-            }
-        }
-    }
-    reset(particle) {
-        for (const interactor of this._externalInteractors) {
-            if (interactor.isEnabled()) {
-                interactor.reset(particle);
-            }
-        }
-        for (const interactor of this._particleInteractors) {
-            if (interactor.isEnabled(particle)) {
-                interactor.reset(particle);
-            }
-        }
-    }
-}

package/esm/Core/Utils/ParticlesInteractorBase.js

@@ -1,7 +0,0 @@
-import { InteractorType } from "../../Enums/Types/InteractorType.js";
-export class ParticlesInteractorBase {
-    constructor(container) {
-        this.type = InteractorType.particles;
-        this.container = container;
-    }
-}

package/esm/Enums/InteractivityDetect.js

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

package/esm/Enums/Modes/ResponsiveMode.js

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

package/esm/Enums/Modes/ThemeMode.js

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

package/esm/Enums/Types/DivType.js

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

package/esm/Enums/Types/InteractorType.js

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

package/esm/Options/Classes/Interactivity/Events/ClickEvent.js

@@ -1,18 +0,0 @@
-import { isNull } from "../../../../Utils/TypeUtils.js";
-export class ClickEvent {
-    constructor() {
-        this.enable = false;
-        this.mode = [];
-    }
-    load(data) {
-        if (isNull(data)) {
-            return;
-        }
-        if (data.enable !== undefined) {
-            this.enable = data.enable;
-        }
-        if (data.mode !== undefined) {
-            this.mode = data.mode;
-        }
-    }
-}

package/esm/Options/Classes/Interactivity/Events/DivEvent.js

@@ -1,27 +0,0 @@
-import { DivType } from "../../../../Enums/Types/DivType.js";
-import { isNull } from "../../../../Utils/TypeUtils.js";
-export class DivEvent {
-    constructor() {
-        this.selectors = [];
-        this.enable = false;
-        this.mode = [];
-        this.type = DivType.circle;
-    }
-    load(data) {
-        if (isNull(data)) {
-            return;
-        }
-        if (data.selectors !== undefined) {
-            this.selectors = data.selectors;
-        }
-        if (data.enable !== undefined) {
-            this.enable = data.enable;
-        }
-        if (data.mode !== undefined) {
-            this.mode = data.mode;
-        }
-        if (data.type !== undefined) {
-            this.type = data.type;
-        }
-    }
-}

package/esm/Options/Classes/Interactivity/Events/Events.js

@@ -1,30 +0,0 @@
-import { ClickEvent } from "./ClickEvent.js";
-import { DivEvent } from "./DivEvent.js";
-import { HoverEvent } from "./HoverEvent.js";
-import { ResizeEvent } from "./ResizeEvent.js";
-import { executeOnSingleOrMultiple } from "../../../../Utils/Utils.js";
-import { isNull } from "../../../../Utils/TypeUtils.js";
-export class Events {
-    constructor() {
-        this.onClick = new ClickEvent();
-        this.onDiv = new DivEvent();
-        this.onHover = new HoverEvent();
-        this.resize = new ResizeEvent();
-    }
-    load(data) {
-        if (isNull(data)) {
-            return;
-        }
-        this.onClick.load(data.onClick);
-        const onDiv = data.onDiv;
-        if (onDiv !== undefined) {
-            this.onDiv = executeOnSingleOrMultiple(onDiv, t => {
-                const tmp = new DivEvent();
-                tmp.load(t);
-                return tmp;
-            });
-        }
-        this.onHover.load(data.onHover);
-        this.resize.load(data.resize);
-    }
-}

package/esm/Options/Classes/Interactivity/Events/HoverEvent.js

@@ -1,21 +0,0 @@
-import { Parallax } from "./Parallax.js";
-import { isNull } from "../../../../Utils/TypeUtils.js";
-export class HoverEvent {
-    constructor() {
-        this.enable = false;
-        this.mode = [];
-        this.parallax = new Parallax();
-    }
-    load(data) {
-        if (isNull(data)) {
-            return;
-        }
-        if (data.enable !== undefined) {
-            this.enable = data.enable;
-        }
-        if (data.mode !== undefined) {
-            this.mode = data.mode;
-        }
-        this.parallax.load(data.parallax);
-    }
-}