@onerjs/gui 8.23.1

package/3D/controls/contentDisplay3D.js

@@ -0,0 +1,81 @@
+import { AdvancedDynamicTexture } from "../../2D/advancedDynamicTexture.js";
+import { Control3D } from "./control3D.js";
+import { Texture } from "@babylonjs/core/Materials/Textures/texture.js";
+/**
+ * The base class for controls that display content
+ */
+export class ContentDisplay3D extends Control3D {
+    constructor() {
+        super(...arguments);
+        this._contentResolution = 512;
+        this._contentScaleRatio = 2;
+    }
+    /**
+     * Gets or sets the GUI 2D content used to display the button's facade
+     */
+    get content() {
+        return this._content;
+    }
+    set content(value) {
+        this._content = value;
+        if (!value || !this._host || !this._host.utilityLayer) {
+            return;
+        }
+        if (!this._facadeTexture) {
+            const width = typeof this._contentResolution === "number" ? this._contentResolution : this._contentResolution.width;
+            const height = typeof this._contentResolution === "number" ? this._contentResolution : this._contentResolution.height;
+            this._facadeTexture = new AdvancedDynamicTexture("Facade", width, height, this._host.utilityLayer.utilityLayerScene, true, Texture.TRILINEAR_SAMPLINGMODE);
+            this._setFacadeTextureScaling();
+            this._facadeTexture.premulAlpha = true;
+        }
+        else {
+            this._facadeTexture.rootContainer.clearControls();
+        }
+        this._facadeTexture.addControl(value);
+        this._applyFacade(this._facadeTexture);
+    }
+    _setFacadeTextureScaling() {
+        if (this._facadeTexture) {
+            if (typeof this._contentResolution !== "number") {
+                this._contentScaleRatioY = (this._contentResolution.height / this._contentResolution.width) * this._contentScaleRatio;
+            }
+            this._facadeTexture.rootContainer.scaleX = this._contentScaleRatio;
+            this._facadeTexture.rootContainer.scaleY = this._contentScaleRatioY ?? this._contentScaleRatio;
+        }
+    }
+    /**
+     * Gets or sets the texture resolution used to render content (512 by default)
+     */
+    get contentResolution() {
+        return this._contentResolution;
+    }
+    set contentResolution(value) {
+        const incomingWidth = typeof value === "number" ? value : value.width;
+        const incomingHeight = typeof value === "number" ? value : value.height;
+        const currentWidth = typeof this._contentResolution === "number" ? this._contentResolution : this._contentResolution.width;
+        const currentHeight = typeof this._contentResolution === "number" ? this._contentResolution : this._contentResolution.height;
+        if (incomingWidth === currentWidth && incomingHeight === currentHeight) {
+            return;
+        }
+        this._contentResolution = value;
+        this._resetContent();
+    }
+    _disposeFacadeTexture() {
+        if (this._facadeTexture) {
+            this._facadeTexture.dispose();
+            this._facadeTexture = null;
+        }
+    }
+    _resetContent() {
+        this._disposeFacadeTexture();
+        this.content = this._content;
+    }
+    /**
+     * Apply the facade texture (created from the content property).
+     * This function can be overloaded by child classes
+     * @param facadeTexture defines the AdvancedDynamicTexture to use
+     */
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    _applyFacade(facadeTexture) { }
+}
+//# sourceMappingURL=contentDisplay3D.js.map

