@babylonjs/inspector 7.54.1 → 7.54.3

package/dist/babylon.inspector.module.d.ts

@@ -328,7 +328,8 @@ import * as React from "react";
 interface ITreeItemLabelComponentProps {
     label: string;
     onClick?: () => void;
-    icon: any;
+    icon?: any;
+    iconBase64?: string;
     color: string;
 }
 export class TreeItemLabelComponent extends React.Component<ITreeItemLabelComponentProps> {
@@ -437,6 +438,7 @@ export class SceneExplorerComponent extends React.Component<ISceneExplorerCompon
     private _getMaterialsContextMenus;
     private _getSpriteManagersContextMenus;
     private _getParticleSystemsContextMenus;
+    private _getFrameGraphsContextMenus;
 
     onClose(): void;
     onPopup(): void;
@@ -744,6 +746,22 @@ export class LightTreeItemComponent extends React.Component<ILightTreeItemCompon
 }
 export {};
 
+}
+declare module "@babylonjs/inspector/components/sceneExplorer/entities/frameGraphTreeItemComponent" {
+import { IExplorerExtensibilityGroup } from "@babylonjs/core/Debug/debugLayer";
+import * as React from "react";
+import { FrameGraph } from "@babylonjs/core/FrameGraph/frameGraph";
+interface IFrameGraphItemComponenttProps {
+    frameGraph: FrameGraph;
+    extensibilityGroups?: IExplorerExtensibilityGroup[];
+    onClick: () => void;
+}
+export class FrameGraphTreeItemComponent extends React.Component<IFrameGraphItemComponenttProps> {
+    constructor(props: IFrameGraphItemComponenttProps);
+
+}
+export {};
+
 }
 declare module "@babylonjs/inspector/components/sceneExplorer/entities/effectLayerPipelineTreeItemComponent" {
 import { IExplorerExtensibilityGroup } from "@babylonjs/core/Debug/debugLayer";
@@ -3441,6 +3459,28 @@ export class LayerPropertyGridComponent extends React.Component<ILayerPropertyGr
 }
 export {};
 
+}
+declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/frameGraphs/frameGraphPropertyGridComponent" {
+import * as React from "react";
+import { Observable } from "@babylonjs/core/Misc/observable";
+import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
+import { LockObject } from "@babylonjs/inspector/tabs/propertyGrids/lockObject";
+import { GlobalState } from "@babylonjs/inspector/components/globalState";
+import { IExplorerExtensibilityGroup } from "@babylonjs/core/Debug/debugLayer";
+import { FrameGraph } from "@babylonjs/core/FrameGraph/frameGraph";
+interface IFrameGraphPropertyGridComponentProps {
+    globalState: GlobalState;
+    frameGraph: FrameGraph;
+    extensibilityGroups?: IExplorerExtensibilityGroup[];
+    lockObject: LockObject;
+    onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+}
+export class FrameGraphPropertyGridComponent extends React.Component<IFrameGraphPropertyGridComponentProps> {
+    constructor(props: IFrameGraphPropertyGridComponentProps);
+
+}
+export {};
+
 }
 declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/cameras/freeCameraPropertyGridComponent" {
 import * as React from "react";
@@ -5372,7 +5412,7 @@ export class StateManager {
     exportData: (data: any, frame?: Nullable<GraphFrame>) => string;
     isElbowConnectionAllowed: (nodeA: FrameNodePort | NodePort, nodeB: FrameNodePort | NodePort) => boolean;
     isDebugConnectionAllowed: (nodeA: FrameNodePort | NodePort, nodeB: FrameNodePort | NodePort) => boolean;
-    applyNodePortDesign: (data: IPortData, element: HTMLElement, imgHost: HTMLDivElement, pip: HTMLDivElement) => boolean;
+    applyNodePortDesign: (data: IPortData, element: HTMLElement, imgHost: HTMLImageElement, pip: HTMLDivElement) => boolean;
     getPortColor: (portData: IPortData) => string;
     storeEditorData: (serializationObject: any, frame?: Nullable<GraphFrame>) => void;
     getEditorDataMap: () => {
@@ -5442,7 +5482,7 @@ export class NodePort {
     node: GraphNode;
     protected _element: HTMLDivElement;
     protected _portContainer: HTMLElement;
-    protected _imgHost: HTMLDivElement;
+    protected _imgHost: HTMLImageElement;
     protected _pip: HTMLDivElement;
     protected _stateManager: StateManager;
     protected _portLabelElement: Element;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@babylonjs/inspector",
-    "version": "7.54.1",
+    "version": "7.54.3",
     "module": "dist/babylon.inspector.bundle.max.js",
     "main": "dist/babylon.inspector.bundle.max.js",
     "typings": "dist/babylon.inspector.module.d.ts",
@@ -32,12 +32,12 @@
         "@types/react-dom": ">=16.0.9"
     },
     "devDependencies": {
-        "@babylonjs/core": "^7.54.1",
-        "@babylonjs/gui": "^7.54.1",
-        "@babylonjs/gui-editor": "^7.54.1",
-        "@babylonjs/loaders": "^7.54.1",
-        "@babylonjs/materials": "^7.54.1",
-        "@babylonjs/serializers": "^7.54.1",
+        "@babylonjs/core": "^7.54.3",
+        "@babylonjs/gui": "^7.54.3",
+        "@babylonjs/gui-editor": "^7.54.3",
+        "@babylonjs/loaders": "^7.54.3",
+        "@babylonjs/materials": "^7.54.3",
+        "@babylonjs/serializers": "^7.54.3",
         "@lts/gui": "1.0.0",
         "react": "^17.0.2",
         "react-dom": "^17.0.2"