@babylonjs/gui-editor 5.0.0-rc.12 → 5.0.0-rc.13

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

@@ -7,9 +7,6 @@ interface ICommandBarComponentProps {
     globalState: GlobalState;
 }
 export class CommandBarComponent extends React.Component<ICommandBarComponentProps> {
-    private _panning;
-    private _zooming;
-    private _selecting;
     private _sizeOption;
     constructor(props: ICommandBarComponentProps);
     render(): JSX.Element;
@@ -953,15 +950,8 @@ export class WorkbenchComponent extends React.Component<IWorkbenchComponentProps
     private _setConstraintDirection;
     private _mouseStartPoint;
     _scene: Scene;
-    private _ctrlKeyIsPressed;
-    private _altKeyIsPressed;
     private _constraintDirection;
-    private _forcePanning;
-    private _forceZooming;
-    private _forceSelecting;
     private _panning;
-    private _canvas;
-    private _responsive;
     private _isOverGUINode;
     private _engine;
     private _liveRenderObserver;
@@ -997,7 +987,7 @@ export class WorkbenchComponent extends React.Component<IWorkbenchComponentProps
     pasteFromClipboard(clipboardContents: string): boolean;
     CopyGUIControl(original: Control): void;
     blurEvent: () => void;
-    componentWillUnmount(): void;
+    dispose(): void;
     loadFromJson(serializationObject: any): void;
     loadFromSnippet(snippetId: string): Promise<void>;
     loadToEditor(): void;
@@ -1045,12 +1035,18 @@ import { Scene } from "@babylonjs/core/scene";
 import { Control } from "@babylonjs/gui/2D/controls/control";
 import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
 import { ISize } from "@babylonjs/core/Maths/math";
+import { KeyboardManager } from "@babylonjs/gui-editor/keyboardManager";
 export enum DragOverLocation {
     ABOVE = 0,
     BELOW = 1,
     CENTER = 2,
     NONE = 3
 }
+export enum GUIEditorTool {
+    SELECT = 0,
+    PAN = 1,
+    ZOOM = 2
+}
 export class GlobalState {
     liveGuiTexture: Nullable<AdvancedDynamicTexture>;
     guiTexture: AdvancedDynamicTexture;
@@ -1072,17 +1068,19 @@ export class GlobalState {
     onPopupClosedObservable: Observable<void>;
     private _backgroundColor;
     private _outlines;
-    isMultiSelecting: boolean;
-    onOutlineChangedObservable: Observable<void>;
+    keys: KeyboardManager;
+    /** DO NOT USE: in the process of removing */
     blockKeyboardEvents: boolean;
+    onOutlineChangedObservable: Observable<void>;
     controlCamera: boolean;
     selectionLock: boolean;
     workbench: WorkbenchComponent;
     onPropertyChangedObservable: Observable<PropertyChangedEvent>;
-    onZoomObservable: Observable<void>;
+    private _tool;
+    onToolChangeObservable: Observable<void>;
+    get tool(): GUIEditorTool;
+    set tool(newTool: GUIEditorTool);
     onFitToWindowObservable: Observable<void>;
-    onPanObservable: Observable<void>;
-    onSelectionButtonObservable: Observable<void>;
     onLoadObservable: Observable<File>;
     onSaveObservable: Observable<void>;
     onSnippetLoadObservable: Observable<void>;
@@ -1118,7 +1116,6 @@ export class GlobalState {
     constructor();
     /** adds copy, cut and paste listeners to the host window */
     registerEventListeners(): void;
-    private _updateKeys;
     get backgroundColor(): Color3;
     set backgroundColor(value: Color3);
     get outlines(): boolean;
@@ -1127,6 +1124,7 @@ export class GlobalState {
     setSelection(controls: Control[]): void;
     deleteSelectedNodes(): void;
     isMultiSelectable(control: Control): boolean;
+    dispose(): void;
 }
 
 }
@@ -1187,6 +1185,26 @@ export class GUINodeTools {
 declare module "@babylonjs/gui-editor/index" {
 export * from "@babylonjs/gui-editor/guiEditor";
 
+}
+declare module "@babylonjs/gui-editor/keyboardManager" {
+import { Observable } from "@babylonjs/core/Misc/observable";
+type Key = "control" | "shift" | "alt" | "space" | "meta";
+export class KeyboardManager {
+    private _hostElement;
+    private _kdListener;
+    private _kuListener;
+    private _moveListener;
+    private _keys;
+    onKeyPressedObservable: Observable<Key>;
+    constructor(hostElement: HTMLElement | HTMLDocument);
+    private _keyEvent;
+    private _updateModifierKeys;
+    private _setKeyDown;
+    isKeyDown(key: Key): boolean;
+    dispose(): void;
+}
+export {};
+
 }
 declare module "@babylonjs/gui-editor/legacy/legacy" {
 export * from "@babylonjs/gui-editor/index";

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@babylonjs/gui-editor",
-    "version": "5.0.0-rc.12",
+    "version": "5.0.0-rc.13",
     "main": "dist/babylon.guiEditor.max.js",
     "module": "dist/babylon.guiEditor.max.js",
     "esnext": "dist/babylon.guiEditor.max.js",
@@ -18,8 +18,8 @@
         "clean": "rimraf dist"
     },
     "dependencies": {
-        "@babylonjs/core": "^5.0.0-rc.12",
-        "@babylonjs/gui": "^5.0.0-rc.12"
+        "@babylonjs/core": "^5.0.0-rc.13",
+        "@babylonjs/gui": "^5.0.0-rc.13"
     },
     "peerDependencies": {
         "@types/react": ">=16.7.3",