package/3D/controls/contentDisplay3D.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contentDisplay3D.js","sourceRoot":"","sources":["../../../../../dev/gui/src/3D/controls/contentDisplay3D.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Control } from \"../../2D/controls/control\";\r\nimport { AdvancedDynamicTexture } from \"../../2D/advancedDynamicTexture\";\r\nimport type { Nullable } from \"core/types\";\r\nimport { Control3D } from \"./control3D\";\r\nimport { Texture } from \"core/Materials/Textures/texture\";\r\n\r\n/**\r\n * The base class for controls that display content\r\n */\r\nexport class ContentDisplay3D extends Control3D {\r\n    private _content: Control;\r\n    protected _facadeTexture: Nullable<AdvancedDynamicTexture>;\r\n    protected _contentResolution: number | { width: number; height: number } = 512;\r\n    protected _contentScaleRatio = 2;\r\n    protected _contentScaleRatioY?: number;\r\n\r\n    /**\r\n     * Gets or sets the GUI 2D content used to display the button's facade\r\n     */\r\n    public get content(): Control {\r\n        return this._content;\r\n    }\r\n\r\n    public set content(value: Control) {\r\n        this._content = value;\r\n\r\n        if (!value || !this._host || !this._host.utilityLayer) {\r\n            return;\r\n        }\r\n\r\n        if (!this._facadeTexture) {\r\n            const width = typeof this._contentResolution === \"number\" ? this._contentResolution : this._contentResolution.width;\r\n            const height = typeof this._contentResolution === \"number\" ? this._contentResolution : this._contentResolution.height;\r\n            this._facadeTexture = new AdvancedDynamicTexture(\"Facade\", width, height, this._host.utilityLayer.utilityLayerScene, true, Texture.TRILINEAR_SAMPLINGMODE);\r\n            this._setFacadeTextureScaling();\r\n            this._facadeTexture.premulAlpha = true;\r\n        } else {\r\n            this._facadeTexture.rootContainer.clearControls();\r\n        }\r\n\r\n        this._facadeTexture.addControl(value);\r\n\r\n        this._applyFacade(this._facadeTexture);\r\n    }\r\n\r\n    protected _setFacadeTextureScaling() {\r\n        if (this._facadeTexture) {\r\n            if (typeof this._contentResolution !== \"number\") {\r\n                this._contentScaleRatioY = (this._contentResolution.height / this._contentResolution.width) * this._contentScaleRatio;\r\n            }\r\n            this._facadeTexture.rootContainer.scaleX = this._contentScaleRatio;\r\n            this._facadeTexture.rootContainer.scaleY = this._contentScaleRatioY ?? this._contentScaleRatio;\r\n        }\r\n    }\r\n\r\n    /**\r\n     * Gets or sets the texture resolution used to render content (512 by default)\r\n     */\r\n    public get contentResolution(): number | { width: number; height: number } {\r\n        return this._contentResolution;\r\n    }\r\n\r\n    public set contentResolution(value: number | { width: number; height: number }) {\r\n        const incomingWidth = typeof value === \"number\" ? value : value.width;\r\n        const incomingHeight = typeof value === \"number\" ? value : value.height;\r\n        const currentWidth = typeof this._contentResolution === \"number\" ? this._contentResolution : this._contentResolution.width;\r\n        const currentHeight = typeof this._contentResolution === \"number\" ? this._contentResolution : this._contentResolution.height;\r\n        if (incomingWidth === currentWidth && incomingHeight === currentHeight) {\r\n            return;\r\n        }\r\n\r\n        this._contentResolution = value;\r\n        this._resetContent();\r\n    }\r\n\r\n    protected _disposeFacadeTexture() {\r\n        if (this._facadeTexture) {\r\n            this._facadeTexture.dispose();\r\n            this._facadeTexture = null;\r\n        }\r\n    }\r\n\r\n    protected _resetContent() {\r\n        this._disposeFacadeTexture();\r\n        this.content = this._content;\r\n    }\r\n\r\n    /**\r\n     * Apply the facade texture (created from the content property).\r\n     * This function can be overloaded by child classes\r\n     * @param facadeTexture defines the AdvancedDynamicTexture to use\r\n     */\r\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n    protected _applyFacade(facadeTexture: AdvancedDynamicTexture) {}\r\n}\r\n"]}

package/3D/controls/control3D.d.ts

