@babylonjs/gui 5.0.0-rc.5 → 5.0.0-rc.9

package/3D/gui3DManager.js

@@ -1,258 +1,258 @@
-import { Observable } from "@babylonjs/core/Misc/observable.js";
-import { Vector3 } from "@babylonjs/core/Maths/math.vector.js";
-import { PointerEventTypes } from "@babylonjs/core/Events/pointerEvents.js";
-import { HemisphericLight } from "@babylonjs/core/Lights/hemisphericLight.js";
-import { UtilityLayerRenderer } from "@babylonjs/core/Rendering/utilityLayerRenderer.js";
-import { EngineStore } from "@babylonjs/core/Engines/engineStore.js";
-import { Container3D } from "./controls/container3D.js";
-/**
- * Class used to manage 3D user interface
- * @see https://doc.babylonjs.com/how_to/gui3d
- */
-var GUI3DManager = /** @class */ (function () {
-    /**
-     * Creates a new GUI3DManager
-     * @param scene
-     */
-    function GUI3DManager(scene) {
-        var _this = this;
-        this._customControlScaling = 1.0;
-        /** @hidden */
-        this._lastControlOver = {};
-        /** @hidden */
-        this._lastControlDown = {};
-        /**
-         * Observable raised when the point picked by the pointer events changed
-         */
-        this.onPickedPointChangedObservable = new Observable();
-        /**
-         * Observable raised when a picking happens
-         */
-        this.onPickingObservable = new Observable();
-        // Shared resources
-        /** @hidden */
-        this._sharedMaterials = {};
-        /** @hidden */
-        this._touchSharedMaterials = {};
-        this._scene = scene || EngineStore.LastCreatedScene;
-        this._sceneDisposeObserver = this._scene.onDisposeObservable.add(function () {
-            _this._sceneDisposeObserver = null;
-            _this._utilityLayer = null;
-            _this.dispose();
-        });
-        this._utilityLayer = UtilityLayerRenderer._CreateDefaultUtilityLayerFromScene(this._scene);
-        this._utilityLayer.onlyCheckPointerDownEvents = false;
-        this._utilityLayer.pickUtilitySceneFirst = false;
-        this._utilityLayer.mainSceneTrackerPredicate = function (mesh) {
-            var _a, _b, _c;
-            return mesh && ((_c = (_b = (_a = mesh.reservedDataStore) === null || _a === void 0 ? void 0 : _a.GUI3D) === null || _b === void 0 ? void 0 : _b.control) === null || _c === void 0 ? void 0 : _c._node);
-        };
-        // Root
-        this._rootContainer = new Container3D("RootContainer");
-        this._rootContainer._host = this;
-        var utilityLayerScene = this._utilityLayer.utilityLayerScene;
-        // Events
-        this._pointerOutObserver = this._utilityLayer.onPointerOutObservable.add(function (pointerId) {
-            _this._handlePointerOut(pointerId, true);
-        });
-        this._pointerObserver = utilityLayerScene.onPointerObservable.add(function (pi) {
-            _this._doPicking(pi);
-        });
-        // Scene
-        this._utilityLayer.utilityLayerScene.autoClear = false;
-        this._utilityLayer.utilityLayerScene.autoClearDepthAndStencil = false;
-        new HemisphericLight("hemi", Vector3.Up(), this._utilityLayer.utilityLayerScene);
-    }
-    Object.defineProperty(GUI3DManager.prototype, "scene", {
-        /** Gets the hosting scene */
-        get: function () {
-            return this._scene;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(GUI3DManager.prototype, "utilityLayer", {
-        /** Gets associated utility layer */
-        get: function () {
-            return this._utilityLayer;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(GUI3DManager.prototype, "controlScaling", {
-        /** Gets the scaling for all UI elements owned by this manager */
-        get: function () {
-            return this._customControlScaling;
-        },
-        /** Sets the scaling adjustment for all UI elements owned by this manager */
-        set: function (newScale) {
-            if (this._customControlScaling !== newScale && newScale > 0) {
-                var scaleRatio_1 = newScale / this._customControlScaling;
-                this._customControlScaling = newScale;
-                this._rootContainer.children.forEach(function (control) {
-                    control.scaling.scaleInPlace(scaleRatio_1);
-                    if (newScale !== 1) {
-                        control._isScaledByManager = true;
-                    }
-                });
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(GUI3DManager.prototype, "useRealisticScaling", {
-        /** Gets if controls attached to this manager are realistically sized, based on the fact that 1 unit length is 1 meter */
-        get: function () {
-            return this.controlScaling === GUI3DManager.MRTK_REALISTIC_SCALING;
-        },
-        /** Sets if controls attached to this manager are realistically sized, based on the fact that 1 unit length is 1 meter */
-        set: function (newValue) {
-            this.controlScaling = newValue ? GUI3DManager.MRTK_REALISTIC_SCALING : 1;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    GUI3DManager.prototype._handlePointerOut = function (pointerId, isPointerUp) {
-        var previousControlOver = this._lastControlOver[pointerId];
-        if (previousControlOver) {
-            previousControlOver._onPointerOut(previousControlOver);
-            delete this._lastControlOver[pointerId];
-        }
-        if (isPointerUp) {
-            if (this._lastControlDown[pointerId]) {
-                this._lastControlDown[pointerId].forcePointerUp();
-                delete this._lastControlDown[pointerId];
-            }
-        }
-        this.onPickedPointChangedObservable.notifyObservers(null);
-    };
-    GUI3DManager.prototype._doPicking = function (pi) {
-        var _a, _b, _c;
-        if (!this._utilityLayer || !this._utilityLayer.shouldRender || !this._utilityLayer.utilityLayerScene.activeCamera) {
-            return false;
-        }
-        var pointerEvent = pi.event;
-        var pointerId = pointerEvent.pointerId || 0;
-        var buttonIndex = pointerEvent.button;
-        var pickingInfo = pi.pickInfo;
-        if (pickingInfo) {
-            this.onPickingObservable.notifyObservers(pickingInfo.pickedMesh);
-        }
-        if (!pickingInfo || !pickingInfo.hit) {
-            this._handlePointerOut(pointerId, pi.type === PointerEventTypes.POINTERUP);
-            return false;
-        }
-        if (pickingInfo.pickedPoint) {
-            this.onPickedPointChangedObservable.notifyObservers(pickingInfo.pickedPoint);
-        }
-        var control = (_b = (_a = pickingInfo.pickedMesh.reservedDataStore) === null || _a === void 0 ? void 0 : _a.GUI3D) === null || _b === void 0 ? void 0 : _b.control;
-        if (!!control && !control._processObservables(pi.type, pickingInfo.pickedPoint, ((_c = pickingInfo.originMesh) === null || _c === void 0 ? void 0 : _c.position) || null, pointerId, buttonIndex)) {
-            if (pi.type === PointerEventTypes.POINTERMOVE) {
-                if (this._lastControlOver[pointerId]) {
-                    this._lastControlOver[pointerId]._onPointerOut(this._lastControlOver[pointerId]);
-                }
-                delete this._lastControlOver[pointerId];
-            }
-        }
-        if (pi.type === PointerEventTypes.POINTERUP) {
-            if (this._lastControlDown[pointerEvent.pointerId]) {
-                this._lastControlDown[pointerEvent.pointerId].forcePointerUp();
-                delete this._lastControlDown[pointerEvent.pointerId];
-            }
-            if (pointerEvent.pointerType === "touch") {
-                this._handlePointerOut(pointerId, false);
-            }
-        }
-        return true;
-    };
-    Object.defineProperty(GUI3DManager.prototype, "rootContainer", {
-        /**
-         * Gets the root container
-         */
-        get: function () {
-            return this._rootContainer;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    /**
-     * Gets a boolean indicating if the given control is in the root child list
-     * @param control defines the control to check
-     * @returns true if the control is in the root child list
-     */
-    GUI3DManager.prototype.containsControl = function (control) {
-        return this._rootContainer.containsControl(control);
-    };
-    /**
-     * Adds a control to the root child list
-     * @param control defines the control to add
-     * @returns the current manager
-     */
-    GUI3DManager.prototype.addControl = function (control) {
-        this._rootContainer.addControl(control);
-        if (this._customControlScaling !== 1) {
-            control.scaling.scaleInPlace(this._customControlScaling);
-            control._isScaledByManager = true;
-        }
-        return this;
-    };
-    /**
-     * Removes a control from the root child list
-     * @param control defines the control to remove
-     * @returns the current container
-     */
-    GUI3DManager.prototype.removeControl = function (control) {
-        this._rootContainer.removeControl(control);
-        if (control._isScaledByManager) {
-            control.scaling.scaleInPlace(1 / this._customControlScaling);
-            control._isScaledByManager = false;
-        }
-        return this;
-    };
-    /**
-     * Releases all associated resources
-     */
-    GUI3DManager.prototype.dispose = function () {
-        this._rootContainer.dispose();
-        for (var materialName in this._sharedMaterials) {
-            if (!Object.prototype.hasOwnProperty.call(this._sharedMaterials, materialName)) {
-                continue;
-            }
-            this._sharedMaterials[materialName].dispose();
-        }
-        this._sharedMaterials = {};
-        for (var materialName in this._touchSharedMaterials) {
-            if (!Object.prototype.hasOwnProperty.call(this._touchSharedMaterials, materialName)) {
-                continue;
-            }
-            this._touchSharedMaterials[materialName].dispose();
-        }
-        this._touchSharedMaterials = {};
-        if (this._pointerOutObserver && this._utilityLayer) {
-            this._utilityLayer.onPointerOutObservable.remove(this._pointerOutObserver);
-            this._pointerOutObserver = null;
-        }
-        this.onPickedPointChangedObservable.clear();
-        this.onPickingObservable.clear();
-        var utilityLayerScene = this._utilityLayer ? this._utilityLayer.utilityLayerScene : null;
-        if (utilityLayerScene) {
-            if (this._pointerObserver) {
-                utilityLayerScene.onPointerObservable.remove(this._pointerObserver);
-                this._pointerObserver = null;
-            }
-        }
-        if (this._scene) {
-            if (this._sceneDisposeObserver) {
-                this._scene.onDisposeObservable.remove(this._sceneDisposeObserver);
-                this._sceneDisposeObserver = null;
-            }
-        }
-        if (this._utilityLayer) {
-            this._utilityLayer.dispose();
-        }
-    };
-    GUI3DManager.MRTK_REALISTIC_SCALING = 0.032;
-    return GUI3DManager;
-}());
-export { GUI3DManager };
+import { Observable } from "@babylonjs/core/Misc/observable.js";
+import { Vector3 } from "@babylonjs/core/Maths/math.vector.js";
+import { PointerEventTypes } from "@babylonjs/core/Events/pointerEvents.js";
+import { HemisphericLight } from "@babylonjs/core/Lights/hemisphericLight.js";
+import { UtilityLayerRenderer } from "@babylonjs/core/Rendering/utilityLayerRenderer.js";
+import { EngineStore } from "@babylonjs/core/Engines/engineStore.js";
+import { Container3D } from "./controls/container3D";
+/**
+ * Class used to manage 3D user interface
+ * @see https://doc.babylonjs.com/how_to/gui3d
+ */
+var GUI3DManager = /** @class */ (function () {
+    /**
+     * Creates a new GUI3DManager
+     * @param scene
+     */
+    function GUI3DManager(scene) {
+        var _this = this;
+        this._customControlScaling = 1.0;
+        /** @hidden */
+        this._lastControlOver = {};
+        /** @hidden */
+        this._lastControlDown = {};
+        /**
+         * Observable raised when the point picked by the pointer events changed
+         */
+        this.onPickedPointChangedObservable = new Observable();
+        /**
+         * Observable raised when a picking happens
+         */
+        this.onPickingObservable = new Observable();
+        // Shared resources
+        /** @hidden */
+        this._sharedMaterials = {};
+        /** @hidden */
+        this._touchSharedMaterials = {};
+        this._scene = scene || EngineStore.LastCreatedScene;
+        this._sceneDisposeObserver = this._scene.onDisposeObservable.add(function () {
+            _this._sceneDisposeObserver = null;
+            _this._utilityLayer = null;
+            _this.dispose();
+        });
+        this._utilityLayer = UtilityLayerRenderer._CreateDefaultUtilityLayerFromScene(this._scene);
+        this._utilityLayer.onlyCheckPointerDownEvents = false;
+        this._utilityLayer.pickUtilitySceneFirst = false;
+        this._utilityLayer.mainSceneTrackerPredicate = function (mesh) {
+            var _a, _b, _c;
+            return mesh && ((_c = (_b = (_a = mesh.reservedDataStore) === null || _a === void 0 ? void 0 : _a.GUI3D) === null || _b === void 0 ? void 0 : _b.control) === null || _c === void 0 ? void 0 : _c._node);
+        };
+        // Root
+        this._rootContainer = new Container3D("RootContainer");
+        this._rootContainer._host = this;
+        var utilityLayerScene = this._utilityLayer.utilityLayerScene;
+        // Events
+        this._pointerOutObserver = this._utilityLayer.onPointerOutObservable.add(function (pointerId) {
+            _this._handlePointerOut(pointerId, true);
+        });
+        this._pointerObserver = utilityLayerScene.onPointerObservable.add(function (pi) {
+            _this._doPicking(pi);
+        });
+        // Scene
+        this._utilityLayer.utilityLayerScene.autoClear = false;
+        this._utilityLayer.utilityLayerScene.autoClearDepthAndStencil = false;
+        new HemisphericLight("hemi", Vector3.Up(), this._utilityLayer.utilityLayerScene);
+    }
+    Object.defineProperty(GUI3DManager.prototype, "scene", {
+        /** Gets the hosting scene */
+        get: function () {
+            return this._scene;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GUI3DManager.prototype, "utilityLayer", {
+        /** Gets associated utility layer */
+        get: function () {
+            return this._utilityLayer;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GUI3DManager.prototype, "controlScaling", {
+        /** Gets the scaling for all UI elements owned by this manager */
+        get: function () {
+            return this._customControlScaling;
+        },
+        /** Sets the scaling adjustment for all UI elements owned by this manager */
+        set: function (newScale) {
+            if (this._customControlScaling !== newScale && newScale > 0) {
+                var scaleRatio_1 = newScale / this._customControlScaling;
+                this._customControlScaling = newScale;
+                this._rootContainer.children.forEach(function (control) {
+                    control.scaling.scaleInPlace(scaleRatio_1);
+                    if (newScale !== 1) {
+                        control._isScaledByManager = true;
+                    }
+                });
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GUI3DManager.prototype, "useRealisticScaling", {
+        /** Gets if controls attached to this manager are realistically sized, based on the fact that 1 unit length is 1 meter */
+        get: function () {
+            return this.controlScaling === GUI3DManager.MRTK_REALISTIC_SCALING;
+        },
+        /** Sets if controls attached to this manager are realistically sized, based on the fact that 1 unit length is 1 meter */
+        set: function (newValue) {
+            this.controlScaling = newValue ? GUI3DManager.MRTK_REALISTIC_SCALING : 1;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    GUI3DManager.prototype._handlePointerOut = function (pointerId, isPointerUp) {
+        var previousControlOver = this._lastControlOver[pointerId];
+        if (previousControlOver) {
+            previousControlOver._onPointerOut(previousControlOver);
+            delete this._lastControlOver[pointerId];
+        }
+        if (isPointerUp) {
+            if (this._lastControlDown[pointerId]) {
+                this._lastControlDown[pointerId].forcePointerUp();
+                delete this._lastControlDown[pointerId];
+            }
+        }
+        this.onPickedPointChangedObservable.notifyObservers(null);
+    };
+    GUI3DManager.prototype._doPicking = function (pi) {
+        var _a, _b, _c;
+        if (!this._utilityLayer || !this._utilityLayer.shouldRender || !this._utilityLayer.utilityLayerScene.activeCamera) {
+            return false;
+        }
+        var pointerEvent = pi.event;
+        var pointerId = pointerEvent.pointerId || 0;
+        var buttonIndex = pointerEvent.button;
+        var pickingInfo = pi.pickInfo;
+        if (pickingInfo) {
+            this.onPickingObservable.notifyObservers(pickingInfo.pickedMesh);
+        }
+        if (!pickingInfo || !pickingInfo.hit) {
+            this._handlePointerOut(pointerId, pi.type === PointerEventTypes.POINTERUP);
+            return false;
+        }
+        if (pickingInfo.pickedPoint) {
+            this.onPickedPointChangedObservable.notifyObservers(pickingInfo.pickedPoint);
+        }
+        var control = (_b = (_a = pickingInfo.pickedMesh.reservedDataStore) === null || _a === void 0 ? void 0 : _a.GUI3D) === null || _b === void 0 ? void 0 : _b.control;
+        if (!!control && !control._processObservables(pi.type, pickingInfo.pickedPoint, ((_c = pickingInfo.originMesh) === null || _c === void 0 ? void 0 : _c.position) || null, pointerId, buttonIndex)) {
+            if (pi.type === PointerEventTypes.POINTERMOVE) {
+                if (this._lastControlOver[pointerId]) {
+                    this._lastControlOver[pointerId]._onPointerOut(this._lastControlOver[pointerId]);
+                }
+                delete this._lastControlOver[pointerId];
+            }
+        }
+        if (pi.type === PointerEventTypes.POINTERUP) {
+            if (this._lastControlDown[pointerEvent.pointerId]) {
+                this._lastControlDown[pointerEvent.pointerId].forcePointerUp();
+                delete this._lastControlDown[pointerEvent.pointerId];
+            }
+            if (pointerEvent.pointerType === "touch") {
+                this._handlePointerOut(pointerId, false);
+            }
+        }
+        return true;
+    };
+    Object.defineProperty(GUI3DManager.prototype, "rootContainer", {
+        /**
+         * Gets the root container
+         */
+        get: function () {
+            return this._rootContainer;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    /**
+     * Gets a boolean indicating if the given control is in the root child list
+     * @param control defines the control to check
+     * @returns true if the control is in the root child list
+     */
+    GUI3DManager.prototype.containsControl = function (control) {
+        return this._rootContainer.containsControl(control);
+    };
+    /**
+     * Adds a control to the root child list
+     * @param control defines the control to add
+     * @returns the current manager
+     */
+    GUI3DManager.prototype.addControl = function (control) {
+        this._rootContainer.addControl(control);
+        if (this._customControlScaling !== 1) {
+            control.scaling.scaleInPlace(this._customControlScaling);
+            control._isScaledByManager = true;
+        }
+        return this;
+    };
+    /**
+     * Removes a control from the root child list
+     * @param control defines the control to remove
+     * @returns the current container
+     */
+    GUI3DManager.prototype.removeControl = function (control) {
+        this._rootContainer.removeControl(control);
+        if (control._isScaledByManager) {
+            control.scaling.scaleInPlace(1 / this._customControlScaling);
+            control._isScaledByManager = false;
+        }
+        return this;
+    };
+    /**
+     * Releases all associated resources
+     */
+    GUI3DManager.prototype.dispose = function () {
+        this._rootContainer.dispose();
+        for (var materialName in this._sharedMaterials) {
+            if (!Object.prototype.hasOwnProperty.call(this._sharedMaterials, materialName)) {
+                continue;
+            }
+            this._sharedMaterials[materialName].dispose();
+        }
+        this._sharedMaterials = {};
+        for (var materialName in this._touchSharedMaterials) {
+            if (!Object.prototype.hasOwnProperty.call(this._touchSharedMaterials, materialName)) {
+                continue;
+            }
+            this._touchSharedMaterials[materialName].dispose();
+        }
+        this._touchSharedMaterials = {};
+        if (this._pointerOutObserver && this._utilityLayer) {
+            this._utilityLayer.onPointerOutObservable.remove(this._pointerOutObserver);
+            this._pointerOutObserver = null;
+        }
+        this.onPickedPointChangedObservable.clear();
+        this.onPickingObservable.clear();
+        var utilityLayerScene = this._utilityLayer ? this._utilityLayer.utilityLayerScene : null;
+        if (utilityLayerScene) {
+            if (this._pointerObserver) {
+                utilityLayerScene.onPointerObservable.remove(this._pointerObserver);
+                this._pointerObserver = null;
+            }
+        }
+        if (this._scene) {
+            if (this._sceneDisposeObserver) {
+                this._scene.onDisposeObservable.remove(this._sceneDisposeObserver);
+                this._sceneDisposeObserver = null;
+            }
+        }
+        if (this._utilityLayer) {
+            this._utilityLayer.dispose();
+        }
+    };
+    GUI3DManager.MRTK_REALISTIC_SCALING = 0.032;
+    return GUI3DManager;
+}());
+export { GUI3DManager };
 //# sourceMappingURL=gui3DManager.js.map

package/3D/index.d.ts

@@ -1,5 +1,5 @@
-export * from "./controls/index";
-export * from "./materials/index";
-export * from "./gizmos/index";
-export * from "./gui3DManager";
-export * from "./vector3WithInfo";
+export * from "./controls/index";
+export * from "./materials/index";
+export * from "./gizmos/index";
+export * from "./gui3DManager";
+export * from "./vector3WithInfo";

package/3D/index.js

@@ -1,6 +1,6 @@
-export * from "./controls/index.js";
-export * from "./materials/index.js";
-export * from "./gizmos/index.js";
-export * from "./gui3DManager.js";
-export * from "./vector3WithInfo.js";
+export * from "./controls/index";
+export * from "./materials/index";
+export * from "./gizmos/index";
+export * from "./gui3DManager";
+export * from "./vector3WithInfo";
 //# sourceMappingURL=index.js.map