babylonjs-node-editor 5.0.3 → 5.2.0

package/babylon.nodeEditor.d.ts

@@ -456,6 +456,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;
@@ -681,6 +682,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;
@@ -963,6 +965,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;
@@ -1685,7 +1688,10 @@ declare module BABYLON.NodeEditor {
     }
 
 
-    export interface IColorComponentEntryProps {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        export interface IColorComponentEntryProps {
         value: number;
         label: string;
         max?: number;
@@ -1700,7 +1706,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 {
@@ -1740,7 +1752,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;
@@ -1757,7 +1775,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;
@@ -1769,7 +1793,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;
@@ -1781,14 +1811,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;
@@ -1815,14 +1851,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;
     }
@@ -1831,32 +1873,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 {
@@ -1883,7 +1937,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;
@@ -1911,7 +1971,13 @@ declare module BABYLON.NodeEditor {
     }
 
 
-    export interface IButtonLineComponentProps {
+
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        export interface IButtonLineComponentProps {
         data: string;
         tooltip: string;
     }
@@ -1921,7 +1987,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;
@@ -1938,7 +2010,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;
@@ -1955,14 +2033,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;
@@ -2002,15 +2086,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;
@@ -2039,7 +2129,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;
@@ -2051,7 +2147,13 @@ declare module BABYLON.NodeEditor {
     }
 
 
-    interface IIconComponentProps {
+
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        interface IIconComponentProps {
         icon: string;
         label?: string;
     }
@@ -2060,7 +2162,13 @@ declare module BABYLON.NodeEditor {
     }
 
 
-    interface IIndentedTextLineComponentProps {
+
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        interface IIndentedTextLineComponentProps {
         value?: string;
         color?: string;
         underline?: boolean;
@@ -2076,7 +2184,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;
     }
@@ -2089,14 +2203,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;
@@ -2113,7 +2239,13 @@ declare module BABYLON.NodeEditor {
     }
 
 
-    interface ILinkButtonComponentProps {
+
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        interface ILinkButtonComponentProps {
         label: string;
         buttonLabel: string;
         url?: string;
@@ -2128,7 +2260,13 @@ declare module BABYLON.NodeEditor {
     }
 
 
-    interface IMessageLineComponentProps {
+
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        interface IMessageLineComponentProps {
         text: string;
         color?: string;
         icon?: any;
@@ -2139,7 +2277,13 @@ declare module BABYLON.NodeEditor {
     }
 
 
-    interface INumericInputComponentProps {
+
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        interface INumericInputComponentProps {
         label: string;
         value: number;
         step?: number;
@@ -2165,7 +2309,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;
@@ -2174,7 +2324,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;
@@ -2195,13 +2345,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;
@@ -2221,7 +2383,13 @@ declare module BABYLON.NodeEditor {
     }
 
 
-    interface ISliderLineComponentProps {
+
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        interface ISliderLineComponentProps {
         label: string;
         target?: any;
         propertyName?: string;
@@ -2232,12 +2400,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, {
@@ -2255,7 +2423,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
@@ -2263,17 +2437,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;
@@ -2309,7 +2489,13 @@ declare module BABYLON.NodeEditor {
     }
 
 
-    interface ITextLineComponentProps {
+
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        interface ITextLineComponentProps {
         label?: string;
         value?: string;
         color?: string;
@@ -2330,7 +2516,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;
@@ -2339,7 +2531,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;
@@ -2354,13 +2552,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;
     }
@@ -2385,14 +2589,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;
@@ -2421,14 +2631,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;
     }
@@ -2457,7 +2673,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;
@@ -2466,7 +2688,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;
         /**
@@ -2479,10 +2707,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);
@@ -2490,10 +2724,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);
@@ -2501,11 +2741,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);
@@ -2514,10 +2760,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);
@@ -2525,10 +2777,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);
@@ -2536,10 +2794,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);
@@ -2549,10 +2813,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);
@@ -2560,10 +2830,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);
@@ -2571,10 +2847,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);
@@ -2582,10 +2864,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);
@@ -2594,10 +2882,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);
@@ -2605,10 +2899,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);
@@ -2616,10 +2916,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);
@@ -2627,10 +2933,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);
@@ -2638,10 +2950,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);
@@ -2649,10 +2967,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);
@@ -2660,7 +2984,13 @@ declare module BABYLON.NodeEditor {
     }
 
 
-    /**
+
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        /**
      * Class used to provide lock mechanism
      */
     export class LockObject {
@@ -2673,6 +3003,9 @@ declare module BABYLON.NodeEditor {
 
 
 }
+declare module BABYLON.NodeEditor {
+
+}