@@ -0,0 +1,183 @@
+import type { Nullable } from "@babylonjs/core/types.js";
+import { Observable } from "@babylonjs/core/Misc/observable.js";
+import { Vector3 } from "@babylonjs/core/Maths/math.vector.js";
+import type { TransformNode } from "@babylonjs/core/Meshes/transformNode.js";
+import { AbstractMesh } from "@babylonjs/core/Meshes/abstractMesh.js";
+import type { IBehaviorAware, Behavior } from "@babylonjs/core/Behaviors/behavior.js";
+import type { IDisposable, Scene } from "@babylonjs/core/scene.js";
+import type { GUI3DManager } from "../gui3DManager.js";
+import { Vector3WithInfo } from "../vector3WithInfo.js";
+import type { Container3D } from "./container3D.js";
+/**
+ * Class used as base class for controls
+ */
+export declare class Control3D implements IDisposable, IBehaviorAware<Control3D> {
+    /** Defines the control name */
+    name?: string | undefined;
+    private _node;
+    private _downCount;
+    private _enterCount;
+    private _downPointerIds;
+    protected _isVisible: boolean;
+    /** @internal */
+    _host: GUI3DManager;
+    /** @internal */
+    _isScaledByManager: boolean;
+    private _position?;
+    private _scaling?;
+    /** Gets or sets the control position in world space */
+    get position(): Vector3;
+    set position(value: Vector3);
+    /** Gets or sets the control scaling in world space */
+    get scaling(): Vector3;
+    set scaling(value: Vector3);
+    /** Callback used to start pointer enter animation */
+    pointerEnterAnimation: () => void;
+    /** Callback used to start pointer out animation */
+    pointerOutAnimation: () => void;
+    /** Callback used to start pointer down animation */
+    pointerDownAnimation: () => void;
+    /** Callback used to start pointer up animation */
+    pointerUpAnimation: () => void;
+    /**
+     * An event triggered when the pointer moves over the control
+     */
+    onPointerMoveObservable: Observable<Vector3>;
+    /**
+     * An event triggered when the pointer moves out of the control
+     */
+    onPointerOutObservable: Observable<Control3D>;
+    /**
+     * An event triggered when the pointer taps the control
+     */
+    onPointerDownObservable: Observable<Vector3WithInfo>;
+    /**
+     * An event triggered when pointer is up
+     */
+    onPointerUpObservable: Observable<Vector3WithInfo>;
+    /**
+     * An event triggered when a control is clicked on (with a mouse)
+     */
+    onPointerClickObservable: Observable<Vector3WithInfo>;
+    /**
+     * An event triggered when pointer enters the control
+     */
+    onPointerEnterObservable: Observable<Control3D>;
+    /**
+     * Gets or sets the parent container
+     */
+    parent: Nullable<Container3D>;
+    private _behaviors;
+    /**
+     * Gets the list of attached behaviors
+     * @see https://doc.babylonjs.com/features/featuresDeepDive/behaviors
+     */
+    get behaviors(): Behavior<Control3D>[];
+    /**
+     * Attach a behavior to the control
+     * @see https://doc.babylonjs.com/features/featuresDeepDive/behaviors
+     * @param behavior defines the behavior to attach
+     * @returns the current control
+     */
+    addBehavior(behavior: Behavior<Control3D>): Control3D;
+    /**
+     * Remove an attached behavior
+     * @see https://doc.babylonjs.com/features/featuresDeepDive/behaviors
+     * @param behavior defines the behavior to attach
+     * @returns the current control
+     */
+    removeBehavior(behavior: Behavior<Control3D>): Control3D;
+    /**
+     * Gets an attached behavior by name
+     * @param name defines the name of the behavior to look for
+     * @see https://doc.babylonjs.com/features/featuresDeepDive/behaviors
+     * @returns null if behavior was not found else the requested behavior
+     */
+    getBehaviorByName(name: string): Nullable<Behavior<Control3D>>;
+    /** Gets or sets a boolean indicating if the control is visible */
+    get isVisible(): boolean;
+    set isVisible(value: boolean);
+    /**
+     * Creates a new control
+     * @param name defines the control name
+     */
+    constructor(
+    /** Defines the control name */
+    name?: string | undefined);
+    /**
+     * Gets a string representing the class name
+     */
+    get typeName(): string;
+    /**
+     * Get the current class name of the control.
+     * @returns current class name
+     */
+    getClassName(): string;
+    protected _getTypeName(): string;
+    /**
+     * Gets the transform node used by this control
+     */
+    get node(): Nullable<TransformNode>;
+    /**
+     * Gets the mesh used to render this control
+     */
+    get mesh(): Nullable<AbstractMesh>;
+    /**
+     * Link the control as child of the given node
+     * @param node defines the node to link to. Use null to unlink the control
+     * @returns the current control
+     */
+    linkToTransformNode(node: Nullable<TransformNode>): Control3D;
+    /**
+     * @internal
+     */
+    _prepareNode(scene: Scene): void;
+    protected _injectGUI3DReservedDataStore(node: TransformNode): any;
+    /**
+     * Node creation.
+     * Can be overriden by children
+     * @param scene defines the scene where the node must be attached
+     * @returns the attached node or null if none. Must return a Mesh or AbstractMesh if there is an attached visible object
+     */
+    protected _createNode(scene: Scene): Nullable<TransformNode>;
+    /**
+     * Affect a material to the given mesh
+     * @param mesh defines the mesh which will represent the control
+     */
+    protected _affectMaterial(mesh: AbstractMesh): void;
+    private _isTouchButton3D;
+    /**
+     * @internal
+     */
+    _onPointerMove(target: Control3D, coordinates: Vector3): void;
+    /**
+     * @internal
+     */
+    _onPointerEnter(target: Control3D): boolean;
+    /**
+     * @internal
+     */
+    _onPointerOut(target: Control3D): void;
+    /**
+     * @internal
+     */
+    _onPointerDown(target: Control3D, coordinates: Vector3, pointerId: number, buttonIndex: number): boolean;
+    /**
+     * @internal
+     */
+    _onPointerUp(target: Control3D, coordinates: Vector3, pointerId: number, buttonIndex: number, notifyClick: boolean): void;
+    /**
+     * @internal
+     */
+    forcePointerUp(pointerId?: Nullable<number>): void;
+    /**
+     * @internal
+     */
+    _processObservables(type: number, pickedPoint: Vector3, originMeshPosition: Nullable<Vector3>, pointerId: number, buttonIndex: number): boolean;
+    /** @internal */
+    _disposeNode(): void;
+    /**
+     * Releases all associated resources
+     */
+    dispose(): void;
+}

