@babylonjs/gui 5.21.0 → 5.23.0

package/3D/controls/scatterPanel.js

@@ -1,4 +1,3 @@
-import { __extends } from "tslib";
 import { Tools } from "@babylonjs/core/Misc/tools.js";
 import { TmpVectors, Vector3 } from "@babylonjs/core/Maths/math.vector.js";
 import { VolumeBasedPanel } from "./volumeBasedPanel.js";
@@ -6,36 +5,29 @@ import { Container3D } from "./container3D.js";
 /**
  * Class used to create a container panel where items get randomized planar mapping
  */
-var ScatterPanel = /** @class */ (function (_super) {
-    __extends(ScatterPanel, _super);
-    function ScatterPanel() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this._iteration = 100.0;
-        return _this;
+export class ScatterPanel extends VolumeBasedPanel {
+    constructor() {
+        super(...arguments);
+        this._iteration = 100.0;
     }
-    Object.defineProperty(ScatterPanel.prototype, "iteration", {
-        /**
-         * Gets or sets the number of iteration to use to scatter the controls (100 by default)
-         */
-        get: function () {
-            return this._iteration;
-        },
-        set: function (value) {
-            var _this = this;
-            if (this._iteration === value) {
-                return;
-            }
-            this._iteration = value;
-            Tools.SetImmediate(function () {
-                _this._arrangeChildren();
-            });
-        },
-        enumerable: false,
-        configurable: true
-    });
-    ScatterPanel.prototype._mapGridNode = function (control, nodePosition) {
-        var mesh = control.mesh;
-        var newPos = this._scatterMapping(nodePosition);
+    /**
+     * Gets or sets the number of iteration to use to scatter the controls (100 by default)
+     */
+    get iteration() {
+        return this._iteration;
+    }
+    set iteration(value) {
+        if (this._iteration === value) {
+            return;
+        }
+        this._iteration = value;
+        Tools.SetImmediate(() => {
+            this._arrangeChildren();
+        });
+    }
+    _mapGridNode(control, nodePosition) {
+        const mesh = control.mesh;
+        const newPos = this._scatterMapping(nodePosition);
         if (!mesh) {
             return;
         }
@@ -50,25 +42,24 @@ var ScatterPanel = /** @class */ (function (_super) {
                 break;
         }
         control.position = newPos;
-    };
-    ScatterPanel.prototype._scatterMapping = function (source) {
+    }
+    _scatterMapping(source) {
         source.x = (1.0 - Math.random() * 2.0) * this._cellWidth;
         source.y = (1.0 - Math.random() * 2.0) * this._cellHeight;
         return source;
-    };
-    ScatterPanel.prototype._finalProcessing = function () {
-        var meshes = [];
-        for (var _i = 0, _a = this._children; _i < _a.length; _i++) {
-            var child = _a[_i];
+    }
+    _finalProcessing() {
+        const meshes = [];
+        for (const child of this._children) {
             if (!child.mesh) {
                 continue;
             }
             meshes.push(child.mesh);
         }
-        for (var count = 0; count < this._iteration; count++) {
-            meshes.sort(function (a, b) {
-                var distance1 = a.position.lengthSquared();
-                var distance2 = b.position.lengthSquared();
+        for (let count = 0; count < this._iteration; count++) {
+            meshes.sort((a, b) => {
+                const distance1 = a.position.lengthSquared();
+                const distance2 = b.position.lengthSquared();
                 if (distance1 < distance2) {
                     return 1;
                 }
@@ -77,20 +68,20 @@ var ScatterPanel = /** @class */ (function (_super) {
                 }
                 return 0;
             });
-            var radiusPaddingSquared = Math.pow(this.margin, 2.0);
-            var cellSize = Math.max(this._cellWidth, this._cellHeight);
-            var difference2D = TmpVectors.Vector2[0];
-            var difference = TmpVectors.Vector3[0];
-            for (var i = 0; i < meshes.length - 1; i++) {
-                for (var j = i + 1; j < meshes.length; j++) {
+            const radiusPaddingSquared = Math.pow(this.margin, 2.0);
+            const cellSize = Math.max(this._cellWidth, this._cellHeight);
+            const difference2D = TmpVectors.Vector2[0];
+            const difference = TmpVectors.Vector3[0];
+            for (let i = 0; i < meshes.length - 1; i++) {
+                for (let j = i + 1; j < meshes.length; j++) {
                     if (i != j) {
                         meshes[j].position.subtractToRef(meshes[i].position, difference);
                         // Ignore Z axis
                         difference2D.x = difference.x;
                         difference2D.y = difference.y;
-                        var combinedRadius = cellSize;
-                        var distance = difference2D.lengthSquared() - radiusPaddingSquared;
-                        var minSeparation = Math.min(distance, radiusPaddingSquared);
+                        const combinedRadius = cellSize;
+                        let distance = difference2D.lengthSquared() - radiusPaddingSquared;
+                        const minSeparation = Math.min(distance, radiusPaddingSquared);
                         distance -= minSeparation;
                         if (distance < Math.pow(combinedRadius, 2.0)) {
                             difference2D.normalize();
@@ -102,8 +93,6 @@ var ScatterPanel = /** @class */ (function (_super) {
                 }
             }
         }
-    };
-    return ScatterPanel;
-}(VolumeBasedPanel));
-export { ScatterPanel };
+    }
+}
 //# sourceMappingURL=scatterPanel.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"scatterPanel.js","sourceRoot":"","sources":["../../../../../../lts/gui/generated/3D/controls/scatterPanel.ts"],"names":[],"mappings":"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","sourcesContent":["import { Tools } from \"core/Misc/tools\";\r\nimport { TmpVectors, Vector3 } from \"core/Maths/math.vector\";\r\nimport type { float } from \"core/types\";\r\n\r\nimport { VolumeBasedPanel } from \"./volumeBasedPanel\";\r\nimport type { Control3D } from \"./control3D\";\r\nimport { Container3D } from \"./container3D\";\r\n\r\n/**\r\n * Class used to create a container panel where items get randomized planar mapping\r\n */\r\nexport class ScatterPanel extends VolumeBasedPanel {\r\n    private _iteration = 100.0;\r\n\r\n    /**\r\n     * Gets or sets the number of iteration to use to scatter the controls (100 by default)\r\n     */\r\n    public get iteration(): float {\r\n        return this._iteration;\r\n    }\r\n\r\n    public set iteration(value: float) {\r\n        if (this._iteration === value) {\r\n            return;\r\n        }\r\n\r\n        this._iteration = value;\r\n\r\n        Tools.SetImmediate(() => {\r\n            this._arrangeChildren();\r\n        });\r\n    }\r\n\r\n    protected _mapGridNode(control: Control3D, nodePosition: Vector3) {\r\n        const mesh = control.mesh;\r\n        const newPos = this._scatterMapping(nodePosition);\r\n\r\n        if (!mesh) {\r\n            return;\r\n        }\r\n\r\n        switch (this.orientation) {\r\n            case Container3D.FACEORIGIN_ORIENTATION:\r\n            case Container3D.FACEFORWARD_ORIENTATION:\r\n                mesh.lookAt(new Vector3(0, 0, 1));\r\n                break;\r\n            case Container3D.FACEFORWARDREVERSED_ORIENTATION:\r\n            case Container3D.FACEORIGINREVERSED_ORIENTATION:\r\n                mesh.lookAt(new Vector3(0, 0, -1));\r\n                break;\r\n        }\r\n\r\n        control.position = newPos;\r\n    }\r\n\r\n    private _scatterMapping(source: Vector3): Vector3 {\r\n        source.x = (1.0 - Math.random() * 2.0) * this._cellWidth;\r\n        source.y = (1.0 - Math.random() * 2.0) * this._cellHeight;\r\n\r\n        return source;\r\n    }\r\n\r\n    protected _finalProcessing() {\r\n        const meshes = [];\r\n        for (const child of this._children) {\r\n            if (!child.mesh) {\r\n                continue;\r\n            }\r\n\r\n            meshes.push(child.mesh);\r\n        }\r\n\r\n        for (let count = 0; count < this._iteration; count++) {\r\n            meshes.sort((a, b) => {\r\n                const distance1 = a.position.lengthSquared();\r\n                const distance2 = b.position.lengthSquared();\r\n\r\n                if (distance1 < distance2) {\r\n                    return 1;\r\n                } else if (distance1 > distance2) {\r\n                    return -1;\r\n                }\r\n\r\n                return 0;\r\n            });\r\n\r\n            const radiusPaddingSquared = Math.pow(this.margin, 2.0);\r\n            const cellSize = Math.max(this._cellWidth, this._cellHeight);\r\n            const difference2D = TmpVectors.Vector2[0];\r\n            const difference = TmpVectors.Vector3[0];\r\n\r\n            for (let i = 0; i < meshes.length - 1; i++) {\r\n                for (let j = i + 1; j < meshes.length; j++) {\r\n                    if (i != j) {\r\n                        meshes[j].position.subtractToRef(meshes[i].position, difference);\r\n\r\n                        // Ignore Z axis\r\n                        difference2D.x = difference.x;\r\n                        difference2D.y = difference.y;\r\n                        const combinedRadius = cellSize;\r\n                        let distance = difference2D.lengthSquared() - radiusPaddingSquared;\r\n                        const minSeparation = Math.min(distance, radiusPaddingSquared);\r\n                        distance -= minSeparation;\r\n\r\n                        if (distance < Math.pow(combinedRadius, 2.0)) {\r\n                            difference2D.normalize();\r\n                            difference.scaleInPlace((combinedRadius - Math.sqrt(distance)) * 0.5);\r\n                            meshes[j].position.addInPlace(difference);\r\n                            meshes[i].position.subtractInPlace(difference);\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n"]}
+{"version":3,"file":"scatterPanel.js","sourceRoot":"","sources":["../../../../../../lts/gui/generated/3D/controls/scatterPanel.ts"],"names":[],"mappings":"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","sourcesContent":["import { Tools } from \"core/Misc/tools\";\r\nimport { TmpVectors, Vector3 } from \"core/Maths/math.vector\";\r\nimport type { float } from \"core/types\";\r\n\r\nimport { VolumeBasedPanel } from \"./volumeBasedPanel\";\r\nimport type { Control3D } from \"./control3D\";\r\nimport { Container3D } from \"./container3D\";\r\n\r\n/**\r\n * Class used to create a container panel where items get randomized planar mapping\r\n */\r\nexport class ScatterPanel extends VolumeBasedPanel {\r\n    private _iteration = 100.0;\r\n\r\n    /**\r\n     * Gets or sets the number of iteration to use to scatter the controls (100 by default)\r\n     */\r\n    public get iteration(): float {\r\n        return this._iteration;\r\n    }\r\n\r\n    public set iteration(value: float) {\r\n        if (this._iteration === value) {\r\n            return;\r\n        }\r\n\r\n        this._iteration = value;\r\n\r\n        Tools.SetImmediate(() => {\r\n            this._arrangeChildren();\r\n        });\r\n    }\r\n\r\n    protected _mapGridNode(control: Control3D, nodePosition: Vector3) {\r\n        const mesh = control.mesh;\r\n        const newPos = this._scatterMapping(nodePosition);\r\n\r\n        if (!mesh) {\r\n            return;\r\n        }\r\n\r\n        switch (this.orientation) {\r\n            case Container3D.FACEORIGIN_ORIENTATION:\r\n            case Container3D.FACEFORWARD_ORIENTATION:\r\n                mesh.lookAt(new Vector3(0, 0, 1));\r\n                break;\r\n            case Container3D.FACEFORWARDREVERSED_ORIENTATION:\r\n            case Container3D.FACEORIGINREVERSED_ORIENTATION:\r\n                mesh.lookAt(new Vector3(0, 0, -1));\r\n                break;\r\n        }\r\n\r\n        control.position = newPos;\r\n    }\r\n\r\n    private _scatterMapping(source: Vector3): Vector3 {\r\n        source.x = (1.0 - Math.random() * 2.0) * this._cellWidth;\r\n        source.y = (1.0 - Math.random() * 2.0) * this._cellHeight;\r\n\r\n        return source;\r\n    }\r\n\r\n    protected _finalProcessing() {\r\n        const meshes = [];\r\n        for (const child of this._children) {\r\n            if (!child.mesh) {\r\n                continue;\r\n            }\r\n\r\n            meshes.push(child.mesh);\r\n        }\r\n\r\n        for (let count = 0; count < this._iteration; count++) {\r\n            meshes.sort((a, b) => {\r\n                const distance1 = a.position.lengthSquared();\r\n                const distance2 = b.position.lengthSquared();\r\n\r\n                if (distance1 < distance2) {\r\n                    return 1;\r\n                } else if (distance1 > distance2) {\r\n                    return -1;\r\n                }\r\n\r\n                return 0;\r\n            });\r\n\r\n            const radiusPaddingSquared = Math.pow(this.margin, 2.0);\r\n            const cellSize = Math.max(this._cellWidth, this._cellHeight);\r\n            const difference2D = TmpVectors.Vector2[0];\r\n            const difference = TmpVectors.Vector3[0];\r\n\r\n            for (let i = 0; i < meshes.length - 1; i++) {\r\n                for (let j = i + 1; j < meshes.length; j++) {\r\n                    if (i != j) {\r\n                        meshes[j].position.subtractToRef(meshes[i].position, difference);\r\n\r\n                        // Ignore Z axis\r\n                        difference2D.x = difference.x;\r\n                        difference2D.y = difference.y;\r\n                        const combinedRadius = cellSize;\r\n                        let distance = difference2D.lengthSquared() - radiusPaddingSquared;\r\n                        const minSeparation = Math.min(distance, radiusPaddingSquared);\r\n                        distance -= minSeparation;\r\n\r\n                        if (distance < Math.pow(combinedRadius, 2.0)) {\r\n                            difference2D.normalize();\r\n                            difference.scaleInPlace((combinedRadius - Math.sqrt(distance)) * 0.5);\r\n                            meshes[j].position.addInPlace(difference);\r\n                            meshes[i].position.subtractInPlace(difference);\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n"]}

package/3D/controls/slider3D.js

@@ -1,4 +1,3 @@
-import { __extends } from "tslib";
 import { Observable } from "@babylonjs/core/Misc/observable.js";
 import { Vector3 } from "@babylonjs/core/Maths/math.vector.js";
 import { Control3D } from "./control3D.js";
@@ -8,175 +7,127 @@ import { SceneLoader } from "@babylonjs/core/Loading/sceneLoader.js";
 import { MRDLSliderBarMaterial } from "../materials/mrdl/mrdlSliderBarMaterial.js";
 import { MRDLSliderThumbMaterial } from "../materials/mrdl/mrdlSliderThumbMaterial.js";
 import { MRDLBackplateMaterial } from "../materials/mrdl/mrdlBackplateMaterial.js";
-var SLIDER_MIN = 0;
-var SLIDER_MAX = 100;
-var SLIDER_VAL = 50;
-var SLIDER_STEP = 0;
-var SLIDER_SCALING = 1.0;
-var SLIDER_MARGIN = 0.2;
+const SLIDER_MIN = 0;
+const SLIDER_MAX = 100;
+const SLIDER_VAL = 50;
+const SLIDER_STEP = 0;
+const SLIDER_SCALING = 1.0;
+const SLIDER_MARGIN = 0.2;
 /**
  * Class used to create a slider in 3D
  */
-var Slider3D = /** @class */ (function (_super) {
-    __extends(Slider3D, _super);
+export class Slider3D extends Control3D {
     /**
      * Creates a new slider
      * @param name defines the control name
      * @param sliderBackplateVisible defines if the control has a backplate, default is false
      */
-    function Slider3D(name, sliderBackplateVisible) {
-        var _this = _super.call(this, name) || this;
+    constructor(name, sliderBackplateVisible) {
+        super(name);
         /** Observable raised when the sldier value changes */
-        _this.onValueChangedObservable = new Observable();
-        _this._sliderBackplateVisible = sliderBackplateVisible || false;
-        _this._minimum = SLIDER_MIN;
-        _this._maximum = SLIDER_MAX;
-        _this._step = SLIDER_STEP;
-        _this._value = SLIDER_VAL;
-        return _this;
+        this.onValueChangedObservable = new Observable();
+        this._sliderBackplateVisible = sliderBackplateVisible || false;
+        this._minimum = SLIDER_MIN;
+        this._maximum = SLIDER_MAX;
+        this._step = SLIDER_STEP;
+        this._value = SLIDER_VAL;
+    }
+    /**
+     * Gets the mesh used to render this control
+     */
+    get mesh() {
+        if (this.node) {
+            return this._sliderThumb;
+        }
+        return null;
+    }
+    /** Gets or sets minimum value */
+    get minimum() {
+        return this._minimum;
+    }
+    set minimum(value) {
+        if (this._minimum === value) {
+            return;
+        }
+        this._minimum = Math.max(value, SLIDER_MIN);
+        this._value = Math.max(Math.min(this._value, this._maximum), this._minimum);
+    }
+    /** Gets or sets maximum value */
+    get maximum() {
+        return this._maximum;
+    }
+    set maximum(value) {
+        if (this._maximum === value) {
+            return;
+        }
+        this._maximum = Math.max(value, this._minimum);
+        this._value = Math.max(Math.min(this._value, this._maximum), this._minimum);
+    }
+    /** Gets or sets step value */
+    get step() {
+        return this._step;
+    }
+    set step(value) {
+        if (this._step === value) {
+            return;
+        }
+        this._step = Math.max(Math.min(value, this._maximum - this._minimum), SLIDER_STEP);
+    }
+    /** Gets or sets current value */
+    get value() {
+        return this._value;
+    }
+    set value(value) {
+        if (this._value === value) {
+            return;
+        }
+        this._value = Math.max(Math.min(value, this._maximum), this._minimum);
+        if (this._sliderThumb) {
+            this._sliderThumb.position.x = this._convertToPosition(this.value);
+        }
+        this.onValueChangedObservable.notifyObservers(this._value);
+    }
+    get start() {
+        if (!this.node) {
+            return -SLIDER_SCALING / 2;
+        }
+        return this._sliderBar.position.x - this._sliderBar.scaling.x / 2;
+    }
+    get end() {
+        if (!this.node) {
+            return SLIDER_SCALING / 2;
+        }
+        return this._sliderBar.position.x + this._sliderBar.scaling.x / 2;
+    }
+    /**
+     * Gets the slider bar material used by this control
+     */
+    get sliderBarMaterial() {
+        return this._sliderBarMaterial;
+    }
+    /**
+     * Gets the slider thumb material used by this control
+     */
+    get sliderThumbMaterial() {
+        return this._sliderThumbMaterial;
+    }
+    /**
+     * Gets the slider backplate material used by this control
+     */
+    get sliderBackplateMaterial() {
+        return this._sliderBackplateMaterial;
+    }
+    /** Sets a boolean indicating if the control is visible */
+    set isVisible(value) {
+        if (this._isVisible === value) {
+            return;
+        }
+        this._isVisible = value;
+        this.node?.setEnabled(value);
     }
-    Object.defineProperty(Slider3D.prototype, "mesh", {
-        /**
-         * Gets the mesh used to render this control
-         */
-        get: function () {
-            if (this.node) {
-                return this._sliderThumb;
-            }
-            return null;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Slider3D.prototype, "minimum", {
-        /** Gets or sets minimum value */
-        get: function () {
-            return this._minimum;
-        },
-        set: function (value) {
-            if (this._minimum === value) {
-                return;
-            }
-            this._minimum = Math.max(value, SLIDER_MIN);
-            this._value = Math.max(Math.min(this._value, this._maximum), this._minimum);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Slider3D.prototype, "maximum", {
-        /** Gets or sets maximum value */
-        get: function () {
-            return this._maximum;
-        },
-        set: function (value) {
-            if (this._maximum === value) {
-                return;
-            }
-            this._maximum = Math.max(value, this._minimum);
-            this._value = Math.max(Math.min(this._value, this._maximum), this._minimum);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Slider3D.prototype, "step", {
-        /** Gets or sets step value */
-        get: function () {
-            return this._step;
-        },
-        set: function (value) {
-            if (this._step === value) {
-                return;
-            }
-            this._step = Math.max(Math.min(value, this._maximum - this._minimum), SLIDER_STEP);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Slider3D.prototype, "value", {
-        /** Gets or sets current value */
-        get: function () {
-            return this._value;
-        },
-        set: function (value) {
-            if (this._value === value) {
-                return;
-            }
-            this._value = Math.max(Math.min(value, this._maximum), this._minimum);
-            if (this._sliderThumb) {
-                this._sliderThumb.position.x = this._convertToPosition(this.value);
-            }
-            this.onValueChangedObservable.notifyObservers(this._value);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Slider3D.prototype, "start", {
-        get: function () {
-            if (!this.node) {
-                return -SLIDER_SCALING / 2;
-            }
-            return this._sliderBar.position.x - this._sliderBar.scaling.x / 2;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Slider3D.prototype, "end", {
-        get: function () {
-            if (!this.node) {
-                return SLIDER_SCALING / 2;
-            }
-            return this._sliderBar.position.x + this._sliderBar.scaling.x / 2;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Slider3D.prototype, "sliderBarMaterial", {
-        /**
-         * Gets the slider bar material used by this control
-         */
-        get: function () {
-            return this._sliderBarMaterial;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Slider3D.prototype, "sliderThumbMaterial", {
-        /**
-         * Gets the slider thumb material used by this control
-         */
-        get: function () {
-            return this._sliderThumbMaterial;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Slider3D.prototype, "sliderBackplateMaterial", {
-        /**
-         * Gets the slider backplate material used by this control
-         */
-        get: function () {
-            return this._sliderBackplateMaterial;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Slider3D.prototype, "isVisible", {
-        /** Sets a boolean indicating if the control is visible */
-        set: function (value) {
-            var _a;
-            if (this._isVisible === value) {
-                return;
-            }
-            this._isVisible = value;
-            (_a = this.node) === null || _a === void 0 ? void 0 : _a.setEnabled(value);
-        },
-        enumerable: false,
-        configurable: true
-    });
     // Mesh association
-    Slider3D.prototype._createNode = function (scene) {
-        var _this = this;
-        var sliderBackplate = CreateBox("".concat(this.name, "_sliderbackplate"), {
+    _createNode(scene) {
+        const sliderBackplate = CreateBox(`${this.name}_sliderbackplate`, {
             width: 1.0,
             height: 1.0,
             depth: 1.0,
@@ -184,103 +135,98 @@ var Slider3D = /** @class */ (function (_super) {
         sliderBackplate.isPickable = false;
         sliderBackplate.visibility = 0;
         sliderBackplate.scaling = new Vector3(1, 0.5, 0.8);
-        SceneLoader.ImportMeshAsync(undefined, Slider3D.MODEL_BASE_URL, Slider3D.MODEL_FILENAME, scene).then(function (result) {
-            var sliderBackplateModel = result.meshes[1];
-            var sliderBarModel = result.meshes[1].clone("".concat(_this.name, "_sliderbar"), sliderBackplate);
-            var sliderThumbModel = result.meshes[1].clone("".concat(_this.name, "_sliderthumb"), sliderBackplate);
+        SceneLoader.ImportMeshAsync(undefined, Slider3D.MODEL_BASE_URL, Slider3D.MODEL_FILENAME, scene).then((result) => {
+            const sliderBackplateModel = result.meshes[1];
+            const sliderBarModel = result.meshes[1].clone(`${this.name}_sliderbar`, sliderBackplate);
+            const sliderThumbModel = result.meshes[1].clone(`${this.name}_sliderthumb`, sliderBackplate);
             sliderBackplateModel.visibility = 0;
-            if (_this._sliderBackplateVisible) {
+            if (this._sliderBackplateVisible) {
                 sliderBackplateModel.visibility = 1;
-                sliderBackplateModel.name = "".concat(_this.name, "_sliderbackplate");
+                sliderBackplateModel.name = `${this.name}_sliderbackplate`;
                 sliderBackplateModel.isPickable = false;
                 sliderBackplateModel.scaling.x = 1;
                 sliderBackplateModel.scaling.z = 0.2;
                 sliderBackplateModel.parent = sliderBackplate;
-                if (_this._sliderBackplateMaterial) {
-                    sliderBackplateModel.material = _this._sliderBackplateMaterial;
+                if (this._sliderBackplateMaterial) {
+                    sliderBackplateModel.material = this._sliderBackplateMaterial;
                 }
-                _this._sliderBackplate = sliderBackplateModel;
+                this._sliderBackplate = sliderBackplateModel;
             }
             if (sliderBarModel) {
                 sliderBarModel.parent = sliderBackplate;
                 sliderBarModel.position.z = -0.1;
                 sliderBarModel.scaling = new Vector3(SLIDER_SCALING - SLIDER_MARGIN, 0.04, 0.3);
                 sliderBarModel.isPickable = false;
-                if (_this._sliderBarMaterial) {
-                    sliderBarModel.material = _this._sliderBarMaterial;
+                if (this._sliderBarMaterial) {
+                    sliderBarModel.material = this._sliderBarMaterial;
                 }
-                _this._sliderBar = sliderBarModel;
+                this._sliderBar = sliderBarModel;
             }
             if (sliderThumbModel) {
                 sliderThumbModel.parent = sliderBackplate;
                 sliderThumbModel.isPickable = true;
                 sliderThumbModel.position.z = -0.115;
                 sliderThumbModel.scaling = new Vector3(0.025, 0.3, 0.6);
-                sliderThumbModel.position.x = _this._convertToPosition(_this.value);
-                sliderThumbModel.addBehavior(_this._createBehavior());
-                if (_this._sliderThumbMaterial) {
-                    sliderThumbModel.material = _this._sliderThumbMaterial;
+                sliderThumbModel.position.x = this._convertToPosition(this.value);
+                sliderThumbModel.addBehavior(this._createBehavior());
+                if (this._sliderThumbMaterial) {
+                    sliderThumbModel.material = this._sliderThumbMaterial;
                 }
-                _this._sliderThumb = sliderThumbModel;
+                this._sliderThumb = sliderThumbModel;
             }
-            _this._injectGUI3DReservedDataStore(sliderBackplate).control = _this;
-            sliderBackplate.getChildMeshes().forEach(function (mesh) {
-                _this._injectGUI3DReservedDataStore(mesh).control = _this;
+            this._injectGUI3DReservedDataStore(sliderBackplate).control = this;
+            sliderBackplate.getChildMeshes().forEach((mesh) => {
+                this._injectGUI3DReservedDataStore(mesh).control = this;
             });
         });
         this._affectMaterial(sliderBackplate);
         return sliderBackplate;
-    };
-    Slider3D.prototype._affectMaterial = function (mesh) {
-        var _a, _b, _c;
-        this._sliderBackplateMaterial = (_a = this._sliderBackplateMaterial) !== null && _a !== void 0 ? _a : new MRDLBackplateMaterial("".concat(this.name, "_sliderbackplate_material"), mesh.getScene());
-        this._sliderBarMaterial = (_b = this._sliderBarMaterial) !== null && _b !== void 0 ? _b : new MRDLSliderBarMaterial("".concat(this.name, "_sliderbar_material"), mesh.getScene());
-        this._sliderThumbMaterial = (_c = this._sliderThumbMaterial) !== null && _c !== void 0 ? _c : new MRDLSliderThumbMaterial("".concat(this.name, "_sliderthumb_material"), mesh.getScene());
-    };
-    Slider3D.prototype._createBehavior = function () {
-        var _this = this;
-        var pointerDragBehavior = new PointerDragBehavior({ dragAxis: Vector3.Right() });
+    }
+    _affectMaterial(mesh) {
+        this._sliderBackplateMaterial = this._sliderBackplateMaterial ?? new MRDLBackplateMaterial(`${this.name}_sliderbackplate_material`, mesh.getScene());
+        this._sliderBarMaterial = this._sliderBarMaterial ?? new MRDLSliderBarMaterial(`${this.name}_sliderbar_material`, mesh.getScene());
+        this._sliderThumbMaterial = this._sliderThumbMaterial ?? new MRDLSliderThumbMaterial(`${this.name}_sliderthumb_material`, mesh.getScene());
+    }
+    _createBehavior() {
+        const pointerDragBehavior = new PointerDragBehavior({ dragAxis: Vector3.Right() });
         pointerDragBehavior.moveAttached = false;
-        pointerDragBehavior.onDragStartObservable.add(function () {
-            _this._draggedPosition = _this._sliderThumb.position.x;
+        pointerDragBehavior.onDragStartObservable.add(() => {
+            this._draggedPosition = this._sliderThumb.position.x;
         });
-        pointerDragBehavior.onDragObservable.add(function (event) {
-            _this._draggedPosition += event.dragDistance / _this.scaling.x;
-            _this.value = _this._convertToValue(_this._draggedPosition);
+        pointerDragBehavior.onDragObservable.add((event) => {
+            this._draggedPosition += event.dragDistance / this.scaling.x;
+            this.value = this._convertToValue(this._draggedPosition);
         });
         return pointerDragBehavior;
-    };
-    Slider3D.prototype._convertToPosition = function (value) {
-        var position = ((value - this.minimum) / (this.maximum - this.minimum)) * (this.end - this.start) + this.start;
+    }
+    _convertToPosition(value) {
+        const position = ((value - this.minimum) / (this.maximum - this.minimum)) * (this.end - this.start) + this.start;
         return Math.min(Math.max(position, this.start), this.end);
-    };
-    Slider3D.prototype._convertToValue = function (position) {
-        var value = ((position - this.start) / (this.end - this.start)) * (this.maximum - this.minimum);
+    }
+    _convertToValue(position) {
+        let value = ((position - this.start) / (this.end - this.start)) * (this.maximum - this.minimum);
         value = this.step ? Math.round(value / this.step) * this.step : value;
         return Math.max(Math.min(this.minimum + value, this._maximum), this._minimum);
-    };
+    }
     /**
      * Releases all associated resources
      */
-    Slider3D.prototype.dispose = function () {
-        var _a, _b, _c, _d, _e, _f;
-        _super.prototype.dispose.call(this);
-        (_a = this._sliderBar) === null || _a === void 0 ? void 0 : _a.dispose();
-        (_b = this._sliderThumb) === null || _b === void 0 ? void 0 : _b.dispose();
-        (_c = this._sliderBarMaterial) === null || _c === void 0 ? void 0 : _c.dispose();
-        (_d = this._sliderThumbMaterial) === null || _d === void 0 ? void 0 : _d.dispose();
-        (_e = this._sliderBackplate) === null || _e === void 0 ? void 0 : _e.dispose();
-        (_f = this._sliderBackplateMaterial) === null || _f === void 0 ? void 0 : _f.dispose();
-    };
-    /**
-     * Base Url for the models.
-     */
-    Slider3D.MODEL_BASE_URL = "https://assets.babylonjs.com/meshes/MRTK/";
-    /**
-     * File name for the 8x4 model.
-     */
-    Slider3D.MODEL_FILENAME = "mrtk-fluent-backplate.glb";
-    return Slider3D;
-}(Control3D));
-export { Slider3D };
+    dispose() {
+        super.dispose();
+        this._sliderBar?.dispose();
+        this._sliderThumb?.dispose();
+        this._sliderBarMaterial?.dispose();
+        this._sliderThumbMaterial?.dispose();
+        this._sliderBackplate?.dispose();
+        this._sliderBackplateMaterial?.dispose();
+    }
+}
+/**
+ * Base Url for the models.
+ */
+Slider3D.MODEL_BASE_URL = "https://assets.babylonjs.com/meshes/MRTK/";
+/**
+ * File name for the 8x4 model.
+ */
+Slider3D.MODEL_FILENAME = "mrtk-fluent-backplate.glb";
 //# sourceMappingURL=slider3D.js.map