@babylonjs/gui 5.20.0 → 5.22.1

package/3D/controls/holographicSlate.js

@@ -1,4 +1,3 @@
-import { __extends } from "tslib";
 import { ContentDisplay3D } from "./contentDisplay3D.js";
 import { TouchHolographicButton } from "./touchHolographicButton.js";
 import { AdvancedDynamicTexture } from "../../2D/advancedDynamicTexture.js";
@@ -22,164 +21,142 @@ import { VertexData } from "@babylonjs/core/Meshes/mesh.vertexData.js";
  * Class used to create a holographic slate
  * @since 5.0.0
  */
-var HolographicSlate = /** @class */ (function (_super) {
-    __extends(HolographicSlate, _super);
+export class HolographicSlate extends ContentDisplay3D {
     /**
      * Creates a new slate
      * @param name defines the control name
      */
-    function HolographicSlate(name) {
-        var _this = _super.call(this, name) || this;
+    constructor(name) {
+        super(name);
         /**
          * Margin between title bar and contentplate
          */
-        _this.titleBarMargin = 0.005;
+        this.titleBarMargin = 0.005;
         /**
          * Origin in local coordinates (top left corner)
          */
-        _this.origin = new Vector3(0, 0, 0);
-        _this._dimensions = new Vector2(21.875, 12.5);
-        _this._titleBarHeight = 0.625;
-        _this._titleText = "";
-        _this._contentScaleRatio = 1;
+        this.origin = new Vector3(0, 0, 0);
+        this._dimensions = new Vector2(21.875, 12.5);
+        this._titleBarHeight = 0.625;
+        this._titleText = "";
+        this._contentScaleRatio = 1;
         /**
          * Minimum dimensions of the slate
          */
-        _this.minDimensions = new Vector2(15.625, 6.25);
+        this.minDimensions = new Vector2(15.625, 6.25);
         /**
          * Default dimensions of the slate
          */
-        _this.defaultDimensions = _this._dimensions.clone();
-        _this._followButton = new TouchHolographicButton("followButton" + _this.name);
-        _this._followButton.isToggleButton = true;
-        _this._closeButton = new TouchHolographicButton("closeButton" + _this.name);
-        _this._contentViewport = new Viewport(0, 0, 1, 1);
-        _this._contentDragBehavior = new PointerDragBehavior({
+        this.defaultDimensions = this._dimensions.clone();
+        this._followButton = new TouchHolographicButton("followButton" + this.name);
+        this._followButton.isToggleButton = true;
+        this._closeButton = new TouchHolographicButton("closeButton" + this.name);
+        this._contentViewport = new Viewport(0, 0, 1, 1);
+        this._contentDragBehavior = new PointerDragBehavior({
             dragPlaneNormal: new Vector3(0, 0, -1),
         });
-        return _this;
     }
-    Object.defineProperty(HolographicSlate.prototype, "defaultBehavior", {
-        /**
-         * Regroups all mesh behaviors for the slate
-         */
-        get: function () {
-            return this._defaultBehavior;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(HolographicSlate.prototype, "dimensions", {
-        /**
-         * 2D dimensions of the slate
-         */
-        get: function () {
-            return this._dimensions;
-        },
-        set: function (value) {
-            //clamp, respecting ratios
-            var scale = 1.0;
-            if (value.x < this.minDimensions.x || value.y < this.minDimensions.y) {
-                var newRatio = value.x / value.y;
-                var minRatio = this.minDimensions.x / this.minDimensions.y;
-                if (minRatio > newRatio) {
-                    // We just need to make sure the x-val is greater than the min
-                    scale = this.minDimensions.x / value.x;
-                }
-                else {
-                    // We just need to make sure the y-val is greater than the min
-                    scale = this.minDimensions.y / value.y;
-                }
+    /**
+     * Regroups all mesh behaviors for the slate
+     */
+    get defaultBehavior() {
+        return this._defaultBehavior;
+    }
+    /**
+     * 2D dimensions of the slate
+     */
+    get dimensions() {
+        return this._dimensions;
+    }
+    set dimensions(value) {
+        //clamp, respecting ratios
+        let scale = 1.0;
+        if (value.x < this.minDimensions.x || value.y < this.minDimensions.y) {
+            const newRatio = value.x / value.y;
+            const minRatio = this.minDimensions.x / this.minDimensions.y;
+            if (minRatio > newRatio) {
+                // We just need to make sure the x-val is greater than the min
+                scale = this.minDimensions.x / value.x;
             }
-            this._dimensions.copyFrom(value).scaleInPlace(scale);
-            this._updatePivot();
-            this._positionElements();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(HolographicSlate.prototype, "titleBarHeight", {
-        /**
-         * Height of the title bar component
-         */
-        get: function () {
-            return this._titleBarHeight;
-        },
-        set: function (value) {
-            this._titleBarHeight = value;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(HolographicSlate.prototype, "renderingGroupId", {
-        get: function () {
-            return this._titleBar.renderingGroupId;
-        },
-        /**
-         * Rendering ground id of all the meshes
-         */
-        set: function (id) {
-            this._titleBar.renderingGroupId = id;
-            this._titleBarTitle.renderingGroupId = id;
-            this._contentPlate.renderingGroupId = id;
-            this._backPlate.renderingGroupId = id;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(HolographicSlate.prototype, "title", {
-        get: function () {
-            return this._titleText;
-        },
-        /**
-         * The title text displayed at the top of the slate
-         */
-        set: function (title) {
-            this._titleText = title;
-            if (this._titleTextComponent) {
-                this._titleTextComponent.text = title;
+            else {
+                // We just need to make sure the y-val is greater than the min
+                scale = this.minDimensions.y / value.y;
             }
-        },
-        enumerable: false,
-        configurable: true
-    });
+        }
+        this._dimensions.copyFrom(value).scaleInPlace(scale);
+        this._updatePivot();
+        this._positionElements();
+    }
+    /**
+     * Height of the title bar component
+     */
+    get titleBarHeight() {
+        return this._titleBarHeight;
+    }
+    set titleBarHeight(value) {
+        this._titleBarHeight = value;
+    }
+    /**
+     * Rendering ground id of all the meshes
+     */
+    set renderingGroupId(id) {
+        this._titleBar.renderingGroupId = id;
+        this._titleBarTitle.renderingGroupId = id;
+        this._contentPlate.renderingGroupId = id;
+        this._backPlate.renderingGroupId = id;
+    }
+    get renderingGroupId() {
+        return this._titleBar.renderingGroupId;
+    }
+    /**
+     * The title text displayed at the top of the slate
+     */
+    set title(title) {
+        this._titleText = title;
+        if (this._titleTextComponent) {
+            this._titleTextComponent.text = title;
+        }
+    }
+    get title() {
+        return this._titleText;
+    }
     /**
      * Apply the facade texture (created from the content property).
      * This function can be overloaded by child classes
      * @param facadeTexture defines the AdvancedDynamicTexture to use
      */
-    HolographicSlate.prototype._applyFacade = function (facadeTexture) {
+    _applyFacade(facadeTexture) {
         this._contentMaterial.albedoTexture = facadeTexture;
         this._resetContentPositionAndZoom();
         this._applyContentViewport();
         facadeTexture.attachToMesh(this._contentPlate, true);
-    };
-    HolographicSlate.prototype._addControl = function (control) {
+    }
+    _addControl(control) {
         control._host = this._host;
         if (this._host.utilityLayer) {
             control._prepareNode(this._host.utilityLayer.utilityLayerScene);
         }
-    };
-    HolographicSlate.prototype._getTypeName = function () {
+    }
+    _getTypeName() {
         return "HolographicSlate";
-    };
+    }
     /**
      * @hidden
      */
-    HolographicSlate.prototype._positionElements = function () {
-        var followButton = this._followButton;
-        var closeButton = this._closeButton;
-        var titleBar = this._titleBar;
-        var titleBarTitle = this._titleBarTitle;
-        var contentPlate = this._contentPlate;
-        var backPlate = this._backPlate;
+    _positionElements() {
+        const followButton = this._followButton;
+        const closeButton = this._closeButton;
+        const titleBar = this._titleBar;
+        const titleBarTitle = this._titleBarTitle;
+        const contentPlate = this._contentPlate;
+        const backPlate = this._backPlate;
         if (followButton && closeButton && titleBar) {
             closeButton.scaling.setAll(this.titleBarHeight);
             followButton.scaling.setAll(this.titleBarHeight);
             closeButton.position.copyFromFloats(this.dimensions.x - this.titleBarHeight / 2, -this.titleBarHeight / 2, 0).addInPlace(this.origin);
             followButton.position.copyFromFloats(this.dimensions.x - (3 * this.titleBarHeight) / 2, -this.titleBarHeight / 2, 0).addInPlace(this.origin);
-            var contentPlateHeight = this.dimensions.y - this.titleBarHeight - this.titleBarMargin;
-            var rightHandScene = contentPlate.getScene().useRightHandedSystem;
+            const contentPlateHeight = this.dimensions.y - this.titleBarHeight - this.titleBarMargin;
+            const rightHandScene = contentPlate.getScene().useRightHandedSystem;
             titleBar.scaling.set(this.dimensions.x, this.titleBarHeight, Epsilon);
             titleBarTitle.scaling.set(this.dimensions.x - 2 * this.titleBarHeight, this.titleBarHeight, Epsilon);
             contentPlate.scaling.copyFromFloats(this.dimensions.x, contentPlateHeight, Epsilon);
@@ -194,7 +171,7 @@ var HolographicSlate = /** @class */ (function (_super) {
                 .addInPlace(this.origin);
             // Update the title's AdvancedDynamicTexture scale to avoid visual stretching
             this._titleTextComponent.host.scaleTo((HolographicSlate._DEFAULT_TEXT_RESOLUTION_Y * titleBarTitle.scaling.x) / titleBarTitle.scaling.y, HolographicSlate._DEFAULT_TEXT_RESOLUTION_Y);
-            var aspectRatio = this.dimensions.x / contentPlateHeight;
+            const aspectRatio = this.dimensions.x / contentPlateHeight;
             this._contentViewport.width = this._contentScaleRatio;
             this._contentViewport.height = this._contentScaleRatio / aspectRatio;
             this._applyContentViewport();
@@ -202,50 +179,48 @@ var HolographicSlate = /** @class */ (function (_super) {
                 this._gizmo.updateBoundingBox();
             }
         }
-    };
-    HolographicSlate.prototype._applyContentViewport = function () {
-        var _a;
-        if (((_a = this._contentPlate) === null || _a === void 0 ? void 0 : _a.material) && this._contentPlate.material.albedoTexture) {
-            var tex = this._contentPlate.material.albedoTexture;
+    }
+    _applyContentViewport() {
+        if (this._contentPlate?.material && this._contentPlate.material.albedoTexture) {
+            const tex = this._contentPlate.material.albedoTexture;
             tex.uScale = this._contentScaleRatio;
             tex.vScale = (this._contentScaleRatio / this._contentViewport.width) * this._contentViewport.height;
             tex.uOffset = this._contentViewport.x;
             tex.vOffset = this._contentViewport.y;
         }
-    };
-    HolographicSlate.prototype._resetContentPositionAndZoom = function () {
+    }
+    _resetContentPositionAndZoom() {
         this._contentViewport.x = 0;
         this._contentViewport.y = 1 - this._contentViewport.height / this._contentViewport.width;
         this._contentScaleRatio = 1;
-    };
+    }
     /**
      * @hidden
      */
-    HolographicSlate.prototype._updatePivot = function () {
+    _updatePivot() {
         if (!this.mesh) {
             return;
         }
         // Update pivot point so it is at the center of geometry
         // As origin is topleft corner in 2D, dimensions are calculated towards bottom right corner, thus y axis is downwards
-        var center = new Vector3(this.dimensions.x * 0.5, -this.dimensions.y * 0.5, Epsilon);
+        const center = new Vector3(this.dimensions.x * 0.5, -this.dimensions.y * 0.5, Epsilon);
         center.addInPlace(this.origin);
         center.z = 0;
-        var origin = new Vector3(0, 0, 0);
+        const origin = new Vector3(0, 0, 0);
         Vector3.TransformCoordinatesToRef(origin, this.mesh.computeWorldMatrix(true), origin);
         this.mesh.setPivotPoint(center);
-        var origin2 = new Vector3(0, 0, 0);
+        const origin2 = new Vector3(0, 0, 0);
         Vector3.TransformCoordinatesToRef(origin2, this.mesh.computeWorldMatrix(true), origin2);
         this.mesh.position.addInPlace(origin).subtractInPlace(origin2);
-    };
+    }
     // Mesh association
-    HolographicSlate.prototype._createNode = function (scene) {
-        var _this = this;
-        var node = new Mesh("slate_" + this.name, scene);
+    _createNode(scene) {
+        const node = new Mesh("slate_" + this.name, scene);
         this._titleBar = CreateBox("titleBar_" + this.name, { size: 1 }, scene);
         this._titleBarTitle = CreatePlane("titleText_" + this.name, { size: 1 }, scene);
         this._titleBarTitle.parent = node;
         this._titleBarTitle.isPickable = false;
-        var adt = AdvancedDynamicTexture.CreateForMesh(this._titleBarTitle);
+        const adt = AdvancedDynamicTexture.CreateForMesh(this._titleBarTitle);
         this._titleTextComponent = new TextBlock("titleText_" + this.name, this._titleText);
         this._titleTextComponent.textWrapping = TextWrapping.Ellipsis;
         this._titleTextComponent.textHorizontalAlignment = Control.HORIZONTAL_ALIGNMENT_LEFT;
@@ -254,12 +229,12 @@ var HolographicSlate = /** @class */ (function (_super) {
         this._titleTextComponent.paddingLeft = HolographicSlate._DEFAULT_TEXT_RESOLUTION_Y / 4;
         adt.addControl(this._titleTextComponent);
         if (scene.useRightHandedSystem) {
-            var faceUV = new Vector4(0, 0, 1, 1);
+            const faceUV = new Vector4(0, 0, 1, 1);
             this._contentPlate = CreatePlane("contentPlate_" + this.name, { size: 1, sideOrientation: VertexData.BACKSIDE, frontUVs: faceUV }, scene);
             this._backPlate = CreatePlane("backPlate_" + this.name, { size: 1, sideOrientation: VertexData.FRONTSIDE }, scene);
         }
         else {
-            var faceUV = new Vector4(0, 0, 1, 1);
+            const faceUV = new Vector4(0, 0, 1, 1);
             this._contentPlate = CreatePlane("contentPlate_" + this.name, { size: 1, sideOrientation: VertexData.FRONTSIDE, frontUVs: faceUV }, scene);
             this._backPlate = CreatePlane("backPlate_" + this.name, { size: 1, sideOrientation: VertexData.BACKSIDE }, scene);
         }
@@ -270,8 +245,8 @@ var HolographicSlate = /** @class */ (function (_super) {
         this._attachContentPlateBehavior();
         this._addControl(this._followButton);
         this._addControl(this._closeButton);
-        var followButton = this._followButton;
-        var closeButton = this._closeButton;
+        const followButton = this._followButton;
+        const closeButton = this._closeButton;
         followButton.node.parent = node;
         closeButton.node.parent = node;
         this._positionElements();
@@ -279,41 +254,40 @@ var HolographicSlate = /** @class */ (function (_super) {
         this._closeButton.imageUrl = HolographicSlate.ASSETS_BASE_URL + HolographicSlate.CLOSE_ICON_FILENAME;
         this._followButton.isBackplateVisible = false;
         this._closeButton.isBackplateVisible = false;
-        this._followButton.onToggleObservable.add(function (isToggled) {
-            _this._defaultBehavior.followBehaviorEnabled = isToggled;
-            if (_this._defaultBehavior.followBehaviorEnabled) {
-                _this._defaultBehavior.followBehavior.recenter();
+        this._followButton.onToggleObservable.add((isToggled) => {
+            this._defaultBehavior.followBehaviorEnabled = isToggled;
+            if (this._defaultBehavior.followBehaviorEnabled) {
+                this._defaultBehavior.followBehavior.recenter();
             }
         });
-        this._closeButton.onPointerClickObservable.add(function () {
-            _this.dispose();
+        this._closeButton.onPointerClickObservable.add(() => {
+            this.dispose();
         });
         node.rotationQuaternion = Quaternion.Identity();
         node.isVisible = false;
         return node;
-    };
-    HolographicSlate.prototype._attachContentPlateBehavior = function () {
-        var _this = this;
+    }
+    _attachContentPlateBehavior() {
         this._contentDragBehavior.attach(this._contentPlate);
         this._contentDragBehavior.moveAttached = false;
         this._contentDragBehavior.useObjectOrientationForDragging = true;
         this._contentDragBehavior.updateDragPlane = false;
-        var origin = new Vector3();
-        var worldDimensions = new Vector3();
-        var upWorld = new Vector3();
-        var rightWorld = new Vector3();
-        var projectedOffset = new Vector2();
-        var startViewport;
-        var worldMatrix;
-        this._contentDragBehavior.onDragStartObservable.add(function (event) {
-            if (!_this.node) {
+        const origin = new Vector3();
+        const worldDimensions = new Vector3();
+        const upWorld = new Vector3();
+        const rightWorld = new Vector3();
+        const projectedOffset = new Vector2();
+        let startViewport;
+        let worldMatrix;
+        this._contentDragBehavior.onDragStartObservable.add((event) => {
+            if (!this.node) {
                 return;
             }
-            startViewport = _this._contentViewport.clone();
-            worldMatrix = _this.node.computeWorldMatrix(true);
+            startViewport = this._contentViewport.clone();
+            worldMatrix = this.node.computeWorldMatrix(true);
             origin.copyFrom(event.dragPlanePoint);
-            worldDimensions.set(_this.dimensions.x, _this.dimensions.y, Epsilon);
-            worldDimensions.y -= _this.titleBarHeight + _this.titleBarMargin;
+            worldDimensions.set(this.dimensions.x, this.dimensions.y, Epsilon);
+            worldDimensions.y -= this.titleBarHeight + this.titleBarMargin;
             Vector3.TransformNormalToRef(worldDimensions, worldMatrix, worldDimensions);
             upWorld.copyFromFloats(0, 1, 0);
             Vector3.TransformNormalToRef(upWorld, worldMatrix, upWorld);
@@ -324,23 +298,23 @@ var HolographicSlate = /** @class */ (function (_super) {
             rightWorld.normalize();
             rightWorld.scaleInPlace(1 / Vector3.Dot(rightWorld, worldDimensions));
         });
-        var offset = new Vector3();
-        this._contentDragBehavior.onDragObservable.add(function (event) {
+        const offset = new Vector3();
+        this._contentDragBehavior.onDragObservable.add((event) => {
             offset.copyFrom(event.dragPlanePoint);
             offset.subtractInPlace(origin);
             projectedOffset.copyFromFloats(Vector3.Dot(offset, rightWorld), Vector3.Dot(offset, upWorld));
             // By default, content takes full width available and height is cropped to keep aspect ratio
-            _this._contentViewport.x = Scalar.Clamp(startViewport.x - offset.x, 0, 1 - _this._contentViewport.width * _this._contentScaleRatio);
-            _this._contentViewport.y = Scalar.Clamp(startViewport.y - offset.y, 0, 1 - _this._contentViewport.height * _this._contentScaleRatio);
-            _this._applyContentViewport();
+            this._contentViewport.x = Scalar.Clamp(startViewport.x - offset.x, 0, 1 - this._contentViewport.width * this._contentScaleRatio);
+            this._contentViewport.y = Scalar.Clamp(startViewport.y - offset.y, 0, 1 - this._contentViewport.height * this._contentScaleRatio);
+            this._applyContentViewport();
         });
-    };
-    HolographicSlate.prototype._affectMaterial = function (mesh) {
+    }
+    _affectMaterial(mesh) {
         // TODO share materials
-        this._titleBarMaterial = new FluentBackplateMaterial("".concat(this.name, " plateMaterial"), mesh.getScene());
-        this._contentMaterial = new FluentMaterial("".concat(this.name, " contentMaterial"), mesh.getScene());
+        this._titleBarMaterial = new FluentBackplateMaterial(`${this.name} plateMaterial`, mesh.getScene());
+        this._contentMaterial = new FluentMaterial(`${this.name} contentMaterial`, mesh.getScene());
         this._contentMaterial.renderBorders = true;
-        this._backMaterial = new FluentBackplateMaterial("".concat(this.name, " backPlate"), mesh.getScene());
+        this._backMaterial = new FluentBackplateMaterial(`${this.name} backPlate`, mesh.getScene());
         this._backMaterial.lineWidth = Epsilon;
         this._backMaterial.radius = 0.005;
         this._backMaterial.backFaceCulling = true;
@@ -349,56 +323,54 @@ var HolographicSlate = /** @class */ (function (_super) {
         this._backPlate.material = this._backMaterial;
         this._resetContent();
         this._applyContentViewport();
-    };
+    }
     /**
      * @param scene
      * @hidden*
      */
-    HolographicSlate.prototype._prepareNode = function (scene) {
-        var _this = this;
-        _super.prototype._prepareNode.call(this, scene);
+    _prepareNode(scene) {
+        super._prepareNode(scene);
         this._gizmo = new SlateGizmo(this._host.utilityLayer);
         this._gizmo.attachedSlate = this;
         this._defaultBehavior = new DefaultBehavior();
         this._defaultBehavior.attach(this.node, [this._titleBar]);
-        this._defaultBehavior.sixDofDragBehavior.onDragStartObservable.add(function () {
-            _this._followButton.isToggled = false;
+        this._defaultBehavior.sixDofDragBehavior.onDragStartObservable.add(() => {
+            this._followButton.isToggled = false;
         });
-        this._positionChangedObserver = this._defaultBehavior.sixDofDragBehavior.onPositionChangedObservable.add(function () {
-            _this._gizmo.updateBoundingBox();
+        this._positionChangedObserver = this._defaultBehavior.sixDofDragBehavior.onPositionChangedObservable.add(() => {
+            this._gizmo.updateBoundingBox();
         });
         this._updatePivot();
         this.resetDefaultAspectAndPose(false);
-    };
+    }
     /**
      * Resets the aspect and pose of the slate so it is right in front of the active camera, facing towards it.
      * @param resetAspect Should the slate's dimensions/aspect ratio be reset as well
      */
-    HolographicSlate.prototype.resetDefaultAspectAndPose = function (resetAspect) {
-        if (resetAspect === void 0) { resetAspect = true; }
+    resetDefaultAspectAndPose(resetAspect = true) {
         if (!this._host || !this._host.utilityLayer || !this.node) {
             return;
         }
-        var scene = this._host.utilityLayer.utilityLayerScene;
-        var camera = scene.activeCamera;
+        const scene = this._host.utilityLayer.utilityLayerScene;
+        const camera = scene.activeCamera;
         if (camera) {
-            var worldMatrix = camera.getWorldMatrix();
-            var backward = Vector3.TransformNormal(Vector3.Backward(scene.useRightHandedSystem), worldMatrix);
+            const worldMatrix = camera.getWorldMatrix();
+            const backward = Vector3.TransformNormal(Vector3.Backward(scene.useRightHandedSystem), worldMatrix);
             this.origin.setAll(0);
             this._gizmo.updateBoundingBox();
-            var pivot = this.node.getAbsolutePivotPoint();
+            const pivot = this.node.getAbsolutePivotPoint();
             this.node.position.copyFrom(camera.position).subtractInPlace(backward).subtractInPlace(pivot);
             this.node.rotationQuaternion = Quaternion.FromLookDirectionLH(backward, new Vector3(0, 1, 0));
             if (resetAspect) {
                 this.dimensions = this.defaultDimensions;
             }
         }
-    };
+    }
     /**
      * Releases all associated resources
      */
-    HolographicSlate.prototype.dispose = function () {
-        _super.prototype.dispose.call(this);
+    dispose() {
+        super.dispose();
         this._titleBarMaterial.dispose();
         this._contentMaterial.dispose();
         this._titleBar.dispose();
@@ -412,21 +384,19 @@ var HolographicSlate = /** @class */ (function (_super) {
         this._defaultBehavior.detach();
         this._gizmo.dispose();
         this._contentDragBehavior.detach();
-    };
-    /**
-     * Base Url for the assets.
-     */
-    HolographicSlate.ASSETS_BASE_URL = "https://assets.babylonjs.com/meshes/MRTK/";
-    /**
-     * File name for the close icon.
-     */
-    HolographicSlate.CLOSE_ICON_FILENAME = "IconClose.png";
-    /**
-     * File name for the close icon.
-     */
-    HolographicSlate.FOLLOW_ICON_FILENAME = "IconFollowMe.png";
-    HolographicSlate._DEFAULT_TEXT_RESOLUTION_Y = 102.4;
-    return HolographicSlate;
-}(ContentDisplay3D));
-export { HolographicSlate };
+    }
+}
+/**
+ * Base Url for the assets.
+ */
+HolographicSlate.ASSETS_BASE_URL = "https://assets.babylonjs.com/meshes/MRTK/";
+/**
+ * File name for the close icon.
+ */
+HolographicSlate.CLOSE_ICON_FILENAME = "IconClose.png";
+/**
+ * File name for the close icon.
+ */
+HolographicSlate.FOLLOW_ICON_FILENAME = "IconFollowMe.png";
+HolographicSlate._DEFAULT_TEXT_RESOLUTION_Y = 102.4;
 //# sourceMappingURL=holographicSlate.js.map