babylonjs-gui 5.26.0 → 5.27.0

package/babylon.gui.module.d.ts

@@ -2458,7 +2458,7 @@ export class InputText extends Control implements IFocusableControl {
     /** Gets or sets the text displayed when the control is empty */
     get placeholderText(): string;
     set placeholderText(value: string);
-    /** Gets or sets the dead key flag */
+    /** Gets or sets the dead key. 0 to disable. */
     get deadKey(): boolean;
     set deadKey(flag: boolean);
     /** Gets or sets the highlight text */
@@ -5384,9 +5384,10 @@ export * from "babylonjs-gui/3D/controls/button3D";
 export * from "babylonjs-gui/3D/controls/container3D";
 export * from "babylonjs-gui/3D/controls/control3D";
 export * from "babylonjs-gui/3D/controls/cylinderPanel";
+export * from "babylonjs-gui/3D/controls/handMenu";
+export * from "babylonjs-gui/3D/controls/holographicBackplate";
 export * from "babylonjs-gui/3D/controls/holographicButton";
 export * from "babylonjs-gui/3D/controls/holographicSlate";
-export * from "babylonjs-gui/3D/controls/handMenu";
 export * from "babylonjs-gui/3D/controls/meshButton3D";
 export * from "babylonjs-gui/3D/controls/nearMenu";
 export * from "babylonjs-gui/3D/controls/planePanel";
@@ -5399,7 +5400,8 @@ export * from "babylonjs-gui/3D/controls/touchMeshButton3D";
 export * from "babylonjs-gui/3D/controls/touchHolographicButton";
 export * from "babylonjs-gui/3D/controls/touchHolographicMenu";
 export * from "babylonjs-gui/3D/controls/volumeBasedPanel";
-export * from "babylonjs-gui/3D/controls/holographicBackplate";
+import { TouchHolographicButton } from "babylonjs-gui/3D/controls/MRTK3/touchHolographicButton";
+export { TouchHolographicButton as TouchHolographicButtonV3 };
 
 }
 declare module "babylonjs-gui/3D/controls/meshButton3D" {
@@ -5425,6 +5427,229 @@ export class MeshButton3D extends Button3D {
     protected _affectMaterial(mesh: AbstractMesh): void;
 }
 
+}
+declare module "babylonjs-gui/3D/controls/MRTK3/touchHolographicButton" {
+import { AbstractMesh } from "babylonjs/Meshes/abstractMesh";
+import { Mesh } from "babylonjs/Meshes/mesh";
+import { Nullable } from "babylonjs/types";
+import { Scene } from "babylonjs/scene";
+import { AdvancedDynamicTexture } from "babylonjs-gui/2D/advancedDynamicTexture";
+import { Color3, Color4 } from "babylonjs/Maths/math.color";
+import { MRDLBackglowMaterial } from "babylonjs-gui/3D/materials/mrdl/mrdlBackglowMaterial";
+import { MRDLBackplateMaterial } from "babylonjs-gui/3D/materials/mrdl/mrdlBackplateMaterial";
+import { MRDLFrontplateMaterial } from "babylonjs-gui/3D/materials/mrdl/mrdlFrontplateMaterial";
+import { MRDLInnerquadMaterial } from "babylonjs-gui/3D/materials/mrdl/mrdlInnerquadMaterial";
+import { StandardMaterial } from "babylonjs/Materials/standardMaterial";
+import { TouchButton3D } from "babylonjs-gui/3D/controls/touchButton3D";
+import { TransformNode } from "babylonjs/Meshes/transformNode";
+/**
+ * Class used to create the mrtkv3 button
+ */
+export class TouchHolographicButton extends TouchButton3D {
+    /**
+     * Base Url for the frontplate model.
+     */
+    static MRTK_ASSET_BASE_URL: string;
+    /**
+     * File name for the frontplate model.
+     */
+    static FRONTPLATE_MODEL_FILENAME: string;
+    /**
+     * File name for the backplate model.
+     */
+    static BACKPLATE_MODEL_FILENAME: string;
+    /**
+     * File name for the backglow model.
+     */
+    static BACKGLOW_MODEL_FILENAME: string;
+    /**
+     * File name for the innerquad model.
+     */
+    static INNERQUAD_MODEL_FILENAME: string;
+    /**
+     * Gets or sets the horizontal scaling for the button.
+     */
+    width: number;
+    /**
+     * Gets or sets the vertical scaling for the button.
+     */
+    height: number;
+    /**
+     * Gets or sets the bevel radius for the button.
+     */
+    radius: number;
+    /**
+     * Gets or sets the font size of the button text in pixels.
+     * This is only adjustable for a button with width to height ratio greater than 1.
+     */
+    textSizeInPixels: number;
+    /**
+     * Gets or sets the size of the button image in pixels.
+     * This is only adjustable for a button with width to height ratio greater than 1.
+     */
+    imageSizeInPixels: number;
+    /**
+     * Gets or sets the color of the button plate.
+     */
+    plateMaterialColor: Color3;
+    /**
+     * Gets or sets the depth of the button's front plate.
+     * This variable determines the z scaling and z position for some of the button's meshes.
+     */
+    frontPlateDepth: number;
+    /**
+     * Gets or sets the depth of the button's back plate.
+     * This variable determines the z scaling and z position for some of the button's meshes.
+     */
+    backPlateDepth: number;
+    /**
+     * Gets or sets the offset value for button's back glow.
+     * This variable determines the x, y scaling of the button's meshes.
+     */
+    backGlowOffset: number;
+    /**
+     * Gets or sets the value that determines the z scaling and z position for the innerQuad and BackGlow meshes.
+     */
+    flatPlaneDepth: number;
+    /**
+     * Gets or sets the radius for FrontMaterial and innerQuadMaterial.
+     */
+    innerQuadRadius: number;
+    /**
+     * Gets or sets the color for innerQuadMaterial.
+     */
+    innerQuadColor: Color4;
+    /**
+     * Gets or sets the color for innerQuadMaterial for when it is toggled.
+     */
+    innerQuadToggledColor: Color4;
+    /**
+     * Gets or sets the color for innerQuadMaterial for when it is hovered.
+     */
+    innerQuadHoverColor: Color4;
+    /**
+     * Gets or sets the color for innerQuadMaterial for when it is toggled and hovered.
+     */
+    innerQuadToggledHoverColor: Color4;
+    private _backPlate;
+    private _textPlate;
+    private _frontPlate;
+    private _backGlow;
+    private _innerQuad;
+    private _collisionPlate;
+    private _frontPlateCollisionMesh;
+    private _isBackplateVisible;
+    private _text;
+    private _subtext;
+    private _imageUrl;
+    private _shareMaterials;
+    private _frontMaterial;
+    private _backMaterial;
+    private _backGlowMaterial;
+    private _innerQuadMaterial;
+    private _plateMaterial;
+    private _pickedPointObserver;
+    private _pointerClickObserver;
+    private _pointerEnterObserver;
+    private _pointerOutObserver;
+    private _toggleObserver;
+    private _tooltipFade;
+    private _tooltipTextBlock;
+    private _tooltipTexture;
+    private _tooltipMesh;
+    private _tooltipHoverObserver;
+    private _tooltipOutObserver;
+    private _disposeTooltip;
+    /**
+     * Rendering ground id of all the mesh in the button
+     */
+    set renderingGroupId(id: number);
+    get renderingGroupId(): number;
+    /**
+     * Gets the mesh used to render this control
+     */
+    get mesh(): Nullable<AbstractMesh>;
+    /**
+     * Text to be displayed on the tooltip shown when hovering on the button. When set to null tooltip is disabled. (Default: null)
+     * Set this property after adding the button to the GUI3DManager
+     */
+    set tooltipText(text: Nullable<string>);
+    get tooltipText(): Nullable<string>;
+    /**
+     * Gets or sets text for the button
+     */
+    get text(): string;
+    set text(value: string);
+    /**
+     * Gets or sets subtext for a button with larger width
+     */
+    get subtext(): string;
+    set subtext(value: string);
+    /**
+     * Gets or sets the image url for the button
+     */
+    get imageUrl(): string;
+    set imageUrl(value: string);
+    /**
+     * Gets the back material used by this button
+     */
+    get backMaterial(): MRDLBackplateMaterial;
+    /**
+     * Gets the front material used by this button
+     */
+    get frontMaterial(): MRDLFrontplateMaterial;
+    /**
+     * Gets the back glow material used by this button
+     */
+    get backGlowMaterial(): MRDLBackglowMaterial;
+    /**
+     * Gets the inner quad material used by this button
+     */
+    get innerQuadMaterial(): MRDLInnerquadMaterial;
+    /**
+     * Gets the plate material used by this button
+     */
+    get plateMaterial(): StandardMaterial;
+    /**
+     * Gets a boolean indicating if this button shares its material with other V3 Buttons
+     */
+    get shareMaterials(): boolean;
+    /**
+     * Sets whether the backplate is visible or hidden. Hiding the backplate is not recommended without some sort of replacement
+     */
+    set isBackplateVisible(isVisible: boolean);
+    /**
+     * Creates a new button
+     * @param name defines the control name
+     * @param shareMaterials
+     */
+    constructor(name?: string, shareMaterials?: boolean);
+    protected _getTypeName(): string;
+    private _rebuildContent;
+    private _getAspectRatio;
+    private _alignContentVertically;
+    private _alignContentHorizontally;
+    protected _createNode(scene: Scene): TransformNode;
+    private _createBackPlate;
+    private _createFrontPlate;
+    private _createInnerQuad;
+    private _createBackGlow;
+    protected _applyFacade(facadeTexture: AdvancedDynamicTexture): void;
+    private _performClickAnimation;
+    private _performEnterExitAnimation;
+    private _createBackMaterial;
+    private _createFrontMaterial;
+    private _createBackGlowMaterial;
+    private _createInnerQuadMaterial;
+    private _createPlateMaterial;
+    protected _onToggle(newState: boolean): void;
+    protected _affectMaterial(mesh: Mesh): void;
+    /**
+     * Releases all associated resources
+     */
+    dispose(): void;
+}
+
 }
 declare module "babylonjs-gui/3D/controls/nearMenu" {
 import { Scene } from "babylonjs/scene";
@@ -6871,6 +7096,96 @@ export * from "babylonjs-gui/3D/materials/mrdl/mrdlSliderBarMaterial";
 export * from "babylonjs-gui/3D/materials/mrdl/mrdlSliderThumbMaterial";
 export * from "babylonjs-gui/3D/materials/mrdl/mrdlBackplateMaterial";
 
+}
+declare module "babylonjs-gui/3D/materials/mrdl/mrdlBackglowMaterial" {
+import { AbstractMesh } from "babylonjs/Meshes/abstractMesh";
+import { BaseTexture } from "babylonjs/Materials/Textures/baseTexture";
+import { IAnimatable } from "babylonjs/Animations/animatable.interface";
+import { Matrix } from "babylonjs/Maths/math.vector";
+import { Mesh } from "babylonjs/Meshes/mesh";
+import { Nullable } from "babylonjs/types";
+import { Scene } from "babylonjs/scene";
+import { SubMesh } from "babylonjs/Meshes/subMesh";
+import { Color4 } from "babylonjs/Maths/math.color";
+import { PushMaterial } from "babylonjs/Materials/pushMaterial";
+import "babylonjs-gui/3D/materials/mrdl/shaders/mrdlBackglow.fragment";
+import "babylonjs-gui/3D/materials/mrdl/shaders/mrdlBackglow.vertex";
+export class MRDLBackglowMaterial extends PushMaterial {
+    /**
+     * Gets or sets the bevel radius on the backglow. If this value is changed, update the lineWidth to match.
+     */
+    bevelRadius: number;
+    /**
+     * Gets or sets the line width of the backglow.
+     */
+    lineWidth: number;
+    /**
+     * Gets or sets whether to use absolute sizes when calculating effects on the backglow.
+     * Since desktop and VR/AR have different relative sizes, it's usually best to keep this false.
+     */
+    absoluteSizes: boolean;
+    /**
+     * Gets or sets the tuning motion of the backglow.
+     */
+    tuningMotion: number;
+    /**
+     * Gets or sets the motion of the backglow.
+     */
+    motion: number;
+    /**
+     * Gets or sets the maximum intensity of the backglow.
+     */
+    maxIntensity: number;
+    /**
+     * Gets or sets the fade-in exponent of the intensity of the backglow.
+     */
+    intensityFadeInExponent: number;
+    /**
+     * Gets or sets the start of the outer fuzz effect on the backglow.
+     */
+    outerFuzzStart: number;
+    /**
+     * Gets or sets the end of the outer fuzz effect on the backglow.
+     */
+    outerFuzzEnd: number;
+    /**
+     * Gets or sets the color of the backglow.
+     */
+    color: Color4;
+    /**
+     * Gets or sets the inner color of the backglow.
+     */
+    innerColor: Color4;
+    /**
+     * Gets or sets the blend exponent of the backglow.
+     */
+    blendExponent: number;
+    /**
+     * Gets or sets the falloff of the backglow.
+     */
+    falloff: number;
+    /**
+     * Gets or sets the bias of the backglow.
+     */
+    bias: number;
+    constructor(name: string, scene: Scene);
+    needAlphaBlending(): boolean;
+    needAlphaTesting(): boolean;
+    getAlphaTestTexture(): Nullable<BaseTexture>;
+    isReadyForSubMesh(mesh: AbstractMesh, subMesh: SubMesh): boolean;
+    bindForSubMesh(world: Matrix, mesh: Mesh, subMesh: SubMesh): void;
+    /**
+     * Get the list of animatables in the material.
+     * @returns the list of animatables object used in the material
+     */
+    getAnimatables(): IAnimatable[];
+    dispose(forceDisposeEffect?: boolean): void;
+    clone(name: string): MRDLBackglowMaterial;
+    serialize(): unknown;
+    getClassName(): string;
+    static Parse(source: any, scene: Scene, rootUrl: string): MRDLBackglowMaterial;
+}
+
 }
 declare module "babylonjs-gui/3D/materials/mrdl/mrdlBackplateMaterial" {
 import { Nullable } from "babylonjs/types";
@@ -6911,100 +7226,348 @@ export class MRDLBackplateMaterial extends PushMaterial {
     /** @internal */
     _filterWidth: number;
     /**
-     * Gets or sets the base color of the backplate.
+     * Gets or sets the base color of the backplate.
+     */
+    baseColor: Color4;
+    /**
+     * Gets or sets the line color of the backplate.
+     */
+    lineColor: Color4;
+    /**
+     * Gets or sets the top left Radii Multiplier.
+     */
+    radiusTopLeft: number;
+    /**
+     * Gets or sets the top left Radii Multiplier.
+     */
+    radiusTopRight: number;
+    /**
+     * Gets or sets the top left Radii Multiplier.
+     */
+    radiusBottomLeft: number;
+    /**
+     * Gets or sets the top left Radii Multiplier.
+     */
+    radiusBottomRight: number;
+    /** @internal */
+    _rate: number;
+    /**
+     * Gets or sets the color of the highlights on the backplate line.
+     */
+    highlightColor: Color4;
+    /**
+     * Gets or sets the width of the highlights on the backplate line.
+     */
+    highlightWidth: number;
+    /** @internal */
+    _highlightTransform: Vector4;
+    /** @internal */
+    _highlight: number;
+    /**
+     * Gets or sets the intensity of the iridescence effect.
+     */
+    iridescenceIntensity: number;
+    /**
+     * Gets or sets the intensity of the iridescence effect on the backplate edges.
+     */
+    iridescenceEdgeIntensity: number;
+    /**
+     * Gets or sets the Tint of the iridescence effect on the backplate.
+     */
+    iridescenceTint: Color4;
+    /** @internal */
+    _angle: number;
+    /**
+     * Gets or sets the opacity of the backplate (0.0 - 1.0).
+     */
+    fadeOut: number;
+    /** @internal */
+    _reflected: boolean;
+    /** @internal */
+    _frequency: number;
+    /** @internal */
+    _verticalOffset: number;
+    /**
+     * Gets or sets the gradient color effect on the backplate.
+     */
+    gradientColor: Color4;
+    /**
+     * Gets or sets the top left gradient color effect on the backplate.
+     */
+    topLeftGradientColor: Color4;
+    /**
+     * Gets or sets the top right gradient color effect on the backplate.
+     */
+    topRightGradientColor: Color4;
+    /**
+     * Gets or sets the bottom left gradient color effect on the backplate.
+     */
+    bottomLeftGradientColor: Color4;
+    /**
+     * Gets or sets the bottom right gradient color effect on the backplate.
+     */
+    bottomRightGradientColor: Color4;
+    /**
+     * Gets or sets the edge width of the backplate.
+     */
+    edgeWidth: number;
+    /**
+     * Gets or sets the edge width of the backplate.
+     */
+    edgePower: number;
+    /**
+     * Gets or sets the edge width of the backplate.
+     */
+    edgeLineGradientBlend: number;
+    constructor(name: string, scene?: Scene);
+    needAlphaBlending(): boolean;
+    needAlphaTesting(): boolean;
+    getAlphaTestTexture(): Nullable<BaseTexture>;
+    isReadyForSubMesh(mesh: AbstractMesh, subMesh: SubMesh): boolean;
+    bindForSubMesh(world: Matrix, mesh: Mesh, subMesh: SubMesh): void;
+    /**
+     * Get the list of animatables in the material.
+     * @returns the list of animatables object used in the material
+     */
+    getAnimatables(): IAnimatable[];
+    dispose(forceDisposeEffect?: boolean): void;
+    clone(name: string): MRDLBackplateMaterial;
+    serialize(): any;
+    getClassName(): string;
+    static Parse(source: any, scene: Scene, rootUrl: string): MRDLBackplateMaterial;
+}
+
+}
+declare module "babylonjs-gui/3D/materials/mrdl/mrdlFrontplateMaterial" {
+import { AbstractMesh } from "babylonjs/Meshes/abstractMesh";
+import { BaseTexture } from "babylonjs/Materials/Textures/baseTexture";
+import { IAnimatable } from "babylonjs/Animations/animatable.interface";
+import { Matrix } from "babylonjs/Maths/math.vector";
+import { Mesh } from "babylonjs/Meshes/mesh";
+import { Nullable } from "babylonjs/types";
+import { Scene } from "babylonjs/scene";
+import { SubMesh } from "babylonjs/Meshes/subMesh";
+import { Color4 } from "babylonjs/Maths/math.color";
+import { PushMaterial } from "babylonjs/Materials/pushMaterial";
+import { Vector3 } from "babylonjs/Maths/math.vector";
+import "babylonjs-gui/3D/materials/mrdl/shaders/mrdlFrontplate.fragment";
+import "babylonjs-gui/3D/materials/mrdl/shaders/mrdlFrontplate.vertex";
+export class MRDLFrontplateMaterial extends PushMaterial {
+    /**
+     * Gets or sets the corner radius on the frontplate. If this value is changed, update the lineWidth to match.
+     */
+    radius: number;
+    /**
+     * Gets or sets the line width of the frontplate.
+     */
+    lineWidth: number;
+    /**
+     * Gets or sets whether the scale is relative to the frontplate height.
+     */
+    relativeToHeight: boolean;
+    /** @hidden */
+    _filterWidth: number;
+    /**
+     * Gets or sets the edge color of the frontplate.
+     */
+    edgeColor: Color4;
+    /**
+     * Gets or sets whether to enable blob effects on the frontplate.
+     */
+    blobEnable: boolean;
+    /**
+     * Gets or sets the blob position on the frontplate.
+     */
+    blobPosition: Vector3;
+    /**
+     * Gets or sets the blob intensity of the frontplate.
+     */
+    blobIntensity: number;
+    /**
+     * Gets or sets the blob near size of the frontplate.
+     */
+    blobNearSize: number;
+    /**
+     * Gets or sets the blob far size of the frontplate.
+     */
+    blobFarSize: number;
+    /**
+     * Gets or sets the blob near distance of the frontplate.
+     */
+    blobNearDistance: number;
+    /**
+     * Gets or sets the blob far distance of the frontplate.
+     */
+    blobFarDistance: number;
+    /**
+     * Gets or sets the blob fade length of the frontplate.
+     */
+    blobFadeLength: number;
+    /**
+     * Gets or sets the blob inner fade of the frontplate.
+     */
+    blobInnerFade: number;
+    /**
+     * Gets or sets the blob pulse of the frontplate.
+     */
+    blobPulse: number;
+    /**
+     * Gets or sets the blob fade effect on the frontplate.
+     */
+    blobFade: number;
+    /**
+     * Gets or sets the maximum size of the blob pulse on the frontplate.
+     */
+    blobPulseMaxSize: number;
+    /**
+     * Gets or sets whether to enable extra blob effects of the frontplate.
+     */
+    blobEnable2: boolean;
+    /**
+     * Gets or sets blob2 position of the frontplate.
+     */
+    blobPosition2: Vector3;
+    /**
+     * Gets or sets the blob2 near size of the frontplate.
+     */
+    blobNearSize2: number;
+    /**
+     * Gets or sets the blob2 inner fade of the frontplate.
+     */
+    blobInnerFade2: number;
+    /**
+     * Gets or sets the blob2 pulse of the frontplate.
+     */
+    blobPulse2: number;
+    /**
+     * Gets or sets the blob2 fade effect on the frontplate.
+     */
+    blobFade2: number;
+    /**
+     * Gets or sets the gaze intensity of the frontplate.
+     */
+    gazeIntensity: number;
+    /**
+     * Gets or sets the gaze focus of the frontplate.
+     */
+    gazeFocus: number;
+    /**
+     * Gets or sets the selection fuzz of the frontplate.
+     */
+    selectionFuzz: number;
+    /**
+     * Gets or sets the fade intensity of the frontplate.
      */
-    baseColor: Color4;
+    selected: number;
     /**
-     * Gets or sets the line color of the backplate.
+     * Gets or sets the selection fade intensity of the frontplate.
      */
-    lineColor: Color4;
+    selectionFade: number;
     /**
-     * Gets or sets the top left Radii Multiplier.
+     * Gets or sets the selection fade size of the frontplate.
      */
-    radiusTopLeft: number;
+    selectionFadeSize: number;
     /**
-     * Gets or sets the top left Radii Multiplier.
+     * Gets or sets the selected distance of the frontplate.
      */
-    radiusTopRight: number;
+    selectedDistance: number;
     /**
-     * Gets or sets the top left Radii Multiplier.
+     * Gets or sets the selected fade length of the frontplate.
      */
-    radiusBottomLeft: number;
+    selectedFadeLength: number;
     /**
-     * Gets or sets the top left Radii Multiplier.
+     * Gets or sets the proximity maximum intensity of the frontplate.
      */
-    radiusBottomRight: number;
-    /** @internal */
-    _rate: number;
+    proximityMaxIntensity: number;
     /**
-     * Gets or sets the color of the highlights on the backplate line.
+     * Gets or sets the proximity far distance of the frontplate.
      */
-    highlightColor: Color4;
+    proximityFarDistance: number;
     /**
-     * Gets or sets the width of the highlights on the backplate line.
+     * Gets or sets the proximity near radius of the frontplate.
      */
-    highlightWidth: number;
-    /** @internal */
-    _highlightTransform: Vector4;
-    /** @internal */
-    _highlight: number;
+    proximityNearRadius: number;
     /**
-     * Gets or sets the intensity of the iridescence effect.
+     * Gets or sets the proximity anisotropy of the frontplate.
      */
-    iridescenceIntensity: number;
+    proximityAnisotropy: number;
     /**
-     * Gets or sets the intensity of the iridescence effect on the backplate edges.
+     * Gets or sets whether to use global left index on the frontplate.
      */
-    iridescenceEdgeIntensity: number;
+    useGlobalLeftIndex: boolean;
     /**
-     * Gets or sets the Tint of the iridescence effect on the backplate.
+     * Gets or sets  whether to use global right index of the frontplate.
      */
-    iridescenceTint: Color4;
-    /** @internal */
-    _angle: number;
+    useGlobalRightIndex: boolean;
     /**
-     * Gets or sets the opacity of the backplate (0.0 - 1.0).
+     * URL pointing to the texture used to define the coloring for the BLOB.
      */
-    fadeOut: number;
-    /** @internal */
-    _reflected: boolean;
-    /** @internal */
-    _frequency: number;
-    /** @internal */
-    _verticalOffset: number;
+    static BLOB_TEXTURE_URL: string;
     /**
-     * Gets or sets the gradient color effect on the backplate.
+     * Gets or sets the opacity of the frontplate (0.0 - 1.0).
      */
-    gradientColor: Color4;
+    fadeOut: number;
+    private _blobTexture;
+    constructor(name: string, scene: Scene);
+    needAlphaBlending(): boolean;
+    needAlphaTesting(): boolean;
+    getAlphaTestTexture(): Nullable<BaseTexture>;
+    isReadyForSubMesh(mesh: AbstractMesh, subMesh: SubMesh): boolean;
+    bindForSubMesh(world: Matrix, mesh: Mesh, subMesh: SubMesh): void;
     /**
-     * Gets or sets the top left gradient color effect on the backplate.
+     * Get the list of animatables in the material.
+     * @returns the list of animatables object used in the material
      */
-    topLeftGradientColor: Color4;
+    getAnimatables(): IAnimatable[];
+    dispose(forceDisposeEffect?: boolean): void;
+    clone(name: string): MRDLFrontplateMaterial;
+    serialize(): unknown;
+    getClassName(): string;
+    static Parse(source: any, scene: Scene, rootUrl: string): MRDLFrontplateMaterial;
+}
+
+}
+declare module "babylonjs-gui/3D/materials/mrdl/mrdlInnerquadMaterial" {
+import { AbstractMesh } from "babylonjs/Meshes/abstractMesh";
+import { BaseTexture } from "babylonjs/Materials/Textures/baseTexture";
+import { IAnimatable } from "babylonjs/Animations/animatable.interface";
+import { Matrix } from "babylonjs/Maths/math.vector";
+import { Mesh } from "babylonjs/Meshes/mesh";
+import { Nullable } from "babylonjs/types";
+import { Scene } from "babylonjs/scene";
+import { SubMesh } from "babylonjs/Meshes/subMesh";
+import { Color4 } from "babylonjs/Maths/math.color";
+import { PushMaterial } from "babylonjs/Materials/pushMaterial";
+import "babylonjs-gui/3D/materials/mrdl/shaders/mrdlInnerquad.fragment";
+import "babylonjs-gui/3D/materials/mrdl/shaders/mrdlInnerquad.vertex";
+export class MRDLInnerquadMaterial extends PushMaterial {
     /**
-     * Gets or sets the top right gradient color effect on the backplate.
+     * Gets or sets the color of the innerquad.
      */
-    topRightGradientColor: Color4;
+    color: Color4;
     /**
-     * Gets or sets the bottom left gradient color effect on the backplate.
+     * Gets or sets the corner radius on the innerquad. If this value is changed, update the lineWidth to match.
      */
-    bottomLeftGradientColor: Color4;
+    radius: number;
     /**
-     * Gets or sets the bottom right gradient color effect on the backplate.
+     * Gets or sets whether the radius of the innerquad should be fixed.
      */
-    bottomRightGradientColor: Color4;
+    fixedRadius: boolean;
+    /** @hidden */
+    _filterWidth: number;
     /**
-     * Gets or sets the edge width of the backplate.
+     * Gets or sets the glow fraction of the innerquad.
      */
-    edgeWidth: number;
+    glowFraction: number;
     /**
-     * Gets or sets the edge width of the backplate.
+     * Gets or sets the maximum glow intensity of the innerquad.
      */
-    edgePower: number;
+    glowMax: number;
     /**
-     * Gets or sets the edge width of the backplate.
+     * Gets or sets the glow falloff effect of the innerquad.
      */
-    edgeLineGradientBlend: number;
-    constructor(name: string, scene?: Scene);
+    glowFalloff: number;
+    constructor(name: string, scene: Scene);
     needAlphaBlending(): boolean;
     needAlphaTesting(): boolean;
     getAlphaTestTexture(): Nullable<BaseTexture>;
@@ -7016,10 +7579,10 @@ export class MRDLBackplateMaterial extends PushMaterial {
      */
     getAnimatables(): IAnimatable[];
     dispose(forceDisposeEffect?: boolean): void;
-    clone(name: string): MRDLBackplateMaterial;
-    serialize(): any;
+    clone(name: string): MRDLInnerquadMaterial;
+    serialize(): unknown;
     getClassName(): string;
-    static Parse(source: any, scene: Scene, rootUrl: string): MRDLBackplateMaterial;
+    static Parse(source: any, scene: Scene, rootUrl: string): MRDLInnerquadMaterial;
 }
 
 }
@@ -7696,6 +8259,22 @@ export class MRDLSliderThumbMaterial extends PushMaterial {
     static Parse(source: any, scene: Scene, rootUrl: string): MRDLSliderThumbMaterial;
 }
 
+}
+declare module "babylonjs-gui/3D/materials/mrdl/shaders/mrdlBackglow.fragment" {
+/** @internal */
+export const mrdlBackglowPixelShader: {
+    name: string;
+    shader: string;
+};
+
+}
+declare module "babylonjs-gui/3D/materials/mrdl/shaders/mrdlBackglow.vertex" {
+/** @internal */
+export const mrdlBackglowVertexShader: {
+    name: string;
+    shader: string;
+};
+
 }
 declare module "babylonjs-gui/3D/materials/mrdl/shaders/mrdlBackplate.fragment" {
 /** @internal */
@@ -7712,6 +8291,38 @@ export const mrdlBackplateVertexShader: {
     shader: string;
 };
 
+}
+declare module "babylonjs-gui/3D/materials/mrdl/shaders/mrdlFrontplate.fragment" {
+/** @internal */
+export const mrdlFrontplatePixelShader: {
+    name: string;
+    shader: string;
+};
+
+}
+declare module "babylonjs-gui/3D/materials/mrdl/shaders/mrdlFrontplate.vertex" {
+/** @internal */
+export const mrdlFrontplateVertexShader: {
+    name: string;
+    shader: string;
+};
+
+}
+declare module "babylonjs-gui/3D/materials/mrdl/shaders/mrdlInnerquad.fragment" {
+/** @internal */
+export const mrdlInnerquadPixelShader: {
+    name: string;
+    shader: string;
+};
+
+}
+declare module "babylonjs-gui/3D/materials/mrdl/shaders/mrdlInnerquad.vertex" {
+/** @internal */
+export const mrdlInnerquadVertexShader: {
+    name: string;
+    shader: string;
+};
+
 }
 declare module "babylonjs-gui/3D/materials/mrdl/shaders/mrdlSliderBar.fragment" {
 /** @internal */
@@ -10089,7 +10700,7 @@ declare module BABYLON.GUI {
         /** Gets or sets the text displayed when the control is empty */
         get placeholderText(): string;
         set placeholderText(value: string);
-        /** Gets or sets the dead key flag */
+        /** Gets or sets the dead key. 0 to disable. */
         get deadKey(): boolean;
         set deadKey(flag: boolean);
         /** Gets or sets the highlight text */
@@ -12805,14 +13416,223 @@ declare module BABYLON.GUI {
         /** @internal */
         protected _currentMesh: BABYLON.Mesh;
         /**
-         * Creates a new 3D button based on a mesh
-         * @param mesh mesh to become a 3D button
+         * Creates a new 3D button based on a mesh
+         * @param mesh mesh to become a 3D button
+         * @param name defines the control name
+         */
+        constructor(mesh: BABYLON.Mesh, name?: string);
+        protected _getTypeName(): string;
+        protected _createNode(scene: BABYLON.Scene): BABYLON.TransformNode;
+        protected _affectMaterial(mesh: BABYLON.AbstractMesh): void;
+    }
+
+
+    /**
+     * Class used to create the mrtkv3 button
+     */
+    export class TouchHolographicButton extends TouchButton3D {
+        /**
+         * Base Url for the frontplate model.
+         */
+        static MRTK_ASSET_BASE_URL: string;
+        /**
+         * File name for the frontplate model.
+         */
+        static FRONTPLATE_MODEL_FILENAME: string;
+        /**
+         * File name for the backplate model.
+         */
+        static BACKPLATE_MODEL_FILENAME: string;
+        /**
+         * File name for the backglow model.
+         */
+        static BACKGLOW_MODEL_FILENAME: string;
+        /**
+         * File name for the innerquad model.
+         */
+        static INNERQUAD_MODEL_FILENAME: string;
+        /**
+         * Gets or sets the horizontal scaling for the button.
+         */
+        width: number;
+        /**
+         * Gets or sets the vertical scaling for the button.
+         */
+        height: number;
+        /**
+         * Gets or sets the bevel radius for the button.
+         */
+        radius: number;
+        /**
+         * Gets or sets the font size of the button text in pixels.
+         * This is only adjustable for a button with width to height ratio greater than 1.
+         */
+        textSizeInPixels: number;
+        /**
+         * Gets or sets the size of the button image in pixels.
+         * This is only adjustable for a button with width to height ratio greater than 1.
+         */
+        imageSizeInPixels: number;
+        /**
+         * Gets or sets the color of the button plate.
+         */
+        plateMaterialColor: BABYLON.Color3;
+        /**
+         * Gets or sets the depth of the button's front plate.
+         * This variable determines the z scaling and z position for some of the button's meshes.
+         */
+        frontPlateDepth: number;
+        /**
+         * Gets or sets the depth of the button's back plate.
+         * This variable determines the z scaling and z position for some of the button's meshes.
+         */
+        backPlateDepth: number;
+        /**
+         * Gets or sets the offset value for button's back glow.
+         * This variable determines the x, y scaling of the button's meshes.
+         */
+        backGlowOffset: number;
+        /**
+         * Gets or sets the value that determines the z scaling and z position for the innerQuad and BackGlow meshes.
+         */
+        flatPlaneDepth: number;
+        /**
+         * Gets or sets the radius for FrontMaterial and innerQuadMaterial.
+         */
+        innerQuadRadius: number;
+        /**
+         * Gets or sets the color for innerQuadMaterial.
+         */
+        innerQuadColor: BABYLON.Color4;
+        /**
+         * Gets or sets the color for innerQuadMaterial for when it is toggled.
+         */
+        innerQuadToggledColor: BABYLON.Color4;
+        /**
+         * Gets or sets the color for innerQuadMaterial for when it is hovered.
+         */
+        innerQuadHoverColor: BABYLON.Color4;
+        /**
+         * Gets or sets the color for innerQuadMaterial for when it is toggled and hovered.
+         */
+        innerQuadToggledHoverColor: BABYLON.Color4;
+        private _backPlate;
+        private _textPlate;
+        private _frontPlate;
+        private _backGlow;
+        private _innerQuad;
+        private _collisionPlate;
+        private _frontPlateCollisionMesh;
+        private _isBackplateVisible;
+        private _text;
+        private _subtext;
+        private _imageUrl;
+        private _shareMaterials;
+        private _frontMaterial;
+        private _backMaterial;
+        private _backGlowMaterial;
+        private _innerQuadMaterial;
+        private _plateMaterial;
+        private _pickedPointObserver;
+        private _pointerClickObserver;
+        private _pointerEnterObserver;
+        private _pointerOutObserver;
+        private _toggleObserver;
+        private _tooltipFade;
+        private _tooltipTextBlock;
+        private _tooltipTexture;
+        private _tooltipMesh;
+        private _tooltipHoverObserver;
+        private _tooltipOutObserver;
+        private _disposeTooltip;
+        /**
+         * Rendering ground id of all the mesh in the button
+         */
+        set renderingGroupId(id: number);
+        get renderingGroupId(): number;
+        /**
+         * Gets the mesh used to render this control
+         */
+        get mesh(): BABYLON.Nullable<BABYLON.AbstractMesh>;
+        /**
+         * Text to be displayed on the tooltip shown when hovering on the button. When set to null tooltip is disabled. (Default: null)
+         * Set this property after adding the button to the GUI3DManager
+         */
+        set tooltipText(text: BABYLON.Nullable<string>);
+        get tooltipText(): BABYLON.Nullable<string>;
+        /**
+         * Gets or sets text for the button
+         */
+        get text(): string;
+        set text(value: string);
+        /**
+         * Gets or sets subtext for a button with larger width
+         */
+        get subtext(): string;
+        set subtext(value: string);
+        /**
+         * Gets or sets the image url for the button
+         */
+        get imageUrl(): string;
+        set imageUrl(value: string);
+        /**
+         * Gets the back material used by this button
+         */
+        get backMaterial(): MRDLBackplateMaterial;
+        /**
+         * Gets the front material used by this button
+         */
+        get frontMaterial(): MRDLFrontplateMaterial;
+        /**
+         * Gets the back glow material used by this button
+         */
+        get backGlowMaterial(): MRDLBackglowMaterial;
+        /**
+         * Gets the inner quad material used by this button
+         */
+        get innerQuadMaterial(): MRDLInnerquadMaterial;
+        /**
+         * Gets the plate material used by this button
+         */
+        get plateMaterial(): BABYLON.StandardMaterial;
+        /**
+         * Gets a boolean indicating if this button shares its material with other V3 Buttons
+         */
+        get shareMaterials(): boolean;
+        /**
+         * Sets whether the backplate is visible or hidden. Hiding the backplate is not recommended without some sort of replacement
+         */
+        set isBackplateVisible(isVisible: boolean);
+        /**
+         * Creates a new button
          * @param name defines the control name
+         * @param shareMaterials
          */
-        constructor(mesh: BABYLON.Mesh, name?: string);
+        constructor(name?: string, shareMaterials?: boolean);
         protected _getTypeName(): string;
+        private _rebuildContent;
+        private _getAspectRatio;
+        private _alignContentVertically;
+        private _alignContentHorizontally;
         protected _createNode(scene: BABYLON.Scene): BABYLON.TransformNode;
-        protected _affectMaterial(mesh: BABYLON.AbstractMesh): void;
+        private _createBackPlate;
+        private _createFrontPlate;
+        private _createInnerQuad;
+        private _createBackGlow;
+        protected _applyFacade(facadeTexture: AdvancedDynamicTexture): void;
+        private _performClickAnimation;
+        private _performEnterExitAnimation;
+        private _createBackMaterial;
+        private _createFrontMaterial;
+        private _createBackGlowMaterial;
+        private _createInnerQuadMaterial;
+        private _createPlateMaterial;
+        protected _onToggle(newState: boolean): void;
+        protected _affectMaterial(mesh: BABYLON.Mesh): void;
+        /**
+         * Releases all associated resources
+         */
+        dispose(): void;
     }
 
 
@@ -14082,6 +14902,83 @@ declare module BABYLON.GUI {
 
 
 
+    export class MRDLBackglowMaterial extends BABYLON.PushMaterial {
+        /**
+         * Gets or sets the bevel radius on the backglow. If this value is changed, update the lineWidth to match.
+         */
+        bevelRadius: number;
+        /**
+         * Gets or sets the line width of the backglow.
+         */
+        lineWidth: number;
+        /**
+         * Gets or sets whether to use absolute sizes when calculating effects on the backglow.
+         * Since desktop and VR/AR have different relative sizes, it's usually best to keep this false.
+         */
+        absoluteSizes: boolean;
+        /**
+         * Gets or sets the tuning motion of the backglow.
+         */
+        tuningMotion: number;
+        /**
+         * Gets or sets the motion of the backglow.
+         */
+        motion: number;
+        /**
+         * Gets or sets the maximum intensity of the backglow.
+         */
+        maxIntensity: number;
+        /**
+         * Gets or sets the fade-in exponent of the intensity of the backglow.
+         */
+        intensityFadeInExponent: number;
+        /**
+         * Gets or sets the start of the outer fuzz effect on the backglow.
+         */
+        outerFuzzStart: number;
+        /**
+         * Gets or sets the end of the outer fuzz effect on the backglow.
+         */
+        outerFuzzEnd: number;
+        /**
+         * Gets or sets the color of the backglow.
+         */
+        color: BABYLON.Color4;
+        /**
+         * Gets or sets the inner color of the backglow.
+         */
+        innerColor: BABYLON.Color4;
+        /**
+         * Gets or sets the blend exponent of the backglow.
+         */
+        blendExponent: number;
+        /**
+         * Gets or sets the falloff of the backglow.
+         */
+        falloff: number;
+        /**
+         * Gets or sets the bias of the backglow.
+         */
+        bias: number;
+        constructor(name: string, scene: BABYLON.Scene);
+        needAlphaBlending(): boolean;
+        needAlphaTesting(): boolean;
+        getAlphaTestTexture(): BABYLON.Nullable<BABYLON.BaseTexture>;
+        isReadyForSubMesh(mesh: BABYLON.AbstractMesh, subMesh: BABYLON.SubMesh): boolean;
+        bindForSubMesh(world: BABYLON.Matrix, mesh: BABYLON.Mesh, subMesh: BABYLON.SubMesh): void;
+        /**
+         * Get the list of animatables in the material.
+         * @returns the list of animatables object used in the material
+         */
+        getAnimatables(): BABYLON.IAnimatable[];
+        dispose(forceDisposeEffect?: boolean): void;
+        clone(name: string): MRDLBackglowMaterial;
+        serialize(): unknown;
+        getClassName(): string;
+        static Parse(source: any, scene: BABYLON.Scene, rootUrl: string): MRDLBackglowMaterial;
+    }
+
+
     /**
      * Class used to render backplate material with MRDL
      */
@@ -14219,6 +15116,227 @@ declare module BABYLON.GUI {
     }
 
 
+    export class MRDLFrontplateMaterial extends BABYLON.PushMaterial {
+        /**
+         * Gets or sets the corner radius on the frontplate. If this value is changed, update the lineWidth to match.
+         */
+        radius: number;
+        /**
+         * Gets or sets the line width of the frontplate.
+         */
+        lineWidth: number;
+        /**
+         * Gets or sets whether the scale is relative to the frontplate height.
+         */
+        relativeToHeight: boolean;
+        /** @hidden */
+        _filterWidth: number;
+        /**
+         * Gets or sets the edge color of the frontplate.
+         */
+        edgeColor: BABYLON.Color4;
+        /**
+         * Gets or sets whether to enable blob effects on the frontplate.
+         */
+        blobEnable: boolean;
+        /**
+         * Gets or sets the blob position on the frontplate.
+         */
+        blobPosition: BABYLON.Vector3;
+        /**
+         * Gets or sets the blob intensity of the frontplate.
+         */
+        blobIntensity: number;
+        /**
+         * Gets or sets the blob near size of the frontplate.
+         */
+        blobNearSize: number;
+        /**
+         * Gets or sets the blob far size of the frontplate.
+         */
+        blobFarSize: number;
+        /**
+         * Gets or sets the blob near distance of the frontplate.
+         */
+        blobNearDistance: number;
+        /**
+         * Gets or sets the blob far distance of the frontplate.
+         */
+        blobFarDistance: number;
+        /**
+         * Gets or sets the blob fade length of the frontplate.
+         */
+        blobFadeLength: number;
+        /**
+         * Gets or sets the blob inner fade of the frontplate.
+         */
+        blobInnerFade: number;
+        /**
+         * Gets or sets the blob pulse of the frontplate.
+         */
+        blobPulse: number;
+        /**
+         * Gets or sets the blob fade effect on the frontplate.
+         */
+        blobFade: number;
+        /**
+         * Gets or sets the maximum size of the blob pulse on the frontplate.
+         */
+        blobPulseMaxSize: number;
+        /**
+         * Gets or sets whether to enable extra blob effects of the frontplate.
+         */
+        blobEnable2: boolean;
+        /**
+         * Gets or sets blob2 position of the frontplate.
+         */
+        blobPosition2: BABYLON.Vector3;
+        /**
+         * Gets or sets the blob2 near size of the frontplate.
+         */
+        blobNearSize2: number;
+        /**
+         * Gets or sets the blob2 inner fade of the frontplate.
+         */
+        blobInnerFade2: number;
+        /**
+         * Gets or sets the blob2 pulse of the frontplate.
+         */
+        blobPulse2: number;
+        /**
+         * Gets or sets the blob2 fade effect on the frontplate.
+         */
+        blobFade2: number;
+        /**
+         * Gets or sets the gaze intensity of the frontplate.
+         */
+        gazeIntensity: number;
+        /**
+         * Gets or sets the gaze focus of the frontplate.
+         */
+        gazeFocus: number;
+        /**
+         * Gets or sets the selection fuzz of the frontplate.
+         */
+        selectionFuzz: number;
+        /**
+         * Gets or sets the fade intensity of the frontplate.
+         */
+        selected: number;
+        /**
+         * Gets or sets the selection fade intensity of the frontplate.
+         */
+        selectionFade: number;
+        /**
+         * Gets or sets the selection fade size of the frontplate.
+         */
+        selectionFadeSize: number;
+        /**
+         * Gets or sets the selected distance of the frontplate.
+         */
+        selectedDistance: number;
+        /**
+         * Gets or sets the selected fade length of the frontplate.
+         */
+        selectedFadeLength: number;
+        /**
+         * Gets or sets the proximity maximum intensity of the frontplate.
+         */
+        proximityMaxIntensity: number;
+        /**
+         * Gets or sets the proximity far distance of the frontplate.
+         */
+        proximityFarDistance: number;
+        /**
+         * Gets or sets the proximity near radius of the frontplate.
+         */
+        proximityNearRadius: number;
+        /**
+         * Gets or sets the proximity anisotropy of the frontplate.
+         */
+        proximityAnisotropy: number;
+        /**
+         * Gets or sets whether to use global left index on the frontplate.
+         */
+        useGlobalLeftIndex: boolean;
+        /**
+         * Gets or sets  whether to use global right index of the frontplate.
+         */
+        useGlobalRightIndex: boolean;
+        /**
+         * URL pointing to the texture used to define the coloring for the BLOB.
+         */
+        static BLOB_TEXTURE_URL: string;
+        /**
+         * Gets or sets the opacity of the frontplate (0.0 - 1.0).
+         */
+        fadeOut: number;
+        private _blobTexture;
+        constructor(name: string, scene: BABYLON.Scene);
+        needAlphaBlending(): boolean;
+        needAlphaTesting(): boolean;
+        getAlphaTestTexture(): BABYLON.Nullable<BABYLON.BaseTexture>;
+        isReadyForSubMesh(mesh: BABYLON.AbstractMesh, subMesh: BABYLON.SubMesh): boolean;
+        bindForSubMesh(world: BABYLON.Matrix, mesh: BABYLON.Mesh, subMesh: BABYLON.SubMesh): void;
+        /**
+         * Get the list of animatables in the material.
+         * @returns the list of animatables object used in the material
+         */
+        getAnimatables(): BABYLON.IAnimatable[];
+        dispose(forceDisposeEffect?: boolean): void;
+        clone(name: string): MRDLFrontplateMaterial;
+        serialize(): unknown;
+        getClassName(): string;
+        static Parse(source: any, scene: BABYLON.Scene, rootUrl: string): MRDLFrontplateMaterial;
+    }
+
+
+    export class MRDLInnerquadMaterial extends BABYLON.PushMaterial {
+        /**
+         * Gets or sets the color of the innerquad.
+         */
+        color: BABYLON.Color4;
+        /**
+         * Gets or sets the corner radius on the innerquad. If this value is changed, update the lineWidth to match.
+         */
+        radius: number;
+        /**
+         * Gets or sets whether the radius of the innerquad should be fixed.
+         */
+        fixedRadius: boolean;
+        /** @hidden */
+        _filterWidth: number;
+        /**
+         * Gets or sets the glow fraction of the innerquad.
+         */
+        glowFraction: number;
+        /**
+         * Gets or sets the maximum glow intensity of the innerquad.
+         */
+        glowMax: number;
+        /**
+         * Gets or sets the glow falloff effect of the innerquad.
+         */
+        glowFalloff: number;
+        constructor(name: string, scene: BABYLON.Scene);
+        needAlphaBlending(): boolean;
+        needAlphaTesting(): boolean;
+        getAlphaTestTexture(): BABYLON.Nullable<BABYLON.BaseTexture>;
+        isReadyForSubMesh(mesh: BABYLON.AbstractMesh, subMesh: BABYLON.SubMesh): boolean;
+        bindForSubMesh(world: BABYLON.Matrix, mesh: BABYLON.Mesh, subMesh: BABYLON.SubMesh): void;
+        /**
+         * Get the list of animatables in the material.
+         * @returns the list of animatables object used in the material
+         */
+        getAnimatables(): BABYLON.IAnimatable[];
+        dispose(forceDisposeEffect?: boolean): void;
+        clone(name: string): MRDLInnerquadMaterial;
+        serialize(): unknown;
+        getClassName(): string;
+        static Parse(source: any, scene: BABYLON.Scene, rootUrl: string): MRDLInnerquadMaterial;
+    }
+
+
     /**
      * Class used to render Slider Bar material with MRDL
      */
@@ -14863,6 +15981,20 @@ declare module BABYLON.GUI {
     }
 
 
+    /** @internal */
+    export var mrdlBackglowPixelShader: {
+        name: string;
+        shader: string;
+    };
+
+
+    /** @internal */
+    export var mrdlBackglowVertexShader: {
+        name: string;
+        shader: string;
+    };
+
+
     /** @internal */
     export var mrdlBackplatePixelShader: {
         name: string;
@@ -14877,6 +16009,34 @@ declare module BABYLON.GUI {
     };
 
 
+    /** @internal */
+    export var mrdlFrontplatePixelShader: {
+        name: string;
+        shader: string;
+    };
+
+
+    /** @internal */
+    export var mrdlFrontplateVertexShader: {
+        name: string;
+        shader: string;
+    };
+
+
+    /** @internal */
+    export var mrdlInnerquadPixelShader: {
+        name: string;
+        shader: string;
+    };
+
+
+    /** @internal */
+    export var mrdlInnerquadVertexShader: {
+        name: string;
+        shader: string;
+    };
+
+
     /** @internal */
     export var mrdlSliderBarPixelShader: {
         name: string;