@babylonjs/gui-editor 5.0.0 → 5.0.3

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

@@ -8,6 +8,7 @@ interface ICommandBarComponentProps {
 }
 export class CommandBarComponent extends React.Component<ICommandBarComponentProps> {
     private _sizeOption;
+    private _stopUpdating;
     constructor(props: ICommandBarComponentProps);
     render(): JSX.Element;
 }
@@ -110,8 +111,8 @@ export {};
 declare module "@babylonjs/gui-editor/components/parentingPropertyGridComponent" {
 import * as React from "react";
 import { Control } from "@babylonjs/gui/2D/controls/control";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "@babylonjs/shared-ui-components/propertyChangedEvent";
 import { Observable } from "@babylonjs/core/Misc/observable";
 interface IParentingPropertyGridComponentProps {
     control: Control;
@@ -133,8 +134,8 @@ export {};
 declare module "@babylonjs/gui-editor/components/propertyTab/propertyGrids/gui/buttonPropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "@babylonjs/shared-ui-components/propertyChangedEvent";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { Rectangle } from "@babylonjs/gui/2D/controls/rectangle";
 interface IButtonPropertyGridComponentProps {
     rectangles: Rectangle[];
@@ -152,8 +153,8 @@ export {};
 declare module "@babylonjs/gui-editor/components/propertyTab/propertyGrids/gui/checkboxPropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "@babylonjs/shared-ui-components/propertyChangedEvent";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { Checkbox } from "@babylonjs/gui/2D/controls/checkbox";
 interface ICheckboxPropertyGridComponentProps {
     checkboxes: Checkbox[];
@@ -170,9 +171,9 @@ export {};
 declare module "@babylonjs/gui-editor/components/propertyTab/propertyGrids/gui/colorPickerPropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
+import { PropertyChangedEvent } from "@babylonjs/shared-ui-components/propertyChangedEvent";
 import { ColorPicker } from "@babylonjs/gui/2D/controls/colorpicker";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 interface IColorPickerPropertyGridComponentProps {
     colorPickers: ColorPicker[];
     lockObject: LockObject;
@@ -188,9 +189,9 @@ export {};
 declare module "@babylonjs/gui-editor/components/propertyTab/propertyGrids/gui/commonControlPropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
+import { PropertyChangedEvent } from "@babylonjs/shared-ui-components/propertyChangedEvent";
 import { Control } from "@babylonjs/gui/2D/controls/control";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 interface ICommonControlPropertyGridComponentProps {
     controls: Control[];
     lockObject: LockObject;
@@ -213,7 +214,7 @@ export {};
 declare module "@babylonjs/gui-editor/components/propertyTab/propertyGrids/gui/containerPropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
+import { PropertyChangedEvent } from "@babylonjs/shared-ui-components/propertyChangedEvent";
 import { Container } from "@babylonjs/gui/2D/controls/container";
 interface IContainerPropertyGridComponentProps {
     containers: Container[];
@@ -228,9 +229,9 @@ export {};
 declare module "@babylonjs/gui-editor/components/propertyTab/propertyGrids/gui/controlPropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
+import { PropertyChangedEvent } from "@babylonjs/shared-ui-components/propertyChangedEvent";
 import { Control } from "@babylonjs/gui/2D/controls/control";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 interface IControlPropertyGridComponentProps {
     controls: Control[];
     lockObject: LockObject;
@@ -246,8 +247,8 @@ export {};
 declare module "@babylonjs/gui-editor/components/propertyTab/propertyGrids/gui/displayGridPropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "@babylonjs/shared-ui-components/propertyChangedEvent";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { DisplayGrid } from "@babylonjs/gui/2D/controls/displayGrid";
 interface IDisplayGridPropertyGridComponentProps {
     displayGrids: DisplayGrid[];
@@ -264,8 +265,8 @@ export {};
 declare module "@babylonjs/gui-editor/components/propertyTab/propertyGrids/gui/ellipsePropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "@babylonjs/shared-ui-components/propertyChangedEvent";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { Ellipse } from "@babylonjs/gui/2D/controls/ellipse";
 interface IEllipsePropertyGridComponentProps {
     ellipses: Ellipse[];
@@ -282,8 +283,8 @@ export {};
 declare module "@babylonjs/gui-editor/components/propertyTab/propertyGrids/gui/gridPropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "@babylonjs/shared-ui-components/propertyChangedEvent";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { Grid } from "@babylonjs/gui/2D/controls/grid";
 interface IGridPropertyGridComponentProps {
     grids: Grid[];
@@ -320,8 +321,8 @@ export {};
 declare module "@babylonjs/gui-editor/components/propertyTab/propertyGrids/gui/imageBasedSliderPropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "@babylonjs/shared-ui-components/propertyChangedEvent";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { ImageBasedSlider } from "@babylonjs/gui/2D/controls/sliders/imageBasedSlider";
 interface IImageBasedSliderPropertyGridComponentProps {
     imageBasedSliders: ImageBasedSlider[];
@@ -338,8 +339,8 @@ export {};
 declare module "@babylonjs/gui-editor/components/propertyTab/propertyGrids/gui/imagePropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "@babylonjs/shared-ui-components/propertyChangedEvent";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { Image } from "@babylonjs/gui/2D/controls/image";
 interface IImagePropertyGridComponentProps {
     images: Image[];
@@ -363,9 +364,9 @@ export {};
 declare module "@babylonjs/gui-editor/components/propertyTab/propertyGrids/gui/inputTextPropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
+import { PropertyChangedEvent } from "@babylonjs/shared-ui-components/propertyChangedEvent";
 import { InputText } from "@babylonjs/gui/2D/controls/inputText";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 interface IInputTextPropertyGridComponentProps {
     inputTexts: InputText[];
     lockObject: LockObject;
@@ -381,8 +382,8 @@ export {};
 declare module "@babylonjs/gui-editor/components/propertyTab/propertyGrids/gui/linePropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "@babylonjs/shared-ui-components/propertyChangedEvent";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { Line } from "@babylonjs/gui/2D/controls/line";
 interface ILinePropertyGridComponentProps {
     lines: Line[];
@@ -400,8 +401,8 @@ export {};
 declare module "@babylonjs/gui-editor/components/propertyTab/propertyGrids/gui/radioButtonPropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "@babylonjs/shared-ui-components/propertyChangedEvent";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { RadioButton } from "@babylonjs/gui/2D/controls/radioButton";
 interface IRadioButtonPropertyGridComponentProps {
     radioButtons: RadioButton[];
@@ -418,8 +419,8 @@ export {};
 declare module "@babylonjs/gui-editor/components/propertyTab/propertyGrids/gui/rectanglePropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "@babylonjs/shared-ui-components/propertyChangedEvent";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { Rectangle } from "@babylonjs/gui/2D/controls/rectangle";
 interface IRectanglePropertyGridComponentProps {
     rectangles: Rectangle[];
@@ -436,8 +437,8 @@ export {};
 declare module "@babylonjs/gui-editor/components/propertyTab/propertyGrids/gui/scrollViewerPropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "@babylonjs/shared-ui-components/propertyChangedEvent";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { ScrollViewer } from "@babylonjs/gui/2D/controls/scrollViewers/scrollViewer";
 interface IScrollViewerPropertyGridComponentProps {
     scrollViewers: ScrollViewer[];
@@ -454,8 +455,8 @@ export {};
 declare module "@babylonjs/gui-editor/components/propertyTab/propertyGrids/gui/sliderGenericPropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "@babylonjs/shared-ui-components/propertyChangedEvent";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { Slider } from "@babylonjs/gui/2D/controls/sliders/slider";
 interface ISliderGenericPropertyGridComponentProps {
     sliders: Slider[];
@@ -472,8 +473,8 @@ export {};
 declare module "@babylonjs/gui-editor/components/propertyTab/propertyGrids/gui/sliderPropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "@babylonjs/shared-ui-components/propertyChangedEvent";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { Slider } from "@babylonjs/gui/2D/controls/sliders/slider";
 import { ImageBasedSlider } from "@babylonjs/gui/2D/controls/sliders/imageBasedSlider";
 interface ISliderPropertyGridComponentProps {
@@ -491,8 +492,8 @@ export {};
 declare module "@babylonjs/gui-editor/components/propertyTab/propertyGrids/gui/stackPanelPropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "@babylonjs/shared-ui-components/propertyChangedEvent";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { StackPanel } from "@babylonjs/gui/2D/controls/stackPanel";
 interface IStackPanelPropertyGridComponentProps {
     stackPanels: StackPanel[];
@@ -509,9 +510,9 @@ export {};
 declare module "@babylonjs/gui-editor/components/propertyTab/propertyGrids/gui/textBlockPropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
+import { PropertyChangedEvent } from "@babylonjs/shared-ui-components/propertyChangedEvent";
 import { TextBlock } from "@babylonjs/gui/2D/controls/textBlock";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 interface ITextBlockPropertyGridComponentProps {
     textBlocks: TextBlock[];
     lockObject: LockObject;
@@ -797,7 +798,7 @@ import { Matrix2D } from "@babylonjs/gui/2D/math2D";
 import { Vector2 } from "@babylonjs/core/Maths/math.vector";
 import { Observable } from "@babylonjs/core/Misc/observable";
 import { GlobalState } from "@babylonjs/gui-editor/globalState";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
+import { PropertyChangedEvent } from "@babylonjs/shared-ui-components/propertyChangedEvent";
 export type DimensionProperties = "width" | "left" | "height" | "top" | "paddingLeft" | "paddingRight" | "paddingTop" | "paddingBottom" | "fontSize";
 export class Rect {
     top: number;
@@ -1010,6 +1011,7 @@ export class WorkbenchComponent extends React.Component<IWorkbenchComponentProps
     set guiSize(value: ISize);
     applyEditorTransformation(): void;
     removeEditorTransformation(): void;
+    private _reframeWindow;
     constructor(props: IWorkbenchComponentProps);
     keyEvent: (evt: KeyboardEvent) => void;
     copyToClipboard(copyFn: (content: string) => void): void;
@@ -1017,13 +1019,22 @@ export class WorkbenchComponent extends React.Component<IWorkbenchComponentProps
     pasteFromClipboard(clipboardContents: string): boolean;
     CopyGUIControl(original: Control): void;
     blurEvent: () => void;
+    /**
+     * Adds editor observers to control and stores old data in metadata
+     * @param guiControl
+     */
+    addEditorBehavior(guiControl: Control): void;
+    /**
+     * Removes editor behavior (observables, metadata) from control
+     * @param control
+     */
+    removeEditorBehavior(control: Control): void;
     dispose(): void;
     loadFromJson(serializationObject: any): void;
     loadFromSnippet(snippetId: string): Promise<void>;
     loadToEditor(): void;
     updateNodeOutlines(): void;
     appendBlock(guiElement: Control): Control;
-    createNewGuiNode(guiControl: Control): Control;
     private parent;
     private _reorderGrid;
     private _isNotChildInsert;
@@ -1059,10 +1070,10 @@ import { LogEntry } from "@babylonjs/gui-editor/components/log/logComponent";
 import { Color3 } from "@babylonjs/core/Maths/math.color";
 import { WorkbenchComponent } from "@babylonjs/gui-editor/diagram/workbench";
 import { AdvancedDynamicTexture } from "@babylonjs/gui/2D/advancedDynamicTexture";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
+import { PropertyChangedEvent } from "@babylonjs/shared-ui-components/propertyChangedEvent";
 import { Scene } from "@babylonjs/core/scene";
 import { Control } from "@babylonjs/gui/2D/controls/control";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { ISize } from "@babylonjs/core/Maths/math";
 import { KeyboardManager } from "@babylonjs/gui-editor/keyboardManager";
 export enum DragOverLocation {
@@ -1109,7 +1120,8 @@ export class GlobalState {
     onToolChangeObservable: Observable<void>;
     get tool(): GUIEditorTool;
     set tool(newTool: GUIEditorTool);
-    onFitToWindowObservable: Observable<void>;
+    onFitControlsToWindowObservable: Observable<void>;
+    onReframeWindowObservable: Observable<void>;
     onLoadObservable: Observable<File>;
     onSaveObservable: Observable<void>;
     onSnippetLoadObservable: Observable<void>;
@@ -1151,6 +1163,7 @@ export class GlobalState {
     set outlines(value: boolean);
     select(control: Control): void;
     setSelection(controls: Control[]): void;
+    private _findParentControlInTexture;
     deleteSelectedNodes(): void;
     isMultiSelectable(control: Control): boolean;
     dispose(): void;
@@ -1349,7 +1362,7 @@ export class WorkbenchEditor extends React.Component<IGraphEditorProps, IGraphEd
 export {};
 
 }
-declare module "shared-ui-components/colorPicker/colorComponentEntry" {
+declare module "@babylonjs/gui-editor/colorPicker/colorComponentEntry" {
 import * as React from "react";
 export interface IColorComponentEntryProps {
     value: number;
@@ -1366,10 +1379,10 @@ export class ColorComponentEntry extends React.Component<IColorComponentEntryPro
 }
 
 }
-declare module "shared-ui-components/colorPicker/colorPicker" {
+declare module "@babylonjs/gui-editor/colorPicker/colorPicker" {
 import * as React from "react";
 import { Color3, Color4 } from "@babylonjs/core/Maths/math.color";
-import "shared-ui-components/colorPicker/colorPicker.scss";
+import "@babylonjs/gui-editor/colorPicker/colorPicker.scss";
 /**
  * Interface used to specify creation options for color picker
  */
@@ -1410,7 +1423,7 @@ export class ColorPicker extends React.Component<IColorPickerProps, IColorPicker
 }
 
 }
-declare module "shared-ui-components/colorPicker/hexColor" {
+declare module "@babylonjs/gui-editor/colorPicker/hexColor" {
 import * as React from "react";
 export interface IHexColorProps {
     value: string;
@@ -1429,7 +1442,7 @@ export class HexColor extends React.Component<IHexColorProps, {
 }
 
 }
-declare module "shared-ui-components/lines/booleanLineComponent" {
+declare module "@babylonjs/gui-editor/lines/booleanLineComponent" {
 import * as React from "react";
 export interface IBooleanLineComponentProps {
     label: string;
@@ -1443,7 +1456,7 @@ export class BooleanLineComponent extends React.Component<IBooleanLineComponentP
 }
 
 }
-declare module "shared-ui-components/lines/buttonLineComponent" {
+declare module "@babylonjs/gui-editor/lines/buttonLineComponent" {
 import * as React from "react";
 export interface IButtonLineComponentProps {
     label: string;
@@ -1457,11 +1470,11 @@ export class ButtonLineComponent extends React.Component<IButtonLineComponentPro
 }
 
 }
-declare module "shared-ui-components/lines/checkBoxLineComponent" {
+declare module "@babylonjs/gui-editor/lines/checkBoxLineComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { IconDefinition } from "@fortawesome/fontawesome-common-types";
+import { PropertyChangedEvent } from "@babylonjs/gui-editor/propertyChangedEvent";
+
 export interface ICheckBoxLineComponentProps {
     label?: string;
     target?: any;
@@ -1474,8 +1487,8 @@ export interface ICheckBoxLineComponentProps {
     icon?: string;
     iconLabel?: string;
     faIcons?: {
-        enabled: IconDefinition;
-        disabled: IconDefinition;
+        enabled: any;
+        disabled: any;
     };
     large?: boolean;
 }
@@ -1496,11 +1509,11 @@ export class CheckBoxLineComponent extends React.Component<ICheckBoxLineComponen
 }
 
 }
-declare module "shared-ui-components/lines/color3LineComponent" {
+declare module "@babylonjs/gui-editor/lines/color3LineComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "@babylonjs/gui-editor/propertyChangedEvent";
+import { LockObject } from "@babylonjs/gui-editor/tabs/propertyGrids/lockObject";
 export interface IColor3LineComponentProps {
     label: string;
     target: any;
@@ -1517,11 +1530,11 @@ export class Color3LineComponent extends React.Component<IColor3LineComponentPro
 }
 
 }
-declare module "shared-ui-components/lines/color4LineComponent" {
+declare module "@babylonjs/gui-editor/lines/color4LineComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "@babylonjs/gui-editor/propertyChangedEvent";
+import { LockObject } from "@babylonjs/gui-editor/tabs/propertyGrids/lockObject";
 export interface IColor4LineComponentProps {
     label: string;
     target?: any;
@@ -1538,12 +1551,12 @@ export class Color4LineComponent extends React.Component<IColor4LineComponentPro
 }
 
 }
-declare module "shared-ui-components/lines/colorLineComponent" {
+declare module "@babylonjs/gui-editor/lines/colorLineComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
 import { Color4 } from "@babylonjs/core/Maths/math.color";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "@babylonjs/gui-editor/propertyChangedEvent";
+import { LockObject } from "@babylonjs/gui-editor/tabs/propertyGrids/lockObject";
 export interface IColorLineComponentProps {
     label: string;
     target?: any;
@@ -1581,7 +1594,7 @@ export class ColorLineComponent extends React.Component<IColorLineComponentProps
 export {};
 
 }
-declare module "shared-ui-components/lines/colorPickerComponent" {
+declare module "@babylonjs/gui-editor/lines/colorPickerComponent" {
 import * as React from "react";
 import { Color4, Color3 } from "@babylonjs/core/Maths/math.color";
 export interface IColorPickerComponentProps {
@@ -1613,7 +1626,7 @@ export class ColorPickerLineComponent extends React.Component<IColorPickerCompon
 export {};
 
 }
-declare module "shared-ui-components/lines/draggableLineComponent" {
+declare module "@babylonjs/gui-editor/lines/draggableLineComponent" {
 import * as React from "react";
 export interface IButtonLineComponentProps {
     data: string;
@@ -1625,7 +1638,7 @@ export class DraggableLineComponent extends React.Component<IButtonLineComponent
 }
 
 }
-declare module "shared-ui-components/lines/fileButtonLineComponent" {
+declare module "@babylonjs/gui-editor/lines/fileButtonLineComponent" {
 import * as React from "react";
 interface IFileButtonLineComponentProps {
     label: string;
@@ -1645,7 +1658,7 @@ export class FileButtonLineComponent extends React.Component<IFileButtonLineComp
 export {};
 
 }
-declare module "shared-ui-components/lines/fileMultipleButtonLineComponent" {
+declare module "@babylonjs/gui-editor/lines/fileMultipleButtonLineComponent" {
 import * as React from "react";
 interface IFileMultipleButtonLineComponentProps {
     label: string;
@@ -1665,11 +1678,11 @@ export class FileMultipleButtonLineComponent extends React.Component<IFileMultip
 export {};
 
 }
-declare module "shared-ui-components/lines/floatLineComponent" {
+declare module "@babylonjs/gui-editor/lines/floatLineComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "@babylonjs/gui-editor/propertyChangedEvent";
+import { LockObject } from "@babylonjs/gui-editor/tabs/propertyGrids/lockObject";
 interface IFloatLineComponentProps {
     label: string;
     target: any;
@@ -1691,6 +1704,8 @@ interface IFloatLineComponentProps {
     defaultValue?: number;
     arrows?: boolean;
     unit?: React.ReactNode;
+    onDragStart?: (newValue: number) => void;
+    onDragStop?: (newValue: number) => void;
 }
 export class FloatLineComponent extends React.Component<IFloatLineComponentProps, {
     value: string;
@@ -1716,11 +1731,11 @@ export class FloatLineComponent extends React.Component<IFloatLineComponentProps
 export {};
 
 }
-declare module "shared-ui-components/lines/hexLineComponent" {
+declare module "@babylonjs/gui-editor/lines/hexLineComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "@babylonjs/gui-editor/propertyChangedEvent";
+import { LockObject } from "@babylonjs/gui-editor/tabs/propertyGrids/lockObject";
 interface IHexLineComponentProps {
     label: string;
     target: any;
@@ -1759,7 +1774,7 @@ export class HexLineComponent extends React.Component<IHexLineComponentProps, {
 export {};
 
 }
-declare module "shared-ui-components/lines/iconButtonLineComponent" {
+declare module "@babylonjs/gui-editor/lines/iconButtonLineComponent" {
 import * as React from "react";
 export interface IIconButtonLineComponentProps {
     icon: string;
@@ -1773,7 +1788,7 @@ export class IconButtonLineComponent extends React.Component<IIconButtonLineComp
 }
 
 }
-declare module "shared-ui-components/lines/iconComponent" {
+declare module "@babylonjs/gui-editor/lines/iconComponent" {
 import * as React from "react";
 interface IIconComponentProps {
     icon: string;
@@ -1785,7 +1800,7 @@ export class IconComponent extends React.Component<IIconComponentProps> {
 export {};
 
 }
-declare module "shared-ui-components/lines/indentedTextLineComponent" {
+declare module "@babylonjs/gui-editor/lines/indentedTextLineComponent" {
 import * as React from "react";
 interface IIndentedTextLineComponentProps {
     value?: string;
@@ -1804,7 +1819,7 @@ export class IndentedTextLineComponent extends React.Component<IIndentedTextLine
 export {};
 
 }
-declare module "shared-ui-components/lines/inputArrowsComponent" {
+declare module "@babylonjs/gui-editor/lines/inputArrowsComponent" {
 import * as React from "react";
 interface IInputArrowsComponentProps {
     incrementValue: (amount: number) => void;
@@ -1820,16 +1835,16 @@ export class InputArrowsComponent extends React.Component<IInputArrowsComponentP
 export {};
 
 }
-declare module "shared-ui-components/lines/iSelectedLineContainer" {
+declare module "@babylonjs/gui-editor/lines/iSelectedLineContainer" {
 export interface ISelectedLineContainer {
     selectedLineContainerTitles: Array<string>;
     selectedLineContainerTitlesNoFocus: Array<string>;
 }
 
 }
-declare module "shared-ui-components/lines/lineContainerComponent" {
+declare module "@babylonjs/gui-editor/lines/lineContainerComponent" {
 import * as React from "react";
-import { ISelectedLineContainer } from "shared-ui-components/lines/iSelectedLineContainer";
+import { ISelectedLineContainer } from "@babylonjs/gui-editor/lines/iSelectedLineContainer";
 interface ILineContainerComponentProps {
     selection?: ISelectedLineContainer;
     title: string;
@@ -1849,15 +1864,15 @@ export class LineContainerComponent extends React.Component<ILineContainerCompon
 export {};
 
 }
-declare module "shared-ui-components/lines/linkButtonComponent" {
+declare module "@babylonjs/gui-editor/lines/linkButtonComponent" {
 import * as React from "react";
-import { IconProp } from "@fortawesome/fontawesome-svg-core";
+
 interface ILinkButtonComponentProps {
     label: string;
     buttonLabel: string;
     url?: string;
     onClick: () => void;
-    icon?: IconProp;
+    icon?: any;
     onIconClick?: () => void;
 }
 export class LinkButtonComponent extends React.Component<ILinkButtonComponentProps> {
@@ -1868,13 +1883,13 @@ export class LinkButtonComponent extends React.Component<ILinkButtonComponentPro
 export {};
 
 }
-declare module "shared-ui-components/lines/messageLineComponent" {
+declare module "@babylonjs/gui-editor/lines/messageLineComponent" {
 import * as React from "react";
-import { IconProp } from "@fortawesome/fontawesome-svg-core";
+
 interface IMessageLineComponentProps {
     text: string;
     color?: string;
-    icon?: IconProp;
+    icon?: any;
 }
 export class MessageLineComponent extends React.Component<IMessageLineComponentProps> {
     constructor(props: IMessageLineComponentProps);
@@ -1883,7 +1898,7 @@ export class MessageLineComponent extends React.Component<IMessageLineComponentP
 export {};
 
 }
-declare module "shared-ui-components/lines/numericInputComponent" {
+declare module "@babylonjs/gui-editor/lines/numericInputComponent" {
 import * as React from "react";
 interface INumericInputComponentProps {
     label: string;
@@ -1912,10 +1927,10 @@ export class NumericInputComponent extends React.Component<INumericInputComponen
 export {};
 
 }
-declare module "shared-ui-components/lines/optionsLineComponent" {
+declare module "@babylonjs/gui-editor/lines/optionsLineComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
+import { PropertyChangedEvent } from "@babylonjs/gui-editor/propertyChangedEvent";
 import { IInspectableOptions } from "@babylonjs/core/Misc/iInspectable";
 export const Null_Value: number;
 export interface IOptionsLineComponentProps {
@@ -1947,14 +1962,14 @@ export class OptionsLineComponent extends React.Component<IOptionsLineComponentP
 }
 
 }
-declare module "shared-ui-components/lines/popup" {
+declare module "@babylonjs/gui-editor/lines/popup" {
 export class Popup {
     static CreatePopup(title: string, windowVariableName: string, width?: number, height?: number): HTMLDivElement | null;
     private static _CopyStyles;
 }
 
 }
-declare module "shared-ui-components/lines/radioLineComponent" {
+declare module "@babylonjs/gui-editor/lines/radioLineComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
 interface IRadioButtonLineComponentProps {
@@ -1978,11 +1993,11 @@ export class RadioButtonLineComponent extends React.Component<IRadioButtonLineCo
 export {};
 
 }
-declare module "shared-ui-components/lines/sliderLineComponent" {
+declare module "@babylonjs/gui-editor/lines/sliderLineComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "@babylonjs/gui-editor/propertyChangedEvent";
+import { LockObject } from "@babylonjs/gui-editor/tabs/propertyGrids/lockObject";
 interface ISliderLineComponentProps {
     label: string;
     target?: any;
@@ -2018,8 +2033,8 @@ export class SliderLineComponent extends React.Component<ISliderLineComponentPro
 export {};
 
 }
-declare module "shared-ui-components/lines/targetsProxy" {
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
+declare module "@babylonjs/gui-editor/lines/targetsProxy" {
+import { PropertyChangedEvent } from "@babylonjs/gui-editor/propertyChangedEvent";
 import { Observable } from "@babylonjs/core/Misc/observable";
 export const conflictingValuesPlaceholder = "\u2014";
 /**
@@ -2032,11 +2047,11 @@ export const conflictingValuesPlaceholder = "\u2014";
 export function makeTargetsProxy<Type>(targets: Type[], onPropertyChangedObservable?: Observable<PropertyChangedEvent>, getProperty?: (target: Type, property: keyof Type) => any): any;
 
 }
-declare module "shared-ui-components/lines/textInputLineComponent" {
+declare module "@babylonjs/gui-editor/lines/textInputLineComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "@babylonjs/gui-editor/propertyChangedEvent";
+import { LockObject } from "@babylonjs/gui-editor/tabs/propertyGrids/lockObject";
 export interface ITextInputLineComponentProps {
     label?: string;
     lockObject?: LockObject;
@@ -2080,7 +2095,7 @@ export class TextInputLineComponent extends React.Component<ITextInputLineCompon
 }
 
 }
-declare module "shared-ui-components/lines/textLineComponent" {
+declare module "@babylonjs/gui-editor/lines/textLineComponent" {
 import * as React from "react";
 interface ITextLineComponentProps {
     label?: string;
@@ -2104,7 +2119,7 @@ export class TextLineComponent extends React.Component<ITextLineComponentProps>
 export {};
 
 }
-declare module "shared-ui-components/lines/unitButton" {
+declare module "@babylonjs/gui-editor/lines/unitButton" {
 /// <reference types="react" />
 interface IUnitButtonProps {
     unit: string;
@@ -2115,7 +2130,7 @@ export function UnitButton(props: IUnitButtonProps): JSX.Element;
 export {};
 
 }
-declare module "shared-ui-components/lines/valueLineComponent" {
+declare module "@babylonjs/gui-editor/lines/valueLineComponent" {
 import * as React from "react";
 interface IValueLineComponentProps {
     label: string;
@@ -2133,11 +2148,11 @@ export class ValueLineComponent extends React.Component<IValueLineComponentProps
 export {};
 
 }
-declare module "shared-ui-components/lines/vector2LineComponent" {
+declare module "@babylonjs/gui-editor/lines/vector2LineComponent" {
 import * as React from "react";
 import { Vector2 } from "@babylonjs/core/Maths/math.vector";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
+import { PropertyChangedEvent } from "@babylonjs/gui-editor/propertyChangedEvent";
 interface IVector2LineComponentProps {
     label: string;
     target: any;
@@ -2170,11 +2185,11 @@ export class Vector2LineComponent extends React.Component<IVector2LineComponentP
 export {};
 
 }
-declare module "shared-ui-components/lines/vector3LineComponent" {
+declare module "@babylonjs/gui-editor/lines/vector3LineComponent" {
 import * as React from "react";
 import { Vector3 } from "@babylonjs/core/Maths/math.vector";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
+import { PropertyChangedEvent } from "@babylonjs/gui-editor/propertyChangedEvent";
 interface IVector3LineComponentProps {
     label: string;
     target: any;
@@ -2212,11 +2227,11 @@ export class Vector3LineComponent extends React.Component<IVector3LineComponentP
 export {};
 
 }
-declare module "shared-ui-components/lines/vector4LineComponent" {
+declare module "@babylonjs/gui-editor/lines/vector4LineComponent" {
 import * as React from "react";
 import { Vector4 } from "@babylonjs/core/Maths/math.vector";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
+import { PropertyChangedEvent } from "@babylonjs/gui-editor/propertyChangedEvent";
 interface IVector4LineComponentProps {
     label: string;
     target: any;
@@ -2254,7 +2269,7 @@ export class Vector4LineComponent extends React.Component<IVector4LineComponentP
 export {};
 
 }
-declare module "shared-ui-components/propertyChangedEvent" {
+declare module "@babylonjs/gui-editor/propertyChangedEvent" {
 export class PropertyChangedEvent {
     object: any;
     property: string;
@@ -2264,7 +2279,7 @@ export class PropertyChangedEvent {
 }
 
 }
-declare module "shared-ui-components/stringTools" {
+declare module "@babylonjs/gui-editor/stringTools" {
 export class StringTools {
     private static _SaveAs;
     private static _Click;
@@ -2278,11 +2293,11 @@ export class StringTools {
 }
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/gui/checkboxPropertyGridComponent" {
+declare module "@babylonjs/gui-editor/tabs/propertyGrids/gui/checkboxPropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "@babylonjs/gui-editor/propertyChangedEvent";
+import { LockObject } from "@babylonjs/gui-editor/tabs/propertyGrids/lockObject";
 import { Checkbox } from "@babylonjs/gui/2D/controls/checkbox";
 interface ICheckboxPropertyGridComponentProps {
     checkbox: Checkbox;
@@ -2296,12 +2311,12 @@ export class CheckboxPropertyGridComponent extends React.Component<ICheckboxProp
 export {};
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/gui/colorPickerPropertyGridComponent" {
+declare module "@babylonjs/gui-editor/tabs/propertyGrids/gui/colorPickerPropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
+import { PropertyChangedEvent } from "@babylonjs/gui-editor/propertyChangedEvent";
 import { ColorPicker } from "@babylonjs/gui/2D/controls/colorpicker";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/gui-editor/tabs/propertyGrids/lockObject";
 interface IColorPickerPropertyGridComponentProps {
     colorPicker: ColorPicker;
     lockObject: LockObject;
@@ -2314,12 +2329,12 @@ export class ColorPickerPropertyGridComponent extends React.Component<IColorPick
 export {};
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/gui/commonControlPropertyGridComponent" {
+declare module "@babylonjs/gui-editor/tabs/propertyGrids/gui/commonControlPropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
+import { PropertyChangedEvent } from "@babylonjs/gui-editor/propertyChangedEvent";
 import { Control } from "@babylonjs/gui/2D/controls/control";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/gui-editor/tabs/propertyGrids/lockObject";
 interface ICommonControlPropertyGridComponentProps {
     controls?: Control[];
     control?: Control;
@@ -2334,12 +2349,12 @@ export class CommonControlPropertyGridComponent extends React.Component<ICommonC
 export {};
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/gui/controlPropertyGridComponent" {
+declare module "@babylonjs/gui-editor/tabs/propertyGrids/gui/controlPropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
+import { PropertyChangedEvent } from "@babylonjs/gui-editor/propertyChangedEvent";
 import { Control } from "@babylonjs/gui/2D/controls/control";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/gui-editor/tabs/propertyGrids/lockObject";
 interface IControlPropertyGridComponentProps {
     control: Control;
     lockObject: LockObject;
@@ -2352,11 +2367,11 @@ export class ControlPropertyGridComponent extends React.Component<IControlProper
 export {};
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/gui/ellipsePropertyGridComponent" {
+declare module "@babylonjs/gui-editor/tabs/propertyGrids/gui/ellipsePropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "@babylonjs/gui-editor/propertyChangedEvent";
+import { LockObject } from "@babylonjs/gui-editor/tabs/propertyGrids/lockObject";
 import { Ellipse } from "@babylonjs/gui/2D/controls/ellipse";
 interface IEllipsePropertyGridComponentProps {
     ellipse: Ellipse;
@@ -2370,11 +2385,11 @@ export class EllipsePropertyGridComponent extends React.Component<IEllipseProper
 export {};
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/gui/gridPropertyGridComponent" {
+declare module "@babylonjs/gui-editor/tabs/propertyGrids/gui/gridPropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "@babylonjs/gui-editor/propertyChangedEvent";
+import { LockObject } from "@babylonjs/gui-editor/tabs/propertyGrids/lockObject";
 import { Grid } from "@babylonjs/gui/2D/controls/grid";
 interface IGridPropertyGridComponentProps {
     grid: Grid;
@@ -2390,11 +2405,11 @@ export class GridPropertyGridComponent extends React.Component<IGridPropertyGrid
 export {};
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/gui/imageBasedSliderPropertyGridComponent" {
+declare module "@babylonjs/gui-editor/tabs/propertyGrids/gui/imageBasedSliderPropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "@babylonjs/gui-editor/propertyChangedEvent";
+import { LockObject } from "@babylonjs/gui-editor/tabs/propertyGrids/lockObject";
 import { ImageBasedSlider } from "@babylonjs/gui/2D/controls/sliders/imageBasedSlider";
 interface IImageBasedSliderPropertyGridComponentProps {
     imageBasedSlider: ImageBasedSlider;
@@ -2408,11 +2423,11 @@ export class ImageBasedSliderPropertyGridComponent extends React.Component<IImag
 export {};
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/gui/imagePropertyGridComponent" {
+declare module "@babylonjs/gui-editor/tabs/propertyGrids/gui/imagePropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "@babylonjs/gui-editor/propertyChangedEvent";
+import { LockObject } from "@babylonjs/gui-editor/tabs/propertyGrids/lockObject";
 import { Image } from "@babylonjs/gui/2D/controls/image";
 interface IImagePropertyGridComponentProps {
     image: Image;
@@ -2426,12 +2441,12 @@ export class ImagePropertyGridComponent extends React.Component<IImagePropertyGr
 export {};
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/gui/inputTextPropertyGridComponent" {
+declare module "@babylonjs/gui-editor/tabs/propertyGrids/gui/inputTextPropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
+import { PropertyChangedEvent } from "@babylonjs/gui-editor/propertyChangedEvent";
 import { InputText } from "@babylonjs/gui/2D/controls/inputText";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/gui-editor/tabs/propertyGrids/lockObject";
 interface IInputTextPropertyGridComponentProps {
     inputText: InputText;
     lockObject: LockObject;
@@ -2444,11 +2459,11 @@ export class InputTextPropertyGridComponent extends React.Component<IInputTextPr
 export {};
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/gui/linePropertyGridComponent" {
+declare module "@babylonjs/gui-editor/tabs/propertyGrids/gui/linePropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "@babylonjs/gui-editor/propertyChangedEvent";
+import { LockObject } from "@babylonjs/gui-editor/tabs/propertyGrids/lockObject";
 import { Line } from "@babylonjs/gui/2D/controls/line";
 interface ILinePropertyGridComponentProps {
     line: Line;
@@ -2463,11 +2478,11 @@ export class LinePropertyGridComponent extends React.Component<ILinePropertyGrid
 export {};
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/gui/radioButtonPropertyGridComponent" {
+declare module "@babylonjs/gui-editor/tabs/propertyGrids/gui/radioButtonPropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "@babylonjs/gui-editor/propertyChangedEvent";
+import { LockObject } from "@babylonjs/gui-editor/tabs/propertyGrids/lockObject";
 import { RadioButton } from "@babylonjs/gui/2D/controls/radioButton";
 interface IRadioButtonPropertyGridComponentProps {
     radioButtons: RadioButton[];
@@ -2481,11 +2496,11 @@ export class RadioButtonPropertyGridComponent extends React.Component<IRadioButt
 export {};
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/gui/rectanglePropertyGridComponent" {
+declare module "@babylonjs/gui-editor/tabs/propertyGrids/gui/rectanglePropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "@babylonjs/gui-editor/propertyChangedEvent";
+import { LockObject } from "@babylonjs/gui-editor/tabs/propertyGrids/lockObject";
 import { Rectangle } from "@babylonjs/gui/2D/controls/rectangle";
 interface IRectanglePropertyGridComponentProps {
     rectangle: Rectangle;
@@ -2499,11 +2514,11 @@ export class RectanglePropertyGridComponent extends React.Component<IRectanglePr
 export {};
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/gui/scrollViewerPropertyGridComponent" {
+declare module "@babylonjs/gui-editor/tabs/propertyGrids/gui/scrollViewerPropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "@babylonjs/gui-editor/propertyChangedEvent";
+import { LockObject } from "@babylonjs/gui-editor/tabs/propertyGrids/lockObject";
 import { ScrollViewer } from "@babylonjs/gui/2D/controls/scrollViewers/scrollViewer";
 interface IScrollViewerPropertyGridComponentProps {
     scrollViewer: ScrollViewer;
@@ -2517,11 +2532,11 @@ export class ScrollViewerPropertyGridComponent extends React.Component<IScrollVi
 export {};
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/gui/sliderPropertyGridComponent" {
+declare module "@babylonjs/gui-editor/tabs/propertyGrids/gui/sliderPropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "@babylonjs/gui-editor/propertyChangedEvent";
+import { LockObject } from "@babylonjs/gui-editor/tabs/propertyGrids/lockObject";
 import { Slider } from "@babylonjs/gui/2D/controls/sliders/slider";
 interface ISliderPropertyGridComponentProps {
     slider: Slider;
@@ -2535,11 +2550,11 @@ export class SliderPropertyGridComponent extends React.Component<ISliderProperty
 export {};
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/gui/stackPanelPropertyGridComponent" {
+declare module "@babylonjs/gui-editor/tabs/propertyGrids/gui/stackPanelPropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "@babylonjs/gui-editor/propertyChangedEvent";
+import { LockObject } from "@babylonjs/gui-editor/tabs/propertyGrids/lockObject";
 import { StackPanel } from "@babylonjs/gui/2D/controls/stackPanel";
 interface IStackPanelPropertyGridComponentProps {
     stackPanel: StackPanel;
@@ -2553,12 +2568,12 @@ export class StackPanelPropertyGridComponent extends React.Component<IStackPanel
 export {};
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/gui/textBlockPropertyGridComponent" {
+declare module "@babylonjs/gui-editor/tabs/propertyGrids/gui/textBlockPropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
+import { PropertyChangedEvent } from "@babylonjs/gui-editor/propertyChangedEvent";
 import { TextBlock } from "@babylonjs/gui/2D/controls/textBlock";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/gui-editor/tabs/propertyGrids/lockObject";
 interface ITextBlockPropertyGridComponentProps {
     textBlock: TextBlock;
     lockObject: LockObject;
@@ -2571,7 +2586,7 @@ export class TextBlockPropertyGridComponent extends React.Component<ITextBlockPr
 export {};
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/lockObject" {
+declare module "@babylonjs/gui-editor/tabs/propertyGrids/lockObject" {
 /**
  * Class used to provide lock mechanism
  */