babylonjs-node-editor 6.15.0 → 6.16.0

package/babylon.nodeEditor.module.d.ts

@@ -95,8 +95,10 @@ import { TriPlanarBlock } from "babylonjs/Materials/Node/Blocks/triPlanarBlock";
 import { MatrixDeterminantBlock } from "babylonjs/Materials/Node/Blocks/matrixDeterminantBlock";
 import { MatrixTransposeBlock } from "babylonjs/Materials/Node/Blocks/matrixTransposeBlock";
 import { CurveBlock } from "babylonjs/Materials/Node/Blocks/curveBlock";
+import { NodeMaterialTeleportInBlock } from "babylonjs/Materials/Node/Blocks/Teleport/teleportInBlock";
+import { NodeMaterialTeleportOutBlock } from "babylonjs/Materials/Node/Blocks/Teleport/teleportOutBlock";
 export class BlockTools {
-    static GetBlockFromString(data: string, scene: Scene, nodeMaterial: NodeMaterial): HeightToNormalBlock | ElbowBlock | TwirlBlock | VoronoiNoiseBlock | ScreenSpaceBlock | CloudBlock | MatrixBuilderBlock | DesaturateBlock | RefractBlock | ReflectBlock | DerivativeBlock | Rotate2dBlock | NormalBlendBlock | WorleyNoise3DBlock | SimplexPerlin3DBlock | BonesBlock | InstancesBlock | MorphTargetsBlock | DiscardBlock | ImageProcessingBlock | ColorMergerBlock | VectorMergerBlock | ColorSplitterBlock | VectorSplitterBlock | TextureBlock | ReflectionTextureBlock | LightBlock | FogBlock | VertexOutputBlock | FragmentOutputBlock | AddBlock | ClampBlock | ScaleBlock | CrossBlock | DotBlock | PowBlock | MultiplyBlock | TransformBlock | TrigonometryBlock | RemapBlock | NormalizeBlock | FresnelBlock | LerpBlock | NLerpBlock | DivideBlock | SubtractBlock | ModBlock | StepBlock | SmoothStepBlock | OneMinusBlock | ReciprocalBlock | ViewDirectionBlock | LightInformationBlock | MaxBlock | MinBlock | LengthBlock | DistanceBlock | NegateBlock | PerturbNormalBlock | TBNBlock | RandomNumberBlock | ReplaceColorBlock | PosterizeBlock | ArcTan2Block | GradientBlock | FrontFacingBlock | MeshAttributeExistsBlock | WaveBlock | InputBlock | PBRMetallicRoughnessBlock | SheenBlock | AnisotropyBlock | ReflectionBlock | ClearCoatBlock | RefractionBlock | SubSurfaceBlock | CurrentScreenBlock | ParticleTextureBlock | ParticleRampGradientBlock | ParticleBlendMultiplyBlock | FragCoordBlock | ScreenSizeBlock | SceneDepthBlock | ConditionalBlock | ImageSourceBlock | ClipPlanesBlock | FragDepthBlock | ShadowMapBlock | TriPlanarBlock | MatrixTransposeBlock | MatrixDeterminantBlock | CurveBlock | null;
+    static GetBlockFromString(data: string, scene: Scene, nodeMaterial: NodeMaterial): NodeMaterialTeleportInBlock | NodeMaterialTeleportOutBlock | HeightToNormalBlock | ElbowBlock | TwirlBlock | VoronoiNoiseBlock | ScreenSpaceBlock | CloudBlock | MatrixBuilderBlock | DesaturateBlock | RefractBlock | ReflectBlock | DerivativeBlock | Rotate2dBlock | NormalBlendBlock | WorleyNoise3DBlock | SimplexPerlin3DBlock | BonesBlock | InstancesBlock | MorphTargetsBlock | DiscardBlock | ImageProcessingBlock | ColorMergerBlock | VectorMergerBlock | ColorSplitterBlock | VectorSplitterBlock | TextureBlock | ReflectionTextureBlock | LightBlock | FogBlock | VertexOutputBlock | FragmentOutputBlock | AddBlock | ClampBlock | ScaleBlock | CrossBlock | DotBlock | PowBlock | MultiplyBlock | TransformBlock | TrigonometryBlock | RemapBlock | NormalizeBlock | FresnelBlock | LerpBlock | NLerpBlock | DivideBlock | SubtractBlock | ModBlock | StepBlock | SmoothStepBlock | OneMinusBlock | ReciprocalBlock | ViewDirectionBlock | LightInformationBlock | MaxBlock | MinBlock | LengthBlock | DistanceBlock | NegateBlock | PerturbNormalBlock | TBNBlock | RandomNumberBlock | ReplaceColorBlock | PosterizeBlock | ArcTan2Block | GradientBlock | FrontFacingBlock | MeshAttributeExistsBlock | WaveBlock | InputBlock | PBRMetallicRoughnessBlock | SheenBlock | AnisotropyBlock | ReflectionBlock | ClearCoatBlock | RefractionBlock | SubSurfaceBlock | CurrentScreenBlock | ParticleTextureBlock | ParticleRampGradientBlock | ParticleBlendMultiplyBlock | FragCoordBlock | ScreenSizeBlock | SceneDepthBlock | ConditionalBlock | ImageSourceBlock | ClipPlanesBlock | FragDepthBlock | ShadowMapBlock | TriPlanarBlock | MatrixTransposeBlock | MatrixDeterminantBlock | CurveBlock | null;
     static GetColorFromConnectionNodeType(type: NodeMaterialBlockConnectionPointTypes): string;
     static GetConnectionNodeTypeFromString(type: string): NodeMaterialBlockConnectionPointTypes.Float | NodeMaterialBlockConnectionPointTypes.Vector2 | NodeMaterialBlockConnectionPointTypes.Vector3 | NodeMaterialBlockConnectionPointTypes.Vector4 | NodeMaterialBlockConnectionPointTypes.Color3 | NodeMaterialBlockConnectionPointTypes.Color4 | NodeMaterialBlockConnectionPointTypes.Matrix | NodeMaterialBlockConnectionPointTypes.AutoDetect;
     static GetStringFromConnectionNodeType(type: NodeMaterialBlockConnectionPointTypes): "" | "Float" | "Vector2" | "Vector3" | "Vector4" | "Matrix" | "Color3" | "Color4";
@@ -591,6 +593,7 @@ export class BlockNodeData implements INodeData {
     getPortByName(name: string): IPortData | null;
     dispose(): void;
     prepareHeaderIcon(iconDiv: HTMLDivElement, img: HTMLImageElement): void;
+    get invisibleEndpoints(): import("babylonjs/Materials/Node/Blocks").NodeMaterialTeleportOutBlock[] | null;
     constructor(data: NodeMaterialBlock, nodeContainer: INodeContainer);
 }
 
@@ -784,6 +787,40 @@ export class RemapDisplayManager implements IDisplayManager {
     updatePreviewContent(nodeData: INodeData, contentArea: HTMLDivElement): void;
 }
 
+}
+declare module "babylonjs-node-editor/graphSystem/display/teleportInDisplayManager" {
+import { IDisplayManager } from "babylonjs-node-editor/nodeGraphSystem/interfaces/displayManager";
+import { INodeData } from "babylonjs-node-editor/nodeGraphSystem/interfaces/nodeData";
+import { StateManager } from "babylonjs-node-editor/nodeGraphSystem/stateManager";
+import { Nullable } from "babylonjs/types";
+export class TeleportInDisplayManager implements IDisplayManager {
+    private _hasHighlights;
+    getHeaderClass(): string;
+    shouldDisplayPortLabels(): boolean;
+    getHeaderText(nodeData: INodeData): string;
+    getBackgroundColor(nodeData: INodeData): string;
+    updatePreviewContent(nodeData: INodeData, contentArea: HTMLDivElement): void;
+    onSelectionChanged(nodeData: INodeData, selectedData: Nullable<INodeData>, manager: StateManager): void;
+    onDispose(nodeData: INodeData, manager: StateManager): void;
+}
+
+}
+declare module "babylonjs-node-editor/graphSystem/display/teleportOutDisplayManager" {
+import { IDisplayManager } from "babylonjs-node-editor/nodeGraphSystem/interfaces/displayManager";
+import { INodeData } from "babylonjs-node-editor/nodeGraphSystem/interfaces/nodeData";
+import { StateManager } from "babylonjs-node-editor/nodeGraphSystem/stateManager";
+import { Nullable } from "babylonjs/types";
+export class TeleportOutDisplayManager implements IDisplayManager {
+    private _hasHighlights;
+    getHeaderClass(): string;
+    shouldDisplayPortLabels(): boolean;
+    getHeaderText(nodeData: INodeData): string;
+    getBackgroundColor(nodeData: INodeData): string;
+    updatePreviewContent(nodeData: INodeData, contentArea: HTMLDivElement): void;
+    onSelectionChanged(nodeData: INodeData, selectedData: Nullable<INodeData>, manager: StateManager): void;
+    onDispose(nodeData: INodeData, manager: StateManager): void;
+}
+
 }
 declare module "babylonjs-node-editor/graphSystem/display/textureDisplayManager" {
 import { IDisplayManager } from "babylonjs-node-editor/nodeGraphSystem/interfaces/displayManager";
@@ -880,7 +917,7 @@ export class FramePropertyTabComponent extends React.Component<IFramePropertyTab
 }
 declare module "babylonjs-node-editor/graphSystem/properties/genericNodePropertyComponent" {
 import * as React from "react";
-import { IEditablePropertyOption } from "babylonjs/Materials/Node/nodeMaterialDecorator";
+import { IEditablePropertyOption } from "babylonjs/Decorators/nodeDecorator";
 import { IPropertyComponentProps } from "babylonjs-node-editor/nodeGraphSystem/interfaces/propertyComponentProps";
 export class GenericPropertyComponent extends React.Component<IPropertyComponentProps> {
     constructor(props: IPropertyComponentProps);
@@ -1014,6 +1051,18 @@ export class NodePortPropertyTabComponent extends React.Component<IFrameNodePort
     render(): JSX.Element;
 }
 
+}
+declare module "babylonjs-node-editor/graphSystem/properties/teleportOutNodePropertyComponent" {
+import * as React from "react";
+import { IPropertyComponentProps } from "babylonjs-node-editor/nodeGraphSystem/interfaces/propertyComponentProps";
+export class TeleportOutPropertyTabComponent extends React.Component<IPropertyComponentProps> {
+    private _onUpdateRequiredObserver;
+    constructor(props: IPropertyComponentProps);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): JSX.Element;
+}
+
 }
 declare module "babylonjs-node-editor/graphSystem/properties/texturePropertyTabComponent" {
 import * as React from "react";
@@ -3645,6 +3694,7 @@ export class GraphNode {
     private _onSelectionBoxMovedObserver;
     private _onFrameCreatedObserver;
     private _onUpdateRequiredObserver;
+    private _onHighlightNodeObserver;
     private _ownerCanvas;
     private _isSelected;
     private _displayManager;
@@ -3693,6 +3743,8 @@ export class GraphNode {
 
 }
 declare module "babylonjs-node-editor/nodeGraphSystem/interfaces/displayManager" {
+import { Nullable } from "babylonjs/types";
+import { StateManager } from "babylonjs-node-editor/nodeGraphSystem/stateManager";
 import { INodeData } from "babylonjs-node-editor/nodeGraphSystem/interfaces/nodeData";
 import { IPortData } from "babylonjs-node-editor/nodeGraphSystem/interfaces/portData";
 export interface VisualContentDescription {
@@ -3705,6 +3757,8 @@ export interface IDisplayManager {
     updateFullVisualContent?(data: INodeData, visualContent: VisualContentDescription): void;
     getBackgroundColor(data: INodeData): string;
     getHeaderText(data: INodeData): string;
+    onSelectionChanged?(data: INodeData, selectedData: Nullable<INodeData>, manager: StateManager): void;
+    onDispose?(nodeData: INodeData, manager: StateManager): void;
 }
 
 }
@@ -3732,6 +3786,7 @@ export interface INodeData {
     getPortByName: (name: string) => Nullable<IPortData>;
     inputs: IPortData[];
     outputs: IPortData[];
+    invisibleEndpoints?: Nullable<any[]>;
 }
 
 }
@@ -3961,7 +4016,7 @@ export class StateManager {
     onFrameCreatedObservable: Observable<GraphFrame>;
     onUpdateRequiredObservable: Observable<any>;
     onGraphNodeRemovalObservable: Observable<GraphNode>;
-    onSelectionBoxMoved: Observable<ClientRect | DOMRect>;
+    onSelectionBoxMoved: Observable<DOMRect | ClientRect>;
     onCandidateLinkMoved: Observable<Nullable<Vector2>>;
     onCandidatePortSelectedObservable: Observable<Nullable<FrameNodePort | NodePort>>;
     onNewNodeCreatedObservable: Observable<GraphNode>;
@@ -3976,6 +4031,10 @@ export class StateManager {
         needRepositioning?: boolean | undefined;
         smartAdd?: boolean | undefined;
     }>;
+    onHighlightNodeObservable: Observable<{
+        data: any;
+        active: boolean;
+    }>;
     exportData: (data: any, frame?: Nullable<GraphFrame>) => string;
     isElbowConnectionAllowed: (nodeA: FrameNodePort | NodePort, nodeB: FrameNodePort | NodePort) => boolean;
     applyNodePortDesign: (data: IPortData, element: HTMLElement, img: HTMLImageElement) => void;
@@ -3991,11 +4050,12 @@ export class StateManager {
 
 }
 declare module "babylonjs-node-editor/nodeGraphSystem/tools" {
+import { GraphCanvasComponent } from "babylonjs-node-editor/nodeGraphSystem/graphCanvas";
 import { GraphNode } from "babylonjs-node-editor/nodeGraphSystem/graphNode";
 import { NodeLink } from "babylonjs-node-editor/nodeGraphSystem/nodeLink";
 import { FramePortData } from "babylonjs-node-editor/nodeGraphSystem/types/framePortData";
 export const IsFramePortData: (variableToCheck: any) => variableToCheck is FramePortData;
-export const RefreshNode: (node: GraphNode, visitedNodes?: Set<GraphNode>, visitedLinks?: Set<NodeLink>) => void;
+export const RefreshNode: (node: GraphNode, visitedNodes?: Set<GraphNode>, visitedLinks?: Set<NodeLink>, canvas?: GraphCanvasComponent) => void;
 
 }
 declare module "babylonjs-node-editor/nodeGraphSystem/typeLedger" {
@@ -4355,7 +4415,7 @@ declare module "babylonjs-node-editor" {
 
 declare module BABYLON.NodeEditor {
     export class BlockTools {
-        static GetBlockFromString(data: string, scene: BABYLON.Scene, nodeMaterial: BABYLON.NodeMaterial): BABYLON.HeightToNormalBlock | BABYLON.ElbowBlock | BABYLON.TwirlBlock | BABYLON.VoronoiNoiseBlock | BABYLON.ScreenSpaceBlock | BABYLON.CloudBlock | BABYLON.MatrixBuilderBlock | BABYLON.DesaturateBlock | BABYLON.RefractBlock | BABYLON.ReflectBlock | BABYLON.DerivativeBlock | BABYLON.Rotate2dBlock | BABYLON.NormalBlendBlock | BABYLON.WorleyNoise3DBlock | BABYLON.SimplexPerlin3DBlock | BABYLON.BonesBlock | BABYLON.InstancesBlock | BABYLON.MorphTargetsBlock | BABYLON.DiscardBlock | BABYLON.ImageProcessingBlock | BABYLON.ColorMergerBlock | BABYLON.VectorMergerBlock | BABYLON.ColorSplitterBlock | BABYLON.VectorSplitterBlock | BABYLON.TextureBlock | BABYLON.ReflectionTextureBlock | BABYLON.LightBlock | BABYLON.FogBlock | BABYLON.VertexOutputBlock | BABYLON.FragmentOutputBlock | BABYLON.AddBlock | BABYLON.ClampBlock | BABYLON.ScaleBlock | BABYLON.CrossBlock | BABYLON.DotBlock | BABYLON.PowBlock | BABYLON.MultiplyBlock | BABYLON.TransformBlock | BABYLON.TrigonometryBlock | BABYLON.RemapBlock | BABYLON.NormalizeBlock | BABYLON.FresnelBlock | BABYLON.LerpBlock | BABYLON.NLerpBlock | BABYLON.DivideBlock | BABYLON.SubtractBlock | BABYLON.ModBlock | BABYLON.StepBlock | BABYLON.SmoothStepBlock | BABYLON.OneMinusBlock | BABYLON.ReciprocalBlock | BABYLON.ViewDirectionBlock | BABYLON.LightInformationBlock | BABYLON.MaxBlock | BABYLON.MinBlock | BABYLON.LengthBlock | BABYLON.DistanceBlock | BABYLON.NegateBlock | BABYLON.PerturbNormalBlock | BABYLON.TBNBlock | BABYLON.RandomNumberBlock | BABYLON.ReplaceColorBlock | BABYLON.PosterizeBlock | BABYLON.ArcTan2Block | BABYLON.GradientBlock | BABYLON.FrontFacingBlock | BABYLON.MeshAttributeExistsBlock | BABYLON.WaveBlock | BABYLON.InputBlock | BABYLON.PBRMetallicRoughnessBlock | BABYLON.SheenBlock | BABYLON.AnisotropyBlock | BABYLON.ReflectionBlock | BABYLON.ClearCoatBlock | BABYLON.RefractionBlock | BABYLON.SubSurfaceBlock | BABYLON.CurrentScreenBlock | BABYLON.ParticleTextureBlock | BABYLON.ParticleRampGradientBlock | BABYLON.ParticleBlendMultiplyBlock | BABYLON.FragCoordBlock | BABYLON.ScreenSizeBlock | BABYLON.SceneDepthBlock | BABYLON.ConditionalBlock | BABYLON.ImageSourceBlock | BABYLON.ClipPlanesBlock | BABYLON.FragDepthBlock | BABYLON.ShadowMapBlock | BABYLON.TriPlanarBlock | BABYLON.MatrixTransposeBlock | BABYLON.MatrixDeterminantBlock | BABYLON.CurveBlock | null;
+        static GetBlockFromString(data: string, scene: BABYLON.Scene, nodeMaterial: BABYLON.NodeMaterial): BABYLON.NodeMaterialTeleportInBlock | BABYLON.NodeMaterialTeleportOutBlock | BABYLON.HeightToNormalBlock | BABYLON.ElbowBlock | BABYLON.TwirlBlock | BABYLON.VoronoiNoiseBlock | BABYLON.ScreenSpaceBlock | BABYLON.CloudBlock | BABYLON.MatrixBuilderBlock | BABYLON.DesaturateBlock | BABYLON.RefractBlock | BABYLON.ReflectBlock | BABYLON.DerivativeBlock | BABYLON.Rotate2dBlock | BABYLON.NormalBlendBlock | BABYLON.WorleyNoise3DBlock | BABYLON.SimplexPerlin3DBlock | BABYLON.BonesBlock | BABYLON.InstancesBlock | BABYLON.MorphTargetsBlock | BABYLON.DiscardBlock | BABYLON.ImageProcessingBlock | BABYLON.ColorMergerBlock | BABYLON.VectorMergerBlock | BABYLON.ColorSplitterBlock | BABYLON.VectorSplitterBlock | BABYLON.TextureBlock | BABYLON.ReflectionTextureBlock | BABYLON.LightBlock | BABYLON.FogBlock | BABYLON.VertexOutputBlock | BABYLON.FragmentOutputBlock | BABYLON.AddBlock | BABYLON.ClampBlock | BABYLON.ScaleBlock | BABYLON.CrossBlock | BABYLON.DotBlock | BABYLON.PowBlock | BABYLON.MultiplyBlock | BABYLON.TransformBlock | BABYLON.TrigonometryBlock | BABYLON.RemapBlock | BABYLON.NormalizeBlock | BABYLON.FresnelBlock | BABYLON.LerpBlock | BABYLON.NLerpBlock | BABYLON.DivideBlock | BABYLON.SubtractBlock | BABYLON.ModBlock | BABYLON.StepBlock | BABYLON.SmoothStepBlock | BABYLON.OneMinusBlock | BABYLON.ReciprocalBlock | BABYLON.ViewDirectionBlock | BABYLON.LightInformationBlock | BABYLON.MaxBlock | BABYLON.MinBlock | BABYLON.LengthBlock | BABYLON.DistanceBlock | BABYLON.NegateBlock | BABYLON.PerturbNormalBlock | BABYLON.TBNBlock | BABYLON.RandomNumberBlock | BABYLON.ReplaceColorBlock | BABYLON.PosterizeBlock | BABYLON.ArcTan2Block | BABYLON.GradientBlock | BABYLON.FrontFacingBlock | BABYLON.MeshAttributeExistsBlock | BABYLON.WaveBlock | BABYLON.InputBlock | BABYLON.PBRMetallicRoughnessBlock | BABYLON.SheenBlock | BABYLON.AnisotropyBlock | BABYLON.ReflectionBlock | BABYLON.ClearCoatBlock | BABYLON.RefractionBlock | BABYLON.SubSurfaceBlock | BABYLON.CurrentScreenBlock | BABYLON.ParticleTextureBlock | BABYLON.ParticleRampGradientBlock | BABYLON.ParticleBlendMultiplyBlock | BABYLON.FragCoordBlock | BABYLON.ScreenSizeBlock | BABYLON.SceneDepthBlock | BABYLON.ConditionalBlock | BABYLON.ImageSourceBlock | BABYLON.ClipPlanesBlock | BABYLON.FragDepthBlock | BABYLON.ShadowMapBlock | BABYLON.TriPlanarBlock | BABYLON.MatrixTransposeBlock | BABYLON.MatrixDeterminantBlock | BABYLON.CurveBlock | null;
         static GetColorFromConnectionNodeType(type: BABYLON.NodeMaterialBlockConnectionPointTypes): string;
         static GetConnectionNodeTypeFromString(type: string): BABYLON.NodeMaterialBlockConnectionPointTypes.Float | BABYLON.NodeMaterialBlockConnectionPointTypes.Vector2 | BABYLON.NodeMaterialBlockConnectionPointTypes.Vector3 | BABYLON.NodeMaterialBlockConnectionPointTypes.Vector4 | BABYLON.NodeMaterialBlockConnectionPointTypes.Color3 | BABYLON.NodeMaterialBlockConnectionPointTypes.Color4 | BABYLON.NodeMaterialBlockConnectionPointTypes.Matrix | BABYLON.NodeMaterialBlockConnectionPointTypes.AutoDetect;
         static GetStringFromConnectionNodeType(type: BABYLON.NodeMaterialBlockConnectionPointTypes): "" | "Float" | "Vector2" | "Vector3" | "Vector4" | "Matrix" | "Color3" | "Color4";
@@ -4737,6 +4797,7 @@ declare module BABYLON.NodeEditor {
         getPortByName(name: string): BABYLON.NodeEditor.SharedUIComponents.IPortData | null;
         dispose(): void;
         prepareHeaderIcon(iconDiv: HTMLDivElement, img: HTMLImageElement): void;
+        get invisibleEndpoints(): import("core/Materials/Node/Blocks").NodeMaterialTeleportOutBlock[] | null;
         constructor(data: BABYLON.NodeMaterialBlock, nodeContainer: BABYLON.NodeEditor.SharedUIComponents.INodeContainer);
     }
 
@@ -4885,6 +4946,30 @@ declare module BABYLON.NodeEditor {
     }
 
 
+    export class TeleportInDisplayManager implements BABYLON.NodeEditor.SharedUIComponents.IDisplayManager {
+        private _hasHighlights;
+        getHeaderClass(): string;
+        shouldDisplayPortLabels(): boolean;
+        getHeaderText(nodeData: BABYLON.NodeEditor.SharedUIComponents.INodeData): string;
+        getBackgroundColor(nodeData: BABYLON.NodeEditor.SharedUIComponents.INodeData): string;
+        updatePreviewContent(nodeData: BABYLON.NodeEditor.SharedUIComponents.INodeData, contentArea: HTMLDivElement): void;
+        onSelectionChanged(nodeData: BABYLON.NodeEditor.SharedUIComponents.INodeData, selectedData: BABYLON.Nullable<BABYLON.NodeEditor.SharedUIComponents.INodeData>, manager: BABYLON.NodeEditor.SharedUIComponents.StateManager): void;
+        onDispose(nodeData: BABYLON.NodeEditor.SharedUIComponents.INodeData, manager: BABYLON.NodeEditor.SharedUIComponents.StateManager): void;
+    }
+
+
+    export class TeleportOutDisplayManager implements BABYLON.NodeEditor.SharedUIComponents.IDisplayManager {
+        private _hasHighlights;
+        getHeaderClass(): string;
+        shouldDisplayPortLabels(): boolean;
+        getHeaderText(nodeData: BABYLON.NodeEditor.SharedUIComponents.INodeData): string;
+        getBackgroundColor(nodeData: BABYLON.NodeEditor.SharedUIComponents.INodeData): string;
+        updatePreviewContent(nodeData: BABYLON.NodeEditor.SharedUIComponents.INodeData, contentArea: HTMLDivElement): void;
+        onSelectionChanged(nodeData: BABYLON.NodeEditor.SharedUIComponents.INodeData, selectedData: BABYLON.Nullable<BABYLON.NodeEditor.SharedUIComponents.INodeData>, manager: BABYLON.NodeEditor.SharedUIComponents.StateManager): void;
+        onDispose(nodeData: BABYLON.NodeEditor.SharedUIComponents.INodeData, manager: BABYLON.NodeEditor.SharedUIComponents.StateManager): void;
+    }
+
+
     export class TextureDisplayManager implements BABYLON.NodeEditor.SharedUIComponents.IDisplayManager {
         private _previewCanvas;
         private _previewImage;
@@ -5059,6 +5144,15 @@ declare module BABYLON.NodeEditor {
     }
 
 
+    export class TeleportOutPropertyTabComponent extends React.Component<BABYLON.NodeEditor.SharedUIComponents.IPropertyComponentProps> {
+        private _onUpdateRequiredObserver;
+        constructor(props: BABYLON.NodeEditor.SharedUIComponents.IPropertyComponentProps);
+        componentDidMount(): void;
+        componentWillUnmount(): void;
+        render(): JSX.Element;
+    }
+
+
     type ReflectionTexture = BABYLON.ReflectionTextureBlock | BABYLON.ReflectionBlock | BABYLON.RefractionBlock;
     type AnyTexture = BABYLON.TextureBlock | ReflectionTexture | BABYLON.CurrentScreenBlock | BABYLON.ParticleTextureBlock | BABYLON.TriPlanarBlock;
     export class TexturePropertyTabComponent extends React.Component<BABYLON.NodeEditor.SharedUIComponents.IPropertyComponentProps, {
@@ -7819,6 +7913,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         private _onSelectionBoxMovedObserver;
         private _onFrameCreatedObserver;
         private _onUpdateRequiredObserver;
+        private _onHighlightNodeObserver;
         private _ownerCanvas;
         private _isSelected;
         private _displayManager;
@@ -7882,6 +7977,8 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         updateFullVisualContent?(data: BABYLON.NodeEditor.SharedUIComponents.INodeData, visualContent: VisualContentDescription): void;
         getBackgroundColor(data: BABYLON.NodeEditor.SharedUIComponents.INodeData): string;
         getHeaderText(data: BABYLON.NodeEditor.SharedUIComponents.INodeData): string;
+        onSelectionChanged?(data: BABYLON.NodeEditor.SharedUIComponents.INodeData, selectedData: BABYLON.Nullable<BABYLON.NodeEditor.SharedUIComponents.INodeData>, manager: BABYLON.NodeEditor.SharedUIComponents.StateManager): void;
+        onDispose?(nodeData: BABYLON.NodeEditor.SharedUIComponents.INodeData, manager: BABYLON.NodeEditor.SharedUIComponents.StateManager): void;
     }
 
 
@@ -7915,6 +8012,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         getPortByName: (name: string) => BABYLON.Nullable<BABYLON.NodeEditor.SharedUIComponents.IPortData>;
         inputs: BABYLON.NodeEditor.SharedUIComponents.IPortData[];
         outputs: BABYLON.NodeEditor.SharedUIComponents.IPortData[];
+        invisibleEndpoints?: BABYLON.Nullable<any[]>;
     }
 
 
@@ -8154,7 +8252,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         onFrameCreatedObservable: BABYLON.Observable<BABYLON.NodeEditor.SharedUIComponents.GraphFrame>;
         onUpdateRequiredObservable: BABYLON.Observable<any>;
         onGraphNodeRemovalObservable: BABYLON.Observable<BABYLON.NodeEditor.SharedUIComponents.GraphNode>;
-        onSelectionBoxMoved: BABYLON.Observable<ClientRect | DOMRect>;
+        onSelectionBoxMoved: BABYLON.Observable<DOMRect | ClientRect>;
         onCandidateLinkMoved: BABYLON.Observable<BABYLON.Nullable<BABYLON.Vector2>>;
         onCandidatePortSelectedObservable: BABYLON.Observable<BABYLON.Nullable<BABYLON.NodeEditor.SharedUIComponents.FrameNodePort | BABYLON.NodeEditor.SharedUIComponents.NodePort>>;
         onNewNodeCreatedObservable: BABYLON.Observable<BABYLON.NodeEditor.SharedUIComponents.GraphNode>;
@@ -8169,6 +8267,10 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
             needRepositioning?: boolean | undefined;
             smartAdd?: boolean | undefined;
         }>;
+        onHighlightNodeObservable: BABYLON.Observable<{
+            data: any;
+            active: boolean;
+        }>;
         exportData: (data: any, frame?: BABYLON.Nullable<BABYLON.NodeEditor.SharedUIComponents.GraphFrame>) => string;
         isElbowConnectionAllowed: (nodeA: BABYLON.NodeEditor.SharedUIComponents.FrameNodePort | BABYLON.NodeEditor.SharedUIComponents.NodePort, nodeB: BABYLON.NodeEditor.SharedUIComponents.FrameNodePort | BABYLON.NodeEditor.SharedUIComponents.NodePort) => boolean;
         applyNodePortDesign: (data: BABYLON.NodeEditor.SharedUIComponents.IPortData, element: HTMLElement, img: HTMLImageElement) => void;
@@ -8190,7 +8292,7 @@ declare module BABYLON.NodeEditor {
 }
 declare module BABYLON.NodeEditor.SharedUIComponents {
         export const IsFramePortData: (variableToCheck: any) => variableToCheck is BABYLON.NodeEditor.SharedUIComponents.FramePortData;
-    export const RefreshNode: (node: BABYLON.NodeEditor.SharedUIComponents.GraphNode, visitedNodes?: Set<BABYLON.NodeEditor.SharedUIComponents.GraphNode>, visitedLinks?: Set<BABYLON.NodeEditor.SharedUIComponents.NodeLink>) => void;
+    export const RefreshNode: (node: BABYLON.NodeEditor.SharedUIComponents.GraphNode, visitedNodes?: Set<BABYLON.NodeEditor.SharedUIComponents.GraphNode>, visitedLinks?: Set<BABYLON.NodeEditor.SharedUIComponents.NodeLink>, canvas?: BABYLON.NodeEditor.SharedUIComponents.GraphCanvasComponent) => void;
 
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "babylonjs-node-editor",
-    "version": "6.15.0",
+    "version": "6.16.0",
     "main": "babylon.nodeEditor.js",
     "types": "babylon.nodeEditor.module.d.ts",
     "files": [
@@ -14,7 +14,7 @@
         "clean": "rimraf dist && rimraf babylon*.*"
     },
     "dependencies": {
-        "babylonjs": "^6.15.0"
+        "babylonjs": "^6.16.0"
     },
     "devDependencies": {
         "@dev/build-tools": "1.0.0",