@babylonjs/inspector 5.0.0-alpha.61 → 5.0.0-alpha.62

package/babylon.inspector.module.d.ts

@@ -536,11 +536,11 @@ declare module "@babylonjs/inspector/components/graph/canvasGraphService" {
     }
 }
 declare module "@babylonjs/inspector/components/graph/canvasGraphComponent" {
-    import { PerformanceViewerCollector } from '@babylonjs/core/Misc/PerformanceViewer/performanceViewerCollector';
-    import { Observable } from '@babylonjs/core/Misc/observable';
-    import * as React from 'react';
+    import { PerformanceViewerCollector } from "@babylonjs/core/Misc/PerformanceViewer/performanceViewerCollector";
+    import { Observable } from "@babylonjs/core/Misc/observable";
+    import * as React from "react";
     import { IPerfLayoutSize } from "@babylonjs/inspector/components/graph/graphSupportingTypes";
-    import { Scene } from '@babylonjs/core/scene';
+    import { Scene } from "@babylonjs/core/scene";
     interface ICanvasGraphComponentProps {
         id: string;
         scene: Scene;
@@ -657,7 +657,7 @@ declare module "@babylonjs/inspector/sharedUiComponents/colorPicker/colorPicker"
 }
 declare module "@babylonjs/inspector/sharedUiComponents/lines/colorPickerComponent" {
     import * as React from "react";
-    import { Color4, Color3 } from '@babylonjs/core/Maths/math.color';
+    import { Color4, Color3 } from "@babylonjs/core/Maths/math.color";
     export interface IColorPickerComponentProps {
         value: Color4 | Color3;
         linearHint?: boolean;
@@ -683,15 +683,15 @@ declare module "@babylonjs/inspector/sharedUiComponents/lines/colorPickerCompone
     }
 }
 declare module "@babylonjs/inspector/components/actionTabs/tabs/performanceViewer/performanceViewerSidebarComponent" {
-    import { PerformanceViewerCollector } from '@babylonjs/core/Misc/PerformanceViewer/performanceViewerCollector';
+    import { PerformanceViewerCollector } from "@babylonjs/core/Misc/PerformanceViewer/performanceViewerCollector";
     interface IPerformanceViewerSidebarComponentProps {
         collector: PerformanceViewerCollector;
     }
     export const PerformanceViewerSidebarComponent: (props: IPerformanceViewerSidebarComponentProps) => JSX.Element;
 }
 declare module "@babylonjs/inspector/components/actionTabs/tabs/performanceViewer/performancePlayheadButtonComponent" {
-    import { Observable } from '@babylonjs/core/Misc/observable';
-    import * as React from 'react';
+    import { Observable } from "@babylonjs/core/Misc/observable";
+    import * as React from "react";
     interface IPerformancePlayheadButtonProps {
         returnToPlayhead: Observable<void>;
     }
@@ -700,7 +700,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/performanceViewe
 declare module "@babylonjs/inspector/components/actionTabs/tabs/performanceViewer/performanceViewerComponent" {
     import { Scene } from "@babylonjs/core/scene";
     import * as React from "react";
-    import '@babylonjs/core/Misc/PerformanceViewer/performanceViewerSceneExtension';
+    import "@babylonjs/core/Misc/PerformanceViewer/performanceViewerSceneExtension";
     interface IPerformanceViewerComponentProps {
         scene: Scene;
     }
@@ -971,7 +971,7 @@ declare module "@babylonjs/inspector/sharedUiComponents/lines/color3LineComponen
     import * as React from "react";
     import { Observable } from "@babylonjs/core/Misc/observable";
     import { PropertyChangedEvent } from "@babylonjs/inspector/sharedUiComponents/propertyChangedEvent";
-    import { Color3, Color4 } from '@babylonjs/core/Maths/math.color';
+    import { Color3, Color4 } from "@babylonjs/core/Maths/math.color";
     import { LockObject } from "@babylonjs/inspector/sharedUiComponents/tabs/propertyGrids/lockObject";
     export interface IColor3LineComponentProps {
         label: string;
@@ -1095,7 +1095,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/cu
     import { Observable } from "@babylonjs/core/Misc/observable";
     import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
     import { GlobalState } from "@babylonjs/inspector/components/globalState";
-    import { IInspectable } from '@babylonjs/core/Misc/iInspectable';
+    import { IInspectable } from "@babylonjs/core/Misc/iInspectable";
     import { LockObject } from "@babylonjs/inspector/sharedUiComponents/tabs/propertyGrids/lockObject";
     interface ICustomPropertyGridComponentProps {
         globalState: GlobalState;
@@ -1277,7 +1277,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/an
         onValueSet: Observable<number>;
         onValueManuallyEntered: Observable<number>;
         onFrameRequired: Observable<void>;
-        onNewKeyPointRequired: Observable<void>;
+        onCreateOrUpdateKeyPointRequired: Observable<void>;
         onFlattenTangentRequired: Observable<void>;
         onLinearTangentRequired: Observable<void>;
         onBreakTangentRequired: Observable<void>;
@@ -1318,6 +1318,15 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/an
         getAnimationSortIndex(animation: Animation): number;
         getPrevKey(): Nullable<number>;
         getNextKey(): Nullable<number>;
+        /**
+         * If any current active animation has a key at the received frameNumber,
+         * return the index of the animation in the active animation array, and
+         * the index of the frame on the animation.
+         */
+        getKeyAtAnyFrameIndex(frameNumber: number): {
+            animationIndex: number;
+            keyIndex: number;
+        } | null;
     }
 }
 declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/animations/curveEditor/controls/textInputComponent" {
@@ -1447,7 +1456,6 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/an
         private _onClipLengthDecreasedObserver;
         constructor(props: IBottomBarComponentProps);
         private _changeClipLength;
-        private _getKeyAtFrame;
         componentWillUnmount(): void;
         render(): JSX.Element;
     }
@@ -2117,9 +2125,9 @@ declare module "@babylonjs/inspector/components/actionTabs/lines/textureLineComp
     }
 }
 declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/materials/textures/toolBar" {
