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

package/3D/controls/slider3D.js

@@ -1,269 +1,269 @@
-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";
-import { CreateBox } from "@babylonjs/core/Meshes/Builders/boxBuilder.js";
-import { PointerDragBehavior } from "@babylonjs/core/Behaviors/Meshes/pointerDragBehavior.js";
-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;
-/**
- * Class used to create a slider in 3D
- */
-var Slider3D = /** @class */ (function (_super) {
-    __extends(Slider3D, _super);
-    /**
-     * 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;
-        /** 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;
-    }
-    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
-    });
-    // Mesh association
-    Slider3D.prototype._createNode = function (scene) {
-        var _this = this;
-        var sliderBackplate = CreateBox("".concat(this.name, "_sliderbackplate"), {
-            width: 1.0,
-            height: 1.0,
-            depth: 1.0,
-        }, scene);
-        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);
-            sliderBackplateModel.visibility = 0;
-            if (_this._sliderBackplateVisible) {
-                sliderBackplateModel.visibility = 1;
-                sliderBackplateModel.name = "".concat(_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;
-                }
-                _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;
-                }
-                _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;
-                }
-                _this._sliderThumb = sliderThumbModel;
-            }
-        });
-        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() });
-        pointerDragBehavior.moveAttached = false;
-        pointerDragBehavior.onDragStartObservable.add(function () {
-            _this._draggedPosition = _this._sliderThumb.position.x;
-        });
-        pointerDragBehavior.onDragObservable.add(function (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;
-        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);
-        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 };
+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";
+import { CreateBox } from "@babylonjs/core/Meshes/Builders/boxBuilder.js";
+import { PointerDragBehavior } from "@babylonjs/core/Behaviors/Meshes/pointerDragBehavior.js";
+import { SceneLoader } from "@babylonjs/core/Loading/sceneLoader.js";
+import { MRDLSliderBarMaterial } from "../materials/mrdl/mrdlSliderBarMaterial";
+import { MRDLSliderThumbMaterial } from "../materials/mrdl/mrdlSliderThumbMaterial";
+import { MRDLBackplateMaterial } from "../materials/mrdl/mrdlBackplateMaterial";
+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;
+/**
+ * Class used to create a slider in 3D
+ */
+var Slider3D = /** @class */ (function (_super) {
+    __extends(Slider3D, _super);
+    /**
+     * 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;
+        /** 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;
+    }
+    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
+    });
+    // Mesh association
+    Slider3D.prototype._createNode = function (scene) {
+        var _this = this;
+        var sliderBackplate = CreateBox("".concat(this.name, "_sliderbackplate"), {
+            width: 1.0,
+            height: 1.0,
+            depth: 1.0,
+        }, scene);
+        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);
+            sliderBackplateModel.visibility = 0;
+            if (_this._sliderBackplateVisible) {
+                sliderBackplateModel.visibility = 1;
+                sliderBackplateModel.name = "".concat(_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;
+                }
+                _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;
+                }
+                _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;
+                }
+                _this._sliderThumb = sliderThumbModel;
+            }
+        });
+        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() });
+        pointerDragBehavior.moveAttached = false;
+        pointerDragBehavior.onDragStartObservable.add(function () {
+            _this._draggedPosition = _this._sliderThumb.position.x;
+        });
+        pointerDragBehavior.onDragObservable.add(function (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;
+        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);
+        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 };
 //# sourceMappingURL=slider3D.js.map

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

@@ -1,17 +1,17 @@
-import { Vector3 } from "@babylonjs/core/Maths/math.vector.js";
-import { float } from "@babylonjs/core/types.js";
-import { VolumeBasedPanel } from "./volumeBasedPanel";
-import { Control3D } from "./control3D";
-/**
- * Class used to create a container panel deployed on the surface of a sphere
- */
-export declare class SpherePanel extends VolumeBasedPanel {
-    private _radius;
-    /**
-     * Gets or sets the radius of the sphere where to project controls (5 by default)
-     */
-    get radius(): float;
-    set radius(value: float);
-    protected _mapGridNode(control: Control3D, nodePosition: Vector3): void;
-    private _sphericalMapping;
-}
+import { Vector3 } from "@babylonjs/core/Maths/math.vector.js";
+import { float } from "@babylonjs/core/types.js";
+import { VolumeBasedPanel } from "./volumeBasedPanel";
+import { Control3D } from "./control3D";
+/**
+ * Class used to create a container panel deployed on the surface of a sphere
+ */
+export declare class SpherePanel extends VolumeBasedPanel {
+    private _radius;
+    /**
+     * Gets or sets the radius of the sphere where to project controls (5 by default)
+     */
+    get radius(): float;
+    set radius(value: float);
+    protected _mapGridNode(control: Control3D, nodePosition: Vector3): void;
+    private _sphericalMapping;
+}