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

package/3D/controls/touchButton3D.js

@@ -1,234 +1,234 @@
-// Assumptions: absolute position of button mesh is inside the mesh
-import { __extends } from "tslib";
-import { Vector3, TmpVectors } from "@babylonjs/core/Maths/math.vector.js";
-import { PointerEventTypes } from "@babylonjs/core/Events/pointerEvents.js";
-import { Observable } from "@babylonjs/core/Misc/observable.js";
-import { Button3D } from "./button3D.js";
-/**
- * Class used to create a touchable button in 3D
- */
-var TouchButton3D = /** @class */ (function (_super) {
-    __extends(TouchButton3D, _super);
-    /**
-     * Creates a new touchable button
-     * @param name defines the control name
-     * @param collisionMesh mesh to track collisions with
-     */
-    function TouchButton3D(name, collisionMesh) {
-        var _this = _super.call(this, name) || this;
-        _this._isNearPressed = false;
-        _this._interactionSurfaceHeight = 0;
-        _this._isToggleButton = false;
-        _this._toggleState = false;
-        _this._toggleButtonCallback = function () {
-            _this._onToggle(!_this._toggleState);
-        };
-        /**
-         * An event triggered when the button is toggled. Only fired if 'isToggleButton' is true
-         */
-        _this.onToggleObservable = new Observable();
-        _this.collidableFrontDirection = Vector3.Zero();
-        if (collisionMesh) {
-            _this.collisionMesh = collisionMesh;
-        }
-        return _this;
-    }
-    Object.defineProperty(TouchButton3D.prototype, "isActiveNearInteraction", {
-        /**
-         * Whether the current interaction is caused by near interaction or not
-         */
-        get: function () {
-            return this._isNearPressed;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(TouchButton3D.prototype, "collidableFrontDirection", {
-        /**
-         * Returns the front-facing direction of the button, or Vector3.Zero if there is no 'front'
-         */
-        get: function () {
-            if (this._collisionMesh) {
-                // Update the front direction to reflect any rotations of the collision mesh
-                var transformedDirection = TmpVectors.Vector3[0];
-                Vector3.TransformNormalToRef(this._collidableFrontDirection, this._collisionMesh.getWorldMatrix(), transformedDirection);
-                return transformedDirection.normalize();
-            }
-            return this._collidableFrontDirection;
-        },
-        /**
-         * Sets the front-facing direction of the button. Pass in Vector3.Zero to allow interactions from any direction
-         * @param frontWorldDir the forward direction of the button
-         */
-        set: function (frontWorldDir) {
-            this._collidableFrontDirection = frontWorldDir.normalize();
-            if (this._collisionMesh) {
-                var invert = TmpVectors.Matrix[0];
-                invert.copyFrom(this._collisionMesh.getWorldMatrix());
-                invert.invert();
-                Vector3.TransformNormalToRef(this._collidableFrontDirection, invert, this._collidableFrontDirection);
-                this._collidableFrontDirection.normalize();
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(TouchButton3D.prototype, "collisionMesh", {
-        /**
-         * Sets the mesh used for testing input collision
-         * @param collisionMesh the new collision mesh for the button
-         */
-        set: function (collisionMesh) {
-            var _this = this;
-            var _a;
-            // Remove the GUI3DManager's data from the previous collision mesh's reserved data store, and reset interactability
-            if (this._collisionMesh) {
-                this._collisionMesh.isNearPickable = false;
-                if ((_a = this._collisionMesh.reservedDataStore) === null || _a === void 0 ? void 0 : _a.GUI3D) {
-                    this._collisionMesh.reservedDataStore.GUI3D = {};
-                }
-                this._collisionMesh.getChildMeshes().forEach(function (mesh) {
-                    var _a;
-                    mesh.isNearPickable = false;
-                    if ((_a = mesh.reservedDataStore) === null || _a === void 0 ? void 0 : _a.GUI3D) {
-                        mesh.reservedDataStore.GUI3D = {};
-                    }
-                });
-            }
-            this._collisionMesh = collisionMesh;
-            this._injectGUI3DReservedDataStore(this._collisionMesh).control = this;
-            this._collisionMesh.isNearPickable = true;
-            this._collisionMesh.getChildMeshes().forEach(function (mesh) {
-                _this._injectGUI3DReservedDataStore(mesh).control = _this;
-                mesh.isNearPickable = true;
-            });
-            this.collidableFrontDirection = collisionMesh.forward;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(TouchButton3D.prototype, "isToggleButton", {
-        get: function () {
-            return this._isToggleButton;
-        },
-        /**
-         * Setter for if this TouchButton3D should be treated as a toggle button
-         * @param value If this TouchHolographicButton should act like a toggle button
-         */
-        set: function (value) {
-            if (value === this._isToggleButton) {
-                return;
-            }
-            this._isToggleButton = value;
-            if (value) {
-                this.onPointerUpObservable.add(this._toggleButtonCallback);
-            }
-            else {
-                this.onPointerUpObservable.removeCallback(this._toggleButtonCallback);
-                // Safety check, reset the button if it's toggled on but no longer a toggle button
-                if (this._toggleState) {
-                    this._onToggle(false);
-                }
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(TouchButton3D.prototype, "isToggled", {
-        get: function () {
-            return this._toggleState;
-        },
-        /**
-         * A public entrypoint to set the toggle state of the TouchHolographicButton. Only works if 'isToggleButton' is true
-         * @param newState The new state to set the TouchHolographicButton's toggle state to
-         */
-        set: function (newState) {
-            if (this._isToggleButton && this._toggleState !== newState) {
-                this._onToggle(newState);
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    TouchButton3D.prototype._onToggle = function (newState) {
-        this._toggleState = newState;
-        this.onToggleObservable.notifyObservers(newState);
-    };
-    // Returns true if the collidable is in front of the button, or if the button has no front direction
-    TouchButton3D.prototype._isInteractionInFrontOfButton = function (collidablePos) {
-        return this._getInteractionHeight(collidablePos, this._collisionMesh.getAbsolutePosition()) > 0;
-    };
-    /**
-     * Get the height of the touchPoint from the collidable part of the button
-     * @param touchPoint the point to compare to the button, in absolute position
-     * @returns the depth of the touch point into the front of the button
-     */
-    TouchButton3D.prototype.getPressDepth = function (touchPoint) {
-        if (!this._isNearPressed) {
-            return 0;
-        }
-        var interactionHeight = this._getInteractionHeight(touchPoint, this._collisionMesh.getAbsolutePosition());
-        return this._interactionSurfaceHeight - interactionHeight;
-    };
-    // Returns true if the collidable is in front of the button, or if the button has no front direction
-    TouchButton3D.prototype._getInteractionHeight = function (interactionPos, basePos) {
-        var frontDir = this.collidableFrontDirection;
-        if (frontDir.length() === 0) {
-            // The button has no front, just return the distance to the base
-            return Vector3.Distance(interactionPos, basePos);
-        }
-        var d = Vector3.Dot(basePos, frontDir);
-        var abc = Vector3.Dot(interactionPos, frontDir);
-        return abc - d;
-    };
-    /**
-     * @param providedType
-     * @param nearMeshPosition
-     * @param activeInteractionCount
-     * @hidden
-     */
-    TouchButton3D.prototype._generatePointerEventType = function (providedType, nearMeshPosition, activeInteractionCount) {
-        if (providedType === PointerEventTypes.POINTERDOWN) {
-            if (!this._isInteractionInFrontOfButton(nearMeshPosition)) {
-                // Near interaction mesh is behind the button, don't send a pointer down
-                return PointerEventTypes.POINTERMOVE;
-            }
-            else {
-                this._isNearPressed = true;
-                this._interactionSurfaceHeight = this._getInteractionHeight(nearMeshPosition, this._collisionMesh.getAbsolutePosition());
-            }
-        }
-        if (providedType === PointerEventTypes.POINTERUP) {
-            if (activeInteractionCount == 0) {
-                // We get the release for the down we swallowed earlier, swallow as well
-                return PointerEventTypes.POINTERMOVE;
-            }
-            else {
-                this._isNearPressed = false;
-            }
-        }
-        return providedType;
-    };
-    TouchButton3D.prototype._getTypeName = function () {
-        return "TouchButton3D";
-    };
-    // Mesh association
-    TouchButton3D.prototype._createNode = function (scene) {
-        return _super.prototype._createNode.call(this, scene);
-    };
-    /**
-     * Releases all associated resources
-     */
-    TouchButton3D.prototype.dispose = function () {
-        _super.prototype.dispose.call(this);
-        // Clean up toggle observables
-        this.onPointerUpObservable.removeCallback(this._toggleButtonCallback);
-        this.onToggleObservable.clear();
-        if (this._collisionMesh) {
-            this._collisionMesh.dispose();
-        }
-    };
-    return TouchButton3D;
-}(Button3D));
-export { TouchButton3D };
+// Assumptions: absolute position of button mesh is inside the mesh
+import { __extends } from "tslib";
+import { Vector3, TmpVectors } from "@babylonjs/core/Maths/math.vector.js";
+import { PointerEventTypes } from "@babylonjs/core/Events/pointerEvents.js";
+import { Observable } from "@babylonjs/core/Misc/observable.js";
+import { Button3D } from "./button3D";
+/**
+ * Class used to create a touchable button in 3D
+ */
+var TouchButton3D = /** @class */ (function (_super) {
+    __extends(TouchButton3D, _super);
+    /**
+     * Creates a new touchable button
+     * @param name defines the control name
+     * @param collisionMesh mesh to track collisions with
+     */
+    function TouchButton3D(name, collisionMesh) {
+        var _this = _super.call(this, name) || this;
+        _this._isNearPressed = false;
+        _this._interactionSurfaceHeight = 0;
+        _this._isToggleButton = false;
+        _this._toggleState = false;
+        _this._toggleButtonCallback = function () {
+            _this._onToggle(!_this._toggleState);
+        };
+        /**
+         * An event triggered when the button is toggled. Only fired if 'isToggleButton' is true
+         */
+        _this.onToggleObservable = new Observable();
+        _this.collidableFrontDirection = Vector3.Zero();
+        if (collisionMesh) {
+            _this.collisionMesh = collisionMesh;
+        }
+        return _this;
+    }
+    Object.defineProperty(TouchButton3D.prototype, "isActiveNearInteraction", {
+        /**
+         * Whether the current interaction is caused by near interaction or not
+         */
+        get: function () {
+            return this._isNearPressed;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(TouchButton3D.prototype, "collidableFrontDirection", {
+        /**
+         * Returns the front-facing direction of the button, or Vector3.Zero if there is no 'front'
+         */
+        get: function () {
+            if (this._collisionMesh) {
+                // Update the front direction to reflect any rotations of the collision mesh
+                var transformedDirection = TmpVectors.Vector3[0];
+                Vector3.TransformNormalToRef(this._collidableFrontDirection, this._collisionMesh.getWorldMatrix(), transformedDirection);
+                return transformedDirection.normalize();
+            }
+            return this._collidableFrontDirection;
+        },
+        /**
+         * Sets the front-facing direction of the button. Pass in Vector3.Zero to allow interactions from any direction
+         * @param frontWorldDir the forward direction of the button
+         */
+        set: function (frontWorldDir) {
+            this._collidableFrontDirection = frontWorldDir.normalize();
+            if (this._collisionMesh) {
+                var invert = TmpVectors.Matrix[0];
+                invert.copyFrom(this._collisionMesh.getWorldMatrix());
+                invert.invert();
+                Vector3.TransformNormalToRef(this._collidableFrontDirection, invert, this._collidableFrontDirection);
+                this._collidableFrontDirection.normalize();
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(TouchButton3D.prototype, "collisionMesh", {
+        /**
+         * Sets the mesh used for testing input collision
+         * @param collisionMesh the new collision mesh for the button
+         */
+        set: function (collisionMesh) {
+            var _this = this;
+            var _a;
+            // Remove the GUI3DManager's data from the previous collision mesh's reserved data store, and reset interactability
+            if (this._collisionMesh) {
+                this._collisionMesh.isNearPickable = false;
+                if ((_a = this._collisionMesh.reservedDataStore) === null || _a === void 0 ? void 0 : _a.GUI3D) {
+                    this._collisionMesh.reservedDataStore.GUI3D = {};
+                }
+                this._collisionMesh.getChildMeshes().forEach(function (mesh) {
+                    var _a;
+                    mesh.isNearPickable = false;
+                    if ((_a = mesh.reservedDataStore) === null || _a === void 0 ? void 0 : _a.GUI3D) {
+                        mesh.reservedDataStore.GUI3D = {};
+                    }
+                });
+            }
+            this._collisionMesh = collisionMesh;
+            this._injectGUI3DReservedDataStore(this._collisionMesh).control = this;
+            this._collisionMesh.isNearPickable = true;
+            this._collisionMesh.getChildMeshes().forEach(function (mesh) {
+                _this._injectGUI3DReservedDataStore(mesh).control = _this;
+                mesh.isNearPickable = true;
+            });
+            this.collidableFrontDirection = collisionMesh.forward;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(TouchButton3D.prototype, "isToggleButton", {
+        get: function () {
+            return this._isToggleButton;
+        },
+        /**
+         * Setter for if this TouchButton3D should be treated as a toggle button
+         * @param value If this TouchHolographicButton should act like a toggle button
+         */
+        set: function (value) {
+            if (value === this._isToggleButton) {
+                return;
+            }
+            this._isToggleButton = value;
+            if (value) {
+                this.onPointerUpObservable.add(this._toggleButtonCallback);
+            }
+            else {
+                this.onPointerUpObservable.removeCallback(this._toggleButtonCallback);
+                // Safety check, reset the button if it's toggled on but no longer a toggle button
+                if (this._toggleState) {
+                    this._onToggle(false);
+                }
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(TouchButton3D.prototype, "isToggled", {
+        get: function () {
+            return this._toggleState;
+        },
+        /**
+         * A public entrypoint to set the toggle state of the TouchHolographicButton. Only works if 'isToggleButton' is true
+         * @param newState The new state to set the TouchHolographicButton's toggle state to
+         */
+        set: function (newState) {
+            if (this._isToggleButton && this._toggleState !== newState) {
+                this._onToggle(newState);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    TouchButton3D.prototype._onToggle = function (newState) {
+        this._toggleState = newState;
+        this.onToggleObservable.notifyObservers(newState);
+    };
+    // Returns true if the collidable is in front of the button, or if the button has no front direction
+    TouchButton3D.prototype._isInteractionInFrontOfButton = function (collidablePos) {
+        return this._getInteractionHeight(collidablePos, this._collisionMesh.getAbsolutePosition()) > 0;
+    };
+    /**
+     * Get the height of the touchPoint from the collidable part of the button
+     * @param touchPoint the point to compare to the button, in absolute position
+     * @returns the depth of the touch point into the front of the button
+     */
+    TouchButton3D.prototype.getPressDepth = function (touchPoint) {
+        if (!this._isNearPressed) {
+            return 0;
+        }
+        var interactionHeight = this._getInteractionHeight(touchPoint, this._collisionMesh.getAbsolutePosition());
+        return this._interactionSurfaceHeight - interactionHeight;
+    };
+    // Returns true if the collidable is in front of the button, or if the button has no front direction
+    TouchButton3D.prototype._getInteractionHeight = function (interactionPos, basePos) {
+        var frontDir = this.collidableFrontDirection;
+        if (frontDir.length() === 0) {
+            // The button has no front, just return the distance to the base
+            return Vector3.Distance(interactionPos, basePos);
+        }
+        var d = Vector3.Dot(basePos, frontDir);
+        var abc = Vector3.Dot(interactionPos, frontDir);
+        return abc - d;
+    };
+    /**
+     * @param providedType
+     * @param nearMeshPosition
+     * @param activeInteractionCount
+     * @hidden
+     */
+    TouchButton3D.prototype._generatePointerEventType = function (providedType, nearMeshPosition, activeInteractionCount) {
+        if (providedType === PointerEventTypes.POINTERDOWN) {
+            if (!this._isInteractionInFrontOfButton(nearMeshPosition)) {
+                // Near interaction mesh is behind the button, don't send a pointer down
+                return PointerEventTypes.POINTERMOVE;
+            }
+            else {
+                this._isNearPressed = true;
+                this._interactionSurfaceHeight = this._getInteractionHeight(nearMeshPosition, this._collisionMesh.getAbsolutePosition());
+            }
+        }
+        if (providedType === PointerEventTypes.POINTERUP) {
+            if (activeInteractionCount == 0) {
+                // We get the release for the down we swallowed earlier, swallow as well
+                return PointerEventTypes.POINTERMOVE;
+            }
+            else {
+                this._isNearPressed = false;
+            }
+        }
+        return providedType;
+    };
+    TouchButton3D.prototype._getTypeName = function () {
+        return "TouchButton3D";
+    };
+    // Mesh association
+    TouchButton3D.prototype._createNode = function (scene) {
+        return _super.prototype._createNode.call(this, scene);
+    };
+    /**
+     * Releases all associated resources
+     */
+    TouchButton3D.prototype.dispose = function () {
+        _super.prototype.dispose.call(this);
+        // Clean up toggle observables
+        this.onPointerUpObservable.removeCallback(this._toggleButtonCallback);
+        this.onToggleObservable.clear();
+        if (this._collisionMesh) {
+            this._collisionMesh.dispose();
+        }
+    };
+    return TouchButton3D;
+}(Button3D));
+export { TouchButton3D };
 //# sourceMappingURL=touchButton3D.js.map