@tsparticles/engine 4.0.0-alpha.1 → 4.0.0-alpha.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/219.min.js +1 -0
- package/README.md +2 -5
- package/browser/Core/Canvas.js +238 -154
- package/browser/Core/Container.js +111 -227
- package/browser/Core/Engine.js +84 -124
- package/browser/Core/Particle.js +236 -140
- package/browser/Core/Particles.js +212 -123
- package/browser/Core/Retina.js +5 -0
- package/browser/Core/Utils/Constants.js +2 -2
- package/browser/Core/Utils/EventListeners.js +69 -310
- package/browser/Core/Utils/Point.js +2 -0
- package/browser/Core/Utils/QuadTree.js +13 -8
- package/browser/Core/Utils/Ranges.js +4 -0
- package/browser/Core/Utils/Vectors.js +7 -4
- package/browser/Enums/Types/EasingType.js +18 -3
- package/browser/Options/Classes/AnimatableColor.js +1 -0
- package/browser/Options/Classes/AnimationOptions.js +8 -0
- package/browser/Options/Classes/Background/Background.js +6 -0
- package/browser/Options/Classes/ColorAnimation.js +1 -0
- package/browser/Options/Classes/FullScreen/FullScreen.js +2 -0
- package/browser/Options/Classes/HslAnimation.js +3 -5
- package/browser/Options/Classes/Options.js +32 -78
- package/browser/Options/Classes/OptionsColor.js +1 -0
- package/browser/Options/Classes/Particles/Bounce/ParticlesBounce.js +2 -0
- package/browser/Options/Classes/Particles/Effect/Effect.js +4 -0
- package/browser/Options/Classes/Particles/Move/Move.js +18 -0
- package/browser/Options/Classes/Particles/Move/MoveAngle.js +2 -0
- package/browser/Options/Classes/Particles/Move/MoveAttract.js +3 -0
- package/browser/Options/Classes/Particles/Move/MoveCenter.js +4 -0
- package/browser/Options/Classes/Particles/Move/MoveGravity.js +4 -0
- package/browser/Options/Classes/Particles/Move/OutModes.js +5 -0
- package/browser/Options/Classes/Particles/Move/Path/MovePath.js +5 -0
- package/browser/Options/Classes/Particles/Move/Spin.js +3 -0
- package/browser/Options/Classes/Particles/Number/ParticlesDensity.js +3 -0
- package/browser/Options/Classes/Particles/Number/ParticlesNumber.js +3 -0
- package/browser/Options/Classes/Particles/Number/ParticlesNumberLimit.js +2 -0
- package/browser/Options/Classes/Particles/Opacity/Opacity.js +1 -0
- package/browser/Options/Classes/Particles/Opacity/OpacityAnimation.js +1 -0
- package/browser/Options/Classes/Particles/ParticlesOptions.js +19 -11
- package/browser/Options/Classes/Particles/Shape/Shape.js +4 -0
- package/browser/Options/Classes/Particles/Size/Size.js +1 -0
- package/browser/Options/Classes/Particles/Size/SizeAnimation.js +1 -0
- package/browser/Options/Classes/Particles/Stroke.js +3 -0
- package/browser/Options/Classes/Particles/ZIndex/ZIndex.js +3 -0
- package/{esm/Options/Classes/Interactivity/Events → browser/Options/Classes}/ResizeEvent.js +3 -1
- package/browser/Options/Classes/ValueWithRandom.js +3 -4
- package/browser/Utils/CanvasUtils.js +31 -106
- package/browser/Utils/ColorUtils.js +17 -2
- package/browser/Utils/EventDispatcher.js +1 -0
- package/browser/Utils/MathUtils.js +3 -2
- package/browser/Utils/Utils.js +53 -44
- package/browser/exports.js +1 -21
- package/cjs/Core/Canvas.js +238 -154
- package/cjs/Core/Container.js +111 -227
- package/cjs/Core/Engine.js +84 -124
- package/cjs/Core/Particle.js +236 -140
- package/cjs/Core/Particles.js +212 -123
- package/cjs/Core/Retina.js +5 -0
- package/cjs/Core/Utils/Constants.js +2 -2
- package/cjs/Core/Utils/EventListeners.js +69 -310
- package/cjs/Core/Utils/Point.js +2 -0
- package/cjs/Core/Utils/QuadTree.js +13 -8
- package/cjs/Core/Utils/Ranges.js +4 -0
- package/cjs/Core/Utils/Vectors.js +7 -4
- package/cjs/Enums/Types/EasingType.js +18 -3
- package/cjs/Options/Classes/AnimatableColor.js +1 -0
- package/cjs/Options/Classes/AnimationOptions.js +8 -0
- package/cjs/Options/Classes/Background/Background.js +6 -0
- package/cjs/Options/Classes/ColorAnimation.js +1 -0
- package/cjs/Options/Classes/FullScreen/FullScreen.js +2 -0
- package/cjs/Options/Classes/HslAnimation.js +3 -5
- package/cjs/Options/Classes/Options.js +32 -78
- package/cjs/Options/Classes/OptionsColor.js +1 -0
- package/cjs/Options/Classes/Particles/Bounce/ParticlesBounce.js +2 -0
- package/cjs/Options/Classes/Particles/Effect/Effect.js +4 -0
- package/cjs/Options/Classes/Particles/Move/Move.js +18 -0
- package/cjs/Options/Classes/Particles/Move/MoveAngle.js +2 -0
- package/cjs/Options/Classes/Particles/Move/MoveAttract.js +3 -0
- package/cjs/Options/Classes/Particles/Move/MoveCenter.js +4 -0
- package/cjs/Options/Classes/Particles/Move/MoveGravity.js +4 -0
- package/cjs/Options/Classes/Particles/Move/OutModes.js +5 -0
- package/cjs/Options/Classes/Particles/Move/Path/MovePath.js +5 -0
- package/cjs/Options/Classes/Particles/Move/Spin.js +3 -0
- package/cjs/Options/Classes/Particles/Number/ParticlesDensity.js +3 -0
- package/cjs/Options/Classes/Particles/Number/ParticlesNumber.js +3 -0
- package/cjs/Options/Classes/Particles/Number/ParticlesNumberLimit.js +2 -0
- package/cjs/Options/Classes/Particles/Opacity/Opacity.js +1 -0
- package/cjs/Options/Classes/Particles/Opacity/OpacityAnimation.js +1 -0
- package/cjs/Options/Classes/Particles/ParticlesOptions.js +19 -11
- package/cjs/Options/Classes/Particles/Shape/Shape.js +4 -0
- package/cjs/Options/Classes/Particles/Size/Size.js +1 -0
- package/cjs/Options/Classes/Particles/Size/SizeAnimation.js +1 -0
- package/cjs/Options/Classes/Particles/Stroke.js +3 -0
- package/cjs/Options/Classes/Particles/ZIndex/ZIndex.js +3 -0
- package/cjs/Options/Classes/{Interactivity/Events/ResizeEvent.js → ResizeEvent.js} +3 -1
- package/cjs/Options/Classes/ValueWithRandom.js +3 -4
- package/cjs/Utils/CanvasUtils.js +31 -106
- package/cjs/Utils/ColorUtils.js +17 -2
- package/cjs/Utils/EventDispatcher.js +1 -0
- package/cjs/Utils/MathUtils.js +3 -2
- package/cjs/Utils/Utils.js +53 -44
- package/cjs/exports.js +1 -21
- package/dist_browser_Core_Container_js.js +8 -18
- package/esm/Core/Canvas.js +238 -154
- package/esm/Core/Container.js +111 -227
- package/esm/Core/Engine.js +84 -124
- package/esm/Core/Particle.js +236 -140
- package/esm/Core/Particles.js +212 -123
- package/esm/Core/Retina.js +5 -0
- package/esm/Core/Utils/Constants.js +2 -2
- package/esm/Core/Utils/EventListeners.js +69 -310
- package/esm/Core/Utils/Point.js +2 -0
- package/esm/Core/Utils/QuadTree.js +13 -8
- package/esm/Core/Utils/Ranges.js +4 -0
- package/esm/Core/Utils/Vectors.js +7 -4
- package/esm/Enums/Types/EasingType.js +18 -3
- package/esm/Options/Classes/AnimatableColor.js +1 -0
- package/esm/Options/Classes/AnimationOptions.js +8 -0
- package/esm/Options/Classes/Background/Background.js +6 -0
- package/esm/Options/Classes/ColorAnimation.js +1 -0
- package/esm/Options/Classes/FullScreen/FullScreen.js +2 -0
- package/esm/Options/Classes/HslAnimation.js +3 -5
- package/esm/Options/Classes/Options.js +32 -78
- package/esm/Options/Classes/OptionsColor.js +1 -0
- package/esm/Options/Classes/Particles/Bounce/ParticlesBounce.js +2 -0
- package/esm/Options/Classes/Particles/Effect/Effect.js +4 -0
- package/esm/Options/Classes/Particles/Move/Move.js +18 -0
- package/esm/Options/Classes/Particles/Move/MoveAngle.js +2 -0
- package/esm/Options/Classes/Particles/Move/MoveAttract.js +3 -0
- package/esm/Options/Classes/Particles/Move/MoveCenter.js +4 -0
- package/esm/Options/Classes/Particles/Move/MoveGravity.js +4 -0
- package/esm/Options/Classes/Particles/Move/OutModes.js +5 -0
- package/esm/Options/Classes/Particles/Move/Path/MovePath.js +5 -0
- package/esm/Options/Classes/Particles/Move/Spin.js +3 -0
- package/esm/Options/Classes/Particles/Number/ParticlesDensity.js +3 -0
- package/esm/Options/Classes/Particles/Number/ParticlesNumber.js +3 -0
- package/esm/Options/Classes/Particles/Number/ParticlesNumberLimit.js +2 -0
- package/esm/Options/Classes/Particles/Opacity/Opacity.js +1 -0
- package/esm/Options/Classes/Particles/Opacity/OpacityAnimation.js +1 -0
- package/esm/Options/Classes/Particles/ParticlesOptions.js +19 -11
- package/esm/Options/Classes/Particles/Shape/Shape.js +4 -0
- package/esm/Options/Classes/Particles/Size/Size.js +1 -0
- package/esm/Options/Classes/Particles/Size/SizeAnimation.js +1 -0
- package/esm/Options/Classes/Particles/Stroke.js +3 -0
- package/esm/Options/Classes/Particles/ZIndex/ZIndex.js +3 -0
- package/{browser/Options/Classes/Interactivity/Events → esm/Options/Classes}/ResizeEvent.js +3 -1
- package/esm/Options/Classes/ValueWithRandom.js +3 -4
- package/esm/Utils/CanvasUtils.js +31 -106
- package/esm/Utils/ColorUtils.js +17 -2
- package/esm/Utils/EventDispatcher.js +1 -0
- package/esm/Utils/MathUtils.js +3 -2
- package/esm/Utils/Utils.js +53 -44
- package/esm/exports.js +1 -21
- package/package.json +1 -1
- package/report.html +3 -3
- package/scripts/install.js +28 -9
- package/tsparticles.engine.js +67 -247
- package/tsparticles.engine.min.js +2 -2
- package/types/Core/Canvas.d.ts +15 -4
- package/types/Core/Container.d.ts +5 -20
- package/types/Core/Engine.d.ts +18 -32
- package/types/Core/Interfaces/IColorManager.d.ts +0 -1
- package/types/Core/Interfaces/IContainerPlugin.d.ts +12 -2
- package/types/Core/Interfaces/IDrawParticleParams.d.ts +1 -1
- package/types/Core/Interfaces/IMovePathGenerator.d.ts +1 -2
- package/types/Core/Interfaces/IParticleOpacityData.d.ts +4 -0
- package/types/Core/Interfaces/IParticleRotateData.d.ts +4 -0
- package/types/Core/Interfaces/IParticleTransformValues.d.ts +4 -4
- package/types/Core/Interfaces/IParticleUpdater.d.ts +1 -1
- package/types/Core/Interfaces/IPlugin.d.ts +5 -1
- package/types/Core/Interfaces/IShapeDrawer.d.ts +0 -1
- package/types/Core/Particle.d.ts +13 -2
- package/types/Core/Particles.d.ts +17 -8
- package/types/Core/Utils/Constants.d.ts +2 -2
- package/types/Core/Utils/EventListeners.d.ts +0 -14
- package/types/Enums/Types/EasingType.d.ts +20 -5
- package/types/Options/Classes/HslAnimation.d.ts +3 -4
- package/types/Options/Classes/Options.d.ts +2 -11
- package/types/Options/Classes/Particles/ParticlesOptions.d.ts +0 -2
- package/types/Options/Classes/ResizeEvent.d.ts +9 -0
- package/types/Options/Classes/ValueWithRandom.d.ts +0 -1
- package/types/Options/Interfaces/IOptions.d.ts +2 -8
- package/types/Options/Interfaces/Particles/IParticlesOptions.d.ts +0 -3
- package/types/Types/CustomEventListener.d.ts +1 -1
- package/types/Types/EngineInitializers.d.ts +19 -0
- package/types/Utils/CanvasUtils.d.ts +6 -25
- package/types/Utils/EventDispatcher.d.ts +1 -1
- package/types/Utils/Utils.d.ts +5 -7
- package/types/export-types.d.ts +3 -19
- package/types/exports.d.ts +1 -21
- package/umd/Core/Canvas.js +236 -152
- package/umd/Core/Container.js +111 -227
- package/umd/Core/Engine.js +83 -123
- package/umd/Core/Particle.js +236 -140
- package/umd/Core/Particles.js +213 -124
- package/umd/Core/Retina.js +5 -0
- package/umd/Core/Utils/Constants.js +3 -3
- package/umd/Core/Utils/EventListeners.js +69 -310
- package/umd/Core/Utils/Point.js +2 -0
- package/umd/Core/Utils/QuadTree.js +13 -8
- package/umd/Core/Utils/Ranges.js +4 -0
- package/umd/Core/Utils/Vectors.js +7 -4
- package/umd/Enums/Types/EasingType.js +18 -3
- package/umd/Options/Classes/AnimatableColor.js +1 -0
- package/umd/Options/Classes/AnimationOptions.js +8 -0
- package/umd/Options/Classes/Background/Background.js +6 -0
- package/umd/Options/Classes/ColorAnimation.js +1 -0
- package/umd/Options/Classes/FullScreen/FullScreen.js +2 -0
- package/umd/Options/Classes/HslAnimation.js +3 -5
- package/umd/Options/Classes/Options.js +32 -78
- package/umd/Options/Classes/OptionsColor.js +1 -0
- package/umd/Options/Classes/Particles/Bounce/ParticlesBounce.js +2 -0
- package/umd/Options/Classes/Particles/Effect/Effect.js +4 -0
- package/umd/Options/Classes/Particles/Move/Move.js +18 -0
- package/umd/Options/Classes/Particles/Move/MoveAngle.js +2 -0
- package/umd/Options/Classes/Particles/Move/MoveAttract.js +3 -0
- package/umd/Options/Classes/Particles/Move/MoveCenter.js +4 -0
- package/umd/Options/Classes/Particles/Move/MoveGravity.js +4 -0
- package/umd/Options/Classes/Particles/Move/OutModes.js +5 -0
- package/umd/Options/Classes/Particles/Move/Path/MovePath.js +5 -0
- package/umd/Options/Classes/Particles/Move/Spin.js +3 -0
- package/umd/Options/Classes/Particles/Number/ParticlesDensity.js +3 -0
- package/umd/Options/Classes/Particles/Number/ParticlesNumber.js +3 -0
- package/umd/Options/Classes/Particles/Number/ParticlesNumberLimit.js +2 -0
- package/umd/Options/Classes/Particles/Opacity/Opacity.js +1 -0
- package/umd/Options/Classes/Particles/Opacity/OpacityAnimation.js +1 -0
- package/umd/Options/Classes/Particles/ParticlesOptions.js +19 -11
- package/umd/Options/Classes/Particles/Shape/Shape.js +4 -0
- package/umd/Options/Classes/Particles/Size/Size.js +1 -0
- package/umd/Options/Classes/Particles/Size/SizeAnimation.js +1 -0
- package/umd/Options/Classes/Particles/Stroke.js +3 -0
- package/umd/Options/Classes/Particles/ZIndex/ZIndex.js +3 -0
- package/umd/Options/Classes/{Interactivity/Events/ResizeEvent.js → ResizeEvent.js} +4 -2
- package/umd/Options/Classes/ValueWithRandom.js +3 -4
- package/umd/Utils/CanvasUtils.js +30 -108
- package/umd/Utils/ColorUtils.js +17 -2
- package/umd/Utils/EventDispatcher.js +1 -0
- package/umd/Utils/MathUtils.js +3 -2
- package/umd/Utils/Utils.js +55 -48
- package/umd/exports.js +2 -22
- package/638.min.js +0 -2
- package/638.min.js.LICENSE.txt +0 -1
- package/browser/Core/Utils/ExternalInteractorBase.js +0 -7
- package/browser/Core/Utils/InteractionManager.js +0 -60
- package/browser/Core/Utils/ParticlesInteractorBase.js +0 -7
- package/browser/Enums/InteractivityDetect.js +0 -6
- package/browser/Enums/Modes/ResponsiveMode.js +0 -5
- package/browser/Enums/Modes/ThemeMode.js +0 -6
- package/browser/Enums/Types/DivType.js +0 -5
- package/browser/Enums/Types/InteractorType.js +0 -5
- package/browser/Options/Classes/Interactivity/Events/ClickEvent.js +0 -18
- package/browser/Options/Classes/Interactivity/Events/DivEvent.js +0 -27
- package/browser/Options/Classes/Interactivity/Events/Events.js +0 -30
- package/browser/Options/Classes/Interactivity/Events/HoverEvent.js +0 -21
- package/browser/Options/Classes/Interactivity/Events/Parallax.js +0 -22
- package/browser/Options/Classes/Interactivity/Interactivity.js +0 -22
- package/browser/Options/Classes/Interactivity/Modes/Modes.js +0 -25
- package/browser/Options/Classes/ManualParticle.js +0 -21
- package/browser/Options/Classes/Responsive.js +0 -29
- package/browser/Options/Classes/Theme/Theme.js +0 -21
- package/browser/Options/Classes/Theme/ThemeDefault.js +0 -23
- package/browser/Options/Interfaces/Interactivity/Events/IEvents.js +0 -1
- package/browser/Options/Interfaces/Interactivity/Events/IHoverEvent.js +0 -1
- package/browser/Options/Interfaces/Interactivity/Events/IParallax.js +0 -1
- package/browser/Options/Interfaces/Interactivity/IInteractivity.js +0 -1
- package/browser/Options/Interfaces/Interactivity/Modes/IModeDiv.js +0 -1
- package/browser/Options/Interfaces/Interactivity/Modes/IModes.js +0 -1
- package/browser/Options/Interfaces/Theme/ITheme.js +0 -1
- package/browser/Options/Interfaces/Theme/IThemeDefault.js +0 -1
- package/cjs/Core/Interfaces/IContainerInteractivity.js +0 -1
- package/cjs/Core/Interfaces/IExternalInteractor.js +0 -1
- package/cjs/Core/Interfaces/IInteractor.js +0 -1
- package/cjs/Core/Interfaces/IMouseData.js +0 -1
- package/cjs/Core/Interfaces/IParticlesInteractor.js +0 -1
- package/cjs/Core/Utils/ExternalInteractorBase.js +0 -7
- package/cjs/Core/Utils/InteractionManager.js +0 -60
- package/cjs/Core/Utils/ParticlesInteractorBase.js +0 -7
- package/cjs/Enums/InteractivityDetect.js +0 -6
- package/cjs/Enums/Modes/ResponsiveMode.js +0 -5
- package/cjs/Enums/Modes/ThemeMode.js +0 -6
- package/cjs/Enums/Types/DivType.js +0 -5
- package/cjs/Enums/Types/InteractorType.js +0 -5
- package/cjs/Options/Classes/Interactivity/Events/ClickEvent.js +0 -18
- package/cjs/Options/Classes/Interactivity/Events/DivEvent.js +0 -27
- package/cjs/Options/Classes/Interactivity/Events/Events.js +0 -30
- package/cjs/Options/Classes/Interactivity/Events/HoverEvent.js +0 -21
- package/cjs/Options/Classes/Interactivity/Events/Parallax.js +0 -22
- package/cjs/Options/Classes/Interactivity/Interactivity.js +0 -22
- package/cjs/Options/Classes/Interactivity/Modes/Modes.js +0 -25
- package/cjs/Options/Classes/ManualParticle.js +0 -21
- package/cjs/Options/Classes/Responsive.js +0 -29
- package/cjs/Options/Classes/Theme/Theme.js +0 -21
- package/cjs/Options/Classes/Theme/ThemeDefault.js +0 -23
- package/cjs/Options/Interfaces/IManualParticle.js +0 -1
- package/cjs/Options/Interfaces/IResponsive.js +0 -1
- package/cjs/Options/Interfaces/Interactivity/Events/IClickEvent.js +0 -1
- package/cjs/Options/Interfaces/Interactivity/Events/IDivEvent.js +0 -1
- package/cjs/Options/Interfaces/Interactivity/Events/IEvents.js +0 -1
- package/cjs/Options/Interfaces/Interactivity/Events/IHoverEvent.js +0 -1
- package/cjs/Options/Interfaces/Interactivity/Events/IParallax.js +0 -1
- package/cjs/Options/Interfaces/Interactivity/IInteractivity.js +0 -1
- package/cjs/Options/Interfaces/Interactivity/Modes/IModeDiv.js +0 -1
- package/cjs/Options/Interfaces/Interactivity/Modes/IModes.js +0 -1
- package/cjs/Options/Interfaces/Theme/ITheme.js +0 -1
- package/cjs/Options/Interfaces/Theme/IThemeDefault.js +0 -1
- package/esm/Core/Interfaces/IContainerInteractivity.js +0 -1
- package/esm/Core/Interfaces/IExternalInteractor.js +0 -1
- package/esm/Core/Interfaces/IInteractor.js +0 -1
- package/esm/Core/Interfaces/IMouseData.js +0 -1
- package/esm/Core/Interfaces/IParticlesInteractor.js +0 -1
- package/esm/Core/Utils/ExternalInteractorBase.js +0 -7
- package/esm/Core/Utils/InteractionManager.js +0 -60
- package/esm/Core/Utils/ParticlesInteractorBase.js +0 -7
- package/esm/Enums/InteractivityDetect.js +0 -6
- package/esm/Enums/Modes/ResponsiveMode.js +0 -5
- package/esm/Enums/Modes/ThemeMode.js +0 -6
- package/esm/Enums/Types/DivType.js +0 -5
- package/esm/Enums/Types/InteractorType.js +0 -5
- package/esm/Options/Classes/Interactivity/Events/ClickEvent.js +0 -18
- package/esm/Options/Classes/Interactivity/Events/DivEvent.js +0 -27
- package/esm/Options/Classes/Interactivity/Events/Events.js +0 -30
- package/esm/Options/Classes/Interactivity/Events/HoverEvent.js +0 -21
- package/esm/Options/Classes/Interactivity/Events/Parallax.js +0 -22
- package/esm/Options/Classes/Interactivity/Interactivity.js +0 -22
- package/esm/Options/Classes/Interactivity/Modes/Modes.js +0 -25
- package/esm/Options/Classes/ManualParticle.js +0 -21
- package/esm/Options/Classes/Responsive.js +0 -29
- package/esm/Options/Classes/Theme/Theme.js +0 -21
- package/esm/Options/Classes/Theme/ThemeDefault.js +0 -23
- package/esm/Options/Interfaces/IManualParticle.js +0 -1
- package/esm/Options/Interfaces/IResponsive.js +0 -1
- package/esm/Options/Interfaces/Interactivity/Events/IClickEvent.js +0 -1
- package/esm/Options/Interfaces/Interactivity/Events/IDivEvent.js +0 -1
- package/esm/Options/Interfaces/Interactivity/Events/IEvents.js +0 -1
- package/esm/Options/Interfaces/Interactivity/Events/IHoverEvent.js +0 -1
- package/esm/Options/Interfaces/Interactivity/Events/IParallax.js +0 -1
- package/esm/Options/Interfaces/Interactivity/IInteractivity.js +0 -1
- package/esm/Options/Interfaces/Interactivity/Modes/IModeDiv.js +0 -1
- package/esm/Options/Interfaces/Interactivity/Modes/IModes.js +0 -1
- package/esm/Options/Interfaces/Theme/ITheme.js +0 -1
- package/esm/Options/Interfaces/Theme/IThemeDefault.js +0 -1
- package/tsparticles.engine.min.js.LICENSE.txt +0 -1
- package/types/Core/Interfaces/IContainerInteractivity.d.ts +0 -6
- package/types/Core/Interfaces/IExternalInteractor.d.ts +0 -12
- package/types/Core/Interfaces/IInteractor.d.ts +0 -16
- package/types/Core/Interfaces/IMouseData.d.ts +0 -9
- package/types/Core/Interfaces/IParticlesInteractor.d.ts +0 -7
- package/types/Core/Utils/ExternalInteractorBase.d.ts +0 -15
- package/types/Core/Utils/InteractionManager.d.ts +0 -17
- package/types/Core/Utils/ParticlesInteractorBase.d.ts +0 -15
- package/types/Enums/InteractivityDetect.d.ts +0 -5
- package/types/Enums/Modes/ResponsiveMode.d.ts +0 -4
- package/types/Enums/Modes/ThemeMode.d.ts +0 -5
- package/types/Enums/Types/DivType.d.ts +0 -4
- package/types/Enums/Types/InteractorType.d.ts +0 -4
- package/types/Options/Classes/Interactivity/Events/ClickEvent.d.ts +0 -10
- package/types/Options/Classes/Interactivity/Events/DivEvent.d.ts +0 -13
- package/types/Options/Classes/Interactivity/Events/Events.d.ts +0 -16
- package/types/Options/Classes/Interactivity/Events/HoverEvent.d.ts +0 -12
- package/types/Options/Classes/Interactivity/Events/Parallax.d.ts +0 -10
- package/types/Options/Classes/Interactivity/Events/ResizeEvent.d.ts +0 -9
- package/types/Options/Classes/Interactivity/Interactivity.d.ts +0 -16
- package/types/Options/Classes/Interactivity/Modes/Modes.d.ts +0 -12
- package/types/Options/Classes/ManualParticle.d.ts +0 -10
- package/types/Options/Classes/Responsive.d.ts +0 -12
- package/types/Options/Classes/Theme/Theme.d.ts +0 -12
- package/types/Options/Classes/Theme/ThemeDefault.d.ts +0 -11
- package/types/Options/Interfaces/IManualParticle.d.ts +0 -7
- package/types/Options/Interfaces/IResponsive.d.ts +0 -7
- package/types/Options/Interfaces/Interactivity/Events/IClickEvent.d.ts +0 -5
- package/types/Options/Interfaces/Interactivity/Events/IDivEvent.d.ts +0 -8
- package/types/Options/Interfaces/Interactivity/Events/IEvents.d.ts +0 -11
- package/types/Options/Interfaces/Interactivity/Events/IHoverEvent.d.ts +0 -7
- package/types/Options/Interfaces/Interactivity/Events/IParallax.d.ts +0 -5
- package/types/Options/Interfaces/Interactivity/IInteractivity.d.ts +0 -9
- package/types/Options/Interfaces/Interactivity/Modes/IModeDiv.d.ts +0 -4
- package/types/Options/Interfaces/Interactivity/Modes/IModes.d.ts +0 -1
- package/types/Options/Interfaces/Theme/ITheme.d.ts +0 -7
- package/types/Options/Interfaces/Theme/IThemeDefault.d.ts +0 -6
- package/umd/Core/Interfaces/IMouseData.js +0 -12
- package/umd/Core/Interfaces/IParticlesInteractor.js +0 -12
- package/umd/Core/Utils/ExternalInteractorBase.js +0 -21
- package/umd/Core/Utils/InteractionManager.js +0 -74
- package/umd/Core/Utils/ParticlesInteractorBase.js +0 -21
- package/umd/Enums/InteractivityDetect.js +0 -19
- package/umd/Enums/Modes/ResponsiveMode.js +0 -18
- package/umd/Enums/Modes/ThemeMode.js +0 -19
- package/umd/Enums/Types/DivType.js +0 -18
- package/umd/Enums/Types/InteractorType.js +0 -18
- package/umd/Options/Classes/Interactivity/Events/ClickEvent.js +0 -32
- package/umd/Options/Classes/Interactivity/Events/DivEvent.js +0 -41
- package/umd/Options/Classes/Interactivity/Events/Events.js +0 -44
- package/umd/Options/Classes/Interactivity/Events/HoverEvent.js +0 -35
- package/umd/Options/Classes/Interactivity/Events/Parallax.js +0 -36
- package/umd/Options/Classes/Interactivity/Interactivity.js +0 -36
- package/umd/Options/Classes/Interactivity/Modes/Modes.js +0 -39
- package/umd/Options/Classes/ManualParticle.js +0 -35
- package/umd/Options/Classes/Responsive.js +0 -43
- package/umd/Options/Classes/Theme/Theme.js +0 -35
- package/umd/Options/Classes/Theme/ThemeDefault.js +0 -37
- package/umd/Options/Interfaces/IManualParticle.js +0 -12
- package/umd/Options/Interfaces/IResponsive.js +0 -12
- package/umd/Options/Interfaces/Interactivity/Events/IClickEvent.js +0 -12
- package/umd/Options/Interfaces/Interactivity/Events/IDivEvent.js +0 -12
- package/umd/Options/Interfaces/Interactivity/Events/IEvents.js +0 -12
- package/umd/Options/Interfaces/Interactivity/Events/IHoverEvent.js +0 -12
- package/umd/Options/Interfaces/Interactivity/Events/IParallax.js +0 -12
- package/umd/Options/Interfaces/Interactivity/IInteractivity.js +0 -12
- package/umd/Options/Interfaces/Interactivity/Modes/IModeDiv.js +0 -12
- package/umd/Options/Interfaces/Interactivity/Modes/IModes.js +0 -12
- package/umd/Options/Interfaces/Theme/ITheme.js +0 -12
- package/umd/Options/Interfaces/Theme/IThemeDefault.js +0 -12
- /package/browser/Core/Interfaces/{IContainerInteractivity.js → IParticleOpacityData.js} +0 -0
- /package/browser/Core/Interfaces/{IExternalInteractor.js → IParticleRotateData.js} +0 -0
- /package/browser/Options/Interfaces/{Interactivity/Events/IResizeEvent.js → IResizeEvent.js} +0 -0
- /package/browser/{Core/Interfaces/IInteractor.js → Types/EngineInitializers.js} +0 -0
- /package/{browser/Core/Interfaces/IMouseData.js → cjs/Core/Interfaces/IParticleOpacityData.js} +0 -0
- /package/{browser/Core/Interfaces/IParticlesInteractor.js → cjs/Core/Interfaces/IParticleRotateData.js} +0 -0
- /package/cjs/Options/Interfaces/{Interactivity/Events/IResizeEvent.js → IResizeEvent.js} +0 -0
- /package/{browser/Options/Interfaces/IManualParticle.js → cjs/Types/EngineInitializers.js} +0 -0
- /package/{browser/Options/Interfaces/IResponsive.js → esm/Core/Interfaces/IParticleOpacityData.js} +0 -0
- /package/{browser/Options/Interfaces/Interactivity/Events/IClickEvent.js → esm/Core/Interfaces/IParticleRotateData.js} +0 -0
- /package/esm/Options/Interfaces/{Interactivity/Events/IResizeEvent.js → IResizeEvent.js} +0 -0
- /package/{browser/Options/Interfaces/Interactivity/Events/IDivEvent.js → esm/Types/EngineInitializers.js} +0 -0
- /package/types/Options/Interfaces/{Interactivity/Events/IResizeEvent.d.ts → IResizeEvent.d.ts} +0 -0
- /package/umd/Core/Interfaces/{IContainerInteractivity.js → IParticleOpacityData.js} +0 -0
- /package/umd/Core/Interfaces/{IExternalInteractor.js → IParticleRotateData.js} +0 -0
- /package/umd/Options/Interfaces/{Interactivity/Events/IResizeEvent.js → IResizeEvent.js} +0 -0
- /package/umd/{Core/Interfaces/IInteractor.js → Types/EngineInitializers.js} +0 -0
package/umd/Utils/CanvasUtils.js
CHANGED
|
@@ -9,8 +9,6 @@
|
|
|
9
9
|
})(function (require, exports) {
|
|
10
10
|
"use strict";
|
|
11
11
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
12
|
-
exports.clearDrawPlugin = clearDrawPlugin;
|
|
13
|
-
exports.drawLine = drawLine;
|
|
14
12
|
exports.paintBase = paintBase;
|
|
15
13
|
exports.paintImage = paintImage;
|
|
16
14
|
exports.clear = clear;
|
|
@@ -20,23 +18,10 @@
|
|
|
20
18
|
exports.drawShape = drawShape;
|
|
21
19
|
exports.drawShapeAfterDraw = drawShapeAfterDraw;
|
|
22
20
|
exports.drawShapeBeforeDraw = drawShapeBeforeDraw;
|
|
23
|
-
exports.drawPlugin = drawPlugin;
|
|
24
21
|
exports.drawParticlePlugin = drawParticlePlugin;
|
|
25
22
|
exports.alterHsl = alterHsl;
|
|
26
23
|
const Constants_js_1 = require("../Core/Utils/Constants.js");
|
|
27
24
|
const AlterType_js_1 = require("../Enums/Types/AlterType.js");
|
|
28
|
-
function clearDrawPlugin(context, plugin, delta) {
|
|
29
|
-
if (!plugin.clearDraw) {
|
|
30
|
-
return;
|
|
31
|
-
}
|
|
32
|
-
plugin.clearDraw(context, delta);
|
|
33
|
-
}
|
|
34
|
-
function drawLine(context, begin, end) {
|
|
35
|
-
context.beginPath();
|
|
36
|
-
context.moveTo(begin.x, begin.y);
|
|
37
|
-
context.lineTo(end.x, end.y);
|
|
38
|
-
context.closePath();
|
|
39
|
-
}
|
|
40
25
|
function paintBase(context, dimension, baseColor) {
|
|
41
26
|
context.fillStyle = baseColor ?? "rgba(0,0,0,0)";
|
|
42
27
|
context.fillRect(Constants_js_1.originPoint.x, Constants_js_1.originPoint.y, dimension.width, dimension.height);
|
|
@@ -53,15 +38,7 @@
|
|
|
53
38
|
context.clearRect(Constants_js_1.originPoint.x, Constants_js_1.originPoint.y, dimension.width, dimension.height);
|
|
54
39
|
}
|
|
55
40
|
function drawParticle(data) {
|
|
56
|
-
const { container, context, particle, delta, colorStyles, radius, opacity, transform } = data, pos = particle.getPosition(),
|
|
57
|
-
sin: Math.sin(angle),
|
|
58
|
-
cos: Math.cos(angle),
|
|
59
|
-
}, rotating = particle.isRotating, transformData = {
|
|
60
|
-
a: rotateData.cos * (transform.a ?? Constants_js_1.defaultTransform.a),
|
|
61
|
-
b: rotating ? rotateData.sin * (transform.b ?? Constants_js_1.identity) : (transform.b ?? Constants_js_1.defaultTransform.b),
|
|
62
|
-
c: rotating ? -rotateData.sin * (transform.c ?? Constants_js_1.identity) : (transform.c ?? Constants_js_1.defaultTransform.c),
|
|
63
|
-
d: rotateData.cos * (transform.d ?? Constants_js_1.defaultTransform.d),
|
|
64
|
-
};
|
|
41
|
+
const { container, context, particle, delta, colorStyles, radius, opacity, transform } = data, pos = particle.getPosition(), transformData = particle.getTransformData(transform);
|
|
65
42
|
context.setTransform(transformData.a, transformData.b, transformData.c, transformData.d, pos.x, pos.y);
|
|
66
43
|
if (colorStyles.fill) {
|
|
67
44
|
context.fillStyle = colorStyles.fill;
|
|
@@ -72,142 +49,87 @@
|
|
|
72
49
|
context.strokeStyle = colorStyles.stroke;
|
|
73
50
|
}
|
|
74
51
|
const drawData = {
|
|
75
|
-
container,
|
|
76
52
|
context,
|
|
77
53
|
particle,
|
|
78
54
|
radius,
|
|
79
55
|
opacity,
|
|
80
56
|
delta,
|
|
57
|
+
pixelRatio: container.retina.pixelRatio,
|
|
58
|
+
fill: particle.shapeFill,
|
|
59
|
+
stroke: strokeWidth > Constants_js_1.minStrokeWidth || !particle.shapeFill,
|
|
81
60
|
transformData,
|
|
82
|
-
strokeWidth,
|
|
83
61
|
};
|
|
84
|
-
drawBeforeEffect(drawData);
|
|
85
|
-
drawShapeBeforeDraw(drawData);
|
|
86
|
-
drawShape(drawData);
|
|
87
|
-
drawShapeAfterDraw(drawData);
|
|
88
|
-
drawAfterEffect(drawData);
|
|
62
|
+
drawBeforeEffect(container, drawData);
|
|
63
|
+
drawShapeBeforeDraw(container, drawData);
|
|
64
|
+
drawShape(container, drawData);
|
|
65
|
+
drawShapeAfterDraw(container, drawData);
|
|
66
|
+
drawAfterEffect(container, drawData);
|
|
89
67
|
context.resetTransform();
|
|
90
68
|
}
|
|
91
|
-
function drawAfterEffect(data) {
|
|
92
|
-
const {
|
|
69
|
+
function drawAfterEffect(container, data) {
|
|
70
|
+
const { particle } = data;
|
|
93
71
|
if (!particle.effect) {
|
|
94
72
|
return;
|
|
95
73
|
}
|
|
96
|
-
const drawer = container.effectDrawers.get(particle.effect), drawFunc = drawer?.drawAfter;
|
|
74
|
+
const drawer = container.particles.effectDrawers.get(particle.effect), drawFunc = drawer?.drawAfter;
|
|
97
75
|
if (!drawFunc) {
|
|
98
76
|
return;
|
|
99
77
|
}
|
|
100
|
-
drawFunc(
|
|
101
|
-
context,
|
|
102
|
-
particle,
|
|
103
|
-
radius,
|
|
104
|
-
opacity,
|
|
105
|
-
delta,
|
|
106
|
-
pixelRatio: container.retina.pixelRatio,
|
|
107
|
-
fill: particle.shapeFill,
|
|
108
|
-
stroke: strokeWidth > Constants_js_1.minStrokeWidth || !particle.shapeFill,
|
|
109
|
-
transformData: { ...transformData },
|
|
110
|
-
});
|
|
78
|
+
drawFunc(data);
|
|
111
79
|
}
|
|
112
|
-
function drawBeforeEffect(data) {
|
|
113
|
-
const {
|
|
80
|
+
function drawBeforeEffect(container, data) {
|
|
81
|
+
const { particle } = data;
|
|
114
82
|
if (!particle.effect) {
|
|
115
83
|
return;
|
|
116
84
|
}
|
|
117
|
-
const drawer = container.effectDrawers.get(particle.effect);
|
|
85
|
+
const drawer = container.particles.effectDrawers.get(particle.effect);
|
|
118
86
|
if (!drawer?.drawBefore) {
|
|
119
87
|
return;
|
|
120
88
|
}
|
|
121
|
-
drawer.drawBefore(
|
|
122
|
-
context,
|
|
123
|
-
particle,
|
|
124
|
-
radius,
|
|
125
|
-
opacity,
|
|
126
|
-
delta,
|
|
127
|
-
pixelRatio: container.retina.pixelRatio,
|
|
128
|
-
fill: particle.shapeFill,
|
|
129
|
-
stroke: strokeWidth > Constants_js_1.minStrokeWidth || !particle.shapeFill,
|
|
130
|
-
transformData: { ...transformData },
|
|
131
|
-
});
|
|
89
|
+
drawer.drawBefore(data);
|
|
132
90
|
}
|
|
133
|
-
function drawShape(data) {
|
|
134
|
-
const {
|
|
91
|
+
function drawShape(container, data) {
|
|
92
|
+
const { context, particle, stroke } = data;
|
|
135
93
|
if (!particle.shape) {
|
|
136
94
|
return;
|
|
137
95
|
}
|
|
138
|
-
const drawer = container.shapeDrawers.get(particle.shape);
|
|
96
|
+
const drawer = container.particles.shapeDrawers.get(particle.shape);
|
|
139
97
|
if (!drawer) {
|
|
140
98
|
return;
|
|
141
99
|
}
|
|
142
100
|
context.beginPath();
|
|
143
|
-
drawer.draw(
|
|
144
|
-
context,
|
|
145
|
-
particle,
|
|
146
|
-
radius,
|
|
147
|
-
opacity,
|
|
148
|
-
delta,
|
|
149
|
-
pixelRatio: container.retina.pixelRatio,
|
|
150
|
-
fill: particle.shapeFill,
|
|
151
|
-
stroke: strokeWidth > Constants_js_1.minStrokeWidth || !particle.shapeFill,
|
|
152
|
-
transformData: { ...transformData },
|
|
153
|
-
});
|
|
101
|
+
drawer.draw(data);
|
|
154
102
|
if (particle.shapeClose) {
|
|
155
103
|
context.closePath();
|
|
156
104
|
}
|
|
157
|
-
if (
|
|
105
|
+
if (stroke) {
|
|
158
106
|
context.stroke();
|
|
159
107
|
}
|
|
160
108
|
if (particle.shapeFill) {
|
|
161
109
|
context.fill();
|
|
162
110
|
}
|
|
163
111
|
}
|
|
164
|
-
function drawShapeAfterDraw(data) {
|
|
165
|
-
const {
|
|
112
|
+
function drawShapeAfterDraw(container, data) {
|
|
113
|
+
const { particle } = data;
|
|
166
114
|
if (!particle.shape) {
|
|
167
115
|
return;
|
|
168
116
|
}
|
|
169
|
-
const drawer = container.shapeDrawers.get(particle.shape);
|
|
117
|
+
const drawer = container.particles.shapeDrawers.get(particle.shape);
|
|
170
118
|
if (!drawer?.afterDraw) {
|
|
171
119
|
return;
|
|
172
120
|
}
|
|
173
|
-
drawer.afterDraw(
|
|
174
|
-
context,
|
|
175
|
-
particle,
|
|
176
|
-
radius,
|
|
177
|
-
opacity,
|
|
178
|
-
delta,
|
|
179
|
-
pixelRatio: container.retina.pixelRatio,
|
|
180
|
-
fill: particle.shapeFill,
|
|
181
|
-
stroke: strokeWidth > Constants_js_1.minStrokeWidth || !particle.shapeFill,
|
|
182
|
-
transformData: { ...transformData },
|
|
183
|
-
});
|
|
121
|
+
drawer.afterDraw(data);
|
|
184
122
|
}
|
|
185
|
-
function drawShapeBeforeDraw(data) {
|
|
186
|
-
const {
|
|
123
|
+
function drawShapeBeforeDraw(container, data) {
|
|
124
|
+
const { particle } = data;
|
|
187
125
|
if (!particle.shape) {
|
|
188
126
|
return;
|
|
189
127
|
}
|
|
190
|
-
const drawer = container.shapeDrawers.get(particle.shape);
|
|
128
|
+
const drawer = container.particles.shapeDrawers.get(particle.shape);
|
|
191
129
|
if (!drawer?.beforeDraw) {
|
|
192
130
|
return;
|
|
193
131
|
}
|
|
194
|
-
drawer.beforeDraw(
|
|
195
|
-
context,
|
|
196
|
-
particle,
|
|
197
|
-
radius,
|
|
198
|
-
opacity,
|
|
199
|
-
delta,
|
|
200
|
-
pixelRatio: container.retina.pixelRatio,
|
|
201
|
-
fill: particle.shapeFill,
|
|
202
|
-
stroke: strokeWidth > Constants_js_1.minStrokeWidth || !particle.shapeFill,
|
|
203
|
-
transformData: { ...transformData },
|
|
204
|
-
});
|
|
205
|
-
}
|
|
206
|
-
function drawPlugin(context, plugin, delta) {
|
|
207
|
-
if (!plugin.draw) {
|
|
208
|
-
return;
|
|
209
|
-
}
|
|
210
|
-
plugin.draw(context, delta);
|
|
132
|
+
drawer.beforeDraw(data);
|
|
211
133
|
}
|
|
212
134
|
function drawParticlePlugin(context, plugin, particle, delta) {
|
|
213
135
|
if (!plugin.drawParticle) {
|
package/umd/Utils/ColorUtils.js
CHANGED
|
@@ -33,6 +33,19 @@
|
|
|
33
33
|
const TypeUtils_js_1 = require("./TypeUtils.js");
|
|
34
34
|
const AnimationStatus_js_1 = require("../Enums/AnimationStatus.js");
|
|
35
35
|
const Utils_js_1 = require("./Utils.js");
|
|
36
|
+
const styleCache = new Map(), maxCacheSize = 1000, firstIndex = 0, rgbFixedPrecision = 2, hslFixedPrecision = 2;
|
|
37
|
+
function getCachedStyle(key, generator) {
|
|
38
|
+
let cached = styleCache.get(key);
|
|
39
|
+
if (!cached) {
|
|
40
|
+
cached = generator();
|
|
41
|
+
if (styleCache.size >= maxCacheSize) {
|
|
42
|
+
const keysToDelete = [...styleCache.keys()].slice(firstIndex, maxCacheSize * Constants_js_1.half);
|
|
43
|
+
keysToDelete.forEach(k => styleCache.delete(k));
|
|
44
|
+
}
|
|
45
|
+
styleCache.set(key, cached);
|
|
46
|
+
}
|
|
47
|
+
return cached;
|
|
48
|
+
}
|
|
36
49
|
function stringToRgba(engine, input) {
|
|
37
50
|
if (!input) {
|
|
38
51
|
return;
|
|
@@ -185,7 +198,8 @@
|
|
|
185
198
|
};
|
|
186
199
|
}
|
|
187
200
|
function getStyleFromRgb(color, hdr, opacity) {
|
|
188
|
-
|
|
201
|
+
const op = opacity ?? Constants_js_1.defaultOpacity, key = `rgb-${color.r.toFixed(rgbFixedPrecision)}-${color.g.toFixed(rgbFixedPrecision)}-${color.b.toFixed(rgbFixedPrecision)}-${hdr ? "hdr" : "sdr"}-${op.toString()}`;
|
|
202
|
+
return getCachedStyle(key, () => (hdr ? getHdrStyleFromRgb(color, opacity) : getSdrStyleFromRgb(color, opacity)));
|
|
189
203
|
}
|
|
190
204
|
function getHdrStyleFromRgb(color, opacity) {
|
|
191
205
|
return `color(display-p3 ${(color.r / Constants_js_1.rgbMax).toString()} ${(color.g / Constants_js_1.rgbMax).toString()} ${(color.b / Constants_js_1.rgbMax).toString()} / ${(opacity ?? Constants_js_1.defaultOpacity).toString()})`;
|
|
@@ -194,7 +208,8 @@
|
|
|
194
208
|
return `rgba(${color.r.toString()}, ${color.g.toString()}, ${color.b.toString()}, ${(opacity ?? Constants_js_1.defaultOpacity).toString()})`;
|
|
195
209
|
}
|
|
196
210
|
function getStyleFromHsl(color, hdr, opacity) {
|
|
197
|
-
|
|
211
|
+
const op = opacity ?? Constants_js_1.defaultOpacity, key = `hsl-${color.h.toFixed(hslFixedPrecision)}-${color.s.toFixed(hslFixedPrecision)}-${color.l.toFixed(hslFixedPrecision)}-${hdr ? "hdr" : "sdr"}-${op.toString()}`;
|
|
212
|
+
return getCachedStyle(key, () => (hdr ? getHdrStyleFromHsl(color, opacity) : getSdrStyleFromHsl(color, opacity)));
|
|
198
213
|
}
|
|
199
214
|
function getHdrStyleFromHsl(color, opacity) {
|
|
200
215
|
return getHdrStyleFromRgb(hslToRgb(color), opacity);
|
package/umd/Utils/MathUtils.js
CHANGED
|
@@ -173,9 +173,10 @@
|
|
|
173
173
|
return calcPositionOrRandomFromSize({ size: data.size, position });
|
|
174
174
|
}
|
|
175
175
|
function calcExactPositionOrRandomFromSize(data) {
|
|
176
|
+
const { position, size } = data;
|
|
176
177
|
return {
|
|
177
|
-
x:
|
|
178
|
-
y:
|
|
178
|
+
x: position?.x ?? getRandom() * size.width,
|
|
179
|
+
y: position?.y ?? getRandom() * size.height,
|
|
179
180
|
};
|
|
180
181
|
}
|
|
181
182
|
function calcExactPositionOrRandomFromSizeRanged(data) {
|
package/umd/Utils/Utils.js
CHANGED
|
@@ -16,17 +16,12 @@
|
|
|
16
16
|
exports.safeIntersectionObserver = safeIntersectionObserver;
|
|
17
17
|
exports.safeMutationObserver = safeMutationObserver;
|
|
18
18
|
exports.isInArray = isInArray;
|
|
19
|
-
exports.loadFont = loadFont;
|
|
20
19
|
exports.arrayRandomIndex = arrayRandomIndex;
|
|
21
20
|
exports.itemFromArray = itemFromArray;
|
|
22
21
|
exports.isPointInside = isPointInside;
|
|
23
22
|
exports.areBoundsInside = areBoundsInside;
|
|
24
23
|
exports.calculateBounds = calculateBounds;
|
|
25
24
|
exports.deepExtend = deepExtend;
|
|
26
|
-
exports.isDivModeEnabled = isDivModeEnabled;
|
|
27
|
-
exports.divModeExecute = divModeExecute;
|
|
28
|
-
exports.singleDivModeExecute = singleDivModeExecute;
|
|
29
|
-
exports.divMode = divMode;
|
|
30
25
|
exports.circleBounceDataFromParticle = circleBounceDataFromParticle;
|
|
31
26
|
exports.circleBounce = circleBounce;
|
|
32
27
|
exports.executeOnSingleOrMultiple = executeOnSingleOrMultiple;
|
|
@@ -37,6 +32,9 @@
|
|
|
37
32
|
exports.getSize = getSize;
|
|
38
33
|
exports.updateAnimation = updateAnimation;
|
|
39
34
|
exports.cloneStyle = cloneStyle;
|
|
35
|
+
exports.manageListener = manageListener;
|
|
36
|
+
exports.getItemsFromInitializer = getItemsFromInitializer;
|
|
37
|
+
exports.getItemMapFromInitializer = getItemMapFromInitializer;
|
|
40
38
|
const MathUtils_js_1 = require("./MathUtils.js");
|
|
41
39
|
const Constants_js_1 = require("../Core/Utils/Constants.js");
|
|
42
40
|
const TypeUtils_js_1 = require("./TypeUtils.js");
|
|
@@ -60,12 +58,6 @@
|
|
|
60
58
|
return result;
|
|
61
59
|
};
|
|
62
60
|
}
|
|
63
|
-
function checkSelector(element, selectors) {
|
|
64
|
-
const res = executeOnSingleOrMultiple(selectors, selector => {
|
|
65
|
-
return element.matches(selector);
|
|
66
|
-
});
|
|
67
|
-
return (0, TypeUtils_js_1.isArray)(res) ? res.some(t => t) : res;
|
|
68
|
-
}
|
|
69
61
|
function hasMatchMedia() {
|
|
70
62
|
return typeof matchMedia !== "undefined";
|
|
71
63
|
}
|
|
@@ -93,13 +85,6 @@
|
|
|
93
85
|
function isInArray(value, array) {
|
|
94
86
|
return value === array || ((0, TypeUtils_js_1.isArray)(array) && array.includes(value));
|
|
95
87
|
}
|
|
96
|
-
async function loadFont(font, weight) {
|
|
97
|
-
try {
|
|
98
|
-
await safeDocument().fonts.load(`${weight ?? "400"} 36px '${font ?? "Verdana"}'`);
|
|
99
|
-
}
|
|
100
|
-
catch {
|
|
101
|
-
}
|
|
102
|
-
}
|
|
103
88
|
function arrayRandomIndex(array) {
|
|
104
89
|
return Math.floor((0, MathUtils_js_1.getRandom)() * array.length);
|
|
105
90
|
}
|
|
@@ -143,11 +128,15 @@
|
|
|
143
128
|
continue;
|
|
144
129
|
}
|
|
145
130
|
const sourceIsArray = Array.isArray(source);
|
|
146
|
-
if (sourceIsArray
|
|
147
|
-
destination
|
|
131
|
+
if (sourceIsArray) {
|
|
132
|
+
if (!Array.isArray(destination)) {
|
|
133
|
+
destination = [];
|
|
134
|
+
}
|
|
148
135
|
}
|
|
149
|
-
else
|
|
150
|
-
destination
|
|
136
|
+
else {
|
|
137
|
+
if (!(0, TypeUtils_js_1.isObject)(destination) || Array.isArray(destination)) {
|
|
138
|
+
destination = {};
|
|
139
|
+
}
|
|
151
140
|
}
|
|
152
141
|
for (const key in source) {
|
|
153
142
|
if (key === "__proto__") {
|
|
@@ -162,31 +151,6 @@
|
|
|
162
151
|
}
|
|
163
152
|
return destination;
|
|
164
153
|
}
|
|
165
|
-
function isDivModeEnabled(mode, divs) {
|
|
166
|
-
return !!findItemFromSingleOrMultiple(divs, t => t.enable && isInArray(mode, t.mode));
|
|
167
|
-
}
|
|
168
|
-
function divModeExecute(mode, divs, callback) {
|
|
169
|
-
executeOnSingleOrMultiple(divs, div => {
|
|
170
|
-
const divMode = div.mode, divEnabled = div.enable;
|
|
171
|
-
if (divEnabled && isInArray(mode, divMode)) {
|
|
172
|
-
singleDivModeExecute(div, callback);
|
|
173
|
-
}
|
|
174
|
-
});
|
|
175
|
-
}
|
|
176
|
-
function singleDivModeExecute(div, callback) {
|
|
177
|
-
const selectors = div.selectors;
|
|
178
|
-
executeOnSingleOrMultiple(selectors, selector => {
|
|
179
|
-
callback(selector, div);
|
|
180
|
-
});
|
|
181
|
-
}
|
|
182
|
-
function divMode(divs, element) {
|
|
183
|
-
if (!element || !divs) {
|
|
184
|
-
return;
|
|
185
|
-
}
|
|
186
|
-
return findItemFromSingleOrMultiple(divs, div => {
|
|
187
|
-
return checkSelector(element, div.selectors);
|
|
188
|
-
});
|
|
189
|
-
}
|
|
190
154
|
function circleBounceDataFromParticle(p) {
|
|
191
155
|
return {
|
|
192
156
|
position: p.getPosition(),
|
|
@@ -244,6 +208,8 @@
|
|
|
244
208
|
case AnimationMode_js_1.AnimationMode.random:
|
|
245
209
|
res.status = (0, MathUtils_js_1.getRandom)() >= Constants_js_1.half ? AnimationStatus_js_1.AnimationStatus.increasing : AnimationStatus_js_1.AnimationStatus.decreasing;
|
|
246
210
|
break;
|
|
211
|
+
default:
|
|
212
|
+
break;
|
|
247
213
|
}
|
|
248
214
|
const autoStatus = animationOptions.mode === AnimationMode_js_1.AnimationMode.auto;
|
|
249
215
|
switch (animationOptions.startValue) {
|
|
@@ -309,6 +275,8 @@
|
|
|
309
275
|
particle.destroy();
|
|
310
276
|
}
|
|
311
277
|
break;
|
|
278
|
+
default:
|
|
279
|
+
break;
|
|
312
280
|
}
|
|
313
281
|
}
|
|
314
282
|
function updateAnimation(particle, data, changeDirection, destroyType, delta) {
|
|
@@ -356,6 +324,9 @@
|
|
|
356
324
|
else {
|
|
357
325
|
data.value -= velocity;
|
|
358
326
|
}
|
|
327
|
+
break;
|
|
328
|
+
default:
|
|
329
|
+
break;
|
|
359
330
|
}
|
|
360
331
|
if (data.velocity && decay !== identity) {
|
|
361
332
|
data.velocity *= decay;
|
|
@@ -367,7 +338,7 @@
|
|
|
367
338
|
const clonedStyle = safeDocument().createElement("div").style;
|
|
368
339
|
for (const key in style) {
|
|
369
340
|
const styleKey = style[key];
|
|
370
|
-
if (!Object.
|
|
341
|
+
if (!Object.hasOwn(style, key) || (0, TypeUtils_js_1.isNull)(styleKey)) {
|
|
371
342
|
continue;
|
|
372
343
|
}
|
|
373
344
|
const styleValue = style.getPropertyValue?.(styleKey);
|
|
@@ -407,4 +378,40 @@
|
|
|
407
378
|
return fullScreenStyle;
|
|
408
379
|
}
|
|
409
380
|
exports.getFullScreenStyle = memoize(computeFullScreenStyle);
|
|
381
|
+
function manageListener(element, event, handler, add, options) {
|
|
382
|
+
if (add) {
|
|
383
|
+
let addOptions = { passive: true };
|
|
384
|
+
if ((0, TypeUtils_js_1.isBoolean)(options)) {
|
|
385
|
+
addOptions.capture = options;
|
|
386
|
+
}
|
|
387
|
+
else if (options !== undefined) {
|
|
388
|
+
addOptions = options;
|
|
389
|
+
}
|
|
390
|
+
element.addEventListener(event, handler, addOptions);
|
|
391
|
+
}
|
|
392
|
+
else {
|
|
393
|
+
const removeOptions = options;
|
|
394
|
+
element.removeEventListener(event, handler, removeOptions);
|
|
395
|
+
}
|
|
396
|
+
}
|
|
397
|
+
async function getItemsFromInitializer(container, map, initializers, force = false) {
|
|
398
|
+
let res = map.get(container);
|
|
399
|
+
if (!res || force) {
|
|
400
|
+
res = await Promise.all([...initializers.values()].map(t => t(container)));
|
|
401
|
+
map.set(container, res);
|
|
402
|
+
}
|
|
403
|
+
return res;
|
|
404
|
+
}
|
|
405
|
+
async function getItemMapFromInitializer(container, map, initializers, force = false) {
|
|
406
|
+
let res = map.get(container);
|
|
407
|
+
if (!res || force) {
|
|
408
|
+
res = new Map();
|
|
409
|
+
const entries = await Promise.all([...initializers.entries()].map(async ([key, initializer]) => [key, await initializer(container)]));
|
|
410
|
+
for (const [key, item] of entries) {
|
|
411
|
+
res.set(key, item);
|
|
412
|
+
}
|
|
413
|
+
map.set(container, res);
|
|
414
|
+
}
|
|
415
|
+
return res;
|
|
416
|
+
}
|
|
410
417
|
});
|
package/umd/exports.js
CHANGED
|
@@ -18,14 +18,12 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
18
18
|
if (v !== undefined) module.exports = v;
|
|
19
19
|
}
|
|
20
20
|
else if (typeof define === "function" && define.amd) {
|
|
21
|
-
define(["require", "exports", "./Core/Utils/Constants.js", "./Core/Utils/
|
|
21
|
+
define(["require", "exports", "./Core/Utils/Constants.js", "./Core/Utils/Point.js", "./Core/Utils/Ranges.js", "./Core/Utils/Vectors.js", "./Enums/Directions/MoveDirection.js", "./Enums/Directions/RotateDirection.js", "./Enums/Directions/OutModeDirection.js", "./Enums/Modes/AnimationMode.js", "./Enums/Modes/LimitMode.js", "./Enums/Modes/OutMode.js", "./Enums/Modes/PixelMode.js", "./Enums/Types/AlterType.js", "./Enums/Types/DestroyType.js", "./Enums/Types/GradientType.js", "./Enums/Types/ParticleOutType.js", "./Enums/Types/StartValueType.js", "./Enums/Types/EasingType.js", "./Enums/Types/EventType.js", "./Enums/AnimationStatus.js", "./Options/Classes/AnimatableColor.js", "./Options/Classes/AnimationOptions.js", "./Options/Classes/Background/Background.js", "./Options/Classes/ColorAnimation.js", "./Options/Classes/FullScreen/FullScreen.js", "./Options/Classes/HslAnimation.js", "./Options/Classes/Options.js", "./Options/Classes/OptionsColor.js", "./Options/Classes/Particles/Bounce/ParticlesBounce.js", "./Options/Classes/Particles/Bounce/ParticlesBounceFactor.js", "./Options/Classes/Particles/ParticlesOptions.js", "./Options/Classes/Particles/Stroke.js", "./Options/Classes/Particles/Move/MoveAttract.js", "./Options/Classes/Particles/Move/Move.js", "./Options/Classes/Particles/Move/MoveAngle.js", "./Options/Classes/Particles/Move/MoveCenter.js", "./Options/Classes/Particles/Move/MoveGravity.js", "./Options/Classes/Particles/Move/OutModes.js", "./Options/Classes/Particles/Move/Path/MovePath.js", "./Options/Classes/Particles/Move/Spin.js", "./Options/Classes/Particles/Number/ParticlesNumber.js", "./Options/Classes/Particles/Number/ParticlesNumberLimit.js", "./Options/Classes/Particles/Number/ParticlesDensity.js", "./Options/Classes/Particles/Opacity/Opacity.js", "./Options/Classes/Particles/Opacity/OpacityAnimation.js", "./Options/Classes/Particles/Shape/Shape.js", "./Options/Classes/Particles/Size/Size.js", "./Options/Classes/Particles/Size/SizeAnimation.js", "./Options/Classes/Particles/ZIndex/ZIndex.js", "./Options/Classes/ResizeEvent.js", "./Options/Classes/ValueWithRandom.js", "./Utils/CanvasUtils.js", "./Utils/ColorUtils.js", "./Utils/LogUtils.js", "./Utils/MathUtils.js", "./Utils/OptionsUtils.js", "./Utils/Utils.js", "./Utils/TypeUtils.js"], factory);
|
|
22
22
|
}
|
|
23
23
|
})(function (require, exports) {
|
|
24
24
|
"use strict";
|
|
25
25
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
26
|
__exportStar(require("./Core/Utils/Constants.js"), exports);
|
|
27
|
-
__exportStar(require("./Core/Utils/ExternalInteractorBase.js"), exports);
|
|
28
|
-
__exportStar(require("./Core/Utils/ParticlesInteractorBase.js"), exports);
|
|
29
27
|
__exportStar(require("./Core/Utils/Point.js"), exports);
|
|
30
28
|
__exportStar(require("./Core/Utils/Ranges.js"), exports);
|
|
31
29
|
__exportStar(require("./Core/Utils/Vectors.js"), exports);
|
|
@@ -36,36 +34,20 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
36
34
|
__exportStar(require("./Enums/Modes/LimitMode.js"), exports);
|
|
37
35
|
__exportStar(require("./Enums/Modes/OutMode.js"), exports);
|
|
38
36
|
__exportStar(require("./Enums/Modes/PixelMode.js"), exports);
|
|
39
|
-
__exportStar(require("./Enums/Modes/ThemeMode.js"), exports);
|
|
40
|
-
__exportStar(require("./Enums/Modes/ResponsiveMode.js"), exports);
|
|
41
37
|
__exportStar(require("./Enums/Types/AlterType.js"), exports);
|
|
42
38
|
__exportStar(require("./Enums/Types/DestroyType.js"), exports);
|
|
43
39
|
__exportStar(require("./Enums/Types/GradientType.js"), exports);
|
|
44
|
-
__exportStar(require("./Enums/Types/InteractorType.js"), exports);
|
|
45
40
|
__exportStar(require("./Enums/Types/ParticleOutType.js"), exports);
|
|
46
41
|
__exportStar(require("./Enums/Types/StartValueType.js"), exports);
|
|
47
|
-
__exportStar(require("./Enums/Types/DivType.js"), exports);
|
|
48
42
|
__exportStar(require("./Enums/Types/EasingType.js"), exports);
|
|
49
43
|
__exportStar(require("./Enums/Types/EventType.js"), exports);
|
|
50
44
|
__exportStar(require("./Enums/AnimationStatus.js"), exports);
|
|
51
|
-
__exportStar(require("./Enums/InteractivityDetect.js"), exports);
|
|
52
45
|
__exportStar(require("./Options/Classes/AnimatableColor.js"), exports);
|
|
53
46
|
__exportStar(require("./Options/Classes/AnimationOptions.js"), exports);
|
|
54
47
|
__exportStar(require("./Options/Classes/Background/Background.js"), exports);
|
|
55
48
|
__exportStar(require("./Options/Classes/ColorAnimation.js"), exports);
|
|
56
49
|
__exportStar(require("./Options/Classes/FullScreen/FullScreen.js"), exports);
|
|
57
50
|
__exportStar(require("./Options/Classes/HslAnimation.js"), exports);
|
|
58
|
-
__exportStar(require("./Options/Classes/Interactivity/Events/ClickEvent.js"), exports);
|
|
59
|
-
__exportStar(require("./Options/Classes/Interactivity/Events/DivEvent.js"), exports);
|
|
60
|
-
__exportStar(require("./Options/Classes/Interactivity/Events/ClickEvent.js"), exports);
|
|
61
|
-
__exportStar(require("./Options/Classes/Interactivity/Events/DivEvent.js"), exports);
|
|
62
|
-
__exportStar(require("./Options/Classes/Interactivity/Events/Events.js"), exports);
|
|
63
|
-
__exportStar(require("./Options/Classes/Interactivity/Events/HoverEvent.js"), exports);
|
|
64
|
-
__exportStar(require("./Options/Classes/Interactivity/Events/Parallax.js"), exports);
|
|
65
|
-
__exportStar(require("./Options/Classes/Interactivity/Events/ResizeEvent.js"), exports);
|
|
66
|
-
__exportStar(require("./Options/Classes/Interactivity/Interactivity.js"), exports);
|
|
67
|
-
__exportStar(require("./Options/Classes/Interactivity/Modes/Modes.js"), exports);
|
|
68
|
-
__exportStar(require("./Options/Classes/ManualParticle.js"), exports);
|
|
69
51
|
__exportStar(require("./Options/Classes/Options.js"), exports);
|
|
70
52
|
__exportStar(require("./Options/Classes/OptionsColor.js"), exports);
|
|
71
53
|
__exportStar(require("./Options/Classes/Particles/Bounce/ParticlesBounce.js"), exports);
|
|
@@ -89,9 +71,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
89
71
|
__exportStar(require("./Options/Classes/Particles/Size/Size.js"), exports);
|
|
90
72
|
__exportStar(require("./Options/Classes/Particles/Size/SizeAnimation.js"), exports);
|
|
91
73
|
__exportStar(require("./Options/Classes/Particles/ZIndex/ZIndex.js"), exports);
|
|
92
|
-
__exportStar(require("./Options/Classes/
|
|
93
|
-
__exportStar(require("./Options/Classes/Theme/Theme.js"), exports);
|
|
94
|
-
__exportStar(require("./Options/Classes/Theme/ThemeDefault.js"), exports);
|
|
74
|
+
__exportStar(require("./Options/Classes/ResizeEvent.js"), exports);
|
|
95
75
|
__exportStar(require("./Options/Classes/ValueWithRandom.js"), exports);
|
|
96
76
|
__exportStar(require("./Utils/CanvasUtils.js"), exports);
|
|
97
77
|
__exportStar(require("./Utils/ColorUtils.js"), exports);
|
package/638.min.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
/*! For license information please see 638.min.js.LICENSE.txt */
|
|
2
|
-
(this.webpackChunk_tsparticles_engine=this.webpackChunk_tsparticles_engine||[]).push([[638],{1638(t,i,e){e.d(i,{Container:()=>A});var s=e(397),n=e(4117),o=e(9259),a=e(615),r=e(6192);function h(t,i,e){const s=i[e];void 0!==s&&(t[e]=(t[e]??n.zs)*s)}function c(t,i,e=!1){if(!i)return;const s=t.style,n=new Set;for(let t=0;t<s.length;t++){const i=s.item(t);i&&n.add(i)}for(let t=0;t<i.length;t++){const e=i.item(t);e&&n.add(e)}for(const t of n){const n=i.getPropertyValue(t);n?s.setProperty(t,n,e?"important":""):s.removeProperty(t)}}class l{constructor(t,i){this.container=t,this._applyPostDrawUpdaters=t=>{for(const i of this._postDrawUpdaters)i.afterDraw?.(t)},this._applyPreDrawUpdaters=(t,i,e,s,n,o)=>{for(const a of this._preDrawUpdaters){if(a.getColorStyles){const{fill:o,stroke:r}=a.getColorStyles(i,t,e,s);o&&(n.fill=o),r&&(n.stroke=r)}if(a.getTransformValues){const t=a.getTransformValues(i);for(const i in t)h(o,t,i)}a.beforeDraw?.(i)}},this._applyResizePlugins=()=>{for(const t of this._resizePlugins)t.resize?.()},this._getPluginParticleColors=t=>{let i,e;for(const s of this._colorPlugins)if(!i&&s.particleFillColor&&(i=(0,r.R5)(this._engine,s.particleFillColor(t))),!e&&s.particleStrokeColor&&(e=(0,r.R5)(this._engine,s.particleStrokeColor(t))),i&&e)break;return[i,e]},this._initStyle=()=>{const t=this.element,i=this.container.actualOptions;if(t){this._fullScreen?this._setFullScreenStyle():this._resetOriginalStyle();for(const e in i.style){if(!e||!Object.prototype.hasOwnProperty.call(i.style,e))continue;const s=i.style[e];s&&t.style.setProperty(e,s,"important")}}},this._repairStyle=()=>{const t=this.element;if(!t)return;this._safeMutationObserver((t=>{t.disconnect()})),this._initStyle(),this.initBackground();const i=this._pointerEvents;t.style.pointerEvents=i,t.setAttribute("pointer-events",i),this._safeMutationObserver((i=>{t instanceof Node&&i.observe(t,{attributes:!0})}))},this._resetOriginalStyle=()=>{const t=this.element,i=this._originalStyle;t&&i&&c(t,i,!0)},this._safeMutationObserver=t=>{this._mutationObserver&&t(this._mutationObserver)},this._setFullScreenStyle=()=>{const t=this.element;t&&c(t,(0,a.hJ)(this.container.actualOptions.fullScreen.zIndex),!0)},this._engine=i,this._standardSize={height:0,width:0};const e=t.retina.pixelRatio,s=this._standardSize;this.size={height:s.height*e,width:s.width*e},this._context=null,this._generated=!1,this._preDrawUpdaters=[],this._postDrawUpdaters=[],this._resizePlugins=[],this._colorPlugins=[],this._pointerEvents="none"}get _fullScreen(){return this.container.actualOptions.fullScreen.enable}canvasClear(){this.container.actualOptions.clear&&this.draw((t=>{(0,o.IU)(t,this.size)}))}clear(){let t=!1;for(const i of this.container.plugins.values())!t&&i.canvasClear&&(t=i.canvasClear());t||this.canvasClear()}clearDrawPlugin(t,i){this.draw((e=>{(0,o.l7)(e,t,i)}))}destroy(){if(this.stop(),this._generated){const t=this.element;t?.remove(),this.element=void 0}else this._resetOriginalStyle();this._preDrawUpdaters=[],this._postDrawUpdaters=[],this._resizePlugins=[],this._colorPlugins=[]}draw(t){const i=this._context;if(i)return t(i)}drawParticle(t,i){if(t.spawning||t.destroyed)return;const e=t.getRadius();if(e<=n.w2)return;const s=t.getFillColor(),a=t.getStrokeColor()??s;let[h,c]=this._getPluginParticleColors(t);if(h??=s,c??=a,!h&&!c)return;const l=this.container,d=t.options.zIndex,u=n.RV-t.zIndexFactor,p=u**d.opacityRate,f=t.bubble.opacity??t.opacity?.value??n.hv,_=t.strokeOpacity??f,g=f*p,v=_*p,m={},y={fill:(()=>{if(h)return(0,r.LC)(h,l.hdr,g)})()};y.stroke=c?(0,r.LC)(c,l.hdr,v):y.fill,this.draw((s=>{this._applyPreDrawUpdaters(s,t,e,g,y,m),(0,o.p0)({container:l,context:s,particle:t,delta:i,colorStyles:y,radius:e*u**d.sizeRate,opacity:g,transform:m})})),this._applyPostDrawUpdaters(t)}drawParticlePlugin(t,i,e){this.draw((s=>{(0,o.Wb)(s,t,i,e)}))}drawParticles(t){const{particles:i,plugins:e}=this.container;this.clear(),i.update(t);for(const i of e.values())this.drawPlugin(i,t);this.draw((()=>{i.drawParticles(t)}));for(const i of e.values())this.clearDrawPlugin(i,t)}drawPlugin(t,i){this.draw((e=>{(0,o.e_)(e,t,i)}))}init(){this._safeMutationObserver((t=>{t.disconnect()})),this._mutationObserver=(0,a.tG)((t=>{for(const i of t)"attributes"===i.type&&"style"===i.attributeName&&this._repairStyle()})),this.resize(),this._initStyle(),this.initBackground(),this._safeMutationObserver((t=>{this.element&&this.element instanceof Node&&t.observe(this.element,{attributes:!0})})),this.initUpdaters(),this.initPlugins(),this.paint()}initBackground(){const{container:t}=this,i=t.actualOptions.background,e=this.element;if(!e)return;const s=e.style,n=(0,r.BN)(this._engine,i.color);s.backgroundColor=n?(0,r.xx)(n,t.hdr,i.opacity):"",s.backgroundImage=i.image||"",s.backgroundPosition=i.position||"",s.backgroundRepeat=i.repeat||"",s.backgroundSize=i.size||""}initPlugins(){this._resizePlugins=[];for(const t of this.container.plugins.values())t.resize&&this._resizePlugins.push(t),(t.particleFillColor??t.particleStrokeColor)&&this._colorPlugins.push(t)}initUpdaters(){this._preDrawUpdaters=[],this._postDrawUpdaters=[];for(const t of this.container.particles.updaters)t.afterDraw&&this._postDrawUpdaters.push(t),(t.getColorStyles??t.getTransformValues??t.beforeDraw)&&this._preDrawUpdaters.push(t)}loadCanvas(t){this._generated&&this.element&&this.element.remove();const i=this.container;this._generated=n.eb in t.dataset?"true"===t.dataset[n.eb]:this._generated,this.element=t,this.element.ariaHidden="true",this._originalStyle=(0,a.td)(this.element.style);const e=this._standardSize;e.height=t.offsetHeight,e.width=t.offsetWidth;const s=this.container.retina.pixelRatio,o=this.size;t.height=o.height=e.height*s,t.width=o.width=e.width*s;const r=(0,a.lV)("(color-gamut: p3)");this._context=this.element.getContext("2d",{alpha:!0,colorSpace:r?.matches&&i.hdr?"display-p3":"srgb",desynchronized:!0,willReadFrequently:!1}),this._safeMutationObserver((t=>{t.disconnect()})),i.retina.init(),this.initBackground(),this._safeMutationObserver((t=>{this.element&&this.element instanceof Node&&t.observe(this.element,{attributes:!0})}))}paint(){let t=!1;for(const i of this.container.plugins.values()){if(t)break;t=i.canvasPaint?.()??!1}t||this.paintBase()}paintBase(t){this.draw((i=>{(0,o.Sn)(i,this.size,t)}))}paintImage(t,i){this.draw((e=>{(0,o.Md)(e,this.size,t,i)}))}resize(){if(!this.element)return!1;const t=this.container,i=t.canvas._standardSize,e={width:this.element.offsetWidth,height:this.element.offsetHeight},s=t.retina.pixelRatio,n={width:e.width*s,height:e.height*s};if(e.height===i.height&&e.width===i.width&&n.height===this.element.height&&n.width===this.element.width)return!1;const o={...i};i.height=e.height,i.width=e.width;const a=this.size;return this.element.width=a.width=n.width,this.element.height=a.height=n.height,this.container.started&&t.particles.setResizeFactor({width:i.width/o.width,height:i.height/o.height}),!0}setPointerEvents(t){this.element&&(this._pointerEvents=t,this._repairStyle())}stop(){this._safeMutationObserver((t=>{t.disconnect()})),this._mutationObserver=void 0,this.draw((t=>{(0,o.IU)(t,this.size)}))}async windowResize(){if(!this.element||!this.resize())return;const t=this.container,i=t.updateActualOptions();t.particles.setDensity(),this._applyResizePlugins(),i&&await t.refresh()}}var d=e(6249),u=e(3631);function p(t,i,e,s,n){if(s){let s={passive:!0};(0,u.Lm)(n)?s.capture=n:void 0!==n&&(s=n),t.addEventListener(i,e,s)}else{const s=n;t.removeEventListener(i,e,s)}}class f{constructor(t){this.container=t,this._canPush=!0,this._doMouseTouchClick=t=>{const i=this.container,e=i.actualOptions;if(this._canPush){const t=i.interactivity.mouse,s=t.position;if(!s)return;t.clickPosition={...s},t.clickTime=Date.now();const n=e.interactivity.events.onClick;(0,a.wJ)(n.mode,(t=>{this.container.handleClickMode(t)}))}"touchend"===t.type&&setTimeout((()=>{this._mouseTouchFinish()}),n.pH)},this._handleThemeChange=t=>{const i=t,e=this.container,s=e.options,n=s.defaultThemes,o=i.matches?n.dark:n.light,a=s.themes.find((t=>t.name===o));a?.default.auto&&e.loadTheme(o)},this._handleVisibilityChange=()=>{const t=this.container,i=t.actualOptions;this._mouseTouchFinish(),i.pauseOnBlur&&((0,a.T5)().hidden?(t.pageHidden=!0,t.pause()):(t.pageHidden=!1,t.animationStatus?t.play(!0):t.draw(!0)))},this._handleWindowResize=()=>{this._resizeTimeout&&(clearTimeout(this._resizeTimeout),delete this._resizeTimeout);const t=async()=>{const t=this.container.canvas;await t.windowResize()};this._resizeTimeout=setTimeout((()=>{t()}),this.container.actualOptions.interactivity.events.resize.delay*n.Xu)},this._manageInteractivityListeners=(t,i)=>{const e=this._handlers,s=this.container,o=s.actualOptions,a=s.interactivity.element;if(!a)return;const r=a,h=s.canvas;h.setPointerEvents(r===h.element?"initial":"none"),(o.interactivity.events.onHover.enable||o.interactivity.events.onClick.enable)&&(p(a,n.Rb,e.mouseMove,i),p(a,n.s7,e.touchStart,i),p(a,n.DG,e.touchMove,i),o.interactivity.events.onClick.enable?(p(a,n.Bp,e.touchEndClick,i),p(a,n.vo,e.mouseUp,i),p(a,n.ms,e.mouseDown,i)):p(a,n.Bp,e.touchEnd,i),p(a,t,e.mouseLeave,i),p(a,n.G3,e.touchCancel,i))},this._manageListeners=t=>{const i=this._handlers,e=this.container,s=e.actualOptions.interactivity.detectsOn,o=e.canvas.element;let a=n.Z0;s===d.h.window?(e.interactivity.element=window,a=n.sf):s===d.h.parent&&o?e.interactivity.element=o.parentElement??o.parentNode:e.interactivity.element=o,this._manageMediaMatch(t),this._manageResize(t),this._manageInteractivityListeners(a,t),p(document,n.nK,i.visibilityChange,t,!1)},this._manageMediaMatch=t=>{const i=this._handlers;this._matchMedia&&p(this._matchMedia,"change",i.themeChange,t)},this._manageResize=t=>{const i=this._handlers,e=this.container;if(!e.actualOptions.interactivity.events.resize.enable)return;if("undefined"==typeof ResizeObserver)return void p(globalThis,n.NF,i.resize,t);const s=e.canvas.element;this._resizeObserver&&!t?(s&&this._resizeObserver.unobserve(s),this._resizeObserver.disconnect(),delete this._resizeObserver):!this._resizeObserver&&t&&s&&(this._resizeObserver=new ResizeObserver((t=>{t.find((t=>t.target===s))&&this._handleWindowResize()})),this._resizeObserver.observe(s))},this._mouseDown=()=>{const{interactivity:t}=this.container,{mouse:i}=t;i.clicking=!0,i.downPosition=i.position},this._mouseTouchClick=t=>{const i=this.container,e=i.actualOptions,{mouse:s}=i.interactivity;s.inside=!0;let n=!1;const o=s.position;if(o&&e.interactivity.events.onClick.enable){for(const t of i.plugins.values())if(t.clickPositionValid&&(n=t.clickPositionValid(o),n))break;n||this._doMouseTouchClick(t),s.clicking=!1}},this._mouseTouchFinish=()=>{const{interactivity:t}=this.container,{mouse:i}=t;delete i.position,delete i.clickPosition,delete i.downPosition,t.status=n.Z0,i.inside=!1,i.clicking=!1},this._mouseTouchMove=t=>{const i=this.container,e=i.actualOptions,s=i.interactivity,o=i.canvas.element;if(!s.element)return;let a;if(s.mouse.inside=!0,t.type.startsWith("pointer")){this._canPush=!0;const i=t;if(s.element===window){if(o){const t=o.getBoundingClientRect();a={x:i.clientX-t.left,y:i.clientY-t.top}}}else if(e.interactivity.detectsOn===d.h.parent){const t=i.target,e=i.currentTarget;if(o){const s=t.getBoundingClientRect(),r=e.getBoundingClientRect(),h=o.getBoundingClientRect();a={x:i.offsetX+n.gd*s.left-(r.left+h.left),y:i.offsetY+n.gd*s.top-(r.top+h.top)}}else a={x:i.offsetX,y:i.offsetY}}else i.target===o&&(a={x:i.offsetX,y:i.offsetY})}else if(this._canPush="touchmove"!==t.type,o){const i=t,e=i.touches[i.touches.length-n.K3],s=o.getBoundingClientRect();if(!e)return;a={x:e.clientX-s.left,y:e.clientY-s.top}}const r=i.retina.pixelRatio;a&&(a.x*=r,a.y*=r),s.mouse.position=a,s.status=n.Rb},this._touchEnd=t=>{const i=t,e=Array.from(i.changedTouches);for(const t of e)this._touches.delete(t.identifier);this._mouseTouchFinish()},this._touchEndClick=t=>{const i=t,e=Array.from(i.changedTouches);for(const t of e)this._touches.delete(t.identifier);this._mouseTouchClick(t)},this._touchStart=t=>{const i=t,e=Array.from(i.changedTouches);for(const t of e)this._touches.set(t.identifier,performance.now());this._mouseTouchMove(t)},this._matchMedia=(0,a.lV)("(prefers-color-scheme: dark)"),this._touches=new Map,this._handlers={mouseDown:()=>{this._mouseDown()},mouseLeave:()=>{this._mouseTouchFinish()},mouseMove:t=>{this._mouseTouchMove(t)},mouseUp:t=>{this._mouseTouchClick(t)},touchStart:t=>{this._touchStart(t)},touchMove:t=>{this._mouseTouchMove(t)},touchEnd:t=>{this._touchEnd(t)},touchCancel:t=>{this._touchEnd(t)},touchEndClick:t=>{this._touchEndClick(t)},visibilityChange:()=>{this._handleVisibilityChange()},themeChange:t=>{this._handleThemeChange(t)},oldThemeChange:t=>{this._handleThemeChange(t)},resize:()=>{this._handleWindowResize()}}}addListeners(){this._manageListeners(!0)}removeListeners(){this._manageListeners(!1)}}var _=e(6991),g=e(3984),v=e(5536);class m{constructor(t,i){this.container=i,this._engine=t,this._interactors=[],this._externalInteractors=[],this._particleInteractors=[]}externalInteract(t){for(const i of this._externalInteractors)i.isEnabled()&&i.interact(t)}handleClickMode(t){for(const i of this._externalInteractors)i.handleClickMode?.(t)}async init(){this._interactors=await this._engine.getInteractors(this.container,!0),this._externalInteractors=[],this._particleInteractors=[];for(const t of this._interactors){switch(t.type){case v.e.external:this._externalInteractors.push(t);break;case v.e.particles:this._particleInteractors.push(t)}t.init()}}particlesInteract(t,i){for(const e of this._externalInteractors)e.clear(t,i);for(const e of this._particleInteractors)e.isEnabled(t)&&e.interact(t,i)}reset(t){for(const i of this._externalInteractors)i.isEnabled()&&i.reset(t);for(const i of this._particleInteractors)i.isEnabled(t)&&i.reset(t)}}var y=e(1690),w=e(560),b=e(4997),z=e(4342),P=e(1049),x=e(753),C=e(8627);function k(t){if(!(0,a.hn)(t.outMode,t.checkModes))return;const i=t.radius*n.gd;t.coord>t.maxCoord-i?t.setCb(-t.radius):t.coord<i&&t.setCb(t.radius)}class M{constructor(t,i){this.container=i,this._calcPosition=(t,i,e,o=n.rq)=>{const a=t.plugins.values();for(const t of a){const s=t.particlePosition?.(i,this);if(s)return w.p.create(s.x,s.y,e)}const r=t.canvas.size,h=(0,s.Nx)({size:r,position:i}),c=w.p.create(h.x,h.y,e),l=this.getRadius(),d=this.options.move.outModes,u=i=>{k({outMode:i,checkModes:[P.Y.bounce],coord:c.x,maxCoord:t.canvas.size.width,setCb:t=>c.x+=t,radius:l})},p=i=>{k({outMode:i,checkModes:[P.Y.bounce],coord:c.y,maxCoord:t.canvas.size.height,setCb:t=>c.y+=t,radius:l})};u(d.left??d.default),u(d.right??d.default),p(d.top??d.default),p(d.bottom??d.default);let f=!0;for(const t of a)if(f=t.checkParticlePosition?.(this,c,o),!1===f)break;return f?c:this._calcPosition(t,void 0,e,o+n.Eo)},this._calculateVelocity=()=>{const t=(0,s.$m)(this.direction).copy(),i=this.options.move;if(i.direction===z.F.inside||i.direction===z.F.outside)return t;const e=(0,s.pu)((0,s.VG)(i.angle.value)),o=(0,s.pu)((0,s.VG)(i.angle.offset)),a={left:o-e*n.MX,right:o+e*n.MX};return i.straight||(t.angle+=(0,s.vE)((0,s.DT)(a.left,a.right))),i.random&&"number"==typeof i.speed&&(t.length*=(0,s.G0)()),t},this._getRollColor=t=>{if(!t||!this.roll||!this.backColor&&!this.roll.alter)return t;const i=this.roll.horizontal&&this.roll.vertical?n.gd*n.l:n.l,e=this.roll.horizontal?Math.PI*n.MX:n.dv;return Math.floor((this.roll.angle+e)/(Math.PI/i))%n.gd?this.backColor?this.backColor:this.roll.alter?(0,o.yx)(t,this.roll.alter.type,this.roll.alter.value):t:t},this._initPosition=t=>{const i=this.container,e=(0,s.VG)(this.options.zIndex.value);this.position=this._calcPosition(i,t,(0,s.qE)(e,n.X_,i.zLayers)),this.initialPosition=this.position.copy();const o=i.canvas.size;switch(this.moveCenter={...(0,a.E9)(this.options.move.center,o),radius:this.options.move.center.radius,mode:this.options.move.center.mode},this.direction=(0,s.JY)(this.options.move.direction,this.position,this.moveCenter),this.options.move.direction){case z.F.inside:this.outType=x.x.inside;break;case z.F.outside:this.outType=x.x.outside}this.offset=w.M.origin},this._engine=t}destroy(t){if(this.unbreakable||this.destroyed)return;this.destroyed=!0,this.bubble.inRange=!1,this.slow.inRange=!1;const i=this.container,e=this.pathGenerator,s=this.shape?i.shapeDrawers.get(this.shape):void 0;s?.particleDestroy?.(this);for(const e of i.plugins.values())e.particleDestroyed?.(this,t);for(const e of i.particles.updaters)e.particleDestroyed?.(this,t);e?.reset(this),this._engine.dispatchEvent(_.B.particleDestroyed,{container:this.container,data:{particle:this}})}draw(t){const i=this.container,e=i.canvas;for(const s of i.plugins.values())e.drawParticlePlugin(s,this,t);e.drawParticle(this,t)}getAngle(){return this.rotation+(this.pathRotation?this.velocity.angle:n.tA)}getFillColor(){return this._getRollColor(this.bubble.color??(0,r.O_)(this.color))}getMass(){return this.getRadius()**n.dm*Math.PI*n.MX}getPosition(){return{x:this.position.x+this.offset.x,y:this.position.y+this.offset.y,z:this.position.z}}getRadius(){return this.bubble.radius??this.size.value}getStrokeColor(){return this._getRollColor(this.bubble.color??(0,r.O_)(this.strokeColor))}init(t,i,e,o){const r=this.container,h=this._engine;this.id=t,this.group=o,this.effectClose=!0,this.effectFill=!0,this.shapeClose=!0,this.shapeFill=!0,this.pathRotation=!1,this.lastPathTime=0,this.destroyed=!1,this.unbreakable=!1,this.isRotating=!1,this.rotation=0,this.misplaced=!1,this.retina={maxDistance:{}},this.outType=x.x.normal,this.ignoresResizeRatio=!0;const c=r.retina.pixelRatio,l=r.actualOptions,d=(0,C.y)(this._engine,r,l.particles),u=d.reduceDuplicates,p=d.effect.type,f=d.shape.type;this.effect=(0,a.TA)(p,this.id,u),this.shape=(0,a.TA)(f,this.id,u);const _=d.effect,g=d.shape;if(e){if(e.effect?.type){const t=e.effect.type,i=(0,a.TA)(t,this.id,u);i&&(this.effect=i,_.load(e.effect))}if(e.shape?.type){const t=e.shape.type,i=(0,a.TA)(t,this.id,u);i&&(this.shape=i,g.load(e.shape))}}if(this.effect===n.mR){const t=[...this.container.effectDrawers.keys()];this.effect=t[Math.floor((0,s.G0)()*t.length)]}if(this.shape===n.mR){const t=[...this.container.shapeDrawers.keys()];this.shape=t[Math.floor((0,s.G0)()*t.length)]}this.effectData=this.effect?function(t,i,e,s){const n=i.options[t];return(0,a.zw)({close:i.close,fill:i.fill},(0,a.TA)(n,e,s))}(this.effect,_,this.id,u):void 0,this.shapeData=this.shape?function(t,i,e,s){const n=i.options[t];return(0,a.zw)({close:i.close,fill:i.fill},(0,a.TA)(n,e,s))}(this.shape,g,this.id,u):void 0,d.load(e);const v=this.effectData;v&&d.load(v.particles);const m=this.shapeData;m&&d.load(m.particles);const y=new b.k(h,r);y.load(r.actualOptions.interactivity),y.load(d.interactivity),this.interactivity=y,this.effectFill=v?.fill??d.effect.fill,this.effectClose=v?.close??d.effect.close,this.shapeFill=m?.fill??d.shape.fill,this.shapeClose=m?.close??d.shape.close,this.options=d;const w=this.options.move.path;this.pathDelay=(0,s.VG)(w.delay.value)*n.Xu,w.generator&&(this.pathGenerator=this._engine.getPathGenerator(w.generator),this.pathGenerator&&r.addPath(w.generator,this.pathGenerator)&&this.pathGenerator.init(r)),r.retina.initParticle(this),this.size=(0,a.Xs)(this.options.size,c),this.bubble={inRange:!1},this.slow={inRange:!1,factor:1},this._initPosition(i),this.initialVelocity=this._calculateVelocity(),this.velocity=this.initialVelocity.copy(),this.moveDecay=n.WH-(0,s.VG)(this.options.move.decay);const z=r.particles;let P,k;z.setLastZIndex(this.position.z),this.zIndexFactor=this.position.z/r.zLayers,this.sides=24,this.effect&&(P=r.effectDrawers.get(this.effect),P||(P=this._engine.getEffectDrawer(this.effect),P&&r.effectDrawers.set(this.effect,P))),P?.loadEffect&&P.loadEffect(this),this.shape&&(k=r.shapeDrawers.get(this.shape),k||(k=this._engine.getShapeDrawer(this.shape),k&&r.shapeDrawers.set(this.shape,k))),k?.loadShape&&k.loadShape(this);const M=k?.getSidesCount;M&&(this.sides=M(this)),this.spawning=!1;for(const t of z.updaters)t.init(this);for(const t of z.movers)t.init(this);P?.particleInit?.(r,this),k?.particleInit?.(r,this);for(const t of r.plugins.values())t.particleCreated?.(this)}isInsideCanvas(){const t=this.getRadius(),i=this.container.canvas.size,e=this.position;return e.x>=-t&&e.y>=-t&&e.y<=i.height+t&&e.x<=i.width+t}isVisible(){return!this.destroyed&&!this.spawning&&this.isInsideCanvas()}reset(){for(const t of this.container.particles.updaters)t.reset?.(this)}}var O=e(2186),T=e(6978);class S{constructor(t,i){this.rectangle=t,this.capacity=i,this._subdivide=()=>{const{x:t,y:i}=this.rectangle.position,{width:e,height:s}=this.rectangle.size,{capacity:o}=this;for(let a=0;a<n.Pg;a++){const r=a%n.gd;this._subs.push(new S(new T.M_(t+e*n.MX*r,i+s*n.MX*(Math.round(a*n.MX)-r),e*n.MX,s*n.MX),o))}this._divided=!0},this._points=[],this._divided=!1,this._subs=[]}insert(t){return!!this.rectangle.contains(t.position)&&(this._points.length<this.capacity?(this._points.push(t),!0):(this._divided||this._subdivide(),this._subs.some((i=>i.insert(t)))))}query(t,i){const e=[];if(!t.intersects(this.rectangle))return[];for(const n of this._points)!t.contains(n.position)&&(0,s.Yf)(t.position,n.position)>n.particle.getRadius()&&(!i||i(n.particle))||e.push(n.particle);if(this._divided)for(const s of this._subs)e.push(...s.query(t,i));return e}queryCircle(t,i,e){return this.query(new T.jl(t.x,t.y,i),e)}queryRectangle(t,i,e){return this.query(new T.M_(t.x,t.y,i.width,i.height),e)}}var D=e(183);const R=t=>{const{height:i,width:e}=t;return new T.M_(n.un*e,n.un*i,n.Rh*e,n.Rh*i)};class I{constructor(t,i){this._addToPool=(...t)=>{this._pool.push(...t)},this._applyDensity=(t,i,e,s)=>{const o=t.number;if(!o.density.enable)return void(void 0===e?this._limit=o.limit.value:(s?.number.limit.value??o.limit.value)&&this._groupLimits.set(e,s?.number.limit.value??o.limit.value));const a=this._initDensityFactor(o.density),r=o.value,h=o.limit.value>n.ou?o.limit.value:r,c=Math.min(r,h)*a+i,l=Math.min(this.count,this.filter((t=>t.group===e)).length);void 0===e?this._limit=o.limit.value*a:this._groupLimits.set(e,o.limit.value*a),l<c?this.push(Math.abs(c-l),void 0,t,e):l>c&&this.removeQuantity(l-c,e)},this._initDensityFactor=t=>{const i=this._container;if(!i.canvas.element||!t.enable)return n.lA;const e=i.canvas.element,s=i.retina.pixelRatio;return e.width*e.height/(t.height*t.width*s**n.dm)},this._pushParticle=(t,i,e,s)=>{try{const n=this._pool.pop()??new M(this._engine,this._container);n.init(this._nextId,t,i,e);let o=!0;if(s&&(o=s(n)),!o)return;return this._array.push(n),this._zArray.push(n),this._nextId++,this._engine.dispatchEvent(_.B.particleAdded,{container:this._container,data:{particle:n}}),n}catch(t){(0,D.t)().warning(`error adding particle: ${t}`)}},this._removeParticle=(t,i,e)=>{const s=this._array[t];if(!s)return!1;if(s.group!==i)return!1;const o=this._zArray.indexOf(s);return this._array.splice(t,n.LD),this._zArray.splice(o,n.LD),s.destroy(e),this._engine.dispatchEvent(_.B.particleRemoved,{container:this._container,data:{particle:s}}),this._addToPool(s),!0},this._engine=t,this._container=i,this._nextId=0,this._array=[],this._zArray=[],this._pool=[],this._limit=0,this._groupLimits=new Map,this._needsSort=!1,this._lastZIndex=0,this._interactionManager=new m(t,i),this._pluginsInitialized=!1;const e=i.canvas.size;this.quadTree=new S(R(e),n.Kw),this.movers=[],this.updaters=[]}get count(){return this._array.length}addManualParticles(){const t=this._container;t.actualOptions.manualParticles.forEach((i=>this.addParticle(i.position?(0,a.E9)(i.position,t.canvas.size):void 0,i.options)))}addParticle(t,i,e,s){const o=this._container.actualOptions.particles.number.limit.mode,a=void 0===e?this._limit:this._groupLimits.get(e)??this._limit,r=this.count;if(a>n.ou)switch(o){case y.d.delete:{const t=r+n.nq-a;t>n.wM&&this.removeQuantity(t);break}case y.d.wait:if(r>=a)return}return this._pushParticle(t,i,e,s)}clear(){this._array=[],this._zArray=[],this._pluginsInitialized=!1}destroy(){this._array=[],this._zArray=[],this.movers=[],this.updaters=[]}drawParticles(t){for(const i of this._zArray)i.draw(t)}filter(t){return this._array.filter(t)}find(t){return this._array.find(t)}get(t){return this._array[t]}handleClickMode(t){this._interactionManager.handleClickMode(t)}async init(){const t=this._container,i=t.actualOptions;this._lastZIndex=0,this._needsSort=!1,await this.initPlugins();let e=!1;for(const i of t.plugins.values())if(e=i.particlesInitialization?.()??e,e)break;if(this.addManualParticles(),!e){const t=i.particles,e=t.groups;for(const i in e){const s=e[i];if(s)for(let e=this.count,n=0;n<s.number.value&&e<t.number.value;e++,n++)this.addParticle(void 0,s,i)}for(let i=this.count;i<t.number.value;i++)this.addParticle()}}async initPlugins(){if(this._pluginsInitialized)return;const t=this._container;this.movers=await this._engine.getMovers(t,!0),this.updaters=await this._engine.getUpdaters(t,!0),await this._interactionManager.init();for(const i of t.pathGenerators.values())i.init(t)}push(t,i,e,s){for(let n=0;n<t;n++)this.addParticle(i?.position,e,s)}async redraw(){this.clear(),await this.init(),this._container.canvas.drawParticles({value:0,factor:0})}remove(t,i,e){this.removeAt(this._array.indexOf(t),void 0,i,e)}removeAt(t,i=n.xd,e,s){if(t<n.z9||t>this.count)return;let o=0;for(let n=t;o<i&&n<this.count;n++)this._removeParticle(n,e,s)&&(n--,o++)}removeQuantity(t,i){this.removeAt(n.z9,t,i)}setDensity(){const t=this._container.actualOptions,i=t.particles.groups,e=t.manualParticles.length;for(const t in i){const s=i[t];if(!s)continue;const n=(0,C.y)(this._engine,this._container,s);this._applyDensity(n,e,t)}this._applyDensity(t.particles,e)}setLastZIndex(t){this._lastZIndex=t,this._needsSort=this._needsSort||this._lastZIndex<t}setResizeFactor(t){this._resizeFactor=t}update(t){const i=this._container,e=new Set;this.quadTree=new S(R(i.canvas.size),n.Kw);for(const t of i.pathGenerators.values())t.update();for(const e of i.plugins.values())e.update?.(t);const s=this._resizeFactor;for(const i of this._array){s&&!i.ignoresResizeRatio&&(i.position.x*=s.width,i.position.y*=s.height,i.initialPosition.x*=s.width,i.initialPosition.y*=s.height),i.ignoresResizeRatio=!1,this._interactionManager.reset(i);for(const e of this._container.plugins.values()){if(i.destroyed)break;e.particleUpdate?.(i,t)}for(const e of this.movers)e.isEnabled(i)&&e.move(i,t);i.destroyed?e.add(i):this.quadTree.insert(new O.b(i.getPosition(),i))}if(e.size){const t=t=>!e.has(t);this._array=this.filter(t),this._zArray=this._zArray.filter(t);for(const t of e)this._engine.dispatchEvent(_.B.particleRemoved,{container:this._container,data:{particle:t}});this._addToPool(...e)}this._interactionManager.externalInteract(t);for(const i of this._array){for(const e of this.updaters)e.update(i,t);i.destroyed||i.spawning||this._interactionManager.particlesInteract(i,t)}if(delete this._resizeFactor,this._needsSort){const t=this._zArray;t.sort(((t,i)=>i.position.z-t.position.z||t.id-i.id));const i=t[t.length-n.K3];if(!i)return;this._lastZIndex=i.position.z,this._needsSort=!1}}}class E{constructor(t){this.container=t,this.pixelRatio=n.$x,this.reduceFactor=n.Zp}init(){const t=this.container,i=t.actualOptions;this.pixelRatio=i.detectRetina?devicePixelRatio:n.$x,this.reduceFactor=n.Zp;const e=this.pixelRatio,o=t.canvas;if(o.element){const t=o.element;o.size.width=t.offsetWidth*e,o.size.height=t.offsetHeight*e}const a=i.particles,r=a.move;this.maxSpeed=(0,s.VG)(r.gravity.maxSpeed)*e,this.sizeAnimationSpeed=(0,s.VG)(a.size.animation.speed)*e}initParticle(t){const i=t.options,e=this.pixelRatio,n=i.move,o=n.distance,a=t.retina;a.moveDrift=(0,s.VG)(n.drift)*e,a.moveSpeed=(0,s.VG)(n.speed)*e,a.sizeAnimationSpeed=(0,s.VG)(i.size.animation.speed)*e;const r=a.maxDistance;r.horizontal=void 0!==o.horizontal?o.horizontal*e:void 0,r.vertical=void 0!==o.vertical?o.vertical*e:void 0,a.maxSpeed=(0,s.VG)(n.gravity.maxSpeed)*e}}function F(t){return!t.destroyed}function L(t,i,...e){const s=new g.J(t,i);return(0,C.Z)(s,...e),s}class A{constructor(t,i,e){this._intersectionManager=t=>{if(F(this)&&this.actualOptions.pauseOnOutsideViewport)for(const i of t)i.target===this.interactivity.element&&(i.isIntersecting?this.play():this.pause())},this._nextFrame=t=>{try{if(!this._smooth&&void 0!==this._lastFrameTime&&t<this._lastFrameTime+n.Xu/this.fpsLimit)return void this.draw(!1);this._lastFrameTime??=t;const i=function(t,i=n.z$,e=!1){return{value:t,factor:e?n.z$/i:n.z$*t/n.Xu}}(t-this._lastFrameTime,this.fpsLimit,this._smooth);if(this.addLifeTime(i.value),this._lastFrameTime=t,i.value>n.Xu)return void this.draw(!1);if(this.canvas.drawParticles(i),!this.alive())return void this.destroy();this.animationStatus&&this.draw(!1)}catch(t){(0,D.t)().error("error in animation loop",t)}},this._engine=t,this.id=Symbol(i),this.fpsLimit=120,this.hdr=!1,this._smooth=!1,this._delay=0,this._duration=0,this._lifeTime=0,this._firstStart=!0,this.started=!1,this.destroyed=!1,this._paused=!0,this._lastFrameTime=0,this.zLayers=100,this.pageHidden=!1,this._clickHandlers=new Map,this._sourceOptions=e,this._initialSourceOptions=e,this.retina=new E(this),this.canvas=new l(this,this._engine),this.particles=new I(this._engine,this),this.pathGenerators=new Map,this.interactivity={mouse:{clicking:!1,inside:!1}},this.plugins=new Map,this.effectDrawers=new Map,this.shapeDrawers=new Map,this._options=L(this._engine,this),this.actualOptions=L(this._engine,this),this._eventListeners=new f(this),this._intersectionObserver=(0,a.BR)((t=>{this._intersectionManager(t)})),this._engine.dispatchEvent(_.B.containerBuilt,{container:this})}get animationStatus(){return!this._paused&&!this.pageHidden&&F(this)}get options(){return this._options}get sourceOptions(){return this._sourceOptions}addClickHandler(t){if(!F(this))return;const i=this.interactivity.element;if(!i)return;const e=(i,e,s)=>{if(!F(this))return;const n=this.retina.pixelRatio,o={x:e.x*n,y:e.y*n},a=this.particles.quadTree.queryCircle(o,s*n);t(i,a)};let s=!1,o=!1;this._clickHandlers.set("click",(t=>{if(!F(this))return;const i=t,s={x:i.offsetX||i.clientX,y:i.offsetY||i.clientY};e(t,s,n.FS)})),this._clickHandlers.set("touchstart",(()=>{F(this)&&(s=!0,o=!1)})),this._clickHandlers.set("touchmove",(()=>{F(this)&&(o=!0)})),this._clickHandlers.set("touchend",(t=>{if(F(this)){if(s&&!o){const i=t,s=i.touches[i.touches.length-n.KZ];if(!s)return;const o=this.canvas.element,a=o?o.getBoundingClientRect():void 0,r={x:s.clientX-(a?a.left:n.TL),y:s.clientY-(a?a.top:n.TL)};e(t,r,Math.max(s.radiusX,s.radiusY))}s=!1,o=!1}})),this._clickHandlers.set("touchcancel",(()=>{F(this)&&(s=!1,o=!1)}));for(const[t,e]of this._clickHandlers)i.addEventListener(t,e)}addLifeTime(t){this._lifeTime+=t}addPath(t,i,e=!1){return!(!F(this)||!e&&this.pathGenerators.has(t))&&(this.pathGenerators.set(t,i),!0)}alive(){return!this._duration||this._lifeTime<=this._duration}clearClickHandlers(){if(F(this)){for(const[t,i]of this._clickHandlers)this.interactivity.element?.removeEventListener(t,i);this._clickHandlers.clear()}}destroy(t=!0){if(F(this)){this.stop(),this.clearClickHandlers(),this.particles.destroy(),this.canvas.destroy();for(const t of this.effectDrawers.values())t.destroy?.(this);for(const t of this.shapeDrawers.values())t.destroy?.(this);for(const t of this.effectDrawers.keys())this.effectDrawers.delete(t);for(const t of this.shapeDrawers.keys())this.shapeDrawers.delete(t);if(this._engine.clearPlugins(this),this.destroyed=!0,t){const t=this._engine.items,i=t.findIndex((t=>t===this));i>=n.vF&&t.splice(i,n.JC)}this._engine.dispatchEvent(_.B.containerDestroyed,{container:this})}}draw(t){if(!F(this))return;let i=t;const e=t=>{i&&(this._lastFrameTime=void 0,i=!1),this._nextFrame(t)};this._drawAnimationFrame=(0,s.i0)((t=>{e(t)}))}async export(t,i={}){for(const e of this.plugins.values()){if(!e.export)continue;const s=await e.export(t,i);if(s.supported)return s.blob}(0,D.t)().error(`Export plugin with type ${t} not found`)}handleClickMode(t){if(F(this)){this.particles.handleClickMode(t);for(const i of this.plugins.values())i.handleClickMode?.(t)}}async init(){if(!F(this))return;const t=this._engine.getSupportedEffects();for(const i of t){const t=this._engine.getEffectDrawer(i);t&&this.effectDrawers.set(i,t)}const i=this._engine.getSupportedShapes();for(const t of i){const i=this._engine.getShapeDrawer(t);i&&this.shapeDrawers.set(t,i)}await this.particles.initPlugins(),this._options=L(this._engine,this,this._initialSourceOptions,this.sourceOptions),this.actualOptions=L(this._engine,this,this._options);const e=await this._engine.getAvailablePlugins(this);for(const[t,i]of e)this.plugins.set(t,i);this.retina.init(),this.canvas.init(),this.updateActualOptions(),this.canvas.initBackground(),this.canvas.resize();const{delay:o,duration:a,fpsLimit:r,hdr:h,smooth:c,zLayers:l}=this.actualOptions;this.hdr=h,this.zLayers=l,this._duration=(0,s.VG)(a)*n.Xu,this._delay=(0,s.VG)(o)*n.Xu,this._lifeTime=0,this.fpsLimit=r>n.DN?r:n.i8,this._smooth=c;for(const t of this.effectDrawers.values())await(t.init?.(this));for(const t of this.shapeDrawers.values())await(t.init?.(this));for(const t of this.plugins.values())await(t.init?.());this._engine.dispatchEvent(_.B.containerInit,{container:this}),await this.particles.init(),this.particles.setDensity();for(const t of this.plugins.values())t.particlesSetup?.();this._engine.dispatchEvent(_.B.particlesSetup,{container:this})}async loadTheme(t){F(this)&&(this._currentTheme=t,await this.refresh())}pause(){if(F(this)&&(void 0!==this._drawAnimationFrame&&((0,s.px)(this._drawAnimationFrame),delete this._drawAnimationFrame),!this._paused)){for(const t of this.plugins.values())t.pause?.();this.pageHidden||(this._paused=!0),this._engine.dispatchEvent(_.B.containerPaused,{container:this})}}play(t){if(!F(this))return;const i=this._paused||t;if(!this._firstStart||this.actualOptions.autoPlay){if(this._paused&&(this._paused=!1),i)for(const t of this.plugins.values())t.play&&t.play();this._engine.dispatchEvent(_.B.containerPlay,{container:this}),this.draw(i??!1)}else this._firstStart=!1}async refresh(){if(F(this))return this.stop(),this.start()}async reset(t){if(F(this))return this._initialSourceOptions=t,this._sourceOptions=t,this._options=L(this._engine,this,this._initialSourceOptions,this.sourceOptions),this.actualOptions=L(this._engine,this,this._options),this.refresh()}async start(){F(this)&&!this.started&&(await this.init(),this.started=!0,await new Promise((t=>{const i=async()=>{this._eventListeners.addListeners(),this.interactivity.element instanceof HTMLElement&&this._intersectionObserver&&this._intersectionObserver.observe(this.interactivity.element);for(const t of this.plugins.values())await(t.start?.());this._engine.dispatchEvent(_.B.containerStarted,{container:this}),this.play(),t()};this._delayTimeout=setTimeout((()=>{i()}),this._delay)})))}stop(){if(F(this)&&this.started){this._delayTimeout&&(clearTimeout(this._delayTimeout),delete this._delayTimeout),this._firstStart=!0,this.started=!1,this._eventListeners.removeListeners(),this.pause(),this.particles.clear(),this.canvas.stop(),this.interactivity.element instanceof HTMLElement&&this._intersectionObserver&&this._intersectionObserver.unobserve(this.interactivity.element);for(const t of this.plugins.values())t.stop?.();for(const t of this.plugins.keys())this.plugins.delete(t);this._sourceOptions=this._options,this._engine.dispatchEvent(_.B.containerStopped,{container:this})}}updateActualOptions(){this.actualOptions.responsive=[];const t=this.actualOptions.setResponsive(this.canvas.size.width,this.retina.pixelRatio,this._options);return this.actualOptions.setTheme(this._currentTheme),this._responsiveMaxWidth!==t&&(this._responsiveMaxWidth=t,!0)}}}}]);
|
package/638.min.js.LICENSE.txt
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
/*! tsParticles Engine v4.0.0-alpha.1 by Matteo Bruni */
|