babylonjs-node-editor 5.0.3 → 5.2.0

package/babylon.nodeEditor.module.d.ts

@@ -679,6 +679,7 @@ export class GraphCanvasComponent extends React.Component<IGraphCanvasComponentP
     get svgCanvas(): HTMLElement;
     get selectionContainer(): HTMLDivElement;
     get frameContainer(): HTMLDivElement;
+    private _selectedFrameAndNodesConflict;
     constructor(props: IGraphCanvasComponentProps);
     static _RefreshNode: (node: GraphNode, visitedNodes?: Set<GraphNode> | undefined, visitedLinks?: Set<NodeLink> | undefined) => void;
     getGridPosition(position: number, useCeil?: boolean): number;
@@ -921,6 +922,7 @@ export class GraphNode {
     get enclosingFrameId(): number;
     set enclosingFrameId(value: number);
     set isSelected(value: boolean);
+    setIsSelected(value: boolean, marqueeSelection: boolean): void;
     constructor(block: NodeMaterialBlock, globalState: GlobalState);
     isOverlappingFrame(frame: GraphFrame): boolean;
     getPortForConnectionPoint(point: NodeMaterialConnectionPoint): NodePort | null;
@@ -1305,6 +1307,7 @@ import { NodeMaterialModes } from "babylonjs/Materials/Node/Enums/nodeMaterialMo
 export class ISelectionChangedOptions {
     selection: Nullable<GraphNode | NodeLink | GraphFrame | NodePort | FramePortData>;
     forceKeepSelection?: boolean;
+    marqueeSelection?: boolean;
 }
 export class GlobalState {
     nodeMaterial: NodeMaterial;
@@ -3862,6 +3865,7 @@ declare module BABYLON.NodeEditor {
         get svgCanvas(): HTMLElement;
         get selectionContainer(): HTMLDivElement;
         get frameContainer(): HTMLDivElement;
+        private _selectedFrameAndNodesConflict;
         constructor(props: IGraphCanvasComponentProps);
         static _RefreshNode: (node: GraphNode, visitedNodes?: Set<GraphNode> | undefined, visitedLinks?: Set<NodeLink> | undefined) => void;
         getGridPosition(position: number, useCeil?: boolean): number;
@@ -4087,6 +4091,7 @@ declare module BABYLON.NodeEditor {
         get enclosingFrameId(): number;
         set enclosingFrameId(value: number);
         set isSelected(value: boolean);
+        setIsSelected(value: boolean, marqueeSelection: boolean): void;
         constructor(block: BABYLON.NodeMaterialBlock, globalState: GlobalState);
         isOverlappingFrame(frame: GraphFrame): boolean;
         getPortForConnectionPoint(point: BABYLON.NodeMaterialConnectionPoint): NodePort | null;
@@ -4369,6 +4374,7 @@ declare module BABYLON.NodeEditor {
     export class ISelectionChangedOptions {
         selection: BABYLON.Nullable<GraphNode | NodeLink | GraphFrame | NodePort | FramePortData>;
         forceKeepSelection?: boolean;
+        marqueeSelection?: boolean;
     }
     export class GlobalState {
         nodeMaterial: BABYLON.NodeMaterial;
@@ -5091,7 +5097,10 @@ declare module BABYLON.NodeEditor {
     }
 
 
-    export interface IColorComponentEntryProps {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        export interface IColorComponentEntryProps {
         value: number;
         label: string;
         max?: number;
@@ -5106,7 +5115,13 @@ declare module BABYLON.NodeEditor {
     }
 
 
-    /**
+
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        /**
      * Interface used to specify creation options for color picker
      */
     export interface IColorPickerProps {
@@ -5146,7 +5161,13 @@ declare module BABYLON.NodeEditor {
     }
 
 
-    export interface IHexColorProps {
+
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        export interface IHexColorProps {
         value: string;
         expectedLength: number;
         onChange: (value: string) => void;
@@ -5163,7 +5184,13 @@ declare module BABYLON.NodeEditor {
     }
 
 
-    export interface IBooleanLineComponentProps {
+
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        export interface IBooleanLineComponentProps {
         label: string;
         value: boolean;
         icon?: string;
@@ -5175,7 +5202,13 @@ declare module BABYLON.NodeEditor {
     }
 
 
-    export interface IButtonLineComponentProps {
+
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        export interface IButtonLineComponentProps {
         label: string;
         onClick: () => void;
         icon?: string;
@@ -5187,14 +5220,20 @@ declare module BABYLON.NodeEditor {
     }
 
 
-    export interface ICheckBoxLineComponentProps {
+
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        export interface ICheckBoxLineComponentProps {
         label?: string;
         target?: any;
         propertyName?: string;
         isSelected?: () => boolean;
         onSelect?: (value: boolean) => void;
         onValueChanged?: () => void;
-        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
+        onPropertyChangedObservable?: BABYLON.Observable<BABYLON.NodeEditor.SharedUIComponents.PropertyChangedEvent>;
         disabled?: boolean;
         icon?: string;
         iconLabel?: string;
@@ -5221,14 +5260,20 @@ declare module BABYLON.NodeEditor {
     }
 
 
-    export interface IColor3LineComponentProps {
+
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        export interface IColor3LineComponentProps {
         label: string;
         target: any;
         propertyName: string;
-        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
+        onPropertyChangedObservable?: BABYLON.Observable<BABYLON.NodeEditor.SharedUIComponents.PropertyChangedEvent>;
         isLinear?: boolean;
         icon?: string;
-        lockObject?: LockObject;
+        lockObject?: BABYLON.NodeEditor.SharedUIComponents.LockObject;
         iconLabel?: string;
         onValueChange?: (value: string) => void;
     }
@@ -5237,32 +5282,44 @@ declare module BABYLON.NodeEditor {
     }
 
 
-    export interface IColor4LineComponentProps {
+
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        export interface IColor4LineComponentProps {
         label: string;
         target?: any;
         propertyName: string;
-        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
+        onPropertyChangedObservable?: BABYLON.Observable<BABYLON.NodeEditor.SharedUIComponents.PropertyChangedEvent>;
         onChange?: () => void;
         isLinear?: boolean;
         icon?: string;
         iconLabel?: string;
-        lockObject?: LockObject;
+        lockObject?: BABYLON.NodeEditor.SharedUIComponents.LockObject;
     }
     export class Color4LineComponent extends React.Component<IColor4LineComponentProps> {
         render(): JSX.Element;
     }
 
 
-    export interface IColorLineComponentProps {
+
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        export interface IColorLineComponentProps {
         label: string;
         target?: any;
         propertyName: string;
-        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
+        onPropertyChangedObservable?: BABYLON.Observable<BABYLON.NodeEditor.SharedUIComponents.PropertyChangedEvent>;
         onChange?: () => void;
         isLinear?: boolean;
         icon?: string;
         iconLabel?: string;
-        lockObject?: LockObject;
+        lockObject?: BABYLON.NodeEditor.SharedUIComponents.LockObject;
         disableAlpha?: boolean;
     }
     interface IColorLineComponentState {
@@ -5289,7 +5346,13 @@ declare module BABYLON.NodeEditor {
     }
 
 
-    export interface IColorPickerComponentProps {
+
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        export interface IColorPickerComponentProps {
         value: BABYLON.Color4 | BABYLON.Color3;
         linearHint?: boolean;
         onColorChanged: (newOne: string) => void;
@@ -5317,7 +5380,13 @@ declare module BABYLON.NodeEditor {
     }
 
 
-    export interface IButtonLineComponentProps {
+
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        export interface IButtonLineComponentProps {
         data: string;
         tooltip: string;
     }
@@ -5327,7 +5396,13 @@ declare module BABYLON.NodeEditor {
     }
 
 
-    interface IFileButtonLineComponentProps {
+
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        interface IFileButtonLineComponentProps {
         label: string;
         onClick: (file: File) => void;
         accept: string;
@@ -5344,7 +5419,13 @@ declare module BABYLON.NodeEditor {
     }
 
 
-    interface IFileMultipleButtonLineComponentProps {
+
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        interface IFileMultipleButtonLineComponentProps {
         label: string;
         onClick: (event: any) => void;
         accept: string;
@@ -5361,14 +5442,20 @@ declare module BABYLON.NodeEditor {
     }
 
 
-    interface IFloatLineComponentProps {
+
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        interface IFloatLineComponentProps {
         label: string;
         target: any;
         propertyName: string;
-        lockObject?: LockObject;
+        lockObject?: BABYLON.NodeEditor.SharedUIComponents.LockObject;
         onChange?: (newValue: number) => void;
         isInteger?: boolean;
-        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
+        onPropertyChangedObservable?: BABYLON.Observable<BABYLON.NodeEditor.SharedUIComponents.PropertyChangedEvent>;
         additionalClass?: string;
         step?: string;
         digits?: number;
@@ -5408,15 +5495,21 @@ declare module BABYLON.NodeEditor {
     }
 
 
-    interface IHexLineComponentProps {
+
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        interface IHexLineComponentProps {
         label: string;
         target: any;
         propertyName: string;
-        lockObject?: LockObject;
+        lockObject?: BABYLON.NodeEditor.SharedUIComponents.LockObject;
         onChange?: (newValue: number) => void;
         isInteger?: boolean;
         replaySourceReplacement?: string;
-        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
+        onPropertyChangedObservable?: BABYLON.Observable<BABYLON.NodeEditor.SharedUIComponents.PropertyChangedEvent>;
         additionalClass?: string;
         step?: string;
         digits?: number;
@@ -5445,7 +5538,13 @@ declare module BABYLON.NodeEditor {
     }
 
 
-    export interface IIconButtonLineComponentProps {
+
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        export interface IIconButtonLineComponentProps {
         icon: string;
         onClick: () => void;
         tooltip: string;
@@ -5457,7 +5556,13 @@ declare module BABYLON.NodeEditor {
     }
 
 
-    interface IIconComponentProps {
+
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        interface IIconComponentProps {
         icon: string;
         label?: string;
     }
@@ -5466,7 +5571,13 @@ declare module BABYLON.NodeEditor {
     }
 
 
-    interface IIndentedTextLineComponentProps {
+
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        interface IIndentedTextLineComponentProps {
         value?: string;
         color?: string;
         underline?: boolean;
@@ -5482,7 +5593,13 @@ declare module BABYLON.NodeEditor {
     }
 
 
-    interface IInputArrowsComponentProps {
+
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        interface IInputArrowsComponentProps {
         incrementValue: (amount: number) => void;
         setDragging: (dragging: boolean) => void;
     }
@@ -5495,14 +5612,26 @@ declare module BABYLON.NodeEditor {
     }
 
 
-    export interface ISelectedLineContainer {
+
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        export interface ISelectedLineContainer {
         selectedLineContainerTitles: Array<string>;
         selectedLineContainerTitlesNoFocus: Array<string>;
     }
 
 
-    interface ILineContainerComponentProps {
-        selection?: ISelectedLineContainer;
+
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        interface ILineContainerComponentProps {
+        selection?: BABYLON.NodeEditor.SharedUIComponents.ISelectedLineContainer;
         title: string;
         children: any[] | any;
         closed?: boolean;
@@ -5519,7 +5648,13 @@ declare module BABYLON.NodeEditor {
     }
 
 
-    interface ILinkButtonComponentProps {
+
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        interface ILinkButtonComponentProps {
         label: string;
         buttonLabel: string;
         url?: string;
@@ -5534,7 +5669,13 @@ declare module BABYLON.NodeEditor {
     }
 
 
-    interface IMessageLineComponentProps {
+
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        interface IMessageLineComponentProps {
         text: string;
         color?: string;
         icon?: any;
@@ -5545,7 +5686,13 @@ declare module BABYLON.NodeEditor {
     }
 
 
-    interface INumericInputComponentProps {
+
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        interface INumericInputComponentProps {
         label: string;
         value: number;
         step?: number;
@@ -5571,7 +5718,13 @@ declare module BABYLON.NodeEditor {
     }
 
 
-    export var Null_Value: number;
+
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        export var Null_Value: number;
     export interface IOptionsLineComponentProps {
         label: string;
         target: any;
@@ -5580,7 +5733,7 @@ declare module BABYLON.NodeEditor {
         noDirectUpdate?: boolean;
         onSelect?: (value: number) => void;
         extractValue?: () => number;
-        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
+        onPropertyChangedObservable?: BABYLON.Observable<BABYLON.NodeEditor.SharedUIComponents.PropertyChangedEvent>;
         allowNullValue?: boolean;
         icon?: string;
         iconLabel?: string;
@@ -5601,13 +5754,25 @@ declare module BABYLON.NodeEditor {
     }
 
 
-    export class Popup {
+
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        export class Popup {
         static CreatePopup(title: string, windowVariableName: string, width?: number, height?: number): HTMLDivElement | null;
         private static _CopyStyles;
     }
 
 
-    interface IRadioButtonLineComponentProps {
+
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        interface IRadioButtonLineComponentProps {
         onSelectionChangedObservable: BABYLON.Observable<RadioButtonLineComponent>;
         label: string;
         isSelected: () => boolean;
@@ -5627,7 +5792,13 @@ declare module BABYLON.NodeEditor {
     }
 
 
-    interface ISliderLineComponentProps {
+
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        interface ISliderLineComponentProps {
         label: string;
         target?: any;
         propertyName?: string;
@@ -5638,12 +5809,12 @@ declare module BABYLON.NodeEditor {
         useEuler?: boolean;
         onChange?: (value: number) => void;
         onInput?: (value: number) => void;
-        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
+        onPropertyChangedObservable?: BABYLON.Observable<BABYLON.NodeEditor.SharedUIComponents.PropertyChangedEvent>;
         decimalCount?: number;
         margin?: boolean;
         icon?: string;
         iconLabel?: string;
-        lockObject?: LockObject;
+        lockObject?: BABYLON.NodeEditor.SharedUIComponents.LockObject;
         unit?: React.ReactNode;
     }
     export class SliderLineComponent extends React.Component<ISliderLineComponentProps, {
@@ -5661,7 +5832,13 @@ declare module BABYLON.NodeEditor {
     }
 
 
-    export const conflictingValuesPlaceholder = "\u2014";
+
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        export const conflictingValuesPlaceholder = "\u2014";
     /**
      *
      * @param targets a list of selected targets
@@ -5669,17 +5846,23 @@ declare module BABYLON.NodeEditor {
      * @param getProperty
      * @returns a proxy object that can be passed as a target into the input
      */
-    export function makeTargetsProxy<Type>(targets: Type[], onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>, getProperty?: (target: Type, property: keyof Type) => any): any;
+    export function makeTargetsProxy<Type>(targets: Type[], onPropertyChangedObservable?: BABYLON.Observable<BABYLON.NodeEditor.SharedUIComponents.PropertyChangedEvent>, getProperty?: (target: Type, property: keyof Type) => any): any;
+
+
 
+}
+declare module BABYLON.NodeEditor {
 
-    export interface ITextInputLineComponentProps {
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        export interface ITextInputLineComponentProps {
         label?: string;
-        lockObject?: LockObject;
+        lockObject?: BABYLON.NodeEditor.SharedUIComponents.LockObject;
         target?: any;
         propertyName?: string;
         value?: string;
         onChange?: (value: string) => void;
-        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
+        onPropertyChangedObservable?: BABYLON.Observable<BABYLON.NodeEditor.SharedUIComponents.PropertyChangedEvent>;
         icon?: string;
         iconLabel?: string;
         noUnderline?: boolean;
@@ -5715,7 +5898,13 @@ declare module BABYLON.NodeEditor {
     }
 
 
-    interface ITextLineComponentProps {
+
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        interface ITextLineComponentProps {
         label?: string;
         value?: string;
         color?: string;
@@ -5736,7 +5925,13 @@ declare module BABYLON.NodeEditor {
     }
 
 
-    /// <reference types="react" />
+
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        /// <reference types="react" />
     interface IUnitButtonProps {
         unit: string;
         locked?: boolean;
@@ -5745,7 +5940,13 @@ declare module BABYLON.NodeEditor {
     export function UnitButton(props: IUnitButtonProps): JSX.Element;
 
 
-    interface IValueLineComponentProps {
+
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        interface IValueLineComponentProps {
         label: string;
         value: number;
         color?: string;
@@ -5760,13 +5961,19 @@ declare module BABYLON.NodeEditor {
     }
 
 
-    interface IVector2LineComponentProps {
+
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        interface IVector2LineComponentProps {
         label: string;
         target: any;
         propertyName: string;
         step?: number;
         onChange?: (newvalue: BABYLON.Vector2) => void;
-        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
+        onPropertyChangedObservable?: BABYLON.Observable<BABYLON.NodeEditor.SharedUIComponents.PropertyChangedEvent>;
         icon?: string;
         iconLabel?: string;
     }
@@ -5791,14 +5998,20 @@ declare module BABYLON.NodeEditor {
     }
 
 
-    interface IVector3LineComponentProps {
+
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        interface IVector3LineComponentProps {
         label: string;
         target: any;
         propertyName: string;
         step?: number;
         onChange?: (newvalue: BABYLON.Vector3) => void;
         useEuler?: boolean;
-        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
+        onPropertyChangedObservable?: BABYLON.Observable<BABYLON.NodeEditor.SharedUIComponents.PropertyChangedEvent>;
         noSlider?: boolean;
         icon?: string;
         iconLabel?: string;
@@ -5827,14 +6040,20 @@ declare module BABYLON.NodeEditor {
     }
 
 
-    interface IVector4LineComponentProps {
+
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        interface IVector4LineComponentProps {
         label: string;
         target: any;
         propertyName: string;
         step?: number;
         onChange?: (newvalue: BABYLON.Vector4) => void;
         useEuler?: boolean;
-        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
+        onPropertyChangedObservable?: BABYLON.Observable<BABYLON.NodeEditor.SharedUIComponents.PropertyChangedEvent>;
         icon?: string;
         iconLabel?: string;
     }
@@ -5863,7 +6082,13 @@ declare module BABYLON.NodeEditor {
     }
 
 
-    export class PropertyChangedEvent {
+
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        export class PropertyChangedEvent {
         object: any;
         property: string;
         value: any;
@@ -5872,7 +6097,13 @@ declare module BABYLON.NodeEditor {
     }
 
 
-    export class StringTools {
+
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        export class StringTools {
         private static _SaveAs;
         private static _Click;
         /**
@@ -5885,10 +6116,16 @@ declare module BABYLON.NodeEditor {
     }
 
 
-    interface ICheckboxPropertyGridComponentProps {
+
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        interface ICheckboxPropertyGridComponentProps {
         checkbox: BABYLON.GUI.Checkbox;
-        lockObject: LockObject;
-        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
+        lockObject: BABYLON.NodeEditor.SharedUIComponents.LockObject;
+        onPropertyChangedObservable?: BABYLON.Observable<BABYLON.NodeEditor.SharedUIComponents.PropertyChangedEvent>;
     }
     export class CheckboxPropertyGridComponent extends React.Component<ICheckboxPropertyGridComponentProps> {
         constructor(props: ICheckboxPropertyGridComponentProps);
@@ -5896,10 +6133,16 @@ declare module BABYLON.NodeEditor {
     }
 
 
-    interface IColorPickerPropertyGridComponentProps {
+
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        interface IColorPickerPropertyGridComponentProps {
         colorPicker: BABYLON.GUI.ColorPicker;
-        lockObject: LockObject;
-        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
+        lockObject: BABYLON.NodeEditor.SharedUIComponents.LockObject;
+        onPropertyChangedObservable?: BABYLON.Observable<BABYLON.NodeEditor.SharedUIComponents.PropertyChangedEvent>;
     }
     export class ColorPickerPropertyGridComponent extends React.Component<IColorPickerPropertyGridComponentProps> {
         constructor(props: IColorPickerPropertyGridComponentProps);
@@ -5907,11 +6150,17 @@ declare module BABYLON.NodeEditor {
     }
 
 
-    interface ICommonControlPropertyGridComponentProps {
+
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        interface ICommonControlPropertyGridComponentProps {
         controls?: BABYLON.GUI.Control[];
         control?: BABYLON.GUI.Control;
-        lockObject: LockObject;
-        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
+        lockObject: BABYLON.NodeEditor.SharedUIComponents.LockObject;
+        onPropertyChangedObservable?: BABYLON.Observable<BABYLON.NodeEditor.SharedUIComponents.PropertyChangedEvent>;
     }
     export class CommonControlPropertyGridComponent extends React.Component<ICommonControlPropertyGridComponentProps> {
         constructor(props: ICommonControlPropertyGridComponentProps);
@@ -5920,10 +6169,16 @@ declare module BABYLON.NodeEditor {
     }
 
 
-    interface IControlPropertyGridComponentProps {
+
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        interface IControlPropertyGridComponentProps {
         control: BABYLON.GUI.Control;
-        lockObject: LockObject;
-        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
+        lockObject: BABYLON.NodeEditor.SharedUIComponents.LockObject;
+        onPropertyChangedObservable?: BABYLON.Observable<BABYLON.NodeEditor.SharedUIComponents.PropertyChangedEvent>;
     }
     export class ControlPropertyGridComponent extends React.Component<IControlPropertyGridComponentProps> {
         constructor(props: IControlPropertyGridComponentProps);
@@ -5931,10 +6186,16 @@ declare module BABYLON.NodeEditor {
     }
 
 
-    interface IEllipsePropertyGridComponentProps {
+
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        interface IEllipsePropertyGridComponentProps {
         ellipse: BABYLON.GUI.Ellipse;
-        lockObject: LockObject;
-        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
+        lockObject: BABYLON.NodeEditor.SharedUIComponents.LockObject;
+        onPropertyChangedObservable?: BABYLON.Observable<BABYLON.NodeEditor.SharedUIComponents.PropertyChangedEvent>;
     }
     export class EllipsePropertyGridComponent extends React.Component<IEllipsePropertyGridComponentProps> {
         constructor(props: IEllipsePropertyGridComponentProps);
@@ -5942,10 +6203,16 @@ declare module BABYLON.NodeEditor {
     }
 
 
-    interface IGridPropertyGridComponentProps {
+
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        interface IGridPropertyGridComponentProps {
         grid: BABYLON.GUI.Grid;
-        lockObject: LockObject;
-        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
+        lockObject: BABYLON.NodeEditor.SharedUIComponents.LockObject;
+        onPropertyChangedObservable?: BABYLON.Observable<BABYLON.NodeEditor.SharedUIComponents.PropertyChangedEvent>;
     }
     export class GridPropertyGridComponent extends React.Component<IGridPropertyGridComponentProps> {
         constructor(props: IGridPropertyGridComponentProps);
@@ -5955,10 +6222,16 @@ declare module BABYLON.NodeEditor {
     }
 
 
-    interface IImageBasedSliderPropertyGridComponentProps {
+
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        interface IImageBasedSliderPropertyGridComponentProps {
         imageBasedSlider: BABYLON.GUI.ImageBasedSlider;
-        lockObject: LockObject;
-        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
+        lockObject: BABYLON.NodeEditor.SharedUIComponents.LockObject;
+        onPropertyChangedObservable?: BABYLON.Observable<BABYLON.NodeEditor.SharedUIComponents.PropertyChangedEvent>;
     }
     export class ImageBasedSliderPropertyGridComponent extends React.Component<IImageBasedSliderPropertyGridComponentProps> {
         constructor(props: IImageBasedSliderPropertyGridComponentProps);
@@ -5966,10 +6239,16 @@ declare module BABYLON.NodeEditor {
     }
 
 
-    interface IImagePropertyGridComponentProps {
+
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        interface IImagePropertyGridComponentProps {
         image: BABYLON.GUI.Image;
-        lockObject: LockObject;
-        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
+        lockObject: BABYLON.NodeEditor.SharedUIComponents.LockObject;
+        onPropertyChangedObservable?: BABYLON.Observable<BABYLON.NodeEditor.SharedUIComponents.PropertyChangedEvent>;
     }
     export class ImagePropertyGridComponent extends React.Component<IImagePropertyGridComponentProps> {
         constructor(props: IImagePropertyGridComponentProps);
@@ -5977,10 +6256,16 @@ declare module BABYLON.NodeEditor {
     }
 
 
-    interface IInputTextPropertyGridComponentProps {
+
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        interface IInputTextPropertyGridComponentProps {
         inputText: BABYLON.GUI.InputText;
-        lockObject: LockObject;
-        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
+        lockObject: BABYLON.NodeEditor.SharedUIComponents.LockObject;
+        onPropertyChangedObservable?: BABYLON.Observable<BABYLON.NodeEditor.SharedUIComponents.PropertyChangedEvent>;
     }
     export class InputTextPropertyGridComponent extends React.Component<IInputTextPropertyGridComponentProps> {
         constructor(props: IInputTextPropertyGridComponentProps);
@@ -5988,10 +6273,16 @@ declare module BABYLON.NodeEditor {
     }
 
 
-    interface ILinePropertyGridComponentProps {
+
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        interface ILinePropertyGridComponentProps {
         line: BABYLON.GUI.Line;
-        lockObject: LockObject;
-        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
+        lockObject: BABYLON.NodeEditor.SharedUIComponents.LockObject;
+        onPropertyChangedObservable?: BABYLON.Observable<BABYLON.NodeEditor.SharedUIComponents.PropertyChangedEvent>;
     }
     export class LinePropertyGridComponent extends React.Component<ILinePropertyGridComponentProps> {
         constructor(props: ILinePropertyGridComponentProps);
@@ -6000,10 +6291,16 @@ declare module BABYLON.NodeEditor {
     }
 
 
-    interface IRadioButtonPropertyGridComponentProps {
+
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        interface IRadioButtonPropertyGridComponentProps {
         radioButtons: BABYLON.GUI.RadioButton[];
-        lockObject: LockObject;
-        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
+        lockObject: BABYLON.NodeEditor.SharedUIComponents.LockObject;
+        onPropertyChangedObservable?: BABYLON.Observable<BABYLON.NodeEditor.SharedUIComponents.PropertyChangedEvent>;
     }
     export class RadioButtonPropertyGridComponent extends React.Component<IRadioButtonPropertyGridComponentProps> {
         constructor(props: IRadioButtonPropertyGridComponentProps);
@@ -6011,10 +6308,16 @@ declare module BABYLON.NodeEditor {
     }
 
 
-    interface IRectanglePropertyGridComponentProps {
+
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        interface IRectanglePropertyGridComponentProps {
         rectangle: BABYLON.GUI.Rectangle;
-        lockObject: LockObject;
-        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
+        lockObject: BABYLON.NodeEditor.SharedUIComponents.LockObject;
+        onPropertyChangedObservable?: BABYLON.Observable<BABYLON.NodeEditor.SharedUIComponents.PropertyChangedEvent>;
     }
     export class RectanglePropertyGridComponent extends React.Component<IRectanglePropertyGridComponentProps> {
         constructor(props: IRectanglePropertyGridComponentProps);
@@ -6022,10 +6325,16 @@ declare module BABYLON.NodeEditor {
     }
 
 
-    interface IScrollViewerPropertyGridComponentProps {
+
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        interface IScrollViewerPropertyGridComponentProps {
         scrollViewer: BABYLON.GUI.ScrollViewer;
-        lockObject: LockObject;
-        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
+        lockObject: BABYLON.NodeEditor.SharedUIComponents.LockObject;
+        onPropertyChangedObservable?: BABYLON.Observable<BABYLON.NodeEditor.SharedUIComponents.PropertyChangedEvent>;
     }
     export class ScrollViewerPropertyGridComponent extends React.Component<IScrollViewerPropertyGridComponentProps> {
         constructor(props: IScrollViewerPropertyGridComponentProps);
@@ -6033,10 +6342,16 @@ declare module BABYLON.NodeEditor {
     }
 
 
-    interface ISliderPropertyGridComponentProps {
+
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        interface ISliderPropertyGridComponentProps {
         slider: BABYLON.GUI.Slider;
-        lockObject: LockObject;
-        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
+        lockObject: BABYLON.NodeEditor.SharedUIComponents.LockObject;
+        onPropertyChangedObservable?: BABYLON.Observable<BABYLON.NodeEditor.SharedUIComponents.PropertyChangedEvent>;
     }
     export class SliderPropertyGridComponent extends React.Component<ISliderPropertyGridComponentProps> {
         constructor(props: ISliderPropertyGridComponentProps);
@@ -6044,10 +6359,16 @@ declare module BABYLON.NodeEditor {
     }
 
 
-    interface IStackPanelPropertyGridComponentProps {
+
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        interface IStackPanelPropertyGridComponentProps {
         stackPanel: BABYLON.GUI.StackPanel;
-        lockObject: LockObject;
-        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
+        lockObject: BABYLON.NodeEditor.SharedUIComponents.LockObject;
+        onPropertyChangedObservable?: BABYLON.Observable<BABYLON.NodeEditor.SharedUIComponents.PropertyChangedEvent>;
     }
     export class StackPanelPropertyGridComponent extends React.Component<IStackPanelPropertyGridComponentProps> {
         constructor(props: IStackPanelPropertyGridComponentProps);
@@ -6055,10 +6376,16 @@ declare module BABYLON.NodeEditor {
     }
 
 
-    interface ITextBlockPropertyGridComponentProps {
+
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        interface ITextBlockPropertyGridComponentProps {
         textBlock: BABYLON.GUI.TextBlock;
-        lockObject: LockObject;
-        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
+        lockObject: BABYLON.NodeEditor.SharedUIComponents.LockObject;
+        onPropertyChangedObservable?: BABYLON.Observable<BABYLON.NodeEditor.SharedUIComponents.PropertyChangedEvent>;
     }
     export class TextBlockPropertyGridComponent extends React.Component<ITextBlockPropertyGridComponentProps> {
         constructor(props: ITextBlockPropertyGridComponentProps);
@@ -6066,7 +6393,13 @@ declare module BABYLON.NodeEditor {
     }
 
 
-    /**
+
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        /**
      * Class used to provide lock mechanism
      */
     export class LockObject {
@@ -6079,5 +6412,8 @@ declare module BABYLON.NodeEditor {
 
 
 }
+declare module BABYLON.NodeEditor {
+
+}