@babylonjs/gui 5.21.0 → 5.23.0

package/3D/materials/fluentBackplate/fluentBackplateMaterial.js

@@ -1,4 +1,4 @@
-import { __decorate, __extends } from "tslib";
+import { __decorate } from "@babylonjs/core/tslib.es6.js";
 import { SerializationHelper, serialize, serializeAsVector3 } from "@babylonjs/core/Misc/decorators.js";
 import { Vector3, Vector4 } from "@babylonjs/core/Maths/math.vector.js";
 import { Texture } from "@babylonjs/core/Materials/Textures/texture.js";
@@ -13,154 +13,149 @@ import { Constants } from "@babylonjs/core/Engines/constants.js";
 import "./shaders/fluentBackplate.fragment.js";
 import "./shaders/fluentBackplate.vertex.js";
 /** @hidden */
-var FluentBackplateMaterialDefines = /** @class */ (function (_super) {
-    __extends(FluentBackplateMaterialDefines, _super);
-    function FluentBackplateMaterialDefines() {
-        var _this = _super.call(this) || this;
-        _this.BLOB_ENABLE = true;
-        _this.BLOB_ENABLE_2 = true;
-        _this.SMOOTH_EDGES = true;
-        _this.IRIDESCENT_MAP_ENABLE = true;
-        _this._needNormals = true;
-        _this.rebuild();
-        return _this;
+class FluentBackplateMaterialDefines extends MaterialDefines {
+    constructor() {
+        super();
+        this.BLOB_ENABLE = true;
+        this.BLOB_ENABLE_2 = true;
+        this.SMOOTH_EDGES = true;
+        this.IRIDESCENT_MAP_ENABLE = true;
+        this._needNormals = true;
+        this.rebuild();
     }
-    return FluentBackplateMaterialDefines;
-}(MaterialDefines));
+}
 /**
  * Class used to render square buttons with fluent design
  */
-var FluentBackplateMaterial = /** @class */ (function (_super) {
-    __extends(FluentBackplateMaterial, _super);
-    function FluentBackplateMaterial(name, scene) {
-        var _this = _super.call(this, name, scene) || this;
+export class FluentBackplateMaterial extends PushMaterial {
+    constructor(name, scene) {
+        super(name, scene);
         /**
          * Gets or sets the corner radius on the backplate. Best to keep this value between 0.01 and 0.5. Default is 0.03.
          */
-        _this.radius = 0.03;
+        this.radius = 0.03;
         /**
          * Gets or sets the line width of the backplate.
          */
-        _this.lineWidth = 0.01;
+        this.lineWidth = 0.01;
         /**
          * 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;
+        this.absoluteSizes = false;
         /** @hidden */
-        _this._filterWidth = 1;
+        this._filterWidth = 1;
         /**
          * Gets or sets the base color of the backplate.
          */
-        _this.baseColor = new Color4(0.0392157, 0.0666667, 0.207843, 1);
+        this.baseColor = new Color4(0.0392157, 0.0666667, 0.207843, 1);
         /**
          * Gets or sets the line color of the backplate.
          */
-        _this.lineColor = new Color4(0.14902, 0.133333, 0.384314, 1);
+        this.lineColor = new Color4(0.14902, 0.133333, 0.384314, 1);
         /**
          * Gets or sets the intensity of the fluent hover glow effect.
          */
-        _this.blobIntensity = 0.98;
+        this.blobIntensity = 0.98;
         /**
          * Gets or sets the far size of the fluent hover glow effect.
          */
-        _this.blobFarSize = 0.04;
+        this.blobFarSize = 0.04;
         /**
          * Gets or sets the distance considered "near" to the backplate, which controls the size of the fluent hover glow effect (see blobNearSize).
          */
-        _this.blobNearDistance = 0;
+        this.blobNearDistance = 0;
         /**
          * Gets or sets the distance considered "far" from the backplate, which controls the size of the fluent hover glow effect (see blobFarSize).
          */
-        _this.blobFarDistance = 0.08;
+        this.blobFarDistance = 0.08;
         /**
          * Gets or sets the length of the fluent hover glow effect fade.
          */
-        _this.blobFadeLength = 0.08;
+        this.blobFadeLength = 0.08;
         /**
          * Gets or sets the size of the fluent hover glow effect when the left pointer is considered "near" to the backplate (see blobNearDistance).
          */
-        _this.blobNearSize = 0.22;
+        this.blobNearSize = 0.22;
         /**
          * Gets or sets the progress of the fluent 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 fluent hover glow effect corresponding to the left pointer (0.0 - 1.0). Default is 0.
          */
-        _this.blobFade = 0;
+        this.blobFade = 0;
         /**
          * Gets or sets the size of the fluent hover glow effect when the right pointer is considered "near" to the backplate (see blobNearDistance).
          */
-        _this.blobNearSize2 = 0.22;
+        this.blobNearSize2 = 0.22;
         /**
          * Gets or sets the progress of the fluent 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 fluent hover glow effect corresponding to the right pointer (0.0 - 1.0). Default is 0.
          */
-        _this.blobFade2 = 0;
+        this.blobFade2 = 0;
         /** @hidden */
-        _this._rate = 0.135;
+        this._rate = 0.135;
         /**
          * Gets or sets the color of the highlights on the backplate line.
          */
-        _this.highlightColor = new Color4(0.98, 0.98, 0.98, 1);
+        this.highlightColor = new Color4(0.98, 0.98, 0.98, 1);
         /**
          * Gets or sets the width of the highlights on the backplate line.
          */
-        _this.highlightWidth = 0.25;
+        this.highlightWidth = 0.25;
         /** @hidden */
-        _this._highlightTransform = new Vector4(1, 1, 0, 0);
+        this._highlightTransform = new Vector4(1, 1, 0, 0);
         /** @hidden */
-        _this._highlight = 1;
+        this._highlight = 1;
         /**
          * Gets or sets the intensity of the iridescence effect.
          */
-        _this.iridescenceIntensity = 0;
+        this.iridescenceIntensity = 0;
         /**
          * Gets or sets the intensity of the iridescence effect on the backplate edges.
          */
-        _this.iridescenceEdgeIntensity = 1;
+        this.iridescenceEdgeIntensity = 1;
         /** @hidden */
-        _this._angle = -45;
+        this._angle = -45;
         /**
          * Gets or sets the opacity of the backplate (0.0 - 1.0).
          */
-        _this.fadeOut = 1;
+        this.fadeOut = 1;
         /** @hidden */
-        _this._reflected = true;
+        this._reflected = true;
         /** @hidden */
-        _this._frequency = 1;
+        this._frequency = 1;
         /** @hidden */
-        _this._verticalOffset = 0;
+        this._verticalOffset = 0;
         /**
          * Gets or sets the world-space position of the tip of the left index finger.
          */
-        _this.globalLeftIndexTipPosition = Vector3.Zero();
-        _this._globalLeftIndexTipPosition4 = Vector4.Zero();
+        this.globalLeftIndexTipPosition = Vector3.Zero();
+        this._globalLeftIndexTipPosition4 = Vector4.Zero();
         /**
          * Gets or sets the world-space position of the tip of the right index finger.
          */
-        _this.globalRightIndexTipPosition = Vector3.Zero();
-        _this._globalRightIndexTipPosition4 = Vector4.Zero();
-        _this.alphaMode = Constants.ALPHA_DISABLE;
-        _this.backFaceCulling = false;
-        _this._blobTexture = new Texture(FluentBackplateMaterial.BLOB_TEXTURE_URL, _this.getScene(), true, false, Texture.NEAREST_SAMPLINGMODE);
-        _this._iridescentMap = new Texture(FluentBackplateMaterial.IM_TEXTURE_URL, _this.getScene(), true, false, Texture.NEAREST_SAMPLINGMODE);
-        return _this;
+        this.globalRightIndexTipPosition = Vector3.Zero();
+        this._globalRightIndexTipPosition4 = Vector4.Zero();
+        this.alphaMode = Constants.ALPHA_DISABLE;
+        this.backFaceCulling = false;
+        this._blobTexture = new Texture(FluentBackplateMaterial.BLOB_TEXTURE_URL, this.getScene(), true, false, Texture.NEAREST_SAMPLINGMODE);
+        this._iridescentMap = new Texture(FluentBackplateMaterial.IM_TEXTURE_URL, this.getScene(), true, false, Texture.NEAREST_SAMPLINGMODE);
     }
-    FluentBackplateMaterial.prototype.needAlphaBlending = function () {
+    needAlphaBlending() {
         return false;
-    };
-    FluentBackplateMaterial.prototype.needAlphaTesting = function () {
+    }
+    needAlphaTesting() {
         return false;
-    };
-    FluentBackplateMaterial.prototype.getAlphaTestTexture = function () {
+    }
+    getAlphaTestTexture() {
         return null;
-    };
-    FluentBackplateMaterial.prototype.isReadyForSubMesh = function (mesh, subMesh) {
+    }
+    isReadyForSubMesh(mesh, subMesh) {
         if (this.isFrozen) {
             if (subMesh.effect && subMesh.effect._wasPreviouslyReady) {
                 return true;
@@ -169,12 +164,12 @@ var FluentBackplateMaterial = /** @class */ (function (_super) {
         if (!subMesh.materialDefines) {
             subMesh.materialDefines = new FluentBackplateMaterialDefines();
         }
-        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
@@ -182,14 +177,14 @@ var FluentBackplateMaterial = /** @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);
             }
@@ -207,9 +202,9 @@ var FluentBackplateMaterial = /** @class */ (function (_super) {
             }
             MaterialHelper.PrepareAttributesForInstances(attribs, defines);
             // Legacy browser patch
-            var shaderName = "fluentBackplate";
-            var join = defines.toString();
-            var uniforms = [
+            const shaderName = "fluentBackplate";
+            const join = defines.toString();
+            const uniforms = [
                 "world",
                 "viewProjection",
                 "cameraPosition",
@@ -255,8 +250,8 @@ var FluentBackplateMaterial = /** @class */ (function (_super) {
                 "Global_Left_Index_Tip_Position",
                 "Global_Right_Index_Tip_Position",
             ];
-            var samplers = ["_Blob_Texture_", "_Iridescent_Map_"];
-            var uniformBuffers = new Array();
+            const samplers = ["_Blob_Texture_", "_Iridescent_Map_"];
+            const uniformBuffers = new Array();
             MaterialHelper.PrepareUniformsAndSamplersList({
                 uniformsNames: uniforms,
                 uniformBuffersNames: uniformBuffers,
@@ -282,14 +277,13 @@ var FluentBackplateMaterial = /** @class */ (function (_super) {
         defines._renderId = scene.getRenderId();
         subMesh.effect._wasPreviouslyReady = true;
         return true;
-    };
-    FluentBackplateMaterial.prototype.bindForSubMesh = function (world, mesh, subMesh) {
-        var _a, _b;
-        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;
         }
@@ -297,7 +291,7 @@ var FluentBackplateMaterial = /** @class */ (function (_super) {
         // Matrices
         this.bindOnlyWorldMatrix(world);
         this._activeEffect.setMatrix("viewProjection", this.getScene().getTransformMatrix());
-        this._activeEffect.setVector3("cameraPosition", (_b = (_a = this.getScene().activeCamera) === null || _a === void 0 ? void 0 : _a.position) !== null && _b !== void 0 ? _b : Vector3.ZeroReadOnly);
+        this._activeEffect.setVector3("cameraPosition", this.getScene().activeCamera?.position ?? Vector3.ZeroReadOnly);
         // "Round Rect"
         this._activeEffect.setFloat("_Radius_", this.radius);
         this._activeEffect.setFloat("_Line_Width_", this.lineWidth);
@@ -357,114 +351,111 @@ var FluentBackplateMaterial = /** @class */ (function (_super) {
         this._globalRightIndexTipPosition4.set(this.globalRightIndexTipPosition.x, this.globalRightIndexTipPosition.y, this.globalRightIndexTipPosition.z, 1.0);
         this._activeEffect.setVector4("Global_Right_Index_Tip_Position", this._globalRightIndexTipPosition4);
         this._afterBind(mesh, this._activeEffect);
-    };
+    }
     /**
      * Get the list of animatables in the material.
      * @returns the list of animatables object used in the material
      */
-    FluentBackplateMaterial.prototype.getAnimatables = function () {
+    getAnimatables() {
         return [];
-    };
-    FluentBackplateMaterial.prototype.dispose = function (forceDisposeEffect) {
-        _super.prototype.dispose.call(this, forceDisposeEffect);
+    }
+    dispose(forceDisposeEffect) {
+        super.dispose(forceDisposeEffect);
         this._blobTexture.dispose();
         this._iridescentMap.dispose();
-    };
-    FluentBackplateMaterial.prototype.clone = function (name) {
-        var _this = this;
-        return SerializationHelper.Clone(function () { return new FluentBackplateMaterial(name, _this.getScene()); }, this);
-    };
-    FluentBackplateMaterial.prototype.serialize = function () {
-        var serializationObject = _super.prototype.serialize.call(this);
+    }
+    clone(name) {
+        return SerializationHelper.Clone(() => new FluentBackplateMaterial(name, this.getScene()), this);
+    }
+    serialize() {
+        const serializationObject = super.serialize();
         serializationObject.customType = "BABYLON.FluentBackplateMaterial";
         return serializationObject;
-    };
-    FluentBackplateMaterial.prototype.getClassName = function () {
+    }
+    getClassName() {
         return "FluentBackplateMaterial";
-    };
+    }
     // Statics
-    FluentBackplateMaterial.Parse = function (source, scene, rootUrl) {
-        return SerializationHelper.Parse(function () { return new FluentBackplateMaterial(source.name, scene); }, source, scene, rootUrl);
-    };
-    /**
-     * URL pointing to the texture used to define the coloring for the fluent blob effect.
-     */
-    FluentBackplateMaterial.BLOB_TEXTURE_URL = "https://assets.babylonjs.com/meshes/MRTK/mrtk-fluent-backplate-blob.png";
-    /**
-     * URL pointing to the texture used to define iridescent map.
-     */
-    FluentBackplateMaterial.IM_TEXTURE_URL = "https://assets.babylonjs.com/meshes/MRTK/mrtk-fluent-backplate-iridescence.png";
-    __decorate([
-        serialize()
-    ], FluentBackplateMaterial.prototype, "radius", void 0);
-    __decorate([
-        serialize()
-    ], FluentBackplateMaterial.prototype, "lineWidth", void 0);
-    __decorate([
-        serialize()
-    ], FluentBackplateMaterial.prototype, "absoluteSizes", void 0);
-    __decorate([
-        serialize()
-    ], FluentBackplateMaterial.prototype, "baseColor", void 0);
-    __decorate([
-        serialize()
-    ], FluentBackplateMaterial.prototype, "lineColor", void 0);
-    __decorate([
-        serialize()
-    ], FluentBackplateMaterial.prototype, "blobIntensity", void 0);
-    __decorate([
-        serialize()
-    ], FluentBackplateMaterial.prototype, "blobFarSize", void 0);
-    __decorate([
-        serialize()
-    ], FluentBackplateMaterial.prototype, "blobNearDistance", void 0);
-    __decorate([
-        serialize()
-    ], FluentBackplateMaterial.prototype, "blobFarDistance", void 0);
-    __decorate([
-        serialize()
-    ], FluentBackplateMaterial.prototype, "blobFadeLength", void 0);
-    __decorate([
-        serialize()
-    ], FluentBackplateMaterial.prototype, "blobNearSize", void 0);
-    __decorate([
-        serialize()
-    ], FluentBackplateMaterial.prototype, "blobPulse", void 0);
-    __decorate([
-        serialize()
-    ], FluentBackplateMaterial.prototype, "blobFade", void 0);
-    __decorate([
-        serialize()
-    ], FluentBackplateMaterial.prototype, "blobNearSize2", void 0);
-    __decorate([
-        serialize()
-    ], FluentBackplateMaterial.prototype, "blobPulse2", void 0);
-    __decorate([
-        serialize()
-    ], FluentBackplateMaterial.prototype, "blobFade2", void 0);
-    __decorate([
-        serialize()
-    ], FluentBackplateMaterial.prototype, "highlightColor", void 0);
-    __decorate([
-        serialize()
-    ], FluentBackplateMaterial.prototype, "highlightWidth", void 0);
-    __decorate([
-        serialize()
-    ], FluentBackplateMaterial.prototype, "iridescenceIntensity", void 0);
-    __decorate([
-        serialize()
-    ], FluentBackplateMaterial.prototype, "iridescenceEdgeIntensity", void 0);
-    __decorate([
-        serialize()
-    ], FluentBackplateMaterial.prototype, "fadeOut", void 0);
-    __decorate([
-        serializeAsVector3()
-    ], FluentBackplateMaterial.prototype, "globalLeftIndexTipPosition", void 0);
-    __decorate([
-        serializeAsVector3()
-    ], FluentBackplateMaterial.prototype, "globalRightIndexTipPosition", void 0);
-    return FluentBackplateMaterial;
-}(PushMaterial));
-export { FluentBackplateMaterial };
+    static Parse(source, scene, rootUrl) {
+        return SerializationHelper.Parse(() => new FluentBackplateMaterial(source.name, scene), source, scene, rootUrl);
+    }
+}
+/**
+ * URL pointing to the texture used to define the coloring for the fluent blob effect.
+ */
+FluentBackplateMaterial.BLOB_TEXTURE_URL = "https://assets.babylonjs.com/meshes/MRTK/mrtk-fluent-backplate-blob.png";
+/**
+ * URL pointing to the texture used to define iridescent map.
+ */
+FluentBackplateMaterial.IM_TEXTURE_URL = "https://assets.babylonjs.com/meshes/MRTK/mrtk-fluent-backplate-iridescence.png";
+__decorate([
+    serialize()
+], FluentBackplateMaterial.prototype, "radius", void 0);
+__decorate([
+    serialize()
+], FluentBackplateMaterial.prototype, "lineWidth", void 0);
+__decorate([
+    serialize()
+], FluentBackplateMaterial.prototype, "absoluteSizes", void 0);
+__decorate([
+    serialize()
+], FluentBackplateMaterial.prototype, "baseColor", void 0);
+__decorate([
+    serialize()
+], FluentBackplateMaterial.prototype, "lineColor", void 0);
+__decorate([
+    serialize()
+], FluentBackplateMaterial.prototype, "blobIntensity", void 0);
+__decorate([
+    serialize()
+], FluentBackplateMaterial.prototype, "blobFarSize", void 0);
+__decorate([
+    serialize()
+], FluentBackplateMaterial.prototype, "blobNearDistance", void 0);
+__decorate([
+    serialize()
+], FluentBackplateMaterial.prototype, "blobFarDistance", void 0);
+__decorate([
+    serialize()
+], FluentBackplateMaterial.prototype, "blobFadeLength", void 0);
+__decorate([
+    serialize()
+], FluentBackplateMaterial.prototype, "blobNearSize", void 0);
+__decorate([
+    serialize()
+], FluentBackplateMaterial.prototype, "blobPulse", void 0);
+__decorate([
+    serialize()
+], FluentBackplateMaterial.prototype, "blobFade", void 0);
+__decorate([
+    serialize()
+], FluentBackplateMaterial.prototype, "blobNearSize2", void 0);
+__decorate([
+    serialize()
+], FluentBackplateMaterial.prototype, "blobPulse2", void 0);
+__decorate([
+    serialize()
+], FluentBackplateMaterial.prototype, "blobFade2", void 0);
+__decorate([
+    serialize()
+], FluentBackplateMaterial.prototype, "highlightColor", void 0);
+__decorate([
+    serialize()
+], FluentBackplateMaterial.prototype, "highlightWidth", void 0);
+__decorate([
+    serialize()
+], FluentBackplateMaterial.prototype, "iridescenceIntensity", void 0);
+__decorate([
+    serialize()
+], FluentBackplateMaterial.prototype, "iridescenceEdgeIntensity", void 0);
+__decorate([
+    serialize()
+], FluentBackplateMaterial.prototype, "fadeOut", void 0);
+__decorate([
+    serializeAsVector3()
+], FluentBackplateMaterial.prototype, "globalLeftIndexTipPosition", void 0);
+__decorate([
+    serializeAsVector3()
+], FluentBackplateMaterial.prototype, "globalRightIndexTipPosition", void 0);
 RegisterClass("BABYLON.GUI.FluentBackplateMaterial", FluentBackplateMaterial);
 //# sourceMappingURL=fluentBackplateMaterial.js.map