@babylonjs/gui 5.0.0-rc.1 → 5.0.0-rc.10

package/3D/controls/holographicButton.js

@@ -1,339 +1,340 @@
-import { __extends } from "tslib";
-import { Button3D } from "./button3D.js";
-import { Vector3 } from "@babylonjs/core/Maths/math.vector.js";
-import { StandardMaterial } from "@babylonjs/core/Materials/standardMaterial.js";
-import { Mesh } from "@babylonjs/core/Meshes/mesh.js";
-import { CreatePlane } from "@babylonjs/core/Meshes/Builders/planeBuilder.js";
-import { CreateBox } from "@babylonjs/core/Meshes/Builders/boxBuilder.js";
-import { FadeInOutBehavior } from "@babylonjs/core/Behaviors/Meshes/fadeInOutBehavior.js";
-import { FluentMaterial } from "../materials/fluent/fluentMaterial.js";
-import { StackPanel } from "../../2D/controls/stackPanel.js";
-import { Image } from "../../2D/controls/image.js";
-import { TextBlock } from "../../2D/controls/textBlock.js";
-import { AdvancedDynamicTexture } from "../../2D/advancedDynamicTexture.js";
-import { Color3 } from "@babylonjs/core/Maths/math.color.js";
-import { DomManagement } from "@babylonjs/core/Misc/domManagement.js";
-/**
- * Class used to create a holographic button in 3D
- */
-var HolographicButton = /** @class */ (function (_super) {
-    __extends(HolographicButton, _super);
-    /**
-     * Creates a new button
-     * @param name defines the control name
-     */
-    function HolographicButton(name, shareMaterials) {
-        if (shareMaterials === void 0) { shareMaterials = true; }
-        var _this = _super.call(this, name) || this;
-        _this._shareMaterials = true;
-        _this._shareMaterials = shareMaterials;
-        // Default animations
-        _this.pointerEnterAnimation = function () {
-            if (!_this.mesh) {
-                return;
-            }
-            _this._frontPlate.setEnabled(true);
-        };
-        _this.pointerOutAnimation = function () {
-            if (!_this.mesh) {
-                return;
-            }
-            _this._frontPlate.setEnabled(false);
-        };
-        return _this;
-    }
-    HolographicButton.prototype._disposeTooltip = function () {
-        this._tooltipFade = null;
-        if (this._tooltipTextBlock) {
-            this._tooltipTextBlock.dispose();
-        }
-        if (this._tooltipTexture) {
-            this._tooltipTexture.dispose();
-        }
-        if (this._tooltipMesh) {
-            this._tooltipMesh.dispose();
-        }
-        this.onPointerEnterObservable.remove(this._tooltipHoverObserver);
-        this.onPointerOutObservable.remove(this._tooltipOutObserver);
-    };
-    Object.defineProperty(HolographicButton.prototype, "renderingGroupId", {
-        get: function () {
-            return this._backPlate.renderingGroupId;
-        },
-        /**
-         * Rendering ground id of all the mesh in the button
-         */
-        set: function (id) {
-            this._backPlate.renderingGroupId = id;
-            this._textPlate.renderingGroupId = id;
-            this._frontPlate.renderingGroupId = id;
-            if (this._tooltipMesh) {
-                this._tooltipMesh.renderingGroupId = id;
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(HolographicButton.prototype, "tooltipText", {
-        get: function () {
-            if (this._tooltipTextBlock) {
-                return this._tooltipTextBlock.text;
-            }
-            return null;
-        },
-        /**
-         * Text to be displayed on the tooltip shown when hovering on the button. When set to null tooltip is disabled. (Default: null)
-         */
-        set: function (text) {
-            var _this = this;
-            if (!text) {
-                this._disposeTooltip();
-                return;
-            }
-            if (!this._tooltipFade) {
-                var rightHandedScene = this._backPlate._scene.useRightHandedSystem;
-                // Create tooltip with mesh and text
-                this._tooltipMesh = CreatePlane("", { size: 1 }, this._backPlate._scene);
-                var tooltipBackground = CreatePlane("", { size: 1, sideOrientation: Mesh.DOUBLESIDE }, this._backPlate._scene);
-                var mat = new StandardMaterial("", this._backPlate._scene);
-                mat.diffuseColor = Color3.FromHexString("#212121");
-                tooltipBackground.material = mat;
-                tooltipBackground.isPickable = false;
-                this._tooltipMesh.addChild(tooltipBackground);
-                tooltipBackground.position = Vector3.Forward(rightHandedScene).scale(0.05);
-                this._tooltipMesh.scaling.y = 1 / 3;
-                this._tooltipMesh.position = Vector3.Up().scale(0.7).add(Vector3.Forward(rightHandedScene).scale(-0.15));
-                this._tooltipMesh.isPickable = false;
-                this._tooltipMesh.parent = this._backPlate;
-                // Create text texture for the tooltip
-                this._tooltipTexture = AdvancedDynamicTexture.CreateForMesh(this._tooltipMesh);
-                this._tooltipTextBlock = new TextBlock();
-                this._tooltipTextBlock.scaleY = 3;
-                this._tooltipTextBlock.color = "white";
-                this._tooltipTextBlock.fontSize = 130;
-                this._tooltipTexture.addControl(this._tooltipTextBlock);
-                // Add hover action to tooltip
-                this._tooltipFade = new FadeInOutBehavior();
-                this._tooltipFade.delay = 500;
-                this._tooltipMesh.addBehavior(this._tooltipFade);
-                this._tooltipHoverObserver = this.onPointerEnterObservable.add(function () {
-                    if (_this._tooltipFade) {
-                        _this._tooltipFade.fadeIn(true);
-                    }
-                });
-                this._tooltipOutObserver = this.onPointerOutObservable.add(function () {
-                    if (_this._tooltipFade) {
-                        _this._tooltipFade.fadeIn(false);
-                    }
-                });
-            }
-            if (this._tooltipTextBlock) {
-                this._tooltipTextBlock.text = text;
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(HolographicButton.prototype, "text", {
-        /**
-         * Gets or sets text for the button
-         */
-        get: function () {
-            return this._text;
-        },
-        set: function (value) {
-            if (this._text === value) {
-                return;
-            }
-            this._text = value;
-            this._rebuildContent();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(HolographicButton.prototype, "imageUrl", {
-        /**
-         * Gets or sets the image url for the button
-         */
-        get: function () {
-            return this._imageUrl;
-        },
-        set: function (value) {
-            if (this._imageUrl === value) {
-                return;
-            }
-            this._imageUrl = value;
-            this._rebuildContent();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(HolographicButton.prototype, "backMaterial", {
-        /**
-         * Gets the back material used by this button
-         */
-        get: function () {
-            return this._backMaterial;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(HolographicButton.prototype, "frontMaterial", {
-        /**
-         * Gets the front material used by this button
-         */
-        get: function () {
-            return this._frontMaterial;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(HolographicButton.prototype, "plateMaterial", {
-        /**
-         * Gets the plate material used by this button
-         */
-        get: function () {
-            return this._plateMaterial;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(HolographicButton.prototype, "shareMaterials", {
-        /**
-         * Gets a boolean indicating if this button shares its material with other HolographicButtons
-         */
-        get: function () {
-            return this._shareMaterials;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    HolographicButton.prototype._getTypeName = function () {
-        return "HolographicButton";
-    };
-    HolographicButton.prototype._rebuildContent = function () {
-        this._disposeFacadeTexture();
-        var panel = new StackPanel();
-        panel.isVertical = true;
-        if (DomManagement.IsDocumentAvailable() && !!document.createElement) {
-            if (this._imageUrl) {
-                var image = new Image();
-                image.source = this._imageUrl;
-                image.paddingTop = "40px";
-                image.height = "180px";
-                image.width = "100px";
-                image.paddingBottom = "40px";
-                panel.addControl(image);
-            }
-        }
-        if (this._text) {
-            var text = new TextBlock();
-            text.text = this._text;
-            text.color = "white";
-            text.height = "30px";
-            text.fontSize = 24;
-            panel.addControl(text);
-        }
-        if (this._frontPlate) {
-            this.content = panel;
-        }
-    };
-    // Mesh association
-    HolographicButton.prototype._createNode = function (scene) {
-        this._backPlate = CreateBox(this.name + "BackMesh", {
-            width: 1.0,
-            height: 1.0,
-            depth: 0.08,
-        }, scene);
-        this._frontPlate = CreateBox(this.name + "FrontMesh", {
-            width: 1.0,
-            height: 1.0,
-            depth: 0.08,
-        }, scene);
-        this._frontPlate.parent = this._backPlate;
-        this._frontPlate.position = Vector3.Forward(scene.useRightHandedSystem).scale(-0.08);
-        this._frontPlate.isPickable = false;
-        this._frontPlate.setEnabled(false);
-        this._textPlate = _super.prototype._createNode.call(this, scene);
-        this._textPlate.parent = this._backPlate;
-        this._textPlate.position = Vector3.Forward(scene.useRightHandedSystem).scale(-0.08);
-        this._textPlate.isPickable = false;
-        return this._backPlate;
-    };
-    HolographicButton.prototype._applyFacade = function (facadeTexture) {
-        this._plateMaterial.emissiveTexture = facadeTexture;
-        this._plateMaterial.opacityTexture = facadeTexture;
-    };
-    HolographicButton.prototype._createBackMaterial = function (mesh) {
-        var _this = this;
-        this._backMaterial = new FluentMaterial(this.name + "Back Material", mesh.getScene());
-        this._backMaterial.renderHoverLight = true;
-        this._pickedPointObserver = this._host.onPickedPointChangedObservable.add(function (pickedPoint) {
-            if (pickedPoint) {
-                _this._backMaterial.hoverPosition = pickedPoint;
-                _this._backMaterial.hoverColor.a = 1.0;
-            }
-            else {
-                _this._backMaterial.hoverColor.a = 0;
-            }
-        });
-    };
-    HolographicButton.prototype._createFrontMaterial = function (mesh) {
-        this._frontMaterial = new FluentMaterial(this.name + "Front Material", mesh.getScene());
-        this._frontMaterial.innerGlowColorIntensity = 0; // No inner glow
-        this._frontMaterial.alpha = 0.5; // Additive
-        this._frontMaterial.renderBorders = true;
-    };
-    HolographicButton.prototype._createPlateMaterial = function (mesh) {
-        this._plateMaterial = new StandardMaterial(this.name + "Plate Material", mesh.getScene());
-        this._plateMaterial.specularColor = Color3.Black();
-    };
-    HolographicButton.prototype._affectMaterial = function (mesh) {
-        // Back
-        if (this._shareMaterials) {
-            if (!this._host._sharedMaterials["backFluentMaterial"]) {
-                this._createBackMaterial(mesh);
-                this._host._sharedMaterials["backFluentMaterial"] = this._backMaterial;
-            }
-            else {
-                this._backMaterial = this._host._sharedMaterials["backFluentMaterial"];
-            }
-            // Front
-            if (!this._host._sharedMaterials["frontFluentMaterial"]) {
-                this._createFrontMaterial(mesh);
-                this._host._sharedMaterials["frontFluentMaterial"] = this._frontMaterial;
-            }
-            else {
-                this._frontMaterial = this._host._sharedMaterials["frontFluentMaterial"];
-            }
-        }
-        else {
-            this._createBackMaterial(mesh);
-            this._createFrontMaterial(mesh);
-        }
-        this._createPlateMaterial(mesh);
-        this._backPlate.material = this._backMaterial;
-        this._frontPlate.material = this._frontMaterial;
-        this._textPlate.material = this._plateMaterial;
-        this._rebuildContent();
-    };
-    /**
-     * Releases all associated resources
-     */
-    HolographicButton.prototype.dispose = function () {
-        _super.prototype.dispose.call(this); // will dispose main mesh ie. back plate
-        this._disposeTooltip();
-        if (!this.shareMaterials) {
-            this._backMaterial.dispose();
-            this._frontMaterial.dispose();
-            this._plateMaterial.dispose();
-            if (this._pickedPointObserver) {
-                this._host.onPickedPointChangedObservable.remove(this._pickedPointObserver);
-                this._pickedPointObserver = null;
-            }
-        }
-    };
-    return HolographicButton;
-}(Button3D));
-export { HolographicButton };
+import { __extends } from "tslib";
+import { Button3D } from "./button3D";
+import { Vector3 } from "@babylonjs/core/Maths/math.vector.js";
+import { StandardMaterial } from "@babylonjs/core/Materials/standardMaterial.js";
+import { Mesh } from "@babylonjs/core/Meshes/mesh.js";
+import { CreatePlane } from "@babylonjs/core/Meshes/Builders/planeBuilder.js";
+import { CreateBox } from "@babylonjs/core/Meshes/Builders/boxBuilder.js";
+import { FadeInOutBehavior } from "@babylonjs/core/Behaviors/Meshes/fadeInOutBehavior.js";
+import { FluentMaterial } from "../materials/fluent/fluentMaterial";
+import { StackPanel } from "../../2D/controls/stackPanel";
+import { Image } from "../../2D/controls/image";
+import { TextBlock } from "../../2D/controls/textBlock";
+import { AdvancedDynamicTexture } from "../../2D/advancedDynamicTexture";
+import { Color3 } from "@babylonjs/core/Maths/math.color.js";
+import { DomManagement } from "@babylonjs/core/Misc/domManagement.js";
+/**
+ * Class used to create a holographic button in 3D
+ */
+var HolographicButton = /** @class */ (function (_super) {
+    __extends(HolographicButton, _super);
+    /**
+     * Creates a new button
+     * @param name defines the control name
+     * @param shareMaterials
+     */
+    function HolographicButton(name, shareMaterials) {
+        if (shareMaterials === void 0) { shareMaterials = true; }
+        var _this = _super.call(this, name) || this;
+        _this._shareMaterials = true;
+        _this._shareMaterials = shareMaterials;
+        // Default animations
+        _this.pointerEnterAnimation = function () {
+            if (!_this.mesh) {
+                return;
+            }
+            _this._frontPlate.setEnabled(true);
+        };
+        _this.pointerOutAnimation = function () {
+            if (!_this.mesh) {
+                return;
+            }
+            _this._frontPlate.setEnabled(false);
+        };
+        return _this;
+    }
+    HolographicButton.prototype._disposeTooltip = function () {
+        this._tooltipFade = null;
+        if (this._tooltipTextBlock) {
+            this._tooltipTextBlock.dispose();
+        }
+        if (this._tooltipTexture) {
+            this._tooltipTexture.dispose();
+        }
+        if (this._tooltipMesh) {
+            this._tooltipMesh.dispose();
+        }
+        this.onPointerEnterObservable.remove(this._tooltipHoverObserver);
+        this.onPointerOutObservable.remove(this._tooltipOutObserver);
+    };
+    Object.defineProperty(HolographicButton.prototype, "renderingGroupId", {
+        get: function () {
+            return this._backPlate.renderingGroupId;
+        },
+        /**
+         * Rendering ground id of all the mesh in the button
+         */
+        set: function (id) {
+            this._backPlate.renderingGroupId = id;
+            this._textPlate.renderingGroupId = id;
+            this._frontPlate.renderingGroupId = id;
+            if (this._tooltipMesh) {
+                this._tooltipMesh.renderingGroupId = id;
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(HolographicButton.prototype, "tooltipText", {
+        get: function () {
+            if (this._tooltipTextBlock) {
+                return this._tooltipTextBlock.text;
+            }
+            return null;
+        },
+        /**
+         * Text to be displayed on the tooltip shown when hovering on the button. When set to null tooltip is disabled. (Default: null)
+         */
+        set: function (text) {
+            var _this = this;
+            if (!text) {
+                this._disposeTooltip();
+                return;
+            }
+            if (!this._tooltipFade) {
+                var rightHandedScene = this._backPlate._scene.useRightHandedSystem;
+                // Create tooltip with mesh and text
+                this._tooltipMesh = CreatePlane("", { size: 1 }, this._backPlate._scene);
+                var tooltipBackground = CreatePlane("", { size: 1, sideOrientation: Mesh.DOUBLESIDE }, this._backPlate._scene);
+                var mat = new StandardMaterial("", this._backPlate._scene);
+                mat.diffuseColor = Color3.FromHexString("#212121");
+                tooltipBackground.material = mat;
+                tooltipBackground.isPickable = false;
+                this._tooltipMesh.addChild(tooltipBackground);
+                tooltipBackground.position = Vector3.Forward(rightHandedScene).scale(0.05);
+                this._tooltipMesh.scaling.y = 1 / 3;
+                this._tooltipMesh.position = Vector3.Up().scale(0.7).add(Vector3.Forward(rightHandedScene).scale(-0.15));
+                this._tooltipMesh.isPickable = false;
+                this._tooltipMesh.parent = this._backPlate;
+                // Create text texture for the tooltip
+                this._tooltipTexture = AdvancedDynamicTexture.CreateForMesh(this._tooltipMesh);
+                this._tooltipTextBlock = new TextBlock();
+                this._tooltipTextBlock.scaleY = 3;
+                this._tooltipTextBlock.color = "white";
+                this._tooltipTextBlock.fontSize = 130;
+                this._tooltipTexture.addControl(this._tooltipTextBlock);
+                // Add hover action to tooltip
+                this._tooltipFade = new FadeInOutBehavior();
+                this._tooltipFade.delay = 500;
+                this._tooltipMesh.addBehavior(this._tooltipFade);
+                this._tooltipHoverObserver = this.onPointerEnterObservable.add(function () {
+                    if (_this._tooltipFade) {
+                        _this._tooltipFade.fadeIn(true);
+                    }
+                });
+                this._tooltipOutObserver = this.onPointerOutObservable.add(function () {
+                    if (_this._tooltipFade) {
+                        _this._tooltipFade.fadeIn(false);
+                    }
+                });
+            }
+            if (this._tooltipTextBlock) {
+                this._tooltipTextBlock.text = text;
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(HolographicButton.prototype, "text", {
+        /**
+         * Gets or sets text for the button
+         */
+        get: function () {
+            return this._text;
+        },
+        set: function (value) {
+            if (this._text === value) {
+                return;
+            }
+            this._text = value;
+            this._rebuildContent();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(HolographicButton.prototype, "imageUrl", {
+        /**
+         * Gets or sets the image url for the button
+         */
+        get: function () {
+            return this._imageUrl;
+        },
+        set: function (value) {
+            if (this._imageUrl === value) {
+                return;
+            }
+            this._imageUrl = value;
+            this._rebuildContent();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(HolographicButton.prototype, "backMaterial", {
+        /**
+         * Gets the back material used by this button
+         */
+        get: function () {
+            return this._backMaterial;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(HolographicButton.prototype, "frontMaterial", {
+        /**
+         * Gets the front material used by this button
+         */
+        get: function () {
+            return this._frontMaterial;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(HolographicButton.prototype, "plateMaterial", {
+        /**
+         * Gets the plate material used by this button
+         */
+        get: function () {
+            return this._plateMaterial;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(HolographicButton.prototype, "shareMaterials", {
+        /**
+         * Gets a boolean indicating if this button shares its material with other HolographicButtons
+         */
+        get: function () {
+            return this._shareMaterials;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    HolographicButton.prototype._getTypeName = function () {
+        return "HolographicButton";
+    };
+    HolographicButton.prototype._rebuildContent = function () {
+        this._disposeFacadeTexture();
+        var panel = new StackPanel();
+        panel.isVertical = true;
+        if (DomManagement.IsDocumentAvailable() && !!document.createElement) {
+            if (this._imageUrl) {
+                var image = new Image();
+                image.source = this._imageUrl;
+                image.paddingTop = "40px";
+                image.height = "180px";
+                image.width = "100px";
+                image.paddingBottom = "40px";
+                panel.addControl(image);
+            }
+        }
+        if (this._text) {
+            var text = new TextBlock();
+            text.text = this._text;
+            text.color = "white";
+            text.height = "30px";
+            text.fontSize = 24;
+            panel.addControl(text);
+        }
+        if (this._frontPlate) {
+            this.content = panel;
+        }
+    };
+    // Mesh association
+    HolographicButton.prototype._createNode = function (scene) {
+        this._backPlate = CreateBox(this.name + "BackMesh", {
+            width: 1.0,
+            height: 1.0,
+            depth: 0.08,
+        }, scene);
+        this._frontPlate = CreateBox(this.name + "FrontMesh", {
+            width: 1.0,
+            height: 1.0,
+            depth: 0.08,
+        }, scene);
+        this._frontPlate.parent = this._backPlate;
+        this._frontPlate.position = Vector3.Forward(scene.useRightHandedSystem).scale(-0.08);
+        this._frontPlate.isPickable = false;
+        this._frontPlate.setEnabled(false);
+        this._textPlate = _super.prototype._createNode.call(this, scene);
+        this._textPlate.parent = this._backPlate;
+        this._textPlate.position = Vector3.Forward(scene.useRightHandedSystem).scale(-0.08);
+        this._textPlate.isPickable = false;
+        return this._backPlate;
+    };
+    HolographicButton.prototype._applyFacade = function (facadeTexture) {
+        this._plateMaterial.emissiveTexture = facadeTexture;
+        this._plateMaterial.opacityTexture = facadeTexture;
+    };
+    HolographicButton.prototype._createBackMaterial = function (mesh) {
+        var _this = this;
+        this._backMaterial = new FluentMaterial(this.name + "Back Material", mesh.getScene());
+        this._backMaterial.renderHoverLight = true;
+        this._pickedPointObserver = this._host.onPickedPointChangedObservable.add(function (pickedPoint) {
+            if (pickedPoint) {
+                _this._backMaterial.hoverPosition = pickedPoint;
+                _this._backMaterial.hoverColor.a = 1.0;
+            }
+            else {
+                _this._backMaterial.hoverColor.a = 0;
+            }
+        });
+    };
+    HolographicButton.prototype._createFrontMaterial = function (mesh) {
+        this._frontMaterial = new FluentMaterial(this.name + "Front Material", mesh.getScene());
+        this._frontMaterial.innerGlowColorIntensity = 0; // No inner glow
+        this._frontMaterial.alpha = 0.5; // Additive
+        this._frontMaterial.renderBorders = true;
+    };
+    HolographicButton.prototype._createPlateMaterial = function (mesh) {
+        this._plateMaterial = new StandardMaterial(this.name + "Plate Material", mesh.getScene());
+        this._plateMaterial.specularColor = Color3.Black();
+    };
+    HolographicButton.prototype._affectMaterial = function (mesh) {
+        // Back
+        if (this._shareMaterials) {
+            if (!this._host._sharedMaterials["backFluentMaterial"]) {
+                this._createBackMaterial(mesh);
+                this._host._sharedMaterials["backFluentMaterial"] = this._backMaterial;
+            }
+            else {
+                this._backMaterial = this._host._sharedMaterials["backFluentMaterial"];
+            }
+            // Front
+            if (!this._host._sharedMaterials["frontFluentMaterial"]) {
+                this._createFrontMaterial(mesh);
+                this._host._sharedMaterials["frontFluentMaterial"] = this._frontMaterial;
+            }
+            else {
+                this._frontMaterial = this._host._sharedMaterials["frontFluentMaterial"];
+            }
+        }
+        else {
+            this._createBackMaterial(mesh);
+            this._createFrontMaterial(mesh);
+        }
+        this._createPlateMaterial(mesh);
+        this._backPlate.material = this._backMaterial;
+        this._frontPlate.material = this._frontMaterial;
+        this._textPlate.material = this._plateMaterial;
+        this._rebuildContent();
+    };
+    /**
+     * Releases all associated resources
+     */
+    HolographicButton.prototype.dispose = function () {
+        _super.prototype.dispose.call(this); // will dispose main mesh ie. back plate
+        this._disposeTooltip();
+        if (!this.shareMaterials) {
+            this._backMaterial.dispose();
+            this._frontMaterial.dispose();
+            this._plateMaterial.dispose();
+            if (this._pickedPointObserver) {
+                this._host.onPickedPointChangedObservable.remove(this._pickedPointObserver);
+                this._pickedPointObserver = null;
+            }
+        }
+    };
+    return HolographicButton;
+}(Button3D));
+export { HolographicButton };
 //# sourceMappingURL=holographicButton.js.map