@babylonjs/gui 5.0.0-rc.0 → 5.0.0-rc.11

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

@@ -1,410 +1,437 @@
-import { __decorate, __extends } from "tslib";
-import { SerializationHelper, serialize } from "@babylonjs/core/Misc/decorators.js";
-import { Vector4 } from "@babylonjs/core/Maths/math.vector.js";
-import { Texture } from "@babylonjs/core/Materials/Textures/texture.js";
-import { MaterialDefines } from "@babylonjs/core/Materials/materialDefines.js";
-import { MaterialHelper } from "@babylonjs/core/Materials/materialHelper.js";
-import { PushMaterial } from "@babylonjs/core/Materials/pushMaterial.js";
-import { VertexBuffer } from "@babylonjs/core/Buffers/buffer.js";
-import { RegisterClass } from "@babylonjs/core/Misc/typeStore.js";
-import { Color4 } from "@babylonjs/core/Maths/math.color.js";
-import { EffectFallbacks } from "@babylonjs/core/Materials/effectFallbacks.js";
-import { Constants } from "@babylonjs/core/Engines/constants.js";
-import "./shaders/mrdlBackplate.fragment.js";
-import "./shaders/mrdlBackplate.vertex.js";
-/** @hidden */
-var MRDLBackplateMaterialDefines = /** @class */ (function (_super) {
-    __extends(MRDLBackplateMaterialDefines, _super);
-    function MRDLBackplateMaterialDefines() {
-        var _this = _super.call(this) || this;
-        /*
-            "IRIDESCENCE_ENABLE", "SMOOTH_EDGES"
-        */
-        _this.IRIDESCENCE_ENABLED = true;
-        _this.SMOOTH_EDGES = true;
-        _this._needNormals = true;
-        _this.rebuild();
-        return _this;
-    }
-    return MRDLBackplateMaterialDefines;
-}(MaterialDefines));
-/**
- * Class used to render backplate material with MRDL
- */
-var MRDLBackplateMaterial = /** @class */ (function (_super) {
-    __extends(MRDLBackplateMaterial, _super);
-    function MRDLBackplateMaterial(name, scene) {
-        var _this = _super.call(this, name, scene) || this;
-        /**
-        * Gets or sets the corner radius on the backplate. If this value is changed, update the lineWidth to match.
-        */
-        _this.radius = 0.3;
-        /**
-         * Gets or sets the line width of the backplate.
-         */
-        _this.lineWidth = 0.003;
-        /**
-         * Gets or sets whether to use absolute sizes when calculating effects on the backplate.
-         * Since desktop and VR/AR have different relative sizes, it's usually best to keep this false.
-         */
-        _this.absoluteSizes = false;
-        /** @hidden */
-        _this._filterWidth = 1;
-        /**
-         * Gets or sets the base color of the backplate.
-         */
-        _this.baseColor = new Color4(0, 0, 0, 1);
-        /**
-         * Gets or sets the line color of the backplate.
-         */
-        _this.lineColor = new Color4(0.2, 0.262745, 0.4, 1);
-        /**
-         * Gets or sets the top left Radii Multiplier.
-         */
-        _this.radiusTopLeft = 1.0;
-        /**
-         * Gets or sets the top left Radii Multiplier.
-         */
-        _this.radiusTopRight = 1.0;
-        /**
-        * Gets or sets the top left Radii Multiplier.
-        */
-        _this.radiusBottomLeft = 1.0;
-        /**
-         * Gets or sets the top left Radii Multiplier.
-         */
-        _this.radiusBottomRight = 1.0;
-        /** @hidden */
-        _this._rate = 0;
-        /**
-         * Gets or sets the color of the highlights on the backplate line.
-         */
-        _this.highlightColor = new Color4(0.239216, 0.435294, 0.827451, 1);
-        /**
-         * Gets or sets the width of the highlights on the backplate line.
-         */
-        _this.highlightWidth = 0;
-        /** @hidden */
-        _this._highlightTransform = new Vector4(1, 1, 0, 0);
-        /** @hidden */
-        _this._highlight = 1;
-        /**
-         * Gets or sets the intensity of the iridescence effect.
-         */
-        _this.iridescenceIntensity = 0.45;
-        /**
-         * Gets or sets the intensity of the iridescence effect on the backplate edges.
-         */
-        _this.iridescenceEdgeIntensity = 1;
-        /**
-         * Gets or sets the Tint of the iridescence effect on the backplate.
-         */
-        _this.iridescenceTint = new Color4(1, 1, 1, 1);
-        /** @hidden */
-        _this._angle = -45;
-        /**
-         * Gets or sets the opacity of the backplate (0.0 - 1.0).
-         */
-        _this.fadeOut = 1;
-        /** @hidden */
-        _this._reflected = true;
-        /** @hidden */
-        _this._frequency = 1;
-        /** @hidden */
-        _this._verticalOffset = 0;
-        /**
-         * Gets or sets the gradient color effect on the backplate.
-         */
-        _this.gradientColor = new Color4(0.74902, 0.74902, 0.74902, 1);
-        /**
-         * Gets or sets the top left gradient color effect on the backplate.
-         */
-        _this.topLeftGradientColor = new Color4(0.00784314, 0.294118, 0.580392, 1);
-        /**
-         * Gets or sets the top right gradient color effect on the backplate.
-         */
-        _this.topRightGradientColor = new Color4(0.305882, 0, 1, 1);
-        /**
-         * Gets or sets the bottom left gradient color effect on the backplate.
-         */
-        _this.bottomLeftGradientColor = new Color4(0.133333, 0.258824, 0.992157, 1);
-        /**
-         * Gets or sets the bottom right gradient color effect on the backplate.
-         */
-        _this.bottomRightGradientColor = new Color4(0.176471, 0.176471, 0.619608, 1);
-        /**
-         * Gets or sets the edge width of the backplate.
-         */
-        _this.edgeWidth = 0.5;
-        /**
-         * Gets or sets the edge width of the backplate.
-         */
-        _this.edgePower = 1;
-        /**
-         * Gets or sets the edge width of the backplate.
-         */
-        _this.edgeLineGradientBlend = 0.5;
-        _this.alphaMode = Constants.ALPHA_DISABLE;
-        _this.backFaceCulling = false;
-        _this._iridescentMapTexture = new Texture(MRDLBackplateMaterial.IRIDESCENT_MAP_TEXTURE_URL, _this.getScene(), true, false, Texture.NEAREST_SAMPLINGMODE);
-        return _this;
-    }
-    MRDLBackplateMaterial.prototype.needAlphaBlending = function () {
-        return false;
-    };
-    MRDLBackplateMaterial.prototype.needAlphaTesting = function () {
-        return false;
-    };
-    MRDLBackplateMaterial.prototype.getAlphaTestTexture = function () {
-        return null;
-    };
-    // Methods
-    MRDLBackplateMaterial.prototype.isReadyForSubMesh = function (mesh, subMesh, useInstances) {
-        if (this.isFrozen) {
-            if (subMesh.effect && subMesh.effect._wasPreviouslyReady) {
-                return true;
-            }
-        }
-        if (!subMesh.materialDefines) {
-            subMesh.materialDefines = new MRDLBackplateMaterialDefines();
-        }
-        var defines = subMesh.materialDefines;
-        var scene = this.getScene();
-        if (this._isReadyForSubMesh(subMesh)) {
-            return true;
-        }
-        var engine = scene.getEngine();
-        // Attribs
-        MaterialHelper.PrepareDefinesForAttributes(mesh, defines, false, false);
-        // Get correct effect
-        if (defines.isDirty) {
-            defines.markAsProcessed();
-            scene.resetCachedMaterial();
-            // Fallbacks
-            var fallbacks = new EffectFallbacks();
-            if (defines.FOG) {
-                fallbacks.addFallback(1, "FOG");
-            }
-            MaterialHelper.HandleFallbacksForShadows(defines, fallbacks);
-            defines.IMAGEPROCESSINGPOSTPROCESS = scene.imageProcessingConfiguration.applyByPostProcess;
-            //Attributes
-            var attribs = [VertexBuffer.PositionKind];
-            if (defines.NORMAL) {
-                attribs.push(VertexBuffer.NormalKind);
-            }
-            if (defines.UV1) {
-                attribs.push(VertexBuffer.UVKind);
-            }
-            if (defines.UV2) {
-                attribs.push(VertexBuffer.UV2Kind);
-            }
-            if (defines.VERTEXCOLOR) {
-                attribs.push(VertexBuffer.ColorKind);
-            }
-            if (defines.TANGENT) {
-                attribs.push(VertexBuffer.TangentKind);
-            }
-            MaterialHelper.PrepareAttributesForInstances(attribs, defines);
-            // Legacy browser patch
-            var shaderName = "mrdlBackplate";
-            var join = defines.toString();
-            var uniforms = [
-                "world", "viewProjection", "cameraPosition",
-                "_Radius_", "_Line_Width_", "_Absolute_Sizes_", "_Filter_Width_", "_Base_Color_", "_Line_Color_",
-                "_Radius_Top_Left_", "_Radius_Top_Right_", "_Radius_Bottom_Left_", "_Radius_Bottom_Right_",
-                "_Rate_", "_Highlight_Color_", "_Highlight_Width_", "_Highlight_Transform_", "_Highlight_",
-                "_Iridescence_Intensity_", "_Iridescence_Edge_Intensity_", "_Iridescence_Tint_", "_Iridescent_Map_",
-                "_Angle_", "_Reflected_", "_Frequency_", "_Vertical_Offset_", "_Gradient_Color_", "_Top_Left_",
-                "_Top_Right_", "_Bottom_Left_", "_Bottom_Right_", "_Edge_Width_", "_Edge_Power_", "_Line_Gradient_Blend_",
-                "_Fade_Out_"
-            ];
-            var samplers = [];
-            var uniformBuffers = new Array();
-            MaterialHelper.PrepareUniformsAndSamplersList({
-                uniformsNames: uniforms,
-                uniformBuffersNames: uniformBuffers,
-                samplers: samplers,
-                defines: defines,
-                maxSimultaneousLights: 4
-            });
-            subMesh.setEffect(scene.getEngine().createEffect(shaderName, {
-                attributes: attribs,
-                uniformsNames: uniforms,
-                uniformBuffersNames: uniformBuffers,
-                samplers: samplers,
-                defines: join,
-                fallbacks: fallbacks,
-                onCompiled: this.onCompiled,
-                onError: this.onError,
-                indexParameters: { maxSimultaneousLights: 4 }
-            }, engine), defines);
-        }
-        if (!subMesh.effect || !subMesh.effect.isReady()) {
-            return false;
-        }
-        defines._renderId = scene.getRenderId();
-        subMesh.effect._wasPreviouslyReady = true;
-        return true;
-    };
-    MRDLBackplateMaterial.prototype.bindForSubMesh = function (world, mesh, subMesh) {
-        var defines = subMesh.materialDefines;
-        if (!defines) {
-            return;
-        }
-        var effect = subMesh.effect;
-        if (!effect) {
-            return;
-        }
-        this._activeEffect = effect;
-        // Matrices
-        this.bindOnlyWorldMatrix(world);
-        this._activeEffect.setMatrix("viewProjection", this.getScene().getTransformMatrix());
-        this._activeEffect.setVector3("cameraPosition", this.getScene().activeCamera.position);
-        // "Round Rect"
-        this._activeEffect.setFloat("_Radius_", this.radius);
-        this._activeEffect.setFloat("_Line_Width_", this.lineWidth);
-        this._activeEffect.setFloat("_Absolute_Sizes_", this.absoluteSizes ? 1.0 : 0.0);
-        this._activeEffect.setFloat("_Filter_Width_", this._filterWidth);
-        this._activeEffect.setDirectColor4("_Base_Color_", this.baseColor);
-        this._activeEffect.setDirectColor4("_Line_Color_", this.lineColor);
-        // "Radii Multipliers"
-        this._activeEffect.setFloat("_Radius_Top_Left_", this.radiusTopLeft);
-        this._activeEffect.setFloat("_Radius_Top_Right_", this.radiusTopRight);
-        this._activeEffect.setFloat("_Radius_Bottom_Left_", this.radiusBottomLeft);
-        this._activeEffect.setFloat("_Radius_Bottom_Right_", this.radiusBottomRight);
-        // "Line Highlight"
-        this._activeEffect.setFloat("_Rate_", this._rate);
-        this._activeEffect.setDirectColor4("_Highlight_Color_", this.highlightColor);
-        this._activeEffect.setFloat("_Highlight_Width_", this.highlightWidth);
-        this._activeEffect.setVector4("_Highlight_Transform_", this._highlightTransform);
-        this._activeEffect.setFloat("_Highlight_", this._highlight);
-        // "Iridescence"
-        //define IRIDESCENCE_ENABLE true;
-        this._activeEffect.setFloat("_Iridescence_Intensity_", this.iridescenceIntensity);
-        this._activeEffect.setFloat("_Iridescence_Edge_Intensity_", this.iridescenceEdgeIntensity);
-        this._activeEffect.setDirectColor4("_Iridescence_Tint_", this.iridescenceTint);
-        this._activeEffect.setTexture("_Iridescent_Map_", this._iridescentMapTexture);
-        this._activeEffect.setFloat("_Angle_", this._angle);
-        this._activeEffect.setFloat("_Reflected_", this._reflected ? 1.0 : 0.0);
-        this._activeEffect.setFloat("_Frequency_", this._frequency);
-        this._activeEffect.setFloat("_Vertical_Offset_", this._verticalOffset);
-        // "Gradient"
-        this._activeEffect.setDirectColor4("_Gradient_Color_", this.gradientColor);
-        this._activeEffect.setDirectColor4("_Top_Left_", this.topLeftGradientColor);
-        this._activeEffect.setDirectColor4("_Top_Right_", this.topRightGradientColor);
-        this._activeEffect.setDirectColor4("_Bottom_Left_", this.bottomLeftGradientColor);
-        this._activeEffect.setDirectColor4("_Bottom_Right_", this.bottomRightGradientColor);
-        //define EDGE_ONLY false;
-        this._activeEffect.setFloat("_Edge_Width_", this.edgeWidth);
-        this._activeEffect.setFloat("_Edge_Power_", this.edgePower);
-        this._activeEffect.setFloat("_Line_Gradient_Blend_", this.edgeLineGradientBlend);
-        // "Fade"
-        this._activeEffect.setFloat("_Fade_Out_", this.fadeOut);
-        // "Antialiasing"
-        //define SMOOTH_EDGES true;
-        this._afterBind(mesh, this._activeEffect);
-    };
-    /**
-     * Get the list of animatables in the material.
-     * @returns the list of animatables object used in the material
-     */
-    MRDLBackplateMaterial.prototype.getAnimatables = function () {
-        return [];
-    };
-    MRDLBackplateMaterial.prototype.dispose = function (forceDisposeEffect) {
-        _super.prototype.dispose.call(this, forceDisposeEffect);
-    };
-    MRDLBackplateMaterial.prototype.clone = function (name) {
-        var _this = this;
-        return SerializationHelper.Clone(function () { return new MRDLBackplateMaterial(name, _this.getScene()); }, this);
-    };
-    MRDLBackplateMaterial.prototype.serialize = function () {
-        var serializationObject = _super.prototype.serialize.call(this);
-        serializationObject.customType = "BABYLON.MRDLBackplateMaterial";
-        return serializationObject;
-    };
-    MRDLBackplateMaterial.prototype.getClassName = function () {
-        return "MRDLBackplateMaterial";
-    };
-    // Statics
-    MRDLBackplateMaterial.Parse = function (source, scene, rootUrl) {
-        return SerializationHelper.Parse(function () { return new MRDLBackplateMaterial(source.name, scene); }, source, scene, rootUrl);
-    };
-    /**
-     * URL pointing to the texture used to define the coloring for the Iridescent Map effect.
-     */
-    MRDLBackplateMaterial.IRIDESCENT_MAP_TEXTURE_URL = "https://assets.babylonjs.com/meshes/MRTK/MRDL/mrtk-mrdl-backplate-iridescence.png";
-    __decorate([
-        serialize()
-    ], MRDLBackplateMaterial.prototype, "radius", void 0);
-    __decorate([
-        serialize()
-    ], MRDLBackplateMaterial.prototype, "lineWidth", void 0);
-    __decorate([
-        serialize()
-    ], MRDLBackplateMaterial.prototype, "absoluteSizes", void 0);
-    __decorate([
-        serialize()
-    ], MRDLBackplateMaterial.prototype, "baseColor", void 0);
-    __decorate([
-        serialize()
-    ], MRDLBackplateMaterial.prototype, "lineColor", void 0);
-    __decorate([
-        serialize()
-    ], MRDLBackplateMaterial.prototype, "radiusTopLeft", void 0);
-    __decorate([
-        serialize()
-    ], MRDLBackplateMaterial.prototype, "radiusTopRight", void 0);
-    __decorate([
-        serialize()
-    ], MRDLBackplateMaterial.prototype, "radiusBottomLeft", void 0);
-    __decorate([
-        serialize()
-    ], MRDLBackplateMaterial.prototype, "radiusBottomRight", void 0);
-    __decorate([
-        serialize()
-    ], MRDLBackplateMaterial.prototype, "highlightColor", void 0);
-    __decorate([
-        serialize()
-    ], MRDLBackplateMaterial.prototype, "highlightWidth", void 0);
-    __decorate([
-        serialize()
-    ], MRDLBackplateMaterial.prototype, "iridescenceIntensity", void 0);
-    __decorate([
-        serialize()
-    ], MRDLBackplateMaterial.prototype, "iridescenceEdgeIntensity", void 0);
-    __decorate([
-        serialize()
-    ], MRDLBackplateMaterial.prototype, "iridescenceTint", void 0);
-    __decorate([
-        serialize()
-    ], MRDLBackplateMaterial.prototype, "fadeOut", void 0);
-    __decorate([
-        serialize()
-    ], MRDLBackplateMaterial.prototype, "gradientColor", void 0);
-    __decorate([
-        serialize()
-    ], MRDLBackplateMaterial.prototype, "topLeftGradientColor", void 0);
-    __decorate([
-        serialize()
-    ], MRDLBackplateMaterial.prototype, "topRightGradientColor", void 0);
-    __decorate([
-        serialize()
-    ], MRDLBackplateMaterial.prototype, "bottomLeftGradientColor", void 0);
-    __decorate([
-        serialize()
-    ], MRDLBackplateMaterial.prototype, "bottomRightGradientColor", void 0);
-    __decorate([
-        serialize()
-    ], MRDLBackplateMaterial.prototype, "edgeWidth", void 0);
-    __decorate([
-        serialize()
-    ], MRDLBackplateMaterial.prototype, "edgePower", void 0);
-    __decorate([
-        serialize()
-    ], MRDLBackplateMaterial.prototype, "edgeLineGradientBlend", void 0);
-    return MRDLBackplateMaterial;
-}(PushMaterial));
-export { MRDLBackplateMaterial };
-RegisterClass("BABYLON.GUI.MRDLBackplateMaterial", MRDLBackplateMaterial);
+import { __decorate, __extends } from "tslib";
+import { SerializationHelper, serialize } from "@babylonjs/core/Misc/decorators.js";
+import { Vector4 } from "@babylonjs/core/Maths/math.vector.js";
+import { Texture } from "@babylonjs/core/Materials/Textures/texture.js";
+import { MaterialDefines } from "@babylonjs/core/Materials/materialDefines.js";
+import { MaterialHelper } from "@babylonjs/core/Materials/materialHelper.js";
+import { PushMaterial } from "@babylonjs/core/Materials/pushMaterial.js";
+import { VertexBuffer } from "@babylonjs/core/Buffers/buffer.js";
+import { RegisterClass } from "@babylonjs/core/Misc/typeStore.js";
+import { Color4 } from "@babylonjs/core/Maths/math.color.js";
+import { EffectFallbacks } from "@babylonjs/core/Materials/effectFallbacks.js";
+import { Constants } from "@babylonjs/core/Engines/constants.js";
+import "./shaders/mrdlBackplate.fragment";
+import "./shaders/mrdlBackplate.vertex";
+/** @hidden */
+var MRDLBackplateMaterialDefines = /** @class */ (function (_super) {
+    __extends(MRDLBackplateMaterialDefines, _super);
+    function MRDLBackplateMaterialDefines() {
+        var _this = _super.call(this) || this;
+        /*
+            "IRIDESCENCE_ENABLE", "SMOOTH_EDGES"
+        */
+        _this.IRIDESCENCE_ENABLED = true;
+        _this.SMOOTH_EDGES = true;
+        _this._needNormals = true;
+        _this.rebuild();
+        return _this;
+    }
+    return MRDLBackplateMaterialDefines;
+}(MaterialDefines));
+/**
+ * Class used to render backplate material with MRDL
+ */
+var MRDLBackplateMaterial = /** @class */ (function (_super) {
+    __extends(MRDLBackplateMaterial, _super);
+    function MRDLBackplateMaterial(name, scene) {
+        var _this = _super.call(this, name, scene) || this;
+        /**
+         * Gets or sets the corner radius on the backplate. If this value is changed, update the lineWidth to match.
+         */
+        _this.radius = 0.3;
+        /**
+         * Gets or sets the line width of the backplate.
+         */
+        _this.lineWidth = 0.003;
+        /**
+         * Gets or sets whether to use absolute sizes when calculating effects on the backplate.
+         * Since desktop and VR/AR have different relative sizes, it's usually best to keep this false.
+         */
+        _this.absoluteSizes = false;
+        /** @hidden */
+        _this._filterWidth = 1;
+        /**
+         * Gets or sets the base color of the backplate.
+         */
+        _this.baseColor = new Color4(0, 0, 0, 1);
+        /**
+         * Gets or sets the line color of the backplate.
+         */
+        _this.lineColor = new Color4(0.2, 0.262745, 0.4, 1);
+        /**
+         * Gets or sets the top left Radii Multiplier.
+         */
+        _this.radiusTopLeft = 1.0;
+        /**
+         * Gets or sets the top left Radii Multiplier.
+         */
+        _this.radiusTopRight = 1.0;
+        /**
+         * Gets or sets the top left Radii Multiplier.
+         */
+        _this.radiusBottomLeft = 1.0;
+        /**
+         * Gets or sets the top left Radii Multiplier.
+         */
+        _this.radiusBottomRight = 1.0;
+        /** @hidden */
+        _this._rate = 0;
+        /**
+         * Gets or sets the color of the highlights on the backplate line.
+         */
+        _this.highlightColor = new Color4(0.239216, 0.435294, 0.827451, 1);
+        /**
+         * Gets or sets the width of the highlights on the backplate line.
+         */
+        _this.highlightWidth = 0;
+        /** @hidden */
+        _this._highlightTransform = new Vector4(1, 1, 0, 0);
+        /** @hidden */
+        _this._highlight = 1;
+        /**
+         * Gets or sets the intensity of the iridescence effect.
+         */
+        _this.iridescenceIntensity = 0.45;
+        /**
+         * Gets or sets the intensity of the iridescence effect on the backplate edges.
+         */
+        _this.iridescenceEdgeIntensity = 1;
+        /**
+         * Gets or sets the Tint of the iridescence effect on the backplate.
+         */
+        _this.iridescenceTint = new Color4(1, 1, 1, 1);
+        /** @hidden */
+        _this._angle = -45;
+        /**
+         * Gets or sets the opacity of the backplate (0.0 - 1.0).
+         */
+        _this.fadeOut = 1;
+        /** @hidden */
+        _this._reflected = true;
+        /** @hidden */
+        _this._frequency = 1;
+        /** @hidden */
+        _this._verticalOffset = 0;
+        /**
+         * Gets or sets the gradient color effect on the backplate.
+         */
+        _this.gradientColor = new Color4(0.74902, 0.74902, 0.74902, 1);
+        /**
+         * Gets or sets the top left gradient color effect on the backplate.
+         */
+        _this.topLeftGradientColor = new Color4(0.00784314, 0.294118, 0.580392, 1);
+        /**
+         * Gets or sets the top right gradient color effect on the backplate.
+         */
+        _this.topRightGradientColor = new Color4(0.305882, 0, 1, 1);
+        /**
+         * Gets or sets the bottom left gradient color effect on the backplate.
+         */
+        _this.bottomLeftGradientColor = new Color4(0.133333, 0.258824, 0.992157, 1);
+        /**
+         * Gets or sets the bottom right gradient color effect on the backplate.
+         */
+        _this.bottomRightGradientColor = new Color4(0.176471, 0.176471, 0.619608, 1);
+        /**
+         * Gets or sets the edge width of the backplate.
+         */
+        _this.edgeWidth = 0.5;
+        /**
+         * Gets or sets the edge width of the backplate.
+         */
+        _this.edgePower = 1;
+        /**
+         * Gets or sets the edge width of the backplate.
+         */
+        _this.edgeLineGradientBlend = 0.5;
+        _this.alphaMode = Constants.ALPHA_DISABLE;
+        _this.backFaceCulling = false;
+        _this._iridescentMapTexture = new Texture(MRDLBackplateMaterial.IRIDESCENT_MAP_TEXTURE_URL, _this.getScene(), true, false, Texture.NEAREST_SAMPLINGMODE);
+        return _this;
+    }
+    MRDLBackplateMaterial.prototype.needAlphaBlending = function () {
+        return false;
+    };
+    MRDLBackplateMaterial.prototype.needAlphaTesting = function () {
+        return false;
+    };
+    MRDLBackplateMaterial.prototype.getAlphaTestTexture = function () {
+        return null;
+    };
+    // Methods
+    MRDLBackplateMaterial.prototype.isReadyForSubMesh = function (mesh, subMesh) {
+        if (this.isFrozen) {
+            if (subMesh.effect && subMesh.effect._wasPreviouslyReady) {
+                return true;
+            }
+        }
+        if (!subMesh.materialDefines) {
+            subMesh.materialDefines = new MRDLBackplateMaterialDefines();
+        }
+        var defines = subMesh.materialDefines;
+        var scene = this.getScene();
+        if (this._isReadyForSubMesh(subMesh)) {
+            return true;
+        }
+        var engine = scene.getEngine();
+        // Attribs
+        MaterialHelper.PrepareDefinesForAttributes(mesh, defines, false, false);
+        // Get correct effect
+        if (defines.isDirty) {
+            defines.markAsProcessed();
+            scene.resetCachedMaterial();
+            // Fallbacks
+            var fallbacks = new EffectFallbacks();
+            if (defines.FOG) {
+                fallbacks.addFallback(1, "FOG");
+            }
+            MaterialHelper.HandleFallbacksForShadows(defines, fallbacks);
+            defines.IMAGEPROCESSINGPOSTPROCESS = scene.imageProcessingConfiguration.applyByPostProcess;
+            //Attributes
+            var attribs = [VertexBuffer.PositionKind];
+            if (defines.NORMAL) {
+                attribs.push(VertexBuffer.NormalKind);
+            }
+            if (defines.UV1) {
+                attribs.push(VertexBuffer.UVKind);
+            }
+            if (defines.UV2) {
+                attribs.push(VertexBuffer.UV2Kind);
+            }
+            if (defines.VERTEXCOLOR) {
+                attribs.push(VertexBuffer.ColorKind);
+            }
+            if (defines.TANGENT) {
+                attribs.push(VertexBuffer.TangentKind);
+            }
+            MaterialHelper.PrepareAttributesForInstances(attribs, defines);
+            // Legacy browser patch
+            var shaderName = "mrdlBackplate";
+            var join = defines.toString();
+            var uniforms = [
+                "world",
+                "viewProjection",
+                "cameraPosition",
+                "_Radius_",
+                "_Line_Width_",
+                "_Absolute_Sizes_",
+                "_Filter_Width_",
+                "_Base_Color_",
+                "_Line_Color_",
+                "_Radius_Top_Left_",
+                "_Radius_Top_Right_",
+                "_Radius_Bottom_Left_",
+                "_Radius_Bottom_Right_",
+                "_Rate_",
+                "_Highlight_Color_",
+                "_Highlight_Width_",
+                "_Highlight_Transform_",
+                "_Highlight_",
+                "_Iridescence_Intensity_",
+                "_Iridescence_Edge_Intensity_",
+                "_Iridescence_Tint_",
+                "_Iridescent_Map_",
+                "_Angle_",
+                "_Reflected_",
+                "_Frequency_",
+                "_Vertical_Offset_",
+                "_Gradient_Color_",
+                "_Top_Left_",
+                "_Top_Right_",
+                "_Bottom_Left_",
+                "_Bottom_Right_",
+                "_Edge_Width_",
+                "_Edge_Power_",
+                "_Line_Gradient_Blend_",
+                "_Fade_Out_",
+            ];
+            var samplers = [];
+            var uniformBuffers = new Array();
+            MaterialHelper.PrepareUniformsAndSamplersList({
+                uniformsNames: uniforms,
+                uniformBuffersNames: uniformBuffers,
+                samplers: samplers,
+                defines: defines,
+                maxSimultaneousLights: 4,
+            });
+            subMesh.setEffect(scene.getEngine().createEffect(shaderName, {
+                attributes: attribs,
+                uniformsNames: uniforms,
+                uniformBuffersNames: uniformBuffers,
+                samplers: samplers,
+                defines: join,
+                fallbacks: fallbacks,
+                onCompiled: this.onCompiled,
+                onError: this.onError,
+                indexParameters: { maxSimultaneousLights: 4 },
+            }, engine), defines);
+        }
+        if (!subMesh.effect || !subMesh.effect.isReady()) {
+            return false;
+        }
+        defines._renderId = scene.getRenderId();
+        subMesh.effect._wasPreviouslyReady = true;
+        return true;
+    };
+    MRDLBackplateMaterial.prototype.bindForSubMesh = function (world, mesh, subMesh) {
+        var defines = subMesh.materialDefines;
+        if (!defines) {
+            return;
+        }
+        var effect = subMesh.effect;
+        if (!effect) {
+            return;
+        }
+        this._activeEffect = effect;
+        // Matrices
+        this.bindOnlyWorldMatrix(world);
+        this._activeEffect.setMatrix("viewProjection", this.getScene().getTransformMatrix());
+        this._activeEffect.setVector3("cameraPosition", this.getScene().activeCamera.position);
+        // "Round Rect"
+        this._activeEffect.setFloat("_Radius_", this.radius);
+        this._activeEffect.setFloat("_Line_Width_", this.lineWidth);
+        this._activeEffect.setFloat("_Absolute_Sizes_", this.absoluteSizes ? 1.0 : 0.0);
+        this._activeEffect.setFloat("_Filter_Width_", this._filterWidth);
+        this._activeEffect.setDirectColor4("_Base_Color_", this.baseColor);
+        this._activeEffect.setDirectColor4("_Line_Color_", this.lineColor);
+        // "Radii Multipliers"
+        this._activeEffect.setFloat("_Radius_Top_Left_", this.radiusTopLeft);
+        this._activeEffect.setFloat("_Radius_Top_Right_", this.radiusTopRight);
+        this._activeEffect.setFloat("_Radius_Bottom_Left_", this.radiusBottomLeft);
+        this._activeEffect.setFloat("_Radius_Bottom_Right_", this.radiusBottomRight);
+        // "Line Highlight"
+        this._activeEffect.setFloat("_Rate_", this._rate);
+        this._activeEffect.setDirectColor4("_Highlight_Color_", this.highlightColor);
+        this._activeEffect.setFloat("_Highlight_Width_", this.highlightWidth);
+        this._activeEffect.setVector4("_Highlight_Transform_", this._highlightTransform);
+        this._activeEffect.setFloat("_Highlight_", this._highlight);
+        // "Iridescence"
+        //define IRIDESCENCE_ENABLE true;
+        this._activeEffect.setFloat("_Iridescence_Intensity_", this.iridescenceIntensity);
+        this._activeEffect.setFloat("_Iridescence_Edge_Intensity_", this.iridescenceEdgeIntensity);
+        this._activeEffect.setDirectColor4("_Iridescence_Tint_", this.iridescenceTint);
+        this._activeEffect.setTexture("_Iridescent_Map_", this._iridescentMapTexture);
+        this._activeEffect.setFloat("_Angle_", this._angle);
+        this._activeEffect.setFloat("_Reflected_", this._reflected ? 1.0 : 0.0);
+        this._activeEffect.setFloat("_Frequency_", this._frequency);
+        this._activeEffect.setFloat("_Vertical_Offset_", this._verticalOffset);
+        // "Gradient"
+        this._activeEffect.setDirectColor4("_Gradient_Color_", this.gradientColor);
+        this._activeEffect.setDirectColor4("_Top_Left_", this.topLeftGradientColor);
+        this._activeEffect.setDirectColor4("_Top_Right_", this.topRightGradientColor);
+        this._activeEffect.setDirectColor4("_Bottom_Left_", this.bottomLeftGradientColor);
+        this._activeEffect.setDirectColor4("_Bottom_Right_", this.bottomRightGradientColor);
+        //define EDGE_ONLY false;
+        this._activeEffect.setFloat("_Edge_Width_", this.edgeWidth);
+        this._activeEffect.setFloat("_Edge_Power_", this.edgePower);
+        this._activeEffect.setFloat("_Line_Gradient_Blend_", this.edgeLineGradientBlend);
+        // "Fade"
+        this._activeEffect.setFloat("_Fade_Out_", this.fadeOut);
+        // "Antialiasing"
+        //define SMOOTH_EDGES true;
+        this._afterBind(mesh, this._activeEffect);
+    };
+    /**
+     * Get the list of animatables in the material.
+     * @returns the list of animatables object used in the material
+     */
+    MRDLBackplateMaterial.prototype.getAnimatables = function () {
+        return [];
+    };
+    MRDLBackplateMaterial.prototype.dispose = function (forceDisposeEffect) {
+        _super.prototype.dispose.call(this, forceDisposeEffect);
+    };
+    MRDLBackplateMaterial.prototype.clone = function (name) {
+        var _this = this;
+        return SerializationHelper.Clone(function () { return new MRDLBackplateMaterial(name, _this.getScene()); }, this);
+    };
+    MRDLBackplateMaterial.prototype.serialize = function () {
+        var serializationObject = _super.prototype.serialize.call(this);
+        serializationObject.customType = "BABYLON.MRDLBackplateMaterial";
+        return serializationObject;
+    };
+    MRDLBackplateMaterial.prototype.getClassName = function () {
+        return "MRDLBackplateMaterial";
+    };
+    // Statics
+    MRDLBackplateMaterial.Parse = function (source, scene, rootUrl) {
+        return SerializationHelper.Parse(function () { return new MRDLBackplateMaterial(source.name, scene); }, source, scene, rootUrl);
+    };
+    /**
+     * URL pointing to the texture used to define the coloring for the Iridescent Map effect.
+     */
+    MRDLBackplateMaterial.IRIDESCENT_MAP_TEXTURE_URL = "https://assets.babylonjs.com/meshes/MRTK/MRDL/mrtk-mrdl-backplate-iridescence.png";
+    __decorate([
+        serialize()
+    ], MRDLBackplateMaterial.prototype, "radius", void 0);
+    __decorate([
+        serialize()
+    ], MRDLBackplateMaterial.prototype, "lineWidth", void 0);
+    __decorate([
+        serialize()
+    ], MRDLBackplateMaterial.prototype, "absoluteSizes", void 0);
+    __decorate([
+        serialize()
+    ], MRDLBackplateMaterial.prototype, "baseColor", void 0);
+    __decorate([
+        serialize()
+    ], MRDLBackplateMaterial.prototype, "lineColor", void 0);
+    __decorate([
+        serialize()
+    ], MRDLBackplateMaterial.prototype, "radiusTopLeft", void 0);
+    __decorate([
+        serialize()
+    ], MRDLBackplateMaterial.prototype, "radiusTopRight", void 0);
+    __decorate([
+        serialize()
+    ], MRDLBackplateMaterial.prototype, "radiusBottomLeft", void 0);
+    __decorate([
+        serialize()
+    ], MRDLBackplateMaterial.prototype, "radiusBottomRight", void 0);
+    __decorate([
+        serialize()
+    ], MRDLBackplateMaterial.prototype, "highlightColor", void 0);
+    __decorate([
+        serialize()
+    ], MRDLBackplateMaterial.prototype, "highlightWidth", void 0);
+    __decorate([
+        serialize()
+    ], MRDLBackplateMaterial.prototype, "iridescenceIntensity", void 0);
+    __decorate([
+        serialize()
+    ], MRDLBackplateMaterial.prototype, "iridescenceEdgeIntensity", void 0);
+    __decorate([
+        serialize()
+    ], MRDLBackplateMaterial.prototype, "iridescenceTint", void 0);
+    __decorate([
+        serialize()
+    ], MRDLBackplateMaterial.prototype, "fadeOut", void 0);
+    __decorate([
+        serialize()
+    ], MRDLBackplateMaterial.prototype, "gradientColor", void 0);
+    __decorate([
+        serialize()
+    ], MRDLBackplateMaterial.prototype, "topLeftGradientColor", void 0);
+    __decorate([
+        serialize()
+    ], MRDLBackplateMaterial.prototype, "topRightGradientColor", void 0);
+    __decorate([
+        serialize()
+    ], MRDLBackplateMaterial.prototype, "bottomLeftGradientColor", void 0);
+    __decorate([
+        serialize()
+    ], MRDLBackplateMaterial.prototype, "bottomRightGradientColor", void 0);
+    __decorate([
+        serialize()
+    ], MRDLBackplateMaterial.prototype, "edgeWidth", void 0);
+    __decorate([
+        serialize()
+    ], MRDLBackplateMaterial.prototype, "edgePower", void 0);
+    __decorate([
+        serialize()
+    ], MRDLBackplateMaterial.prototype, "edgeLineGradientBlend", void 0);
+    return MRDLBackplateMaterial;
+}(PushMaterial));
+export { MRDLBackplateMaterial };
+RegisterClass("BABYLON.GUI.MRDLBackplateMaterial", MRDLBackplateMaterial);
 //# sourceMappingURL=mrdlBackplateMaterial.js.map