-    import * as React from 'react';
+    import * as React from "react";
     import { IToolData, IToolType, IMetadata } from "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/materials/textures/textureEditorComponent";
-    import { Color4 } from '@babylonjs/core/Maths/math.color';
+    import { Color4 } from "@babylonjs/core/Maths/math.color";
     export interface ITool extends IToolData {
         instance: IToolType;
     }
@@ -2147,12 +2155,12 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/ma
     }
 }
 declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/materials/textures/channelsBar" {
-    import * as React from 'react';
+    import * as React from "react";
     export interface IChannel {
         visible: boolean;
         editable: boolean;
         name: string;
-        id: 'R' | 'G' | 'B' | 'A';
+        id: "R" | "G" | "B" | "A";
         icon: any;
     }
     interface IChannelsBarProps {
@@ -2289,10 +2297,10 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/ma
     }
 }
 declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/materials/textures/propertiesBar" {
-    import * as React from 'react';
-    import { BaseTexture } from '@babylonjs/core/Materials/Textures/baseTexture';
+    import * as React from "react";
+    import { BaseTexture } from "@babylonjs/core/Materials/Textures/baseTexture";
     import { IPixelData } from "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/materials/textures/textureCanvasManager";
-    import { ISize } from '@babylonjs/core/Maths/math.size';
+    import { ISize } from "@babylonjs/core/Maths/math.size";
     interface IPropertiesBarProps {
         texture: BaseTexture;
         size: ISize;
@@ -2327,8 +2335,8 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/ma
     }
 }
 declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/materials/textures/bottomBar" {
-    import * as React from 'react';
-    import { BaseTexture } from '@babylonjs/core/Materials/Textures/baseTexture';
+    import * as React from "react";
+    import { BaseTexture } from "@babylonjs/core/Materials/Textures/baseTexture";
     interface IBottomBarProps {
         texture: BaseTexture;
         mipLevel: number;
@@ -2338,8 +2346,8 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/ma
     }
 }
 declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/materials/textures/textureCanvasComponent" {
-    import * as React from 'react';
-    import { BaseTexture } from '@babylonjs/core/Materials/Textures/baseTexture';
+    import * as React from "react";
+    import { BaseTexture } from "@babylonjs/core/Materials/Textures/baseTexture";
     interface ITextureCanvasComponentProps {
         canvasUI: React.RefObject<HTMLCanvasElement>;
         canvas2D: React.RefObject<HTMLCanvasElement>;
@@ -2371,7 +2379,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/ma
     export default _default;
 }
 declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/materials/textures/toolSettings" {
-    import * as React from 'react';
+    import * as React from "react";
     import { ITool } from "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/materials/textures/toolBar";
     interface IToolSettingsProps {
         tool: ITool | undefined;
@@ -2381,15 +2389,15 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/ma
     }
 }
 declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/materials/textures/textureEditorComponent" {
-    import * as React from 'react';
+    import * as React from "react";
     import { IPixelData } from "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/materials/textures/textureCanvasManager";
     import { ITool } from "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/materials/textures/toolBar";
     import { IChannel } from "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/materials/textures/channelsBar";
