babylonjs-gui-editor 5.13.3 → 5.15.0

package/babylon.guiEditor.d.ts

@@ -6,6 +6,7 @@ declare module BABYLON {
     export class CommandBarComponent extends React.Component<ICommandBarComponentProps> {
         private _sizeOption;
         private _stopUpdating;
+        private _lockObject;
         constructor(props: ICommandBarComponentProps);
         render(): JSX.Element;
     }
@@ -657,7 +658,6 @@ declare module BABYLON {
         componentWillUnmount(): void;
         /**
          * Update the gizmo's positions
-         * @param force should the update be forced. otherwise it will be updated only when the pointer is down
          */
         updateGizmo(): void;
         private _onUp;
@@ -1063,10 +1063,13 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         min?: number;
         onChange: (value: number) => void;
         disabled?: boolean;
+        lockObject: BABYLON.GuiEditor.SharedUIComponents.LockObject;
     }
     export class ColorComponentEntry extends React.Component<IColorComponentEntryProps> {
         constructor(props: IColorComponentEntryProps);
         updateValue(valueString: string): void;
+        lock(): void;
+        unlock(): void;
         render(): JSX.Element;
     }
 
@@ -1085,6 +1088,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         linearhint?: boolean;
         debugMode?: boolean;
         onColorChanged?: (color: Color3 | Color4) => void;
+        lockObject: BABYLON.GuiEditor.SharedUIComponents.LockObject;
     }
     /**
      * Interface used to specify creation options for color picker
@@ -1127,6 +1131,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         value: string;
         expectedLength: number;
         onChange: (value: string) => void;
+        lockObject: BABYLON.GuiEditor.SharedUIComponents.LockObject;
     }
     export class HexColor extends React.Component<IHexColorProps, {
         hex: string;
@@ -1135,6 +1140,8 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         shouldComponentUpdate(nextProps: IHexColorProps, nextState: {
             hex: string;
         }): boolean;
+        lock(): void;
+        unlock(): void;
         updateHexValue(valueString: string): void;
         render(): JSX.Element;
     }
@@ -1301,7 +1308,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         onPropertyChangedObservable?: Observable<BABYLON.GuiEditor.SharedUIComponents.PropertyChangedEvent>;
         isLinear?: boolean;
         icon?: string;
-        lockObject?: BABYLON.GuiEditor.SharedUIComponents.LockObject;
+        lockObject: BABYLON.GuiEditor.SharedUIComponents.LockObject;
         iconLabel?: string;
         onChange?: () => void;
     }
@@ -1325,7 +1332,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         isLinear?: boolean;
         icon?: string;
         iconLabel?: string;
-        lockObject?: BABYLON.GuiEditor.SharedUIComponents.LockObject;
+        lockObject: BABYLON.GuiEditor.SharedUIComponents.LockObject;
     }
     export class Color4LineComponent extends React.Component<IColor4LineComponentProps> {
         render(): JSX.Element;
@@ -1347,8 +1354,8 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         isLinear?: boolean;
         icon?: string;
         iconLabel?: string;
-        lockObject?: BABYLON.GuiEditor.SharedUIComponents.LockObject;
         disableAlpha?: boolean;
+        lockObject: BABYLON.GuiEditor.SharedUIComponents.LockObject;
     }
     interface IColorLineComponentState {
         isExpanded: boolean;
@@ -1387,6 +1394,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         icon?: string;
         iconLabel?: string;
         shouldPopRight?: boolean;
+        lockObject?: BABYLON.GuiEditor.SharedUIComponents.LockObject;
     }
     interface IColorPickerComponentState {
         pickerEnabled: boolean;
@@ -1480,7 +1488,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         label: string;
         target: any;
         propertyName: string;
-        lockObject?: BABYLON.GuiEditor.SharedUIComponents.LockObject;
+        lockObject: BABYLON.GuiEditor.SharedUIComponents.LockObject;
         onChange?: (newValue: number) => void;
         isInteger?: boolean;
         onPropertyChangedObservable?: Observable<BABYLON.GuiEditor.SharedUIComponents.PropertyChangedEvent>;
@@ -1712,6 +1720,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         onModeChange?: (mode: number) => void;
         onPropertyChangedObservable?: Observable<BABYLON.GuiEditor.SharedUIComponents.PropertyChangedEvent>;
         mode?: number;
+        lockObject: BABYLON.GuiEditor.SharedUIComponents.LockObject;
     }
     export class MatrixLineComponent extends React.Component<IMatrixLineComponentProps, {
         value: Matrix;
@@ -1764,6 +1773,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         precision?: number;
         icon?: string;
         iconLabel?: string;
+        lockObject: BABYLON.GuiEditor.SharedUIComponents.LockObject;
     }
     export class NumericInputComponent extends React.Component<INumericInputComponentProps, {
         value: string;
@@ -1773,6 +1783,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         };
         private _localChange;
         constructor(props: INumericInputComponentProps);
+        componentWillUnmount(): void;
         shouldComponentUpdate(nextProps: INumericInputComponentProps, nextState: {
             value: string;
         }): boolean;
@@ -1883,7 +1894,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         margin?: boolean;
         icon?: string;
         iconLabel?: string;
-        lockObject?: BABYLON.GuiEditor.SharedUIComponents.LockObject;
+        lockObject: BABYLON.GuiEditor.SharedUIComponents.LockObject;
         unit?: React.ReactNode;
     }
     export class SliderLineComponent extends React.Component<ISliderLineComponentProps, {
@@ -1962,7 +1973,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         }): 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;
@@ -2047,6 +2058,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         onPropertyChangedObservable?: Observable<BABYLON.GuiEditor.SharedUIComponents.PropertyChangedEvent>;
         icon?: string;
         iconLabel?: string;
+        lockObject: BABYLON.GuiEditor.SharedUIComponents.LockObject;
     }
     export class Vector2LineComponent extends React.Component<IVector2LineComponentProps, {
         isExpanded: boolean;
@@ -2086,6 +2098,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         noSlider?: boolean;
         icon?: string;
         iconLabel?: string;
+        lockObject: BABYLON.GuiEditor.SharedUIComponents.LockObject;
     }
     export class Vector3LineComponent extends React.Component<IVector3LineComponentProps, {
         isExpanded: boolean;
@@ -2128,6 +2141,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         icon?: string;
         iconLabel?: string;
         value?: Vector4;
+        lockObject: BABYLON.GuiEditor.SharedUIComponents.LockObject;
     }
     export class Vector4LineComponent extends React.Component<IVector4LineComponentProps, {
         isExpanded: boolean;
@@ -2203,6 +2217,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         onEmitNewNode: (nodeData: BABYLON.GuiEditor.SharedUIComponents.INodeData) => BABYLON.GuiEditor.SharedUIComponents.GraphNode;
     }
     export class GraphCanvasComponent extends React.Component<IGraphCanvasComponentProps> implements BABYLON.GuiEditor.SharedUIComponents.INodeContainer {
+        static readonly NodeWidth = 100;
         private readonly _minZoom;
         private readonly _maxZoom;
         private _hostCanvas;
@@ -2239,6 +2254,8 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         private _oldY;
         _frameIsMoving: boolean;
         _isLoading: boolean;
+        private _copiedNodes;
+        private _copiedFrames;
         get gridSize(): number;
         set gridSize(value: number);
         get stateManager(): BABYLON.GuiEditor.SharedUIComponents.StateManager;
@@ -2262,6 +2279,11 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         get frameContainer(): HTMLDivElement;
         private _selectedFrameAndNodesConflict;
         constructor(props: IGraphCanvasComponentProps);
+        populateConnectedEntriesBeforeRemoval(item: BABYLON.GuiEditor.SharedUIComponents.GraphNode, items: BABYLON.GuiEditor.SharedUIComponents.GraphNode[], inputs: Nullable<BABYLON.GuiEditor.SharedUIComponents.IPortData>[], outputs: Nullable<BABYLON.GuiEditor.SharedUIComponents.IPortData>[]): void;
+        automaticRewire(inputs: Nullable<BABYLON.GuiEditor.SharedUIComponents.IPortData>[], outputs: Nullable<BABYLON.GuiEditor.SharedUIComponents.IPortData>[]): void;
+        handleKeyDown(evt: KeyboardEvent, onRemove: (nodeData: BABYLON.GuiEditor.SharedUIComponents.INodeData) => void, mouseLocationX: number, mouseLocationY: number, dataGenerator: (nodeData: BABYLON.GuiEditor.SharedUIComponents.INodeData) => any, rootElement: HTMLDivElement): void;
+        pasteSelection(copiedNodes: BABYLON.GuiEditor.SharedUIComponents.GraphNode[], currentX: number, currentY: number, dataGenerator: (nodeData: BABYLON.GuiEditor.SharedUIComponents.INodeData) => any, selectNew?: boolean): BABYLON.GuiEditor.SharedUIComponents.GraphNode[];
+        reconnectNewNodes(nodeIndex: number, newNodes: BABYLON.GuiEditor.SharedUIComponents.GraphNode[], sourceNodes: BABYLON.GuiEditor.SharedUIComponents.GraphNode[], done: boolean[]): void;
         getCachedData(): any[];
         removeDataFromCache(data: any): void;
         createNodeFromObject(nodeData: BABYLON.GuiEditor.SharedUIComponents.INodeData, onNodeCreated: (data: any) => void, recursion?: boolean): BABYLON.GuiEditor.SharedUIComponents.GraphNode;
@@ -2283,6 +2305,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         zoomToFit(): void;
         processCandidatePort(): void;
         connectNodes(nodeA: BABYLON.GuiEditor.SharedUIComponents.GraphNode, pointA: BABYLON.GuiEditor.SharedUIComponents.IPortData, nodeB: BABYLON.GuiEditor.SharedUIComponents.GraphNode, pointB: BABYLON.GuiEditor.SharedUIComponents.IPortData): void;
+        drop(newNode: BABYLON.GuiEditor.SharedUIComponents.GraphNode, targetX: number, targetY: number, offsetX: number, offsetY: number): void;
         processEditorData(editorData: BABYLON.GuiEditor.SharedUIComponents.IEditorData): void;
         reOrganize(editorData?: Nullable<BABYLON.GuiEditor.SharedUIComponents.IEditorData>, isImportingAFrame?: boolean): void;
         addFrame(frameData: BABYLON.GuiEditor.SharedUIComponents.IFrameData): void;
@@ -2455,7 +2478,8 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         content: BABYLON.GuiEditor.SharedUIComponents.INodeData;
         private _visual;
         private _headerContainer;
-        private _warning;
+        private _headerIcon;
+        private _headerIconImg;
         private _header;
         private _connections;
         private _inputsContainer;
@@ -2560,7 +2584,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         uniqueId: number;
         isInput: boolean;
         comments: string;
-        getWarningMessage: () => string;
+        prepareHeaderIcon: (iconDiv: HTMLDivElement, img: HTMLImageElement) => void;
         getClassName: () => string;
         dispose: () => void;
         getPortByName: (name: string) => Nullable<BABYLON.GuiEditor.SharedUIComponents.IPortData>;
@@ -2629,6 +2653,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         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;
@@ -2767,7 +2792,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
             targetY: number;
             needRepositioning?: boolean | undefined;
         }>;
-        exportData: (data: any) => string;
+        exportData: (data: any, frame?: Nullable<BABYLON.GuiEditor.SharedUIComponents.GraphFrame>) => string;
         isElbowConnectionAllowed: (nodeA: BABYLON.GuiEditor.SharedUIComponents.FrameNodePort | BABYLON.GuiEditor.SharedUIComponents.NodePort, nodeB: BABYLON.GuiEditor.SharedUIComponents.FrameNodePort | BABYLON.GuiEditor.SharedUIComponents.NodePort) => boolean;
         applyNodePortDesign: (data: BABYLON.GuiEditor.SharedUIComponents.IPortData, element: HTMLElement, img: HTMLImageElement) => void;
         storeEditorData: (serializationObject: any, frame?: Nullable<BABYLON.GuiEditor.SharedUIComponents.GraphFrame>) => void;