package/3D/controls/control3D.js

@@ -0,0 +1,401 @@
+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 { AbstractMesh } from "@babylonjs/core/Meshes/abstractMesh.js";
+import { Vector3WithInfo } from "../vector3WithInfo.js";
+/**
+ * Class used as base class for controls
+ */
+export class Control3D {
+    /** Gets or sets the control position in world space */
+    get position() {
+        if (!this._node) {
+            this._position = this._position || Vector3.Zero();
+            return this._position;
+        }
+        return this._node.position;
+    }
+    set position(value) {
+        this._position = value;
+        if (!this._node) {
+            return;
+        }
+        this._node.position = this._position;
+    }
+    /** Gets or sets the control scaling in world space */
+    get scaling() {
+        if (!this._node) {
+            this._scaling = this.scaling || new Vector3(1, 1, 1);
+            return this._scaling;
+        }
+        return this._node.scaling;
+    }
+    set scaling(value) {
+        this._scaling = value;
+        if (!this._node) {
+            return;
+        }
+        this._isScaledByManager = false;
+        this._node.scaling = this._scaling;
+    }
+    /**
+     * Gets the list of attached behaviors
+     * @see https://doc.babylonjs.com/features/featuresDeepDive/behaviors
+     */
+    get behaviors() {
+        return this._behaviors;
+    }
+    /**
+     * Attach a behavior to the control
+     * @see https://doc.babylonjs.com/features/featuresDeepDive/behaviors
+     * @param behavior defines the behavior to attach
+     * @returns the current control
+     */
+    addBehavior(behavior) {
+        const index = this._behaviors.indexOf(behavior);
+        if (index !== -1) {
+            return this;
+        }
+        behavior.init();
+        const scene = this._host.scene;
+        if (scene.isLoading) {
+            // We defer the attach when the scene will be loaded
+            scene.onDataLoadedObservable.addOnce(() => {
+                behavior.attach(this);
+            });
+        }
+        else {
+            behavior.attach(this);
+        }
+        this._behaviors.push(behavior);
+        return this;
+    }
+    /**
+     * Remove an attached behavior
+     * @see https://doc.babylonjs.com/features/featuresDeepDive/behaviors
+     * @param behavior defines the behavior to attach
+     * @returns the current control
+     */
+    removeBehavior(behavior) {
+        const index = this._behaviors.indexOf(behavior);
+        if (index === -1) {
+            return this;
+        }
+        this._behaviors[index].detach();
+        this._behaviors.splice(index, 1);
+        return this;
+    }
+    /**
+     * Gets an attached behavior by name
+     * @param name defines the name of the behavior to look for
+     * @see https://doc.babylonjs.com/features/featuresDeepDive/behaviors
+     * @returns null if behavior was not found else the requested behavior
+     */
+    getBehaviorByName(name) {
+        for (const behavior of this._behaviors) {
+            if (behavior.name === name) {
+                return behavior;
+            }
+        }
+        return null;
+    }
+    /** Gets or sets a boolean indicating if the control is visible */
+    get isVisible() {
+        return this._isVisible;
+    }
+    set isVisible(value) {
+        if (this._isVisible === value) {
+            return;
+        }
+        this._isVisible = value;
+        const mesh = this.mesh;
+        if (mesh) {
+            mesh.setEnabled(value);
+        }
+    }
+    /**
+     * Creates a new control
+     * @param name defines the control name
+     */
+    constructor(
+    /** Defines the control name */
+    name) {
+        this.name = name;
+        this._downCount = 0;
+        this._enterCount = -1;
+        this._downPointerIds = {}; // Store number of pointer downs per ID, from near and far interactions
+        this._isVisible = true;
+        /** @internal */
+        this._isScaledByManager = false;
+        /**
+         * An event triggered when the pointer moves over the control
+         */
+        this.onPointerMoveObservable = new Observable();
+        /**
+         * An event triggered when the pointer moves out of the control
+         */
+        this.onPointerOutObservable = new Observable();
+        /**
+         * An event triggered when the pointer taps the control
+         */
+        this.onPointerDownObservable = new Observable();
+        /**
+         * An event triggered when pointer is up
+         */
+        this.onPointerUpObservable = new Observable();
+        /**
+         * An event triggered when a control is clicked on (with a mouse)
+         */
+        this.onPointerClickObservable = new Observable();
+        /**
+         * An event triggered when pointer enters the control
+         */
+        this.onPointerEnterObservable = new Observable();
+        // Behaviors
+        this._behaviors = new Array();
+    }
+    /**
+     * Gets a string representing the class name
+     */
+    get typeName() {
+        return this._getTypeName();
+    }
+    /**
+     * Get the current class name of the control.
+     * @returns current class name
+     */
+    getClassName() {
+        return this._getTypeName();
+    }
+    _getTypeName() {
+        return "Control3D";
+    }
+    /**
+     * Gets the transform node used by this control
+     */
+    get node() {
+        return this._node;
+    }
+    /**
+     * Gets the mesh used to render this control
+     */
+    get mesh() {
+        if (this._node instanceof AbstractMesh) {
+            return this._node;
+        }
+        return null;
+    }
+    /**
+     * Link the control as child of the given node
+     * @param node defines the node to link to. Use null to unlink the control
+     * @returns the current control
+     */
+    linkToTransformNode(node) {
+        if (this._node) {
+            this._node.parent = node;
+        }
+        return this;
+    }
+    /**
+     * @internal
+     */
+    _prepareNode(scene) {
+        if (!this._node) {
+            this._node = this._createNode(scene);
+            if (!this.node) {
+                return;
+            }
+            if (this._position) {
+                this.node.position = this._position;
+            }
+            if (this._scaling) {
+                this.node.scaling = this._scaling;
+            }
+            this._injectGUI3DReservedDataStore(this.node).control = this; // Store the control on the reservedDataStore field in order to get it when picking
+            const mesh = this.mesh;
+            if (mesh) {
+                mesh.isPickable = true;
+                this._affectMaterial(mesh);
+            }
+        }
+    }
+    _injectGUI3DReservedDataStore(node) {
+        node.reservedDataStore = node.reservedDataStore ?? {};
+        node.reservedDataStore.GUI3D = node.reservedDataStore.GUI3D ?? {};
+        return node.reservedDataStore.GUI3D;
+    }
+    /**
+     * Node creation.
+     * Can be overriden by children
+     * @param scene defines the scene where the node must be attached
+     * @returns the attached node or null if none. Must return a Mesh or AbstractMesh if there is an attached visible object
+     */
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    _createNode(scene) {
+        // Do nothing by default
+        return null;
+    }
+    /**
+     * Affect a material to the given mesh
+     * @param mesh defines the mesh which will represent the control
+     */
+    _affectMaterial(mesh) {
+        mesh.material = null;
+    }
+    _isTouchButton3D(control) {
+        return control._generatePointerEventType !== undefined;
+    }
+    // Pointers
+    /**
+     * @internal
+     */
+    _onPointerMove(target, coordinates) {
+        this.onPointerMoveObservable.notifyObservers(coordinates, -1, target, this);
+    }
+    /**
+     * @internal
+     */
+    _onPointerEnter(target) {
+        if (this._enterCount === -1) {
+            // -1 is for touch input, we are now sure we are with a mouse or pencil
+            this._enterCount = 0;
+        }
+        this._enterCount++;
+        if (this._enterCount > 1) {
+            return false;
+        }
+        this.onPointerEnterObservable.notifyObservers(this, -1, target, this);
+        if (this.pointerEnterAnimation) {
+            this.pointerEnterAnimation();
+        }
+        return true;
+    }
+    /**
+     * @internal
+     */
+    _onPointerOut(target) {
+        this._enterCount--;
+        if (this._enterCount > 0) {
+            return;
+        }
+        this._enterCount = 0;
+        this.onPointerOutObservable.notifyObservers(this, -1, target, this);
+        if (this.pointerOutAnimation) {
+            this.pointerOutAnimation();
+        }
+    }
+    /**
+     * @internal
+     */
+    _onPointerDown(target, coordinates, pointerId, buttonIndex) {
+        this._downCount++;
+        this._downPointerIds[pointerId] = this._downPointerIds[pointerId] + 1 || 1;
+        if (this._downCount !== 1) {
+            return false;
+        }
+        this.onPointerDownObservable.notifyObservers(new Vector3WithInfo(coordinates, buttonIndex), -1, target, this);
+        if (this.pointerDownAnimation) {
+            this.pointerDownAnimation();
+        }
+        return true;
+    }
+    /**
+     * @internal
+     */
+    _onPointerUp(target, coordinates, pointerId, buttonIndex, notifyClick) {
+        this._downCount--;
+        this._downPointerIds[pointerId]--;
+        if (this._downPointerIds[pointerId] <= 0) {
+            delete this._downPointerIds[pointerId];
+        }
+        if (this._downCount < 0) {
+            // Handle if forcePointerUp was called prior to this
+            this._downCount = 0;
+            return;
+        }
+        if (this._downCount == 0) {
+            if (notifyClick && (this._enterCount > 0 || this._enterCount === -1)) {
+                this.onPointerClickObservable.notifyObservers(new Vector3WithInfo(coordinates, buttonIndex), -1, target, this);
+            }
+            this.onPointerUpObservable.notifyObservers(new Vector3WithInfo(coordinates, buttonIndex), -1, target, this);
+            if (this.pointerUpAnimation) {
+                this.pointerUpAnimation();
+            }
+        }
+    }
+    /**
+     * @internal
+     */
+    forcePointerUp(pointerId = null) {
+        if (pointerId !== null) {
+            this._onPointerUp(this, Vector3.Zero(), pointerId, 0, true);
+        }
+        else {
+            for (const key in this._downPointerIds) {
+                this._onPointerUp(this, Vector3.Zero(), +key, 0, true);
+            }
+            if (this._downCount > 0) {
+                this._downCount = 1;
+                this._onPointerUp(this, Vector3.Zero(), 0, 0, true);
+            }
+        }
+    }
+    /**
+     * @internal
+     */
+    _processObservables(type, pickedPoint, originMeshPosition, pointerId, buttonIndex) {
+        if (this._isTouchButton3D(this) && originMeshPosition) {
+            type = this._generatePointerEventType(type, originMeshPosition, this._downCount);
+        }
+        if (type === PointerEventTypes.POINTERMOVE) {
+            this._onPointerMove(this, pickedPoint);
+            const previousControlOver = this._host._lastControlOver[pointerId];
+            if (previousControlOver && previousControlOver !== this) {
+                previousControlOver._onPointerOut(this);
+            }
+            if (previousControlOver !== this) {
+                this._onPointerEnter(this);
+            }
+            this._host._lastControlOver[pointerId] = this;
+            return true;
+        }
+        if (type === PointerEventTypes.POINTERDOWN) {
+            this._onPointerDown(this, pickedPoint, pointerId, buttonIndex);
+            this._host._lastControlDown[pointerId] = this;
+            this._host._lastPickedControl = this;
+            return true;
+        }
+        if (type === PointerEventTypes.POINTERUP || type === PointerEventTypes.POINTERDOUBLETAP) {
+            if (this._host._lastControlDown[pointerId]) {
+                this._host._lastControlDown[pointerId]._onPointerUp(this, pickedPoint, pointerId, buttonIndex, true);
+            }
+            delete this._host._lastControlDown[pointerId];
+            return true;
+        }
+        return false;
+    }
+    /** @internal */
+    _disposeNode() {
+        if (this._node) {
+            this._node.dispose();
+            this._node = null;
+        }
+    }
+    /**
+     * Releases all associated resources
+     */
+    dispose() {
+        this.onPointerDownObservable.clear();
+        this.onPointerEnterObservable.clear();
+        this.onPointerMoveObservable.clear();
+        this.onPointerOutObservable.clear();
+        this.onPointerUpObservable.clear();
+        this.onPointerClickObservable.clear();
+        this._disposeNode();
+        // Behaviors
+        for (const behavior of this._behaviors) {
+            behavior.detach();
+        }
+    }
+}
+//# sourceMappingURL=control3D.js.map