@babylonjs/gui 5.21.0 → 5.22.0

package/3D/materials/mrdl/mrdlSliderThumbMaterial.js

@@ -1,4 +1,4 @@
-import { __decorate, __extends } from "tslib";
+import { __decorate } from "@babylonjs/core/tslib.es6.js";
 import { SerializationHelper, serialize } from "@babylonjs/core/Misc/decorators.js";
 import { Vector2, Vector3, Vector4 } from "@babylonjs/core/Maths/math.vector.js";
 import { Texture } from "@babylonjs/core/Materials/Textures/texture.js";
@@ -13,340 +13,335 @@ import { Constants } from "@babylonjs/core/Engines/constants.js";
 import "./shaders/mrdlSliderThumb.fragment.js";
 import "./shaders/mrdlSliderThumb.vertex.js";
 /** @hidden */
-var MRDLSliderThumbMaterialDefines = /** @class */ (function (_super) {
-    __extends(MRDLSliderThumbMaterialDefines, _super);
-    function MRDLSliderThumbMaterialDefines() {
-        var _this = _super.call(this) || this;
+class MRDLSliderThumbMaterialDefines extends MaterialDefines {
+    constructor() {
+        super();
         /*
             "SKY_ENABLED", "BLOB_ENABLE_2", "IRIDESCENCE_ENABLED"
         */
-        _this.SKY_ENABLED = true;
-        _this.BLOB_ENABLE_2 = true;
-        _this.IRIDESCENCE_ENABLED = true;
-        _this._needNormals = true;
-        _this._needUVs = true;
-        _this.rebuild();
-        return _this;
+        this.SKY_ENABLED = true;
+        this.BLOB_ENABLE_2 = true;
+        this.IRIDESCENCE_ENABLED = true;
+        this._needNormals = true;
+        this._needUVs = true;
+        this.rebuild();
     }
-    return MRDLSliderThumbMaterialDefines;
-}(MaterialDefines));
+}
 /**
  * Class used to render Slider Thumb material with MRDL
  */
-var MRDLSliderThumbMaterial = /** @class */ (function (_super) {
-    __extends(MRDLSliderThumbMaterial, _super);
-    function MRDLSliderThumbMaterial(name, scene) {
-        var _this = _super.call(this, name, scene) || this;
+export class MRDLSliderThumbMaterial extends PushMaterial {
+    constructor(name, scene) {
+        super(name, scene);
         /**
          * Gets or sets the corner Radius on the slider thumb.
          */
-        _this.radius = 0.157;
+        this.radius = 0.157;
         /**
          * Gets or sets the Bevel Front on the slider thumb.
          */
-        _this.bevelFront = 0.065;
+        this.bevelFront = 0.065;
         /**
          * Gets or sets the Bevel Front Stretch on the slider thumb.
          */
-        _this.bevelFrontStretch = 0.077;
+        this.bevelFrontStretch = 0.077;
         /**
          * Gets or sets the Bevel Back on the slider thumb.
          */
-        _this.bevelBack = 0.031;
+        this.bevelBack = 0.031;
         /**
          * Gets or sets the Bevel Back Stretch on the slider thumb.
          */
-        _this.bevelBackStretch = 0;
+        this.bevelBackStretch = 0;
         /**
          * Gets or sets the top left Radii Multiplier.
          */
-        _this.radiusTopLeft = 1.0;
+        this.radiusTopLeft = 1.0;
         /**
          * Gets or sets the top left Radii Multiplier.
          */
-        _this.radiusTopRight = 1.0;
+        this.radiusTopRight = 1.0;
         /**
          * Gets or sets the top left Radii Multiplier.
          */
-        _this.radiusBottomLeft = 1.0;
+        this.radiusBottomLeft = 1.0;
         /**
          * Gets or sets the top left Radii Multiplier.
          */
-        _this.radiusBottomRight = 1.0;
+        this.radiusBottomRight = 1.0;
         /**
          * Gets or sets whether Bulge is enabled.
          * Default is false.
          */
-        _this.bulgeEnabled = false;
+        this.bulgeEnabled = false;
         /**
          * Gets or sets the Bulge Height.
          */
-        _this.bulgeHeight = -0.323;
+        this.bulgeHeight = -0.323;
         /**
          * Gets or sets the Bulge Radius.
          */
-        _this.bulgeRadius = 0.73;
+        this.bulgeRadius = 0.73;
         /**
          * Gets or sets the Sun Intensity.
          */
-        _this.sunIntensity = 2;
+        this.sunIntensity = 2;
         /**
          * Gets or sets the Sun Theta.
          */
-        _this.sunTheta = 0.937;
+        this.sunTheta = 0.937;
         /**
          * Gets or sets the Sun Phi.
          */
-        _this.sunPhi = 0.555;
+        this.sunPhi = 0.555;
         /**
          * Gets or sets the Indirect Diffuse.
          */
-        _this.indirectDiffuse = 1;
+        this.indirectDiffuse = 1;
         /**
          * Gets or sets the base albedo.
          */
-        _this.albedo = new Color4(0.0117647, 0.505882, 0.996078, 1);
+        this.albedo = new Color4(0.0117647, 0.505882, 0.996078, 1);
         /**
          * Gets or sets the Specular value.
          */
-        _this.specular = 0;
+        this.specular = 0;
         /**
          * Gets or sets the Shininess value.
          */
-        _this.shininess = 10;
+        this.shininess = 10;
         /**
          * Gets or sets the Sharpness value.
          */
-        _this.sharpness = 0;
+        this.sharpness = 0;
         /**
          * Gets or sets the Subsurface value.
          */
-        _this.subsurface = 0.31;
+        this.subsurface = 0.31;
         /**
          * Gets or sets the left gradient color.
          */
-        _this.leftGradientColor = new Color4(0.0117647, 0.505882, 0.996078, 1);
+        this.leftGradientColor = new Color4(0.0117647, 0.505882, 0.996078, 1);
         /**
          * Gets or sets the right gradient color.
          */
-        _this.rightGradientColor = new Color4(0.0117647, 0.505882, 0.996078, 1);
+        this.rightGradientColor = new Color4(0.0117647, 0.505882, 0.996078, 1);
         /**
          * Gets or sets the reflection value.
          */
-        _this.reflection = 0.749;
+        this.reflection = 0.749;
         /**
          * Gets or sets the front reflect value.
          */
-        _this.frontReflect = 0;
+        this.frontReflect = 0;
         /**
          * Gets or sets the edge reflect value.
          */
-        _this.edgeReflect = 0.09;
+        this.edgeReflect = 0.09;
         /**
          * Gets or sets the power value.
          */
-        _this.power = 8.1;
+        this.power = 8.1;
         /**
          * Gets or sets the sky color.
          */
-        _this.skyColor = new Color4(0.0117647, 0.960784, 0.996078, 1);
+        this.skyColor = new Color4(0.0117647, 0.960784, 0.996078, 1);
         /**
          * Gets or sets the horizon color.
          */
-        _this.horizonColor = new Color4(0.0117647, 0.333333, 0.996078, 1);
+        this.horizonColor = new Color4(0.0117647, 0.333333, 0.996078, 1);
         /**
          * Gets or sets the ground color.
          */
-        _this.groundColor = new Color4(0, 0.254902, 0.996078, 1);
+        this.groundColor = new Color4(0, 0.254902, 0.996078, 1);
         /**
          * Gets or sets the horizon power value.
          */
-        _this.horizonPower = 1;
+        this.horizonPower = 1;
         /**
          * Gets or sets the finger occlusion width value.
          */
-        _this.width = 0.02;
+        this.width = 0.02;
         /**
          * Gets or sets the finger occlusion fuzz value.
          */
-        _this.fuzz = 0.5;
+        this.fuzz = 0.5;
         /**
          * Gets or sets the minimum finger occlusion fuzz value.
          */
-        _this.minFuzz = 0.001;
+        this.minFuzz = 0.001;
         /**
          * Gets or sets the finger occlusion clip fade value.
          */
-        _this.clipFade = 0.01;
+        this.clipFade = 0.01;
         /**
          * Gets or sets the hue shift value.
          */
-        _this.hueShift = 0;
+        this.hueShift = 0;
         /**
          * Gets or sets the saturation shift value.
          */
-        _this.saturationShift = 0;
+        this.saturationShift = 0;
         /**
          * Gets or sets the value shift.
          */
-        _this.valueShift = 0;
+        this.valueShift = 0;
         /**
          * Gets or sets the position of the hover glow effect.
          */
-        _this.blobPosition = new Vector3(0, 0, 0.1);
+        this.blobPosition = new Vector3(0, 0, 0.1);
         /**
          * Gets or sets the intensity of the hover glow effect.
          */
-        _this.blobIntensity = 0.5;
+        this.blobIntensity = 0.5;
         /**
          * Gets or sets the near size of the hover glow effect.
          */
-        _this.blobNearSize = 0.01;
+        this.blobNearSize = 0.01;
         /**
          * Gets or sets the far size of the hover glow effect.
          */
-        _this.blobFarSize = 0.03;
+        this.blobFarSize = 0.03;
         /**
          * Gets or sets the distance considered "near" to the mesh, which controls the size of the hover glow effect (see blobNearSize).
          */
-        _this.blobNearDistance = 0;
+        this.blobNearDistance = 0;
         /**
          * Gets or sets the distance considered "far" from the mesh, which controls the size of the hover glow effect (see blobFarSize).
          */
-        _this.blobFarDistance = 0.08;
+        this.blobFarDistance = 0.08;
         /**
          * Gets or sets the length of the hover glow effect fade.
          */
-        _this.blobFadeLength = 0.576;
+        this.blobFadeLength = 0.576;
         /**
          * Gets or sets the progress of the hover glow effect selection animation corresponding to the left pointer (0.0 - 1.0).
          */
-        _this.blobPulse = 0;
+        this.blobPulse = 0;
         /**
          * Gets or sets the opacity of the hover glow effect corresponding to the left pointer (0.0 - 1.0). Default is 0.
          */
-        _this.blobFade = 1;
+        this.blobFade = 1;
         /**
          * Gets or sets the position of the hover glow effect.
          */
-        _this.blobPosition2 = new Vector3(0.2, 0, 0.1);
+        this.blobPosition2 = new Vector3(0.2, 0, 0.1);
         /**
          * Gets or sets the size of the hover glow effect when the right pointer is considered "near" to the mesh (see blobNearDistance).
          */
-        _this.blobNearSize2 = 0.01;
+        this.blobNearSize2 = 0.01;
         /**
          * Gets or sets the progress of the hover glow effect selection animation corresponding to the right pointer (0.0 - 1.0).
          */
-        _this.blobPulse2 = 0;
+        this.blobPulse2 = 0;
         /**
          * Gets or sets the opacity of the hover glow effect corresponding to the right pointer (0.0 - 1.0). Default is 1.
          */
-        _this.blobFade2 = 1;
+        this.blobFade2 = 1;
         /**
          * Gets or sets the texture of the hover glow effect.
          */
-        _this.blobTexture = new Texture("", _this.getScene());
+        this.blobTexture = new Texture("", this.getScene());
         /**
          * Gets or sets the finger position for left index.
          */
-        _this.leftIndexPosition = new Vector3(0, 0, 1);
+        this.leftIndexPosition = new Vector3(0, 0, 1);
         /**
          * Gets or sets the finger position for right index.
          */
-        _this.rightIndexPosition = new Vector3(-1, -1, -1);
+        this.rightIndexPosition = new Vector3(-1, -1, -1);
         /**
          * Gets or sets the finger position for left index middle position.
          */
-        _this.leftIndexMiddlePosition = new Vector3(0, 0, 0);
+        this.leftIndexMiddlePosition = new Vector3(0, 0, 0);
         /**
          * Gets or sets the finger position for right index middle position.
          */
-        _this.rightIndexMiddlePosition = new Vector3(0, 0, 0);
+        this.rightIndexMiddlePosition = new Vector3(0, 0, 0);
         /**
          * Gets or sets the Decal Scale for XY.
          */
-        _this.decalScaleXY = new Vector2(1.5, 1.5);
+        this.decalScaleXY = new Vector2(1.5, 1.5);
         /**
          * Gets or sets decalFrontOnly
          * Default is true
          */
-        _this.decalFrontOnly = true;
+        this.decalFrontOnly = true;
         /**
          * Gets or sets the Rim Light intensity.
          */
-        _this.rimIntensity = 0.287;
+        this.rimIntensity = 0.287;
         /**
          * Gets or sets the Rim Light hue shift value.
          */
-        _this.rimHueShift = 0;
+        this.rimHueShift = 0;
         /**
          * Gets or sets the Rim Light saturation shift value.
          */
-        _this.rimSaturationShift = 0;
+        this.rimSaturationShift = 0;
         /**
          * Gets or sets the Rim Light value shift.
          */
-        _this.rimValueShift = -1;
+        this.rimValueShift = -1;
         /**
          * Gets or sets the intensity of the iridescence effect.
          */
-        _this.iridescenceIntensity = 0;
+        this.iridescenceIntensity = 0;
         /**
          * @hidden
          */
-        _this.useGlobalLeftIndex = 1.0;
+        this.useGlobalLeftIndex = 1.0;
         /**
          * @hidden
          */
-        _this.useGlobalRightIndex = 1.0;
+        this.useGlobalRightIndex = 1.0;
         /**
          * @hidden
          */
-        _this.globalLeftIndexTipProximity = 0.0;
+        this.globalLeftIndexTipProximity = 0.0;
         /**
          * @hidden
          */
-        _this.globalRightIndexTipProximity = 0.0;
+        this.globalRightIndexTipProximity = 0.0;
         /**
          * @hidden
          */
-        _this.globalLeftIndexTipPosition = new Vector4(0.5, 0.0, -0.55, 1.0);
+        this.globalLeftIndexTipPosition = new Vector4(0.5, 0.0, -0.55, 1.0);
         /**
          * @hidden
          */
-        _this.globaRightIndexTipPosition = new Vector4(0.0, 0.0, 0.0, 1.0);
+        this.globaRightIndexTipPosition = new Vector4(0.0, 0.0, 0.0, 1.0);
         /**
          * @hidden
          */
-        _this.globalLeftThumbTipPosition = new Vector4(0.5, 0.0, -0.55, 1.0);
+        this.globalLeftThumbTipPosition = new Vector4(0.5, 0.0, -0.55, 1.0);
         /**
          * @hidden
          */
-        _this.globalRightThumbTipPosition = new Vector4(0.0, 0.0, 0.0, 1.0);
+        this.globalRightThumbTipPosition = new Vector4(0.0, 0.0, 0.0, 1.0);
         /**
          * @hidden
          */
-        _this.globalLeftIndexMiddlePosition = new Vector4(0.5, 0.0, -0.55, 1.0);
+        this.globalLeftIndexMiddlePosition = new Vector4(0.5, 0.0, -0.55, 1.0);
         /**
          * @hidden
          */
-        _this.globalRightIndexMiddlePosition = new Vector4(0.0, 0.0, 0.0, 1.0);
-        _this.alphaMode = Constants.ALPHA_DISABLE;
-        _this.backFaceCulling = false;
-        _this._blueGradientTexture = new Texture(MRDLSliderThumbMaterial.BLUE_GRADIENT_TEXTURE_URL, scene, true, false, Texture.NEAREST_SAMPLINGMODE);
-        return _this;
+        this.globalRightIndexMiddlePosition = new Vector4(0.0, 0.0, 0.0, 1.0);
+        this.alphaMode = Constants.ALPHA_DISABLE;
+        this.backFaceCulling = false;
+        this._blueGradientTexture = new Texture(MRDLSliderThumbMaterial.BLUE_GRADIENT_TEXTURE_URL, scene, true, false, Texture.NEAREST_SAMPLINGMODE);
     }
-    MRDLSliderThumbMaterial.prototype.needAlphaBlending = function () {
+    needAlphaBlending() {
         return false;
-    };
-    MRDLSliderThumbMaterial.prototype.needAlphaTesting = function () {
+    }
+    needAlphaTesting() {
         return false;
-    };
-    MRDLSliderThumbMaterial.prototype.getAlphaTestTexture = function () {
+    }
+    getAlphaTestTexture() {
         return null;
-    };
+    }
     // Methods
-    MRDLSliderThumbMaterial.prototype.isReadyForSubMesh = function (mesh, subMesh) {
+    isReadyForSubMesh(mesh, subMesh) {
         if (this.isFrozen) {
             if (subMesh.effect && subMesh.effect._wasPreviouslyReady) {
                 return true;
@@ -355,12 +350,12 @@ var MRDLSliderThumbMaterial = /** @class */ (function (_super) {
         if (!subMesh.materialDefines) {
             subMesh.materialDefines = new MRDLSliderThumbMaterialDefines();
         }
-        var defines = subMesh.materialDefines;
-        var scene = this.getScene();
+        const defines = subMesh.materialDefines;
+        const scene = this.getScene();
         if (this._isReadyForSubMesh(subMesh)) {
             return true;
         }
-        var engine = scene.getEngine();
+        const engine = scene.getEngine();
         // Attribs
         MaterialHelper.PrepareDefinesForAttributes(mesh, defines, false, false);
         // Get correct effect
@@ -368,14 +363,14 @@ var MRDLSliderThumbMaterial = /** @class */ (function (_super) {
             defines.markAsProcessed();
             scene.resetCachedMaterial();
             // Fallbacks
-            var fallbacks = new EffectFallbacks();
+            const fallbacks = new EffectFallbacks();
             if (defines.FOG) {
                 fallbacks.addFallback(1, "FOG");
             }
             MaterialHelper.HandleFallbacksForShadows(defines, fallbacks);
             defines.IMAGEPROCESSINGPOSTPROCESS = scene.imageProcessingConfiguration.applyByPostProcess;
             //Attributes
-            var attribs = [VertexBuffer.PositionKind];
+            const attribs = [VertexBuffer.PositionKind];
             if (defines.NORMAL) {
                 attribs.push(VertexBuffer.NormalKind);
             }
@@ -393,9 +388,9 @@ var MRDLSliderThumbMaterial = /** @class */ (function (_super) {
             }
             MaterialHelper.PrepareAttributesForInstances(attribs, defines);
             // Legacy browser patch
-            var shaderName = "mrdlSliderThumb";
-            var join = defines.toString();
-            var uniforms = [
+            const shaderName = "mrdlSliderThumb";
+            const join = defines.toString();
+            const uniforms = [
                 "world",
                 "viewProjection",
                 "cameraPosition",
@@ -478,8 +473,8 @@ var MRDLSliderThumbMaterial = /** @class */ (function (_super) {
                 "Global_Left_Index_Tip_Proximity",
                 "Global_Right_Index_Tip_Proximity",
             ];
-            var samplers = ["_Rim_Texture_", "_Iridescence_Texture_"];
-            var uniformBuffers = new Array();
+            const samplers = ["_Rim_Texture_", "_Iridescence_Texture_"];
+            const uniformBuffers = new Array();
             MaterialHelper.PrepareUniformsAndSamplersList({
                 uniformsNames: uniforms,
                 uniformBuffersNames: uniformBuffers,
@@ -505,13 +500,13 @@ var MRDLSliderThumbMaterial = /** @class */ (function (_super) {
         defines._renderId = scene.getRenderId();
         subMesh.effect._wasPreviouslyReady = true;
         return true;
-    };
-    MRDLSliderThumbMaterial.prototype.bindForSubMesh = function (world, mesh, subMesh) {
-        var defines = subMesh.materialDefines;
+    }
+    bindForSubMesh(world, mesh, subMesh) {
+        const defines = subMesh.materialDefines;
         if (!defines) {
             return;
         }
-        var effect = subMesh.effect;
+        const effect = subMesh.effect;
         if (!effect) {
             return;
         }
@@ -625,228 +620,225 @@ var MRDLSliderThumbMaterial = /** @class */ (function (_super) {
         this._activeEffect.setFloat("Global_Left_Index_Tip_Proximity", this.globalLeftIndexTipProximity);
         this._activeEffect.setFloat("Global_Right_Index_Tip_Proximity", this.globalRightIndexTipProximity);
         this._afterBind(mesh, this._activeEffect);
-    };
+    }
     /**
      * Get the list of animatables in the material.
      * @returns the list of animatables object used in the material
      */
-    MRDLSliderThumbMaterial.prototype.getAnimatables = function () {
+    getAnimatables() {
         return [];
-    };
-    MRDLSliderThumbMaterial.prototype.dispose = function (forceDisposeEffect) {
-        _super.prototype.dispose.call(this, forceDisposeEffect);
-    };
-    MRDLSliderThumbMaterial.prototype.clone = function (name) {
-        var _this = this;
-        return SerializationHelper.Clone(function () { return new MRDLSliderThumbMaterial(name, _this.getScene()); }, this);
-    };
-    MRDLSliderThumbMaterial.prototype.serialize = function () {
-        var serializationObject = _super.prototype.serialize.call(this);
+    }
+    dispose(forceDisposeEffect) {
+        super.dispose(forceDisposeEffect);
+    }
+    clone(name) {
+        return SerializationHelper.Clone(() => new MRDLSliderThumbMaterial(name, this.getScene()), this);
+    }
+    serialize() {
+        const serializationObject = super.serialize();
         serializationObject.customType = "BABYLON.MRDLSliderThumbMaterial";
         return serializationObject;
-    };
-    MRDLSliderThumbMaterial.prototype.getClassName = function () {
+    }
+    getClassName() {
         return "MRDLSliderThumbMaterial";
-    };
+    }
     // Statics
-    MRDLSliderThumbMaterial.Parse = function (source, scene, rootUrl) {
-        return SerializationHelper.Parse(function () { return new MRDLSliderThumbMaterial(source.name, scene); }, source, scene, rootUrl);
-    };
-    /**
-     * URL pointing to the texture used to define the coloring for the Iridescent Map effect.
-     */
-    MRDLSliderThumbMaterial.BLUE_GRADIENT_TEXTURE_URL = "https://assets.babylonjs.com/meshes/MRTK/MRDL/mrtk-mrdl-blue-gradient.png";
-    __decorate([
-        serialize()
-    ], MRDLSliderThumbMaterial.prototype, "radius", void 0);
-    __decorate([
-        serialize()
-    ], MRDLSliderThumbMaterial.prototype, "bevelFront", void 0);
-    __decorate([
-        serialize()
-    ], MRDLSliderThumbMaterial.prototype, "bevelFrontStretch", void 0);
-    __decorate([
-        serialize()
-    ], MRDLSliderThumbMaterial.prototype, "bevelBack", void 0);
-    __decorate([
-        serialize()
-    ], MRDLSliderThumbMaterial.prototype, "bevelBackStretch", void 0);
-    __decorate([
-        serialize()
-    ], MRDLSliderThumbMaterial.prototype, "radiusTopLeft", void 0);
-    __decorate([
-        serialize()
-    ], MRDLSliderThumbMaterial.prototype, "radiusTopRight", void 0);
-    __decorate([
-        serialize()
-    ], MRDLSliderThumbMaterial.prototype, "radiusBottomLeft", void 0);
-    __decorate([
-        serialize()
-    ], MRDLSliderThumbMaterial.prototype, "radiusBottomRight", void 0);
-    __decorate([
-        serialize()
-    ], MRDLSliderThumbMaterial.prototype, "bulgeEnabled", void 0);
-    __decorate([
-        serialize()
-    ], MRDLSliderThumbMaterial.prototype, "bulgeHeight", void 0);
-    __decorate([
-        serialize()
-    ], MRDLSliderThumbMaterial.prototype, "bulgeRadius", void 0);
-    __decorate([
-        serialize()
-    ], MRDLSliderThumbMaterial.prototype, "sunIntensity", void 0);
-    __decorate([
-        serialize()
-    ], MRDLSliderThumbMaterial.prototype, "sunTheta", void 0);
-    __decorate([
-        serialize()
-    ], MRDLSliderThumbMaterial.prototype, "sunPhi", void 0);
-    __decorate([
-        serialize()
-    ], MRDLSliderThumbMaterial.prototype, "indirectDiffuse", void 0);
-    __decorate([
-        serialize()
-    ], MRDLSliderThumbMaterial.prototype, "albedo", void 0);
-    __decorate([
-        serialize()
-    ], MRDLSliderThumbMaterial.prototype, "specular", void 0);
-    __decorate([
-        serialize()
-    ], MRDLSliderThumbMaterial.prototype, "shininess", void 0);
-    __decorate([
-        serialize()
-    ], MRDLSliderThumbMaterial.prototype, "sharpness", void 0);
-    __decorate([
-        serialize()
-    ], MRDLSliderThumbMaterial.prototype, "subsurface", void 0);
-    __decorate([
-        serialize()
-    ], MRDLSliderThumbMaterial.prototype, "leftGradientColor", void 0);
-    __decorate([
-        serialize()
-    ], MRDLSliderThumbMaterial.prototype, "rightGradientColor", void 0);
-    __decorate([
-        serialize()
-    ], MRDLSliderThumbMaterial.prototype, "reflection", void 0);
-    __decorate([
-        serialize()
-    ], MRDLSliderThumbMaterial.prototype, "frontReflect", void 0);
-    __decorate([
-        serialize()
-    ], MRDLSliderThumbMaterial.prototype, "edgeReflect", void 0);
-    __decorate([
-        serialize()
-    ], MRDLSliderThumbMaterial.prototype, "power", void 0);
-    __decorate([
-        serialize()
-    ], MRDLSliderThumbMaterial.prototype, "skyColor", void 0);
-    __decorate([
-        serialize()
-    ], MRDLSliderThumbMaterial.prototype, "horizonColor", void 0);
-    __decorate([
-        serialize()
-    ], MRDLSliderThumbMaterial.prototype, "groundColor", void 0);
-    __decorate([
-        serialize()
-    ], MRDLSliderThumbMaterial.prototype, "horizonPower", void 0);
-    __decorate([
-        serialize()
-    ], MRDLSliderThumbMaterial.prototype, "width", void 0);
-    __decorate([
-        serialize()
-    ], MRDLSliderThumbMaterial.prototype, "fuzz", void 0);
-    __decorate([
-        serialize()
-    ], MRDLSliderThumbMaterial.prototype, "minFuzz", void 0);
-    __decorate([
-        serialize()
-    ], MRDLSliderThumbMaterial.prototype, "clipFade", void 0);
-    __decorate([
-        serialize()
-    ], MRDLSliderThumbMaterial.prototype, "hueShift", void 0);
-    __decorate([
-        serialize()
-    ], MRDLSliderThumbMaterial.prototype, "saturationShift", void 0);
-    __decorate([
-        serialize()
-    ], MRDLSliderThumbMaterial.prototype, "valueShift", void 0);
-    __decorate([
-        serialize()
-    ], MRDLSliderThumbMaterial.prototype, "blobPosition", void 0);
-    __decorate([
-        serialize()
-    ], MRDLSliderThumbMaterial.prototype, "blobIntensity", void 0);
-    __decorate([
-        serialize()
-    ], MRDLSliderThumbMaterial.prototype, "blobNearSize", void 0);
-    __decorate([
-        serialize()
-    ], MRDLSliderThumbMaterial.prototype, "blobFarSize", void 0);
-    __decorate([
-        serialize()
-    ], MRDLSliderThumbMaterial.prototype, "blobNearDistance", void 0);
-    __decorate([
-        serialize()
-    ], MRDLSliderThumbMaterial.prototype, "blobFarDistance", void 0);
-    __decorate([
-        serialize()
-    ], MRDLSliderThumbMaterial.prototype, "blobFadeLength", void 0);
-    __decorate([
-        serialize()
-    ], MRDLSliderThumbMaterial.prototype, "blobPulse", void 0);
-    __decorate([
-        serialize()
-    ], MRDLSliderThumbMaterial.prototype, "blobFade", void 0);
-    __decorate([
-        serialize()
-    ], MRDLSliderThumbMaterial.prototype, "blobPosition2", void 0);
-    __decorate([
-        serialize()
-    ], MRDLSliderThumbMaterial.prototype, "blobNearSize2", void 0);
-    __decorate([
-        serialize()
-    ], MRDLSliderThumbMaterial.prototype, "blobPulse2", void 0);
-    __decorate([
-        serialize()
-    ], MRDLSliderThumbMaterial.prototype, "blobFade2", void 0);
-    __decorate([
-        serialize()
-    ], MRDLSliderThumbMaterial.prototype, "blobTexture", void 0);
-    __decorate([
-        serialize()
-    ], MRDLSliderThumbMaterial.prototype, "leftIndexPosition", void 0);
-    __decorate([
-        serialize()
-    ], MRDLSliderThumbMaterial.prototype, "rightIndexPosition", void 0);
-    __decorate([
-        serialize()
-    ], MRDLSliderThumbMaterial.prototype, "leftIndexMiddlePosition", void 0);
-    __decorate([
-        serialize()
-    ], MRDLSliderThumbMaterial.prototype, "rightIndexMiddlePosition", void 0);
-    __decorate([
-        serialize()
-    ], MRDLSliderThumbMaterial.prototype, "decalScaleXY", void 0);
-    __decorate([
-        serialize()
-    ], MRDLSliderThumbMaterial.prototype, "decalFrontOnly", void 0);
-    __decorate([
-        serialize()
-    ], MRDLSliderThumbMaterial.prototype, "rimIntensity", void 0);
-    __decorate([
-        serialize()
-    ], MRDLSliderThumbMaterial.prototype, "rimHueShift", void 0);
-    __decorate([
-        serialize()
-    ], MRDLSliderThumbMaterial.prototype, "rimSaturationShift", void 0);
-    __decorate([
-        serialize()
-    ], MRDLSliderThumbMaterial.prototype, "rimValueShift", void 0);
-    __decorate([
-        serialize()
-    ], MRDLSliderThumbMaterial.prototype, "iridescenceIntensity", void 0);
-    return MRDLSliderThumbMaterial;
-}(PushMaterial));
-export { MRDLSliderThumbMaterial };
+    static Parse(source, scene, rootUrl) {
+        return SerializationHelper.Parse(() => new MRDLSliderThumbMaterial(source.name, scene), source, scene, rootUrl);
+    }
+}
+/**
+ * URL pointing to the texture used to define the coloring for the Iridescent Map effect.
+ */
+MRDLSliderThumbMaterial.BLUE_GRADIENT_TEXTURE_URL = "https://assets.babylonjs.com/meshes/MRTK/MRDL/mrtk-mrdl-blue-gradient.png";
+__decorate([
+    serialize()
+], MRDLSliderThumbMaterial.prototype, "radius", void 0);
+__decorate([
+    serialize()
+], MRDLSliderThumbMaterial.prototype, "bevelFront", void 0);
+__decorate([
+    serialize()
+], MRDLSliderThumbMaterial.prototype, "bevelFrontStretch", void 0);
+__decorate([
+    serialize()
+], MRDLSliderThumbMaterial.prototype, "bevelBack", void 0);
+__decorate([
+    serialize()
+], MRDLSliderThumbMaterial.prototype, "bevelBackStretch", void 0);
+__decorate([
+    serialize()
+], MRDLSliderThumbMaterial.prototype, "radiusTopLeft", void 0);
+__decorate([
+    serialize()
+], MRDLSliderThumbMaterial.prototype, "radiusTopRight", void 0);
+__decorate([
+    serialize()
+], MRDLSliderThumbMaterial.prototype, "radiusBottomLeft", void 0);
+__decorate([
+    serialize()
+], MRDLSliderThumbMaterial.prototype, "radiusBottomRight", void 0);
+__decorate([
+    serialize()
+], MRDLSliderThumbMaterial.prototype, "bulgeEnabled", void 0);
+__decorate([
+    serialize()
+], MRDLSliderThumbMaterial.prototype, "bulgeHeight", void 0);
+__decorate([
+    serialize()
+], MRDLSliderThumbMaterial.prototype, "bulgeRadius", void 0);
+__decorate([
+    serialize()
+], MRDLSliderThumbMaterial.prototype, "sunIntensity", void 0);
+__decorate([
+    serialize()
+], MRDLSliderThumbMaterial.prototype, "sunTheta", void 0);
+__decorate([
+    serialize()
+], MRDLSliderThumbMaterial.prototype, "sunPhi", void 0);
+__decorate([
+    serialize()
+], MRDLSliderThumbMaterial.prototype, "indirectDiffuse", void 0);
+__decorate([
+    serialize()
+], MRDLSliderThumbMaterial.prototype, "albedo", void 0);
+__decorate([
+    serialize()
+], MRDLSliderThumbMaterial.prototype, "specular", void 0);
+__decorate([
+    serialize()
+], MRDLSliderThumbMaterial.prototype, "shininess", void 0);
+__decorate([
+    serialize()
+], MRDLSliderThumbMaterial.prototype, "sharpness", void 0);
+__decorate([
+    serialize()
+], MRDLSliderThumbMaterial.prototype, "subsurface", void 0);
+__decorate([
+    serialize()
+], MRDLSliderThumbMaterial.prototype, "leftGradientColor", void 0);
+__decorate([
+    serialize()
+], MRDLSliderThumbMaterial.prototype, "rightGradientColor", void 0);
+__decorate([
+    serialize()
+], MRDLSliderThumbMaterial.prototype, "reflection", void 0);
+__decorate([
+    serialize()
+], MRDLSliderThumbMaterial.prototype, "frontReflect", void 0);
+__decorate([
+    serialize()
+], MRDLSliderThumbMaterial.prototype, "edgeReflect", void 0);
+__decorate([
+    serialize()
+], MRDLSliderThumbMaterial.prototype, "power", void 0);
+__decorate([
+    serialize()
+], MRDLSliderThumbMaterial.prototype, "skyColor", void 0);
+__decorate([
+    serialize()
+], MRDLSliderThumbMaterial.prototype, "horizonColor", void 0);
+__decorate([
+    serialize()
+], MRDLSliderThumbMaterial.prototype, "groundColor", void 0);
+__decorate([
+    serialize()
+], MRDLSliderThumbMaterial.prototype, "horizonPower", void 0);
+__decorate([
+    serialize()
+], MRDLSliderThumbMaterial.prototype, "width", void 0);
+__decorate([
+    serialize()
+], MRDLSliderThumbMaterial.prototype, "fuzz", void 0);
+__decorate([
+    serialize()
+], MRDLSliderThumbMaterial.prototype, "minFuzz", void 0);
+__decorate([
+    serialize()
+], MRDLSliderThumbMaterial.prototype, "clipFade", void 0);
+__decorate([
+    serialize()
+], MRDLSliderThumbMaterial.prototype, "hueShift", void 0);
+__decorate([
+    serialize()
+], MRDLSliderThumbMaterial.prototype, "saturationShift", void 0);
+__decorate([
+    serialize()
+], MRDLSliderThumbMaterial.prototype, "valueShift", void 0);
+__decorate([
+    serialize()
+], MRDLSliderThumbMaterial.prototype, "blobPosition", void 0);
+__decorate([
+    serialize()
+], MRDLSliderThumbMaterial.prototype, "blobIntensity", void 0);
+__decorate([
+    serialize()
+], MRDLSliderThumbMaterial.prototype, "blobNearSize", void 0);
+__decorate([
+    serialize()
+], MRDLSliderThumbMaterial.prototype, "blobFarSize", void 0);
+__decorate([
+    serialize()
+], MRDLSliderThumbMaterial.prototype, "blobNearDistance", void 0);
+__decorate([
+    serialize()
+], MRDLSliderThumbMaterial.prototype, "blobFarDistance", void 0);
+__decorate([
+    serialize()
+], MRDLSliderThumbMaterial.prototype, "blobFadeLength", void 0);
+__decorate([
+    serialize()
+], MRDLSliderThumbMaterial.prototype, "blobPulse", void 0);
+__decorate([
+    serialize()
+], MRDLSliderThumbMaterial.prototype, "blobFade", void 0);
+__decorate([
+    serialize()
+], MRDLSliderThumbMaterial.prototype, "blobPosition2", void 0);
+__decorate([
+    serialize()
+], MRDLSliderThumbMaterial.prototype, "blobNearSize2", void 0);
+__decorate([
+    serialize()
+], MRDLSliderThumbMaterial.prototype, "blobPulse2", void 0);
+__decorate([
+    serialize()
+], MRDLSliderThumbMaterial.prototype, "blobFade2", void 0);
+__decorate([
+    serialize()
+], MRDLSliderThumbMaterial.prototype, "blobTexture", void 0);
+__decorate([
+    serialize()
+], MRDLSliderThumbMaterial.prototype, "leftIndexPosition", void 0);
+__decorate([
+    serialize()
+], MRDLSliderThumbMaterial.prototype, "rightIndexPosition", void 0);
+__decorate([
+    serialize()
+], MRDLSliderThumbMaterial.prototype, "leftIndexMiddlePosition", void 0);
+__decorate([
+    serialize()
+], MRDLSliderThumbMaterial.prototype, "rightIndexMiddlePosition", void 0);
+__decorate([
+    serialize()
+], MRDLSliderThumbMaterial.prototype, "decalScaleXY", void 0);
+__decorate([
+    serialize()
+], MRDLSliderThumbMaterial.prototype, "decalFrontOnly", void 0);
+__decorate([
+    serialize()
+], MRDLSliderThumbMaterial.prototype, "rimIntensity", void 0);
+__decorate([
+    serialize()
+], MRDLSliderThumbMaterial.prototype, "rimHueShift", void 0);
+__decorate([
+    serialize()
+], MRDLSliderThumbMaterial.prototype, "rimSaturationShift", void 0);
+__decorate([
+    serialize()
+], MRDLSliderThumbMaterial.prototype, "rimValueShift", void 0);
+__decorate([
+    serialize()
+], MRDLSliderThumbMaterial.prototype, "iridescenceIntensity", void 0);
 RegisterClass("BABYLON.GUI.MRDLSliderThumbMaterial", MRDLSliderThumbMaterial);
 //# sourceMappingURL=mrdlSliderThumbMaterial.js.map