@babylonjs/gui-editor 5.45.1 → 5.46.0

package/dist/babylon.guiEditor.max.js

@@ -36574,11 +36574,6 @@ __webpack_require__.r(__webpack_exports__);
 // eslint-disable-next-line @typescript-eslint/naming-convention
 const Null_Value = Number.MAX_SAFE_INTEGER;
 class OptionsLineComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Component {
-    constructor(props) {
-        super(props);
-        this._localChange = false;
-        this.state = { value: this._remapValueIn(this._getValue(props)) };
-    }
     _remapValueIn(value) {
         return this.props.allowNullValue && value === null ? Null_Value : value;
     }
@@ -36591,6 +36586,11 @@ class OptionsLineComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Component
         }
         return props.target && props.propertyName ? props.target[props.propertyName] : props.options[props.defaultIfNull || 0];
     }
+    constructor(props) {
+        super(props);
+        this._localChange = false;
+        this.state = { value: this._remapValueIn(this._getValue(props)) };
+    }
     shouldComponentUpdate(nextProps, nextState) {
         if (this._localChange) {
             this._localChange = false;
@@ -41972,6 +41972,72 @@ const ARROW_KEY_MOVEMENT_LARGE = 5; // px
 const MAX_POINTER_TRAVEL_DISTANCE = 5; //px^2. determines how far the pointer can move to be treated as a drag vs. a click
 const CONTROL_OFFSET = 10; //offset in pixels for when a control is added to editor
 class WorkbenchComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Component {
+    static get addedFonts() {
+        return this._addedFonts;
+    }
+    get visibleRegionContainer() {
+        return this._visibleRegionContainer;
+    }
+    get panAndZoomContainer() {
+        return this._panAndZoomContainer;
+    }
+    set trueRootContainer(value) {
+        if (value === this._trueRootContainer)
+            return;
+        this._visibleRegionContainer.children.forEach((child) => this._visibleRegionContainer.removeControl(child));
+        this._visibleRegionContainer.addControl(value);
+        this._trueRootContainer = value;
+        value._host = this.props.globalState.guiTexture;
+    }
+    get trueRootContainer() {
+        return this._trueRootContainer;
+    }
+    get guiSize() {
+        return this._guiSize;
+    }
+    get pasteDisabled() {
+        return this._pasteDisabled;
+    }
+    // sets the size of the GUI and makes all necessary adjustments
+    set guiSize(value) {
+        this._guiSize = { ...value };
+        this._visibleRegionContainer.widthInPixels = this._guiSize.width;
+        this._visibleRegionContainer.heightInPixels = this._guiSize.height;
+        this.props.globalState.onResizeObservable.notifyObservers(this._guiSize);
+        this.props.globalState.onReframeWindowObservable.notifyObservers();
+        this.props.globalState.onWindowResizeObservable.notifyObservers();
+    }
+    applyEditorTransformation() {
+        const adt = this.props.globalState.guiTexture;
+        if (adt._rootContainer != this._panAndZoomContainer) {
+            adt._rootContainer = this._panAndZoomContainer;
+            this._visibleRegionContainer.addControl(this._trueRootContainer);
+            this.props.globalState.guiTexture.markAsDirty();
+        }
+        if (adt.getSize().width !== this._engine.getRenderWidth() || adt.getSize().height !== this._engine.getRenderHeight()) {
+            adt.scaleTo(this._engine.getRenderWidth(), this._engine.getRenderHeight());
+        }
+        if (adt.getSize().width !== this._engine.getRenderWidth() || adt.getSize().height !== this._engine.getRenderHeight()) {
+            adt.scaleTo(this._engine.getRenderWidth(), this._engine.getRenderHeight());
+        }
+        this._trueRootContainer.clipContent = false;
+        this._trueRootContainer.clipChildren = false;
+    }
+    removeEditorTransformation() {
+        const adt = this.props.globalState.guiTexture;
+        if (adt._rootContainer != this._trueRootContainer) {
+            this._visibleRegionContainer.removeControl(this._trueRootContainer);
+            adt._rootContainer = this._trueRootContainer;
+        }
+        this._trueRootContainer.clipContent = true;
+        this._trueRootContainer.clipChildren = true;
+    }
+    _reframeWindow() {
+        this._panningOffset = new core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_4__.Vector2(0, 0);
+        const xFactor = this._engine.getRenderWidth() / this.guiSize.width;
+        const yFactor = this._engine.getRenderHeight() / this.guiSize.height;
+        this._zoomFactor = Math.min(xFactor, yFactor) * 0.9;
+    }
     constructor(props) {
         super(props);
         this._setConstraintDirection = false;
@@ -42106,72 +42172,6 @@ class WorkbenchComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Component {
             this.dispose();
         });
     }
-    static get addedFonts() {
-        return this._addedFonts;
-    }
-    get visibleRegionContainer() {
-        return this._visibleRegionContainer;
-    }
-    get panAndZoomContainer() {
-        return this._panAndZoomContainer;
-    }
-    set trueRootContainer(value) {
-        if (value === this._trueRootContainer)
-            return;
-        this._visibleRegionContainer.children.forEach((child) => this._visibleRegionContainer.removeControl(child));
-        this._visibleRegionContainer.addControl(value);
-        this._trueRootContainer = value;
-        value._host = this.props.globalState.guiTexture;
-    }
-    get trueRootContainer() {
-        return this._trueRootContainer;
-    }
-    get guiSize() {
-        return this._guiSize;
-    }
-    get pasteDisabled() {
-        return this._pasteDisabled;
-    }
-    // sets the size of the GUI and makes all necessary adjustments
-    set guiSize(value) {
-        this._guiSize = { ...value };
-        this._visibleRegionContainer.widthInPixels = this._guiSize.width;
-        this._visibleRegionContainer.heightInPixels = this._guiSize.height;
-        this.props.globalState.onResizeObservable.notifyObservers(this._guiSize);
-        this.props.globalState.onReframeWindowObservable.notifyObservers();
-        this.props.globalState.onWindowResizeObservable.notifyObservers();
-    }
-    applyEditorTransformation() {
-        const adt = this.props.globalState.guiTexture;
-        if (adt._rootContainer != this._panAndZoomContainer) {
-            adt._rootContainer = this._panAndZoomContainer;
-            this._visibleRegionContainer.addControl(this._trueRootContainer);
-            this.props.globalState.guiTexture.markAsDirty();
-        }
-        if (adt.getSize().width !== this._engine.getRenderWidth() || adt.getSize().height !== this._engine.getRenderHeight()) {
-            adt.scaleTo(this._engine.getRenderWidth(), this._engine.getRenderHeight());
-        }
-        if (adt.getSize().width !== this._engine.getRenderWidth() || adt.getSize().height !== this._engine.getRenderHeight()) {
-            adt.scaleTo(this._engine.getRenderWidth(), this._engine.getRenderHeight());
-        }
-        this._trueRootContainer.clipContent = false;
-        this._trueRootContainer.clipChildren = false;
-    }
-    removeEditorTransformation() {
-        const adt = this.props.globalState.guiTexture;
-        if (adt._rootContainer != this._trueRootContainer) {
-            this._visibleRegionContainer.removeControl(this._trueRootContainer);
-            adt._rootContainer = this._trueRootContainer;
-        }
-        this._trueRootContainer.clipContent = true;
-        this._trueRootContainer.clipChildren = true;
-    }
-    _reframeWindow() {
-        this._panningOffset = new core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_4__.Vector2(0, 0);
-        const xFactor = this._engine.getRenderWidth() / this.guiSize.width;
-        const yFactor = this._engine.getRenderHeight() / this.guiSize.height;
-        this._zoomFactor = Math.min(xFactor, yFactor) * 0.9;
-    }
     copyToClipboard(copyFn) {
         this._pasteDisabled = false;
         const controlList = [];
@@ -42950,6 +42950,36 @@ var GUIEditorTool;
     GUIEditorTool[GUIEditorTool["ZOOM"] = 2] = "ZOOM";
 })(GUIEditorTool || (GUIEditorTool = {}));
 class GlobalState {
+    get tool() {
+        if (this._tool === GUIEditorTool.ZOOM) {
+            return GUIEditorTool.ZOOM;
+        }
+        else if (this._tool === GUIEditorTool.PAN) {
+            return GUIEditorTool.PAN;
+        }
+        else {
+            return GUIEditorTool.SELECT;
+        }
+    }
+    set tool(newTool) {
+        if (this._tool === newTool)
+            return;
+        this._prevTool = this._tool;
+        this._tool = newTool;
+        this.onToolChangeObservable.notifyObservers();
+    }
+    get usePrevSelected() {
+        return this._usePrevSelected;
+    }
+    set usePrevSelected(val) {
+        this._usePrevSelected = val;
+    }
+    restorePreviousTool() {
+        if (this._tool !== this._prevTool) {
+            this._tool = this._prevTool;
+            this.onToolChangeObservable.notifyObservers();
+        }
+    }
     constructor() {
         this.selectedControls = [];
         this.onSelectionChangedObservable = new core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__.Observable();
@@ -43007,36 +43037,6 @@ class GlobalState {
         this.onBackgroundColorChangeObservable.notifyObservers();
         _diagram_coordinateHelper__WEBPACK_IMPORTED_MODULE_2__.CoordinateHelper.GlobalState = this;
     }
-    get tool() {
-        if (this._tool === GUIEditorTool.ZOOM) {
-            return GUIEditorTool.ZOOM;
-        }
-        else if (this._tool === GUIEditorTool.PAN) {
-            return GUIEditorTool.PAN;
-        }
-        else {
-            return GUIEditorTool.SELECT;
-        }
-    }
-    set tool(newTool) {
-        if (this._tool === newTool)
-            return;
-        this._prevTool = this._tool;
-        this._tool = newTool;
-        this.onToolChangeObservable.notifyObservers();
-    }
-    get usePrevSelected() {
-        return this._usePrevSelected;
-    }
-    set usePrevSelected(val) {
-        this._usePrevSelected = val;
-    }
-    restorePreviousTool() {
-        if (this._tool !== this._prevTool) {
-            this._tool = this._prevTool;
-            this.onToolChangeObservable.notifyObservers();
-        }
-    }
     /** adds copy, cut and paste listeners to the host window */
     registerEventListeners() {
         const isElementEditable = (element) => {
@@ -43735,6 +43735,20 @@ __webpack_require__.r(__webpack_exports__);
 
 
 class WorkbenchEditor extends react__WEBPACK_IMPORTED_MODULE_1__.Component {
+    componentDidMount() {
+        if (navigator.userAgent.indexOf("Mobile") !== -1) {
+            (this.props.globalState.hostDocument || document).querySelector(".blocker").style.visibility = "visible";
+        }
+        document.addEventListener("keydown", this.addToolControls);
+        document.addEventListener("keyup", this.removePressToolControls);
+    }
+    componentWillUnmount() {
+        document.removeEventListener("keydown", this.addToolControls);
+        document.removeEventListener("keyup", this.removePressToolControls);
+        if (this._onErrorMessageObserver) {
+            this.props.globalState.onErrorMessageDialogRequiredObservable.remove(this._onErrorMessageObserver);
+        }
+    }
     constructor(props) {
         super(props);
         this._leftWidth = core_Misc_dataStorage__WEBPACK_IMPORTED_MODULE_6__.DataStorage.ReadNumber("LeftWidth", 200);
@@ -43863,20 +43877,6 @@ class WorkbenchEditor extends react__WEBPACK_IMPORTED_MODULE_1__.Component {
             this.setState({ message });
         });
     }
-    componentDidMount() {
-        if (navigator.userAgent.indexOf("Mobile") !== -1) {
-            (this.props.globalState.hostDocument || document).querySelector(".blocker").style.visibility = "visible";
-        }
-        document.addEventListener("keydown", this.addToolControls);
-        document.addEventListener("keyup", this.removePressToolControls);
-    }
-    componentWillUnmount() {
-        document.removeEventListener("keydown", this.addToolControls);
-        document.removeEventListener("keyup", this.removePressToolControls);
-        if (this._onErrorMessageObserver) {
-            this.props.globalState.onErrorMessageDialogRequiredObservable.remove(this._onErrorMessageObserver);
-        }
-    }
     showWaitScreen() {
         this.props.globalState.hostDocument.querySelector(".wait-screen")?.classList.remove("hidden");
     }