@babylonjs/node-editor 5.13.3 → 5.15.0

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

@@ -161,6 +161,8 @@ export class PreviewAreaComponent extends React.Component<IPreviewAreaComponentP
     componentWillUnmount(): void;
     changeBackFaceCulling(value: boolean): void;
     changeDepthPrePass(value: boolean): void;
+    _onPointerOverCanvas: () => void;
+    _onPointerOutCanvas: () => void;
     changeParticleSystemBlendMode(newOne: number): void;
     render(): JSX.Element;
 }
@@ -252,9 +254,11 @@ import * as React from "react";
 import { GlobalState } from "@babylonjs/node-editor/globalState";
 import { InputBlock } from "@babylonjs/core/Materials/Node/Blocks/Input/inputBlock";
 import "@babylonjs/node-editor/components/propertyTab/propertyTab.scss";
+import { LockObject } from "@babylonjs/node-editor/tabs/propertyGrids/lockObject";
 interface IInputsPropertyTabComponentProps {
     globalState: GlobalState;
     inputs: InputBlock[];
+    lockObject: LockObject;
 }
 export class InputsPropertyTabComponent extends React.Component<IInputsPropertyTabComponentProps> {
     constructor(props: IInputsPropertyTabComponentProps);
@@ -269,9 +273,11 @@ declare module "@babylonjs/node-editor/components/propertyTab/properties/color3P
 import * as React from "react";
 import { GlobalState } from "@babylonjs/node-editor/globalState";
 import { InputBlock } from "@babylonjs/core/Materials/Node/Blocks/Input/inputBlock";
+import { LockObject } from "@babylonjs/node-editor/tabs/propertyGrids/lockObject";
 interface IColor3PropertyTabComponentProps {
     globalState: GlobalState;
     inputBlock: InputBlock;
+    lockObject: LockObject;
 }
 export class Color3PropertyTabComponent extends React.Component<IColor3PropertyTabComponentProps> {
     render(): JSX.Element;
@@ -283,9 +289,11 @@ declare module "@babylonjs/node-editor/components/propertyTab/properties/color4P
 import * as React from "react";
 import { GlobalState } from "@babylonjs/node-editor/globalState";
 import { InputBlock } from "@babylonjs/core/Materials/Node/Blocks/Input/inputBlock";
+import { LockObject } from "@babylonjs/node-editor/tabs/propertyGrids/lockObject";
 interface IColor4PropertyTabComponentProps {
     globalState: GlobalState;
     inputBlock: InputBlock;
+    lockObject: LockObject;
 }
 export class Color4PropertyTabComponent extends React.Component<IColor4PropertyTabComponentProps> {
     render(): JSX.Element;
@@ -311,9 +319,11 @@ declare module "@babylonjs/node-editor/components/propertyTab/properties/matrixP
 import * as React from "react";
 import { GlobalState } from "@babylonjs/node-editor/globalState";
 import { InputBlock } from "@babylonjs/core/Materials/Node/Blocks/Input/inputBlock";
+import { LockObject } from "@babylonjs/node-editor/tabs/propertyGrids/lockObject";
 interface IMatrixPropertyTabComponentProps {
     globalState: GlobalState;
     inputBlock: InputBlock;
+    lockObject: LockObject;
 }
 export class MatrixPropertyTabComponent extends React.Component<IMatrixPropertyTabComponentProps> {
     render(): JSX.Element;
@@ -325,9 +335,11 @@ declare module "@babylonjs/node-editor/components/propertyTab/properties/vector2
 import * as React from "react";
 import { GlobalState } from "@babylonjs/node-editor/globalState";
 import { InputBlock } from "@babylonjs/core/Materials/Node/Blocks/Input/inputBlock";
+import { LockObject } from "@babylonjs/node-editor/tabs/propertyGrids/lockObject";
 interface IVector2PropertyTabComponentProps {
     globalState: GlobalState;
     inputBlock: InputBlock;
+    lockObject: LockObject;
 }
 export class Vector2PropertyTabComponent extends React.Component<IVector2PropertyTabComponentProps> {
     render(): JSX.Element;
@@ -339,9 +351,11 @@ declare module "@babylonjs/node-editor/components/propertyTab/properties/vector3
 import * as React from "react";
 import { GlobalState } from "@babylonjs/node-editor/globalState";
 import { InputBlock } from "@babylonjs/core/Materials/Node/Blocks/Input/inputBlock";
+import { LockObject } from "@babylonjs/node-editor/tabs/propertyGrids/lockObject";
 interface IVector3PropertyTabComponentProps {
     globalState: GlobalState;
     inputBlock: InputBlock;
+    lockObject: LockObject;
 }
 export class Vector3PropertyTabComponent extends React.Component<IVector3PropertyTabComponentProps> {
     render(): JSX.Element;
@@ -353,9 +367,11 @@ declare module "@babylonjs/node-editor/components/propertyTab/properties/vector4
 import * as React from "react";
 import { GlobalState } from "@babylonjs/node-editor/globalState";
 import { InputBlock } from "@babylonjs/core/Materials/Node/Blocks/Input/inputBlock";
+import { LockObject } from "@babylonjs/node-editor/tabs/propertyGrids/lockObject";
 interface IVector4PropertyTabComponentProps {
     globalState: GlobalState;
     inputBlock: InputBlock;
+    lockObject: LockObject;
 }
 export class Vector4PropertyTabComponent extends React.Component<IVector4PropertyTabComponentProps> {
     render(): JSX.Element;
@@ -373,8 +389,10 @@ import { GraphNode } from "@babylonjs/node-editor/nodeGraphSystem/graphNode";
 import { GraphFrame } from "@babylonjs/node-editor/nodeGraphSystem/graphFrame";
 import { NodePort } from "@babylonjs/node-editor/nodeGraphSystem/nodePort";
 import { FrameNodePort } from "@babylonjs/node-editor/nodeGraphSystem/frameNodePort";
+import { LockObject } from "@babylonjs/node-editor/tabs/propertyGrids/lockObject";
 interface IPropertyTabComponentProps {
     globalState: GlobalState;
+    lockObject: LockObject;
 }
 interface IPropertyTabComponentState {
     currentNode: Nullable<GraphNode>;
@@ -451,6 +469,7 @@ export class GlobalState {
     directionalLight1: boolean;
     controlCamera: boolean;
     _mode: NodeMaterialModes;
+    pointerOverCanvas: boolean;
     /** Gets the mode */
     get mode(): NodeMaterialModes;
     /** Sets the mode */
@@ -488,7 +507,6 @@ interface IInternalPreviewAreaOptions extends IInspectorOptions {
     embedHostWidth?: string;
 }
 export class GraphEditor extends React.Component<IGraphEditorProps, IGraphEditorState> {
-    static readonly NodeWidth: number;
     private _graphCanvasRef;
     private _diagramContainerRef;
     private _graphCanvas;
@@ -498,8 +516,6 @@ export class GraphEditor extends React.Component<IGraphEditorProps, IGraphEditor
     private _leftWidth;
     private _rightWidth;
     private _previewManager;
-    private _copiedNodes;
-    private _copiedFrames;
     private _mouseLocationX;
     private _mouseLocationY;
     private _onWidgetKeyUpPointer;
@@ -510,8 +526,6 @@ export class GraphEditor extends React.Component<IGraphEditorProps, IGraphEditor
     componentDidMount(): void;
     componentWillUnmount(): void;
     constructor(props: IGraphEditorProps);
-    reconnectNewNodes(nodeIndex: number, newNodes: GraphNode[], sourceNodes: GraphNode[], done: boolean[]): void;
-    pasteSelection(copiedNodes: GraphNode[], currentX: number, currentY: number, selectNew?: boolean): GraphNode[] | undefined;
     zoomToFit(): void;
     buildMaterial(autoConfigure?: boolean): void;
     build(ignoreEditorData?: boolean): void;
@@ -521,7 +535,7 @@ export class GraphEditor extends React.Component<IGraphEditorProps, IGraphEditor
     reOrganize(editorData?: Nullable<IEditorData>, isImportingAFrame?: boolean): void;
     onPointerDown(evt: React.PointerEvent<HTMLDivElement>): void;
     onPointerUp(evt: React.PointerEvent<HTMLDivElement>): void;
-    onWheel(this: any, evt: WheelEvent): void;
+    onWheel: (evt: WheelEvent) => void;
     resizeColumns(evt: React.PointerEvent<HTMLDivElement>, forLeft?: boolean): void;
     buildColumnLayout(): string;
     emitNewBlock(blockType: string, targetX: number, targetY: number): void;
@@ -558,7 +572,7 @@ export class BlockNodeData implements INodeData {
     set comments(value: string);
     getPortByName(name: string): IPortData | null;
     dispose(): void;
-    getWarningMessage(): "" | "For optimization reasons, this block will be promoted to the vertex shader. You can force it to render in the fragment shader by setting its target to Fragment";
+    prepareHeaderIcon(iconDiv: HTMLDivElement, img: HTMLImageElement): void;
     constructor(data: NodeMaterialBlock, nodeContainer: INodeContainer);
 }
 
@@ -592,6 +606,7 @@ export class ConnectionPointPortData implements IPortData {
     constructor(connectionPoint: NodeMaterialConnectionPoint, nodeContainer: INodeContainer);
     updateDisplayName(newName: string): void;
     connectTo(port: IPortData): void;
+    canConnectTo(port: IPortData): boolean;
     disconnectFrom(port: IPortData): void;
     checkCompatibilityState(port: IPortData): 0 | NodeMaterialConnectionPointCompatibilityStates.TypeIncompatible | NodeMaterialConnectionPointCompatibilityStates.TargetIncompatible | NodeMaterialConnectionPointCompatibilityStates.HierarchyIssue;
     getCompatibilityIssueMessage(issue: number, targetNode: GraphNode, targetPort: IPortData): "" | "Cannot connect two different connection types" | "Source block can only work in fragment shader whereas destination block is currently aimed for the vertex shader" | "Source block cannot be connected with one of its ancestors";
@@ -1109,7 +1124,7 @@ export class SerializationTools {
 declare module "@babylonjs/node-editor/sharedComponents/checkBoxLineComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "@babylonjs/node-editor/sharedComponents/propertyChangedEvent";
+import { PropertyChangedEvent } from "@babylonjs/node-editor/propertyChangedEvent";
 export interface ICheckBoxLineComponentProps {
     label: string;
     target?: any;
@@ -1136,34 +1151,6 @@ export class CheckBoxLineComponent extends React.Component<ICheckBoxLineComponen
     render(): JSX.Element;
 }
 
-}
-declare module "@babylonjs/node-editor/sharedComponents/colorPickerComponent" {
-import * as React from "react";
-import { Color4, Color3 } from "@babylonjs/core/Maths/math.color";
-import { GlobalState } from "@babylonjs/node-editor/globalState";
-export interface IColorPickerComponentProps {
-    value: Color4 | Color3;
-    onColorChanged: (newOne: string) => void;
-    globalState: GlobalState;
-}
-interface IColorPickerComponentState {
-    pickerEnabled: boolean;
-    color: Color3 | Color4;
-    hex: string;
-}
-export class ColorPickerLineComponent extends React.Component<IColorPickerComponentProps, IColorPickerComponentState> {
-    private _floatRef;
-    private _floatHostRef;
-    constructor(props: IColorPickerComponentProps);
-    syncPositions(): void;
-    shouldComponentUpdate(nextProps: IColorPickerComponentProps, nextState: IColorPickerComponentState): boolean;
-    componentDidUpdate(): void;
-    componentDidMount(): void;
-    setPickerState(enabled: boolean): void;
-    render(): JSX.Element;
-}
-export {};
-
 }
 declare module "@babylonjs/node-editor/sharedComponents/draggableLineComponent" {
 import * as React from "react";
@@ -1209,46 +1196,6 @@ export class FileButtonLineComponent extends React.Component<IFileButtonLineComp
 }
 export {};
 
-}
-declare module "@babylonjs/node-editor/sharedComponents/floatLineComponent" {
-import * as React from "react";
-import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "@babylonjs/node-editor/sharedComponents/propertyChangedEvent";
-import { GlobalState } from "@babylonjs/node-editor/globalState";
-interface IFloatLineComponentProps {
-    label: string;
-    target: any;
-    propertyName: string;
-    onChange?: (newValue: number) => void;
-    isInteger?: boolean;
-    onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
-    additionalClass?: string;
-    step?: string;
-    digits?: number;
-    globalState: GlobalState;
-    min?: number;
-    max?: number;
-    smallUI?: boolean;
-    onEnter?: (newValue: number) => void;
-}
-export class FloatLineComponent extends React.Component<IFloatLineComponentProps, {
-    value: string;
-}> {
-    private _localChange;
-    private _store;
-    private _regExp;
-    private _onFocus;
-    constructor(props: IFloatLineComponentProps);
-    shouldComponentUpdate(nextProps: IFloatLineComponentProps, nextState: {
-        value: string;
-    }): boolean;
-    componentWillUnmount(): void;
-    raiseOnPropertyChanged(newValue: number, previousValue: number): void;
-    updateValue(valueString: string): void;
-    render(): JSX.Element;
-}
-export {};
-
 }
 declare module "@babylonjs/node-editor/sharedComponents/lineContainerComponent" {
 import * as React from "react";
@@ -1306,33 +1253,6 @@ export class MessageDialogComponent extends React.Component<IMessageDialogCompon
 }
 export {};
 
-}
-declare module "@babylonjs/node-editor/sharedComponents/numericInputComponent" {
-import * as React from "react";
-import { GlobalState } from "@babylonjs/node-editor/globalState";
-interface INumericInputComponentProps {
-    label: string;
-    value: number;
-    step?: number;
-    onChange: (value: number) => void;
-    globalState: GlobalState;
-}
-export class NumericInputComponent extends React.Component<INumericInputComponentProps, {
-    value: string;
-}> {
-    static defaultProps: {
-        step: number;
-    };
-    private _localChange;
-    constructor(props: INumericInputComponentProps);
-    shouldComponentUpdate(nextProps: INumericInputComponentProps, nextState: {
-        value: string;
-    }): boolean;
-    updateValue(evt: any): void;
-    render(): JSX.Element;
-}
-export {};
-
 }
 declare module "@babylonjs/node-editor/sharedComponents/popup" {
 export class Popup {
@@ -1340,69 +1260,6 @@ export class Popup {
     static _CopyStyles(sourceDoc: HTMLDocument, targetDoc: HTMLDocument): void;
 }
 
-}
-declare module "@babylonjs/node-editor/sharedComponents/propertyChangedEvent" {
-export class PropertyChangedEvent {
-    object: any;
-    property: string;
-    value: any;
-    initialValue: any;
-}
-
-}
-declare module "@babylonjs/node-editor/sharedComponents/sliderLineComponent" {
-import * as React from "react";
-import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "@babylonjs/node-editor/sharedComponents/propertyChangedEvent";
-import { GlobalState } from "@babylonjs/node-editor/globalState";
-interface ISliderLineComponentProps {
-    label: string;
-    target?: any;
-    propertyName?: string;
-    minimum: number;
-    maximum: number;
-    step: number;
-    directValue?: number;
-    useEuler?: boolean;
-    onChange?: (value: number) => void;
-    onInput?: (value: number) => void;
-    onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
-    decimalCount?: number;
-    globalState: GlobalState;
-}
-export class SliderLineComponent extends React.Component<ISliderLineComponentProps, {
-    value: number;
-}> {
-    private _localChange;
-    constructor(props: ISliderLineComponentProps);
-    shouldComponentUpdate(nextProps: ISliderLineComponentProps, nextState: {
-        value: number;
-    }): boolean;
-    onChange(newValueString: any): void;
-    onInput(newValueString: any): void;
-    prepareDataToRead(value: number): number;
-    render(): JSX.Element;
-}
-export {};
-
-}
-declare module "@babylonjs/node-editor/sharedComponents/textLineComponent" {
-import * as React from "react";
-interface ITextLineComponentProps {
-    label: string;
-    value: string;
-    color?: string;
-    underline?: boolean;
-    onLink?: () => void;
-}
-export class TextLineComponent extends React.Component<ITextLineComponentProps> {
-    constructor(props: ITextLineComponentProps);
-    onLink(): void;
-    renderContent(): JSX.Element;
-    render(): JSX.Element;
-}
-export {};
-
 }
 declare module "@babylonjs/node-editor/sharedComponents/textureLineComponent" {
 import * as React from "react";
@@ -1436,6 +1293,7 @@ export {};
 }
 declare module "@babylonjs/node-editor/colorPicker/colorComponentEntry" {
 import * as React from "react";
+import { LockObject } from "@babylonjs/node-editor/tabs/propertyGrids/lockObject";
 export interface IColorComponentEntryProps {
     value: number;
     label: string;
@@ -1443,10 +1301,13 @@ export interface IColorComponentEntryProps {
     min?: number;
     onChange: (value: number) => void;
     disabled?: boolean;
+    lockObject: LockObject;
 }
 export class ColorComponentEntry extends React.Component<IColorComponentEntryProps> {
     constructor(props: IColorComponentEntryProps);
     updateValue(valueString: string): void;
+    lock(): void;
+    unlock(): void;
     render(): JSX.Element;
 }
 
@@ -1454,6 +1315,7 @@ export class ColorComponentEntry extends React.Component<IColorComponentEntryPro
 declare module "@babylonjs/node-editor/colorPicker/colorPicker" {
 import * as React from "react";
 import { Color3, Color4 } from "@babylonjs/core/Maths/math.color";
+import { LockObject } from "@babylonjs/node-editor/tabs/propertyGrids/lockObject";
 import "@babylonjs/node-editor/colorPicker/colorPicker.scss";
 /**
  * Interface used to specify creation options for color picker
@@ -1463,6 +1325,7 @@ export interface IColorPickerProps {
     linearhint?: boolean;
     debugMode?: boolean;
     onColorChanged?: (color: Color3 | Color4) => void;
+    lockObject: LockObject;
 }
 /**
  * Interface used to specify creation options for color picker
@@ -1497,10 +1360,12 @@ export class ColorPicker extends React.Component<IColorPickerProps, IColorPicker
 }
 declare module "@babylonjs/node-editor/colorPicker/hexColor" {
 import * as React from "react";
+import { LockObject } from "@babylonjs/node-editor/tabs/propertyGrids/lockObject";
 export interface IHexColorProps {
     value: string;
     expectedLength: number;
     onChange: (value: string) => void;
+    lockObject: LockObject;
 }
 export class HexColor extends React.Component<IHexColorProps, {
     hex: string;
@@ -1509,6 +1374,8 @@ export class HexColor extends React.Component<IHexColorProps, {
     shouldComponentUpdate(nextProps: IHexColorProps, nextState: {
         hex: string;
     }): boolean;
+    lock(): void;
+    unlock(): void;
     updateHexValue(valueString: string): void;
     render(): JSX.Element;
 }
@@ -1641,7 +1508,7 @@ export interface IColor3LineComponentProps {
     onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
     isLinear?: boolean;
     icon?: string;
-    lockObject?: LockObject;
+    lockObject: LockObject;
     iconLabel?: string;
     onChange?: () => void;
 }
@@ -1664,7 +1531,7 @@ export interface IColor4LineComponentProps {
     isLinear?: boolean;
     icon?: string;
     iconLabel?: string;
-    lockObject?: LockObject;
+    lockObject: LockObject;
 }
 export class Color4LineComponent extends React.Component<IColor4LineComponentProps> {
     render(): JSX.Element;
@@ -1686,8 +1553,8 @@ export interface IColorLineComponentProps {
     isLinear?: boolean;
     icon?: string;
     iconLabel?: string;
-    lockObject?: LockObject;
     disableAlpha?: boolean;
+    lockObject: LockObject;
 }
 interface IColorLineComponentState {
     isExpanded: boolean;
@@ -1717,6 +1584,7 @@ export {};
 declare module "@babylonjs/node-editor/lines/colorPickerComponent" {
 import * as React from "react";
 import { Color4, Color3 } from "@babylonjs/core/Maths/math.color";
+import { LockObject } from "@babylonjs/node-editor/tabs/propertyGrids/lockObject";
 export interface IColorPickerComponentProps {
     value: Color4 | Color3;
     linearHint?: boolean;
@@ -1724,6 +1592,7 @@ export interface IColorPickerComponentProps {
     icon?: string;
     iconLabel?: string;
     shouldPopRight?: boolean;
+    lockObject?: LockObject;
 }
 interface IColorPickerComponentState {
     pickerEnabled: boolean;
@@ -1807,7 +1676,7 @@ interface IFloatLineComponentProps {
     label: string;
     target: any;
     propertyName: string;
-    lockObject?: LockObject;
+    lockObject: LockObject;
     onChange?: (newValue: number) => void;
     isInteger?: boolean;
     onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
@@ -2009,6 +1878,7 @@ import { Vector3, Vector4 } from "@babylonjs/core/Maths/math.vector";
 import { Matrix } from "@babylonjs/core/Maths/math.vector";
 import { Observable } from "@babylonjs/core/Misc/observable";
 import { PropertyChangedEvent } from "@babylonjs/node-editor/propertyChangedEvent";
+import { LockObject } from "@babylonjs/node-editor/tabs/propertyGrids/lockObject";
 interface IMatrixLineComponentProps {
     label: string;
     target: any;
@@ -2018,6 +1888,7 @@ interface IMatrixLineComponentProps {
     onModeChange?: (mode: number) => void;
     onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
     mode?: number;
+    lockObject: LockObject;
 }
 export class MatrixLineComponent extends React.Component<IMatrixLineComponentProps, {
     value: Matrix;
@@ -2057,6 +1928,7 @@ export {};
 }
 declare module "@babylonjs/node-editor/lines/numericInputComponent" {
 import * as React from "react";
+import { LockObject } from "@babylonjs/node-editor/tabs/propertyGrids/lockObject";
 interface INumericInputComponentProps {
     label: string;
     value: number;
@@ -2065,6 +1937,7 @@ interface INumericInputComponentProps {
     precision?: number;
     icon?: string;
     iconLabel?: string;
+    lockObject: LockObject;
 }
 export class NumericInputComponent extends React.Component<INumericInputComponentProps, {
     value: string;
@@ -2074,6 +1947,7 @@ export class NumericInputComponent extends React.Component<INumericInputComponen
     };
     private _localChange;
     constructor(props: INumericInputComponentProps);
+    componentWillUnmount(): void;
     shouldComponentUpdate(nextProps: INumericInputComponentProps, nextState: {
         value: string;
     }): boolean;
@@ -2176,7 +2050,7 @@ interface ISliderLineComponentProps {
     margin?: boolean;
     icon?: string;
     iconLabel?: string;
-    lockObject?: LockObject;
+    lockObject: LockObject;
     unit?: React.ReactNode;
 }
 export class SliderLineComponent extends React.Component<ISliderLineComponentProps, {
@@ -2252,7 +2126,7 @@ export class TextInputLineComponent extends React.Component<ITextInputLineCompon
     }): boolean;
     raiseOnPropertyChanged(newValue: string, previousValue: string): void;
     getCurrentNumericValue(value: string): number;
-    updateValue(value: string): void;
+    updateValue(value: string, valueToValidate?: string): void;
     incrementValue(amount: number): void;
     onKeyDown(event: React.KeyboardEvent): void;
     render(): JSX.Element;
@@ -2317,6 +2191,7 @@ import * as React from "react";
 import { Vector2 } from "@babylonjs/core/Maths/math.vector";
 import { Observable } from "@babylonjs/core/Misc/observable";
 import { PropertyChangedEvent } from "@babylonjs/node-editor/propertyChangedEvent";
+import { LockObject } from "@babylonjs/node-editor/tabs/propertyGrids/lockObject";
 interface IVector2LineComponentProps {
     label: string;
     target: any;
@@ -2326,6 +2201,7 @@ interface IVector2LineComponentProps {
     onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
     icon?: string;
     iconLabel?: string;
+    lockObject: LockObject;
 }
 export class Vector2LineComponent extends React.Component<IVector2LineComponentProps, {
     isExpanded: boolean;
@@ -2354,6 +2230,7 @@ import * as React from "react";
 import { Vector3 } from "@babylonjs/core/Maths/math.vector";
 import { Observable } from "@babylonjs/core/Misc/observable";
 import { PropertyChangedEvent } from "@babylonjs/node-editor/propertyChangedEvent";
+import { LockObject } from "@babylonjs/node-editor/tabs/propertyGrids/lockObject";
 interface IVector3LineComponentProps {
     label: string;
     target: any;
@@ -2365,6 +2242,7 @@ interface IVector3LineComponentProps {
     noSlider?: boolean;
     icon?: string;
     iconLabel?: string;
+    lockObject: LockObject;
 }
 export class Vector3LineComponent extends React.Component<IVector3LineComponentProps, {
     isExpanded: boolean;
@@ -2396,6 +2274,7 @@ import * as React from "react";
 import { Vector4 } from "@babylonjs/core/Maths/math.vector";
 import { Observable } from "@babylonjs/core/Misc/observable";
 import { PropertyChangedEvent } from "@babylonjs/node-editor/propertyChangedEvent";
+import { LockObject } from "@babylonjs/node-editor/tabs/propertyGrids/lockObject";
 interface IVector4LineComponentProps {
     label: string;
     target?: any;
@@ -2407,6 +2286,7 @@ interface IVector4LineComponentProps {
     icon?: string;
     iconLabel?: string;
     value?: Vector4;
+    lockObject: LockObject;
 }
 export class Vector4LineComponent extends React.Component<IVector4LineComponentProps, {
     isExpanded: boolean;
@@ -2488,6 +2368,7 @@ export interface IGraphCanvasComponentProps {
     onEmitNewNode: (nodeData: INodeData) => GraphNode;
 }
 export class GraphCanvasComponent extends React.Component<IGraphCanvasComponentProps> implements INodeContainer {
+    static readonly NodeWidth: number;
     private readonly _minZoom;
     private readonly _maxZoom;
     private _hostCanvas;
@@ -2524,6 +2405,8 @@ export class GraphCanvasComponent extends React.Component<IGraphCanvasComponentP
     private _oldY;
     _frameIsMoving: boolean;
     _isLoading: boolean;
+    private _copiedNodes;
+    private _copiedFrames;
     get gridSize(): number;
     set gridSize(value: number);
     get stateManager(): StateManager;
@@ -2547,6 +2430,11 @@ export class GraphCanvasComponent extends React.Component<IGraphCanvasComponentP
     get frameContainer(): HTMLDivElement;
     private _selectedFrameAndNodesConflict;
     constructor(props: IGraphCanvasComponentProps);
+    populateConnectedEntriesBeforeRemoval(item: GraphNode, items: GraphNode[], inputs: Nullable<IPortData>[], outputs: Nullable<IPortData>[]): void;
+    automaticRewire(inputs: Nullable<IPortData>[], outputs: Nullable<IPortData>[]): void;
+    handleKeyDown(evt: KeyboardEvent, onRemove: (nodeData: INodeData) => void, mouseLocationX: number, mouseLocationY: number, dataGenerator: (nodeData: INodeData) => any, rootElement: HTMLDivElement): void;
+    pasteSelection(copiedNodes: GraphNode[], currentX: number, currentY: number, dataGenerator: (nodeData: INodeData) => any, selectNew?: boolean): GraphNode[];
+    reconnectNewNodes(nodeIndex: number, newNodes: GraphNode[], sourceNodes: GraphNode[], done: boolean[]): void;
     getCachedData(): any[];
     removeDataFromCache(data: any): void;
     createNodeFromObject(nodeData: INodeData, onNodeCreated: (data: any) => void, recursion?: boolean): GraphNode;
@@ -2568,6 +2456,7 @@ export class GraphCanvasComponent extends React.Component<IGraphCanvasComponentP
     zoomToFit(): void;
     processCandidatePort(): void;
     connectNodes(nodeA: GraphNode, pointA: IPortData, nodeB: GraphNode, pointB: IPortData): void;
+    drop(newNode: GraphNode, targetX: number, targetY: number, offsetX: number, offsetY: number): void;
     processEditorData(editorData: IEditorData): void;
     reOrganize(editorData?: Nullable<IEditorData>, isImportingAFrame?: boolean): void;
     addFrame(frameData: IFrameData): void;
@@ -2745,7 +2634,8 @@ export class GraphNode {
     content: INodeData;
     private _visual;
     private _headerContainer;
-    private _warning;
+    private _headerIcon;
+    private _headerIconImg;
     private _header;
     private _connections;
     private _inputsContainer;
@@ -2841,7 +2731,7 @@ export interface INodeData {
     uniqueId: number;
     isInput: boolean;
     comments: string;
-    getWarningMessage: () => string;
+    prepareHeaderIcon: (iconDiv: HTMLDivElement, img: HTMLImageElement) => void;
     getClassName: () => string;
     dispose: () => void;
     getPortByName: (name: string) => Nullable<IPortData>;
@@ -2902,6 +2792,7 @@ export interface IPortData {
     hasEndpoints: boolean;
     endpoints: Nullable<IPortData[]>;
     updateDisplayName: (newName: string) => void;
+    canConnectTo: (port: IPortData) => boolean;
     connectTo: (port: IPortData) => void;
     disconnectFrom: (port: IPortData) => void;
     checkCompatibilityState(port: IPortData): number;
@@ -3045,7 +2936,7 @@ export class StateManager {
         targetY: number;
         needRepositioning?: boolean | undefined;
     }>;
-    exportData: (data: any) => string;
+    exportData: (data: any, frame?: Nullable<GraphFrame>) => string;
     isElbowConnectionAllowed: (nodeA: FrameNodePort | NodePort, nodeB: FrameNodePort | NodePort) => boolean;
     applyNodePortDesign: (data: IPortData, element: HTMLElement, img: HTMLImageElement) => void;
     storeEditorData: (serializationObject: any, frame?: Nullable<GraphFrame>) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@babylonjs/node-editor",
-    "version": "5.13.3",
+    "version": "5.15.0",
     "main": "dist/babylon.nodeEditor.max.js",
     "module": "dist/babylon.nodeEditor.max.js",
     "esnext": "dist/babylon.nodeEditor.max.js",
@@ -23,7 +23,7 @@
         "@types/react-dom": ">=16.0.9"
     },
     "devDependencies": {
-        "@babylonjs/core": "^5.13.3",
+        "@babylonjs/core": "^5.15.0",
         "react": "^17.0.2",
         "react-dom": "^17.0.2",
         "rimraf": "^3.0.2",