-    import { BaseTexture } from '@babylonjs/core/Materials/Textures/baseTexture';
-    import { Scene } from '@babylonjs/core/scene';
-    import { ISize } from '@babylonjs/core/Maths/math.size';
-    import { Vector2 } from '@babylonjs/core/Maths/math.vector';
-    import { PointerInfo } from '@babylonjs/core/Events/pointerEvents';
+    import { BaseTexture } from "@babylonjs/core/Materials/Textures/baseTexture";
+    import { Scene } from "@babylonjs/core/scene";
+    import { ISize } from "@babylonjs/core/Maths/math.size";
+    import { Vector2 } from "@babylonjs/core/Maths/math.vector";
+    import { PointerInfo } from "@babylonjs/core/Events/pointerEvents";
     import { PopupComponent } from "@babylonjs/inspector/components/popupComponent";
     interface ITextureEditorComponentProps {
         texture: BaseTexture;
@@ -3294,7 +3302,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/po
     import { Observable } from "@babylonjs/core/Misc/observable";
     import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
     import { LockObject } from "@babylonjs/inspector/sharedUiComponents/tabs/propertyGrids/lockObject";
-    import { PostProcess } from '@babylonjs/core/PostProcesses/postProcess';
+    import { PostProcess } from "@babylonjs/core/PostProcesses/postProcess";
     import { GlobalState } from "@babylonjs/inspector/components/globalState";
     interface ICommonPostProcessPropertyGridComponentProps {
         globalState: GlobalState;
@@ -3331,7 +3339,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/po
     import { Observable } from "@babylonjs/core/Misc/observable";
     import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
     import { LockObject } from "@babylonjs/inspector/sharedUiComponents/tabs/propertyGrids/lockObject";
-    import { PostProcessRenderPipeline } from '@babylonjs/core/PostProcesses/RenderPipeline/postProcessRenderPipeline';
+    import { PostProcessRenderPipeline } from "@babylonjs/core/PostProcesses/RenderPipeline/postProcessRenderPipeline";
     import { GlobalState } from "@babylonjs/inspector/components/globalState";
     interface ICommonRenderingPipelinePropertyGridComponentProps {
         globalState: GlobalState;
@@ -3385,7 +3393,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/po
     import { Observable } from "@babylonjs/core/Misc/observable";
     import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
     import { LockObject } from "@babylonjs/inspector/sharedUiComponents/tabs/propertyGrids/lockObject";
-    import { SSAORenderingPipeline } from '@babylonjs/core/PostProcesses/RenderPipeline/Pipelines/ssaoRenderingPipeline';
+    import { SSAORenderingPipeline } from "@babylonjs/core/PostProcesses/RenderPipeline/Pipelines/ssaoRenderingPipeline";
     import { GlobalState } from "@babylonjs/inspector/components/globalState";
     interface ISSAORenderingPipelinePropertyGridComponentProps {
         globalState: GlobalState;
@@ -3403,7 +3411,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/po
     import { Observable } from "@babylonjs/core/Misc/observable";
     import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
     import { LockObject } from "@babylonjs/inspector/sharedUiComponents/tabs/propertyGrids/lockObject";
-    import { SSAO2RenderingPipeline } from '@babylonjs/core/PostProcesses/RenderPipeline/Pipelines/ssao2RenderingPipeline';
+    import { SSAO2RenderingPipeline } from "@babylonjs/core/PostProcesses/RenderPipeline/Pipelines/ssao2RenderingPipeline";
     import { GlobalState } from "@babylonjs/inspector/components/globalState";
     interface ISSAO2RenderingPipelinePropertyGridComponentProps {
         globalState: GlobalState;
@@ -3422,7 +3430,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/me
     import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
     import { LockObject } from "@babylonjs/inspector/sharedUiComponents/tabs/propertyGrids/lockObject";
     import { GlobalState } from "@babylonjs/inspector/components/globalState";
-    import { Skeleton } from '@babylonjs/core/Bones/skeleton';
+    import { Skeleton } from "@babylonjs/core/Bones/skeleton";
     interface ISkeletonPropertyGridComponentProps {
         globalState: GlobalState;
         skeleton: Skeleton;
@@ -3449,7 +3457,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/me
     import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
     import { LockObject } from "@babylonjs/inspector/sharedUiComponents/tabs/propertyGrids/lockObject";
     import { GlobalState } from "@babylonjs/inspector/components/globalState";
-    import { Bone } from '@babylonjs/core/Bones/bone';
+    import { Bone } from "@babylonjs/core/Bones/bone";
     interface IBonePropertyGridComponentProps {
         globalState: GlobalState;
         bone: Bone;
@@ -3558,9 +3566,9 @@ declare module "@babylonjs/inspector/sharedUiComponents/lines/vector4LineCompone
     }
 }
 declare module "@babylonjs/inspector/components/actionTabs/tabs/gradientStepComponent" {
-    import * as React from 'react';
+    import * as React from "react";
     import { GlobalState } from "@babylonjs/inspector/components/globalState";
-    import { GradientBlockColorStep } from '@babylonjs/core/Materials/Node/Blocks/gradientBlock';
+    import { GradientBlockColorStep } from "@babylonjs/core/Materials/Node/Blocks/gradientBlock";
     interface IGradientStepComponentProps {
         globalState: GlobalState;
         step: GradientBlockColorStep;
@@ -3590,7 +3598,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyComponen
 }
 declare module "@babylonjs/inspector/components/actionTabs/tabs/gradientNodePropertyComponent" {
     import * as React from "react";
-    import { GradientBlockColorStep } from '@babylonjs/core/Materials/Node/Blocks/gradientBlock';
+    import { GradientBlockColorStep } from "@babylonjs/core/Materials/Node/Blocks/gradientBlock";
     import { IPropertyComponentProps } from "@babylonjs/inspector/components/actionTabs/tabs/propertyComponentProps";
     export class GradientPropertyTabComponent extends React.Component<IPropertyComponentProps> {
         private _gradientBlock;
@@ -3646,7 +3654,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/ma
     import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
     import { LockObject } from "@babylonjs/inspector/sharedUiComponents/tabs/propertyGrids/lockObject";
     import { GlobalState } from "@babylonjs/inspector/components/globalState";
-    import { InputBlock } from '@babylonjs/core/Materials/Node/Blocks/Input/inputBlock';
+    import { InputBlock } from "@babylonjs/core/Materials/Node/Blocks/Input/inputBlock";
     interface INodeMaterialPropertyGridComponentProps {
         globalState: GlobalState;
         material: NodeMaterial;
@@ -3670,8 +3678,8 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/ma
     import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
     import { LockObject } from "@babylonjs/inspector/sharedUiComponents/tabs/propertyGrids/lockObject";
     import { GlobalState } from "@babylonjs/inspector/components/globalState";
-    import { Material } from '@babylonjs/core/Materials/material';
-    import { MultiMaterial } from '@babylonjs/core/Materials/multiMaterial';
+    import { Material } from "@babylonjs/core/Materials/material";
+    import { MultiMaterial } from "@babylonjs/core/Materials/multiMaterial";
     interface IMultiMaterialPropertyGridComponentProps {
         globalState: GlobalState;
         material: MultiMaterial;
@@ -3691,7 +3699,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/pa
     import { Observable } from "@babylonjs/core/Misc/observable";
     import { GlobalState } from "@babylonjs/inspector/components/globalState";
     import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
-    import { BoxParticleEmitter } from '@babylonjs/core/Particles/EmitterTypes/boxParticleEmitter';
+    import { BoxParticleEmitter } from "@babylonjs/core/Particles/EmitterTypes/boxParticleEmitter";
     interface IBoxEmitterGridComponentProps {
         globalState: GlobalState;
         emitter: BoxParticleEmitter;
@@ -3707,7 +3715,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/pa
     import { Observable } from "@babylonjs/core/Misc/observable";
     import { GlobalState } from "@babylonjs/inspector/components/globalState";
     import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
-    import { ConeParticleEmitter } from '@babylonjs/core/Particles/EmitterTypes/coneParticleEmitter';
+    import { ConeParticleEmitter } from "@babylonjs/core/Particles/EmitterTypes/coneParticleEmitter";
     interface IConeEmitterGridComponentProps {
         globalState: GlobalState;
         emitter: ConeParticleEmitter;
@@ -3724,7 +3732,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/pa
     import { Observable } from "@babylonjs/core/Misc/observable";
     import { GlobalState } from "@babylonjs/inspector/components/globalState";
     import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
-    import { CylinderParticleEmitter } from '@babylonjs/core/Particles/EmitterTypes/cylinderParticleEmitter';
+    import { CylinderParticleEmitter } from "@babylonjs/core/Particles/EmitterTypes/cylinderParticleEmitter";
     import { LockObject } from "@babylonjs/inspector/sharedUiComponents/tabs/propertyGrids/lockObject";
     interface ICylinderEmitterGridComponentProps {
         globalState: GlobalState;
@@ -3743,7 +3751,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/pa
     import { GlobalState } from "@babylonjs/inspector/components/globalState";
     import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
     import { LockObject } from "@babylonjs/inspector/sharedUiComponents/tabs/propertyGrids/lockObject";
-    import { HemisphericParticleEmitter } from '@babylonjs/core/Particles/EmitterTypes/hemisphericParticleEmitter';
+    import { HemisphericParticleEmitter } from "@babylonjs/core/Particles/EmitterTypes/hemisphericParticleEmitter";
     interface IHemisphericEmitterGridComponentProps {
         globalState: GlobalState;
         emitter: HemisphericParticleEmitter;
@@ -3761,7 +3769,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/pa
     import { GlobalState } from "@babylonjs/inspector/components/globalState";
     import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
     import { LockObject } from "@babylonjs/inspector/sharedUiComponents/tabs/propertyGrids/lockObject";
-    import { PointParticleEmitter } from '@babylonjs/core/Particles/EmitterTypes/pointParticleEmitter';
+    import { PointParticleEmitter } from "@babylonjs/core/Particles/EmitterTypes/pointParticleEmitter";
     interface IPointEmitterGridComponentProps {
         globalState: GlobalState;
         emitter: PointParticleEmitter;
@@ -3779,7 +3787,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/pa
     import { GlobalState } from "@babylonjs/inspector/components/globalState";
     import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
     import { LockObject } from "@babylonjs/inspector/sharedUiComponents/tabs/propertyGrids/lockObject";
-    import { SphereParticleEmitter } from '@babylonjs/core/Particles/EmitterTypes/sphereParticleEmitter';
+    import { SphereParticleEmitter } from "@babylonjs/core/Particles/EmitterTypes/sphereParticleEmitter";
     interface ISphereEmitterGridComponentProps {
         globalState: GlobalState;
         emitter: SphereParticleEmitter;
@@ -3794,9 +3802,9 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/pa
 declare module "@babylonjs/inspector/components/actionTabs/lines/meshPickerComponent" {
     import * as React from "react";
     import { GlobalState } from "@babylonjs/inspector/components/globalState";
-    import { Observable } from '@babylonjs/core/Misc/observable';
+    import { Observable } from "@babylonjs/core/Misc/observable";
     import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
-    import { Scene } from '@babylonjs/core/scene';
+    import { Scene } from "@babylonjs/core/scene";
     interface IMeshPickerComponentProps {
         globalState: GlobalState;
         target: any;
@@ -3816,8 +3824,8 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/pa
     import { GlobalState } from "@babylonjs/inspector/components/globalState";
     import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
     import { LockObject } from "@babylonjs/inspector/sharedUiComponents/tabs/propertyGrids/lockObject";
-    import { MeshParticleEmitter } from '@babylonjs/core/Particles/EmitterTypes/meshParticleEmitter';
-    import { Scene } from '@babylonjs/core/scene';
+    import { MeshParticleEmitter } from "@babylonjs/core/Particles/EmitterTypes/meshParticleEmitter";
+    import { Scene } from "@babylonjs/core/scene";
     interface IMeshEmitterGridComponentProps {
         globalState: GlobalState;
         emitter: MeshParticleEmitter;
@@ -3832,11 +3840,11 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/pa
     }
 }
 declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/particleSystems/factorGradientStepGridComponent" {
-    import * as React from 'react';
+    import * as React from "react";
     import { GlobalState } from "@babylonjs/inspector/components/globalState";
-    import { FactorGradient } from '@babylonjs/core/Misc/gradients';
+    import { FactorGradient } from "@babylonjs/core/Misc/gradients";
     import { LockObject } from "@babylonjs/inspector/sharedUiComponents/tabs/propertyGrids/lockObject";
-    import { IParticleSystem } from '@babylonjs/core/Particles/IParticleSystem';
+    import { IParticleSystem } from "@babylonjs/core/Particles/IParticleSystem";
     interface IFactorGradientStepGridComponent {
         globalState: GlobalState;
         gradient: FactorGradient;
@@ -3869,11 +3877,11 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/pa
     }
 }
 declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/particleSystems/colorGradientStepGridComponent" {
-    import * as React from 'react';
+    import * as React from "react";
     import { GlobalState } from "@babylonjs/inspector/components/globalState";
-    import { ColorGradient, Color3Gradient } from '@babylonjs/core/Misc/gradients';
+    import { ColorGradient, Color3Gradient } from "@babylonjs/core/Misc/gradients";
     import { LockObject } from "@babylonjs/inspector/sharedUiComponents/tabs/propertyGrids/lockObject";
-    import { IParticleSystem } from '@babylonjs/core/Particles/IParticleSystem';
+    import { IParticleSystem } from "@babylonjs/core/Particles/IParticleSystem";
     interface IColorGradientStepGridComponent {
         globalState: GlobalState;
         gradient: ColorGradient | Color3Gradient;
@@ -3917,10 +3925,10 @@ declare module "@babylonjs/inspector/sharedUiComponents/lines/linkButtonComponen
 declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/particleSystems/valueGradientGridComponent" {
     import * as React from "react";
     import { GlobalState } from "@babylonjs/inspector/components/globalState";
-    import { IValueGradient } from '@babylonjs/core/Misc/gradients';
+    import { IValueGradient } from "@babylonjs/core/Misc/gradients";
     import { LockObject } from "@babylonjs/inspector/sharedUiComponents/tabs/propertyGrids/lockObject";
-    import { Nullable } from '@babylonjs/core/types';
-    import { IParticleSystem } from '@babylonjs/core/Particles/IParticleSystem';
+    import { Nullable } from "@babylonjs/core/types";
+    import { IParticleSystem } from "@babylonjs/core/Particles/IParticleSystem";
     export enum GradientGridMode {
         Factor = 0,
         Color3 = 1,
@@ -3952,7 +3960,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/pa
     import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
     import { LockObject } from "@babylonjs/inspector/sharedUiComponents/tabs/propertyGrids/lockObject";
     import { GlobalState } from "@babylonjs/inspector/components/globalState";
-    import { IParticleSystem } from '@babylonjs/core/Particles/IParticleSystem';
+    import { IParticleSystem } from "@babylonjs/core/Particles/IParticleSystem";
     interface IParticleSystemPropertyGridComponentProps {
         globalState: GlobalState;
         system: IParticleSystem;
@@ -3979,7 +3987,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/sp
     import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
     import { LockObject } from "@babylonjs/inspector/sharedUiComponents/tabs/propertyGrids/lockObject";
     import { GlobalState } from "@babylonjs/inspector/components/globalState";
-    import { SpriteManager } from '@babylonjs/core/Sprites/spriteManager';
+    import { SpriteManager } from "@babylonjs/core/Sprites/spriteManager";
     interface ISpriteManagerPropertyGridComponentProps {
         globalState: GlobalState;
         spriteManager: SpriteManager;
@@ -4005,7 +4013,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/sp
     import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
     import { LockObject } from "@babylonjs/inspector/sharedUiComponents/tabs/propertyGrids/lockObject";
     import { GlobalState } from "@babylonjs/inspector/components/globalState";
-    import { Sprite } from '@babylonjs/core/Sprites/sprite';
+    import { Sprite } from "@babylonjs/core/Sprites/sprite";
     interface ISpritePropertyGridComponentProps {
         globalState: GlobalState;
         sprite: Sprite;
@@ -4059,7 +4067,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/ca
     import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
     import { LockObject } from "@babylonjs/inspector/sharedUiComponents/tabs/propertyGrids/lockObject";
     import { GlobalState } from "@babylonjs/inspector/components/globalState";
-    import { FollowCamera } from '@babylonjs/core/Cameras/followCamera';
+    import { FollowCamera } from "@babylonjs/core/Cameras/followCamera";
     interface IFollowCameraPropertyGridComponentProps {
         globalState: GlobalState;
         camera: FollowCamera;
@@ -4077,8 +4085,8 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/so
     import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
     import { LockObject } from "@babylonjs/inspector/sharedUiComponents/tabs/propertyGrids/lockObject";
     import { GlobalState } from "@babylonjs/inspector/components/globalState";
-    import { Sound } from '@babylonjs/core/Audio/sound';
-    import { IExplorerExtensibilityGroup } from '@babylonjs/core/Debug/debugLayer';
+    import { Sound } from "@babylonjs/core/Audio/sound";
+    import { IExplorerExtensibilityGroup } from "@babylonjs/core/Debug/debugLayer";
     interface ISoundPropertyGridComponentProps {
         globalState: GlobalState;
         sound: Sound;
@@ -4097,7 +4105,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/la
     import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
     import { LockObject } from "@babylonjs/inspector/sharedUiComponents/tabs/propertyGrids/lockObject";
     import { GlobalState } from "@babylonjs/inspector/components/globalState";
-    import { IExplorerExtensibilityGroup } from '@babylonjs/core/Debug/debugLayer';
+    import { IExplorerExtensibilityGroup } from "@babylonjs/core/Debug/debugLayer";
     import { EffectLayer } from "@babylonjs/core/Layers/effectLayer";
     interface ILayerPropertyGridComponentProps {
         globalState: GlobalState;
@@ -4376,8 +4384,8 @@ declare module "@babylonjs/inspector/components/sceneExplorer/entities/lightTree
 declare module "@babylonjs/inspector/components/sceneExplorer/entities/materialTreeItemComponent" {
     import { IExplorerExtensibilityGroup } from "@babylonjs/core/Debug/debugLayer";
     import { Material } from "@babylonjs/core/Materials/material";
-    import * as React from 'react';
-    import { NodeMaterial } from '@babylonjs/core/Materials/Node/nodeMaterial';
+    import * as React from "react";
+    import { NodeMaterial } from "@babylonjs/core/Materials/Node/nodeMaterial";
     interface IMaterialTreeItemComponentProps {
         material: Material | NodeMaterial;
         extensibilityGroups?: IExplorerExtensibilityGroup[];
@@ -4391,7 +4399,7 @@ declare module "@babylonjs/inspector/components/sceneExplorer/entities/materialT
 declare module "@babylonjs/inspector/components/sceneExplorer/entities/textureTreeItemComponent" {
     import { IExplorerExtensibilityGroup } from "@babylonjs/core/Debug/debugLayer";
     import { Texture } from "@babylonjs/core/Materials/Textures/texture";
-    import * as React from 'react';
+    import * as React from "react";
     interface ITextureTreeItemComponentProps {
         texture: Texture;
         extensibilityGroups?: IExplorerExtensibilityGroup[];
@@ -4419,7 +4427,7 @@ declare module "@babylonjs/inspector/components/sceneExplorer/entities/transform
 declare module "@babylonjs/inspector/components/sceneExplorer/entities/gui/controlTreeItemComponent" {
     import { IExplorerExtensibilityGroup } from "@babylonjs/core/Debug/debugLayer";
     import { Control } from "@babylonjs/gui/2D/controls/control";
-    import * as React from 'react';
+    import * as React from "react";
     interface IControlTreeItemComponentProps {
         control: Control;
         extensibilityGroups?: IExplorerExtensibilityGroup[];
@@ -4438,8 +4446,8 @@ declare module "@babylonjs/inspector/components/sceneExplorer/entities/gui/contr
 declare module "@babylonjs/inspector/components/sceneExplorer/entities/gui/advancedDynamicTextureTreeItemComponent" {
     import { Observable } from "@babylonjs/core/Misc/observable";
     import { IExplorerExtensibilityGroup } from "@babylonjs/core/Debug/debugLayer";
-    import { AdvancedDynamicTexture } from '@babylonjs/gui/2D/advancedDynamicTexture';
-    import * as React from 'react';
+    import { AdvancedDynamicTexture } from "@babylonjs/gui/2D/advancedDynamicTexture";
+    import * as React from "react";
     interface IAdvancedDynamicTextureTreeItemComponentProps {
         texture: AdvancedDynamicTexture;
         extensibilityGroups?: IExplorerExtensibilityGroup[];
@@ -4472,8 +4480,8 @@ declare module "@babylonjs/inspector/components/sceneExplorer/entities/animation
 }
 declare module "@babylonjs/inspector/components/sceneExplorer/entities/postProcessTreeItemComponent" {
     import { IExplorerExtensibilityGroup } from "@babylonjs/core/Debug/debugLayer";
-    import { PostProcess } from '@babylonjs/core/PostProcesses/postProcess';
-    import * as React from 'react';
+    import { PostProcess } from "@babylonjs/core/PostProcesses/postProcess";
+    import * as React from "react";
     interface IPostProcessItemComponentProps {
         postProcess: PostProcess;
         extensibilityGroups?: IExplorerExtensibilityGroup[];
@@ -4486,8 +4494,8 @@ declare module "@babylonjs/inspector/components/sceneExplorer/entities/postProce
 }
 declare module "@babylonjs/inspector/components/sceneExplorer/entities/renderingPipelineTreeItemComponent" {
     import { IExplorerExtensibilityGroup } from "@babylonjs/core/Debug/debugLayer";
-    import { PostProcessRenderPipeline } from '@babylonjs/core/PostProcesses/RenderPipeline/postProcessRenderPipeline';
-    import * as React from 'react';
+    import { PostProcessRenderPipeline } from "@babylonjs/core/PostProcesses/RenderPipeline/postProcessRenderPipeline";
+    import * as React from "react";
     interface IRenderPipelineItemComponenttProps {
         renderPipeline: PostProcessRenderPipeline;
         extensibilityGroups?: IExplorerExtensibilityGroup[];
@@ -4501,7 +4509,7 @@ declare module "@babylonjs/inspector/components/sceneExplorer/entities/rendering
 declare module "@babylonjs/inspector/components/sceneExplorer/entities/skeletonTreeItemComponent" {
     import { IExplorerExtensibilityGroup } from "@babylonjs/core/Debug/debugLayer";
     import * as React from "react";
-    import { Skeleton } from '@babylonjs/core/Bones/skeleton';
+    import { Skeleton } from "@babylonjs/core/Bones/skeleton";
     interface ISkeletonTreeItemComponentProps {
         skeleton: Skeleton;
         extensibilityGroups?: IExplorerExtensibilityGroup[];
@@ -4515,7 +4523,7 @@ declare module "@babylonjs/inspector/components/sceneExplorer/entities/skeletonT
 declare module "@babylonjs/inspector/components/sceneExplorer/entities/boneTreeItemComponent" {
     import { IExplorerExtensibilityGroup } from "@babylonjs/core/Debug/debugLayer";
     import * as React from "react";
-    import { Bone } from '@babylonjs/core/Bones/bone';
+    import { Bone } from "@babylonjs/core/Bones/bone";
     interface IBoneTreeItemComponenttProps {
         bone: Bone;
         extensibilityGroups?: IExplorerExtensibilityGroup[];
@@ -4528,8 +4536,8 @@ declare module "@babylonjs/inspector/components/sceneExplorer/entities/boneTreeI
 }
 declare module "@babylonjs/inspector/components/sceneExplorer/entities/particleSystemTreeItemComponent" {
     import { IExplorerExtensibilityGroup } from "@babylonjs/core/Debug/debugLayer";
-    import * as React from 'react';
-    import { IParticleSystem } from '@babylonjs/core/Particles/IParticleSystem';
+    import * as React from "react";
+    import { IParticleSystem } from "@babylonjs/core/Particles/IParticleSystem";
     interface IParticleSystemTreeItemComponentProps {
         system: IParticleSystem;
         extensibilityGroups?: IExplorerExtensibilityGroup[];
@@ -4542,8 +4550,8 @@ declare module "@babylonjs/inspector/components/sceneExplorer/entities/particleS
 }
 declare module "@babylonjs/inspector/components/sceneExplorer/entities/spriteManagerTreeItemComponent" {
     import { IExplorerExtensibilityGroup } from "@babylonjs/core/Debug/debugLayer";
-    import * as React from 'react';
-    import { SpriteManager } from '@babylonjs/core/Sprites/spriteManager';
+    import * as React from "react";
+    import { SpriteManager } from "@babylonjs/core/Sprites/spriteManager";
     interface ISpriteManagerTreeItemComponentProps {
         spriteManager: SpriteManager;
         extensibilityGroups?: IExplorerExtensibilityGroup[];
@@ -4556,8 +4564,8 @@ declare module "@babylonjs/inspector/components/sceneExplorer/entities/spriteMan
 }
 declare module "@babylonjs/inspector/components/sceneExplorer/entities/spriteTreeItemComponent" {
     import { IExplorerExtensibilityGroup } from "@babylonjs/core/Debug/debugLayer";
-    import * as React from 'react';
-    import { Sprite } from '@babylonjs/core/Sprites/sprite';
+    import * as React from "react";
+    import { Sprite } from "@babylonjs/core/Sprites/sprite";
     interface ISpriteTreeItemComponentProps {
         sprite: Sprite;
         extensibilityGroups?: IExplorerExtensibilityGroup[];
@@ -4585,7 +4593,7 @@ declare module "@babylonjs/inspector/components/sceneExplorer/entities/targetedA
 declare module "@babylonjs/inspector/components/sceneExplorer/entities/soundTreeItemComponent" {
     import { IExplorerExtensibilityGroup } from "@babylonjs/core/Debug/debugLayer";
     import * as React from "react";
-    import { Sound } from '@babylonjs/core/Audio/sound';
+    import { Sound } from "@babylonjs/core/Audio/sound";
     interface ISoundTreeItemComponentProps {
         sound: Sound;
         extensibilityGroups?: IExplorerExtensibilityGroup[];
@@ -4598,7 +4606,7 @@ declare module "@babylonjs/inspector/components/sceneExplorer/entities/soundTree
 }
 declare module "@babylonjs/inspector/components/sceneExplorer/entities/effectLayerPipelineTreeItemComponent" {
     import { IExplorerExtensibilityGroup } from "@babylonjs/core/Debug/debugLayer";
-    import * as React from 'react';
+    import * as React from "react";
     import { EffectLayer } from "@babylonjs/core/Layers/effectLayer";
     interface IEffectLayerItemComponenttProps {
         layer: EffectLayer;
@@ -4800,7 +4808,7 @@ declare module "@babylonjs/inspector/components/embedHost/embedHostComponent" {
     import * as React from "react";
     import { Scene } from "@babylonjs/core/scene";
     import { GlobalState } from "@babylonjs/inspector/components/globalState";
-    import { IExplorerExtensibilityGroup, DebugLayerTab } from '@babylonjs/core/Debug/debugLayer';
+    import { IExplorerExtensibilityGroup, DebugLayerTab } from "@babylonjs/core/Debug/debugLayer";
     interface IEmbedHostComponentProps {
         scene: Scene;
         globalState: GlobalState;
@@ -4904,7 +4912,7 @@ declare module "@babylonjs/inspector/sharedUiComponents/lines/draggableLineCompo
     }
 }
 declare module "@babylonjs/inspector/sharedUiComponents/lines/iconButtonLineComponent" {
-    import * as React from 'react';
+    import * as React from "react";
     export interface IIconButtonLineComponentProps {
         icon: string;
         onClick: () => void;