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

package/2D/controls/control.d.ts

@@ -1,866 +1,866 @@
-import { Nullable } from "@babylonjs/core/types.js";
-import { Observable } from "@babylonjs/core/Misc/observable.js";
-import { Vector2, Vector3 } from "@babylonjs/core/Maths/math.vector.js";
-import { PointerInfoBase } from "@babylonjs/core/Events/pointerEvents.js";
-import { TransformNode } from "@babylonjs/core/Meshes/transformNode.js";
-import { Scene } from "@babylonjs/core/scene.js";
-import { Container } from "./container";
-import { AdvancedDynamicTexture } from "../advancedDynamicTexture";
-import { ValueAndUnit } from "../valueAndUnit";
-import { Measure } from "../measure";
-import { Style } from "../style";
-import { Matrix2D, Vector2WithInfo } from "../math2D";
-import { ICanvasRenderingContext } from "@babylonjs/core/Engines/ICanvas.js";
-/**
- * Root class used for all 2D controls
- * @see https://doc.babylonjs.com/how_to/gui#controls
- */
-export declare class Control {
-    /** defines the name of the control */
-    name?: string | undefined;
-    /**
-     * Gets or sets a boolean indicating if alpha must be an inherited value (false by default)
-     */
-    static AllowAlphaInheritance: boolean;
-    private _alpha;
-    private _alphaSet;
-    private _zIndex;
-    /** @hidden */
-    _host: AdvancedDynamicTexture;
-    /** Gets or sets the control parent */
-    parent: Nullable<Container>;
-    /** @hidden */
-    _currentMeasure: Measure;
-    /** @hidden */
-    _tempPaddingMeasure: Measure;
-    private _fontFamily;
-    private _fontStyle;
-    private _fontWeight;
-    private _fontSize;
-    private _font;
-    /** @hidden */
-    _width: ValueAndUnit;
-    /** @hidden */
-    _height: ValueAndUnit;
-    /** @hidden */
-    protected _fontOffset: {
-        ascent: number;
-        height: number;
-        descent: number;
-    };
-    private _color;
-    private _style;
-    private _styleObserver;
-    /** @hidden */
-    protected _horizontalAlignment: number;
-    /** @hidden */
-    protected _verticalAlignment: number;
-    /** @hidden */
-    protected _isDirty: boolean;
-    /** @hidden */
-    protected _wasDirty: boolean;
-    /** @hidden */
-    _tempParentMeasure: Measure;
-    /** @hidden */
-    _prevCurrentMeasureTransformedIntoGlobalSpace: Measure;
-    /** @hidden */
-    protected _cachedParentMeasure: Measure;
-    private _descendantsOnlyPadding;
-    private _paddingLeft;
-    private _paddingRight;
-    private _paddingTop;
-    private _paddingBottom;
-    /** @hidden */
-    _left: ValueAndUnit;
-    /** @hidden */
-    _top: ValueAndUnit;
-    private _scaleX;
-    private _scaleY;
-    private _rotation;
-    private _transformCenterX;
-    private _transformCenterY;
-    /** @hidden */
-    _transformMatrix: Matrix2D;
-    /** @hidden */
-    protected _invertTransformMatrix: Matrix2D;
-    /** @hidden */
-    protected _transformedPosition: Vector2;
-    private _isMatrixDirty;
-    private _cachedOffsetX;
-    private _cachedOffsetY;
-    private _isVisible;
-    private _isHighlighted;
-    private _highlightColor;
-    protected _highlightLineWidth: number;
-    /** @hidden */
-    _linkedMesh: Nullable<TransformNode>;
-    private _fontSet;
-    private _dummyVector2;
-    private _downCount;
-    private _enterCount;
-    private _doNotRender;
-    private _downPointerIds;
-    private _evaluatedMeasure;
-    private _evaluatedParentMeasure;
-    protected _isEnabled: boolean;
-    protected _disabledColor: string;
-    protected _disabledColorItem: string;
-    protected _isReadOnly: boolean;
-    /** @hidden */
-    protected _rebuildLayout: boolean;
-    /** @hidden */
-    _customData: any;
-    /** @hidden */
-    _isClipped: boolean;
-    /** @hidden */
-    _automaticSize: boolean;
-    /** @hidden */
-    _tag: any;
-    /**
-     * Gets or sets the unique id of the node. Please note that this number will be updated when the control is added to a container
-     */
-    uniqueId: number;
-    /**
-     * Gets or sets a boolean indicating if the control is readonly (default: false).
-     * A readonly control will still raise pointer events but will not react to them
-     */
-    get isReadOnly(): boolean;
-    set isReadOnly(value: boolean);
-    /**
-     * Gets the transformed measure, that is the bounding box of the control after applying all transformations
-     */
-    get transformedMeasure(): Measure;
-    /**
-     * Gets or sets an object used to store user defined information for the node
-     */
-    metadata: any;
-    /** Gets or sets a boolean indicating if the control can be hit with pointer events */
-    isHitTestVisible: boolean;
-    /** Gets or sets a boolean indicating if the control can block pointer events */
-    isPointerBlocker: boolean;
-    /** Gets or sets a boolean indicating if the control can be focusable */
-    isFocusInvisible: boolean;
-    /**
-     * Gets or sets a boolean indicating if the children are clipped to the current control bounds.
-     * Please note that not clipping children may generate issues with adt.useInvalidateRectOptimization so it is recommended to turn this optimization off if you want to use unclipped children
-     */
-    clipChildren: boolean;
-    /**
-     * Gets or sets a boolean indicating that control content must be clipped
-     * Please note that not clipping children may generate issues with adt.useInvalidateRectOptimization so it is recommended to turn this optimization off if you want to use unclipped children
-     */
-    clipContent: boolean;
-    /**
-     * Gets or sets a boolean indicating that the current control should cache its rendering (useful when the control does not change often)
-     */
-    useBitmapCache: boolean;
-    private _cacheData;
-    private _shadowOffsetX;
-    /** Gets or sets a value indicating the offset to apply on X axis to render the shadow */
-    get shadowOffsetX(): number;
-    set shadowOffsetX(value: number);
-    private _shadowOffsetY;
-    /** Gets or sets a value indicating the offset to apply on Y axis to render the shadow */
-    get shadowOffsetY(): number;
-    set shadowOffsetY(value: number);
-    private _shadowBlur;
-    private _previousShadowBlur;
-    /** Gets or sets a value indicating the amount of blur to use to render the shadow */
-    get shadowBlur(): number;
-    set shadowBlur(value: number);
-    private _shadowColor;
-    /** Gets or sets a value indicating the color of the shadow (black by default ie. "#000") */
-    get shadowColor(): string;
-    set shadowColor(value: string);
-    /** Gets or sets the cursor to use when the control is hovered */
-    hoverCursor: string;
-    /** @hidden */
-    protected _linkOffsetX: ValueAndUnit;
-    /** @hidden */
-    protected _linkOffsetY: ValueAndUnit;
-    /** Gets the control type name */
-    get typeName(): string;
-    /**
-     * Get the current class name of the control.
-     * @returns current class name
-     */
-    getClassName(): string;
-    /**
-     * An event triggered when pointer wheel is scrolled
-     */
-    onWheelObservable: Observable<Vector2>;
-    /**
-     * An event triggered when the pointer moves over the control.
-     */
-    onPointerMoveObservable: Observable<Vector2>;
-    /**
-     * An event triggered when the pointer moves out of the control.
-     */
-    onPointerOutObservable: Observable<Control>;
-    /**
-     * An event triggered when the pointer taps the control
-     */
-    onPointerDownObservable: Observable<Vector2WithInfo>;
-    /**
-     * An event triggered when pointer up
-     */
-    onPointerUpObservable: Observable<Vector2WithInfo>;
-    /**
-     * An event triggered when a control is clicked on
-     */
-    onPointerClickObservable: Observable<Vector2WithInfo>;
-    /**
-     * An event triggered when pointer enters the control
-     */
-    onPointerEnterObservable: Observable<Control>;
-    /**
-     * An event triggered when the control is marked as dirty
-     */
-    onDirtyObservable: Observable<Control>;
-    /**
-     * An event triggered before drawing the control
-     */
-    onBeforeDrawObservable: Observable<Control>;
-    /**
-     * An event triggered after the control was drawn
-     */
-    onAfterDrawObservable: Observable<Control>;
-    /**
-     * An event triggered when the control has been disposed
-     */
-    onDisposeObservable: Observable<Control>;
-    /**
-     * Get the hosting AdvancedDynamicTexture
-     */
-    get host(): AdvancedDynamicTexture;
-    /** Gets or set information about font offsets (used to render and align text) */
-    get fontOffset(): {
-        ascent: number;
-        height: number;
-        descent: number;
-    };
-    set fontOffset(offset: {
-        ascent: number;
-        height: number;
-        descent: number;
-    });
-    /** Gets or sets alpha value for the control (1 means opaque and 0 means entirely transparent) */
-    get alpha(): number;
-    set alpha(value: number);
-    /**
-     * Gets or sets a number indicating size of stroke we want to highlight the control with (mostly for debugging purpose)
-     */
-    get highlightLineWidth(): number;
-    set highlightLineWidth(value: number);
-    /**
-     * Gets or sets a boolean indicating that we want to highlight the control (mostly for debugging purpose)
-     */
-    get isHighlighted(): boolean;
-    set isHighlighted(value: boolean);
-    /**
-     * Gets or sets a string defining the color to use for highlighting this control
-     */
-    get highlightColor(): string;
-    set highlightColor(value: string);
-    /** Gets or sets a value indicating the scale factor on X axis (1 by default)
-     * @see https://doc.babylonjs.com/how_to/gui#rotation-and-scaling
-     */
-    get scaleX(): number;
-    set scaleX(value: number);
-    /** Gets or sets a value indicating the scale factor on Y axis (1 by default)
-     * @see https://doc.babylonjs.com/how_to/gui#rotation-and-scaling
-     */
-    get scaleY(): number;
-    set scaleY(value: number);
-    /** Gets or sets the rotation angle (0 by default)
-     * @see https://doc.babylonjs.com/how_to/gui#rotation-and-scaling
-     */
-    get rotation(): number;
-    set rotation(value: number);
-    /** Gets or sets the transformation center on Y axis (0 by default)
-     * @see https://doc.babylonjs.com/how_to/gui#rotation-and-scaling
-     */
-    get transformCenterY(): number;
-    set transformCenterY(value: number);
-    /** Gets or sets the transformation center on X axis (0 by default)
-     * @see https://doc.babylonjs.com/how_to/gui#rotation-and-scaling
-     */
-    get transformCenterX(): number;
-    set transformCenterX(value: number);
-    /**
-     * Gets or sets the horizontal alignment
-     * @see https://doc.babylonjs.com/how_to/gui#alignments
-     */
-    get horizontalAlignment(): number;
-    set horizontalAlignment(value: number);
-    /**
-     * Gets or sets the vertical alignment
-     * @see https://doc.babylonjs.com/how_to/gui#alignments
-     */
-    get verticalAlignment(): number;
-    set verticalAlignment(value: number);
-    /**
-     * Gets or sets a fixed ratio for this control.
-     * When different from 0, the ratio is used to compute the "second" dimension.
-     * The first dimension used in the computation is the last one set (by setting width / widthInPixels or height / heightInPixels), and the
-     * second dimension is computed as first dimension * fixedRatio
-     */
-    fixedRatio: number;
-    private _fixedRatioMasterIsWidth;
-    /**
-     * Gets or sets control width
-     * @see https://doc.babylonjs.com/how_to/gui#position-and-size
-     */
-    get width(): string | number;
-    set width(value: string | number);
-    /**
-     * Gets or sets the control width in pixel
-     * @see https://doc.babylonjs.com/how_to/gui#position-and-size
-     */
-    get widthInPixels(): number;
-    set widthInPixels(value: number);
-    /**
-     * Gets or sets control height
-     * @see https://doc.babylonjs.com/how_to/gui#position-and-size
-     */
-    get height(): string | number;
-    set height(value: string | number);
-    /**
-     * Gets or sets control height in pixel
-     * @see https://doc.babylonjs.com/how_to/gui#position-and-size
-     */
-    get heightInPixels(): number;
-    set heightInPixels(value: number);
-    /** Gets or set font family */
-    get fontFamily(): string;
-    set fontFamily(value: string);
-    /** Gets or sets font style */
-    get fontStyle(): string;
-    set fontStyle(value: string);
-    /** Gets or sets font weight */
-    get fontWeight(): string;
-    set fontWeight(value: string);
-    /**
-     * Gets or sets style
-     * @see https://doc.babylonjs.com/how_to/gui#styles
-     */
-    get style(): Nullable<Style>;
-    set style(value: Nullable<Style>);
-    /** @hidden */
-    get _isFontSizeInPercentage(): boolean;
-    /** Gets or sets font size in pixels */
-    get fontSizeInPixels(): number;
-    set fontSizeInPixels(value: number);
-    /** Gets or sets font size */
-    get fontSize(): string | number;
-    set fontSize(value: string | number);
-    /** Gets or sets foreground color */
-    get color(): string;
-    set color(value: string);
-    /** Gets or sets z index which is used to reorder controls on the z axis */
-    get zIndex(): number;
-    set zIndex(value: number);
-    /** Gets or sets a boolean indicating if the control can be rendered */
-    get notRenderable(): boolean;
-    set notRenderable(value: boolean);
-    /** Gets or sets a boolean indicating if the control is visible */
-    get isVisible(): boolean;
-    set isVisible(value: boolean);
-    /** Gets a boolean indicating that the control needs to update its rendering */
-    get isDirty(): boolean;
-    /**
-     * Gets the current linked mesh (or null if none)
-     */
-    get linkedMesh(): Nullable<TransformNode>;
-    /**
-     * Gets or sets a value indicating the padding should work like in CSS.
-     * Basically, it will add the padding amount on each side of the parent control for its children.
-     */
-    get descendantsOnlyPadding(): boolean;
-    set descendantsOnlyPadding(value: boolean);
-    /**
-     * Gets or sets a value indicating the padding to use on the left of the control
-     * @see https://doc.babylonjs.com/how_to/gui#position-and-size
-     */
-    get paddingLeft(): string | number;
-    set paddingLeft(value: string | number);
-    /**
-     * Gets or sets a value indicating the padding in pixels to use on the left of the control
-     * @see https://doc.babylonjs.com/how_to/gui#position-and-size
-     */
-    get paddingLeftInPixels(): number;
-    set paddingLeftInPixels(value: number);
-    /** @hidden */
-    get _paddingLeftInPixels(): number;
-    /**
-     * Gets or sets a value indicating the padding to use on the right of the control
-     * @see https://doc.babylonjs.com/how_to/gui#position-and-size
-     */
-    get paddingRight(): string | number;
-    set paddingRight(value: string | number);
-    /**
-     * Gets or sets a value indicating the padding in pixels to use on the right of the control
-     * @see https://doc.babylonjs.com/how_to/gui#position-and-size
-     */
-    get paddingRightInPixels(): number;
-    set paddingRightInPixels(value: number);
-    /** @hidden */
-    get _paddingRightInPixels(): number;
-    /**
-     * Gets or sets a value indicating the padding to use on the top of the control
-     * @see https://doc.babylonjs.com/how_to/gui#position-and-size
-     */
-    get paddingTop(): string | number;
-    set paddingTop(value: string | number);
-    /**
-     * Gets or sets a value indicating the padding in pixels to use on the top of the control
-     * @see https://doc.babylonjs.com/how_to/gui#position-and-size
-     */
-    get paddingTopInPixels(): number;
-    set paddingTopInPixels(value: number);
-    /** @hidden */
-    get _paddingTopInPixels(): number;
-    /**
-     * Gets or sets a value indicating the padding to use on the bottom of the control
-     * @see https://doc.babylonjs.com/how_to/gui#position-and-size
-     */
-    get paddingBottom(): string | number;
-    set paddingBottom(value: string | number);
-    /**
-     * Gets or sets a value indicating the padding in pixels to use on the bottom of the control
-     * @see https://doc.babylonjs.com/how_to/gui#position-and-size
-     */
-    get paddingBottomInPixels(): number;
-    set paddingBottomInPixels(value: number);
-    /** @hidden */
-    get _paddingBottomInPixels(): number;
-    /**
-     * Gets or sets a value indicating the left coordinate of the control
-     * @see https://doc.babylonjs.com/how_to/gui#position-and-size
-     */
-    get left(): string | number;
-    set left(value: string | number);
-    /**
-     * Gets or sets a value indicating the left coordinate in pixels of the control
-     * @see https://doc.babylonjs.com/how_to/gui#position-and-size
-     */
-    get leftInPixels(): number;
-    set leftInPixels(value: number);
-    /**
-     * Gets or sets a value indicating the top coordinate of the control
-     * @see https://doc.babylonjs.com/how_to/gui#position-and-size
-     */
-    get top(): string | number;
-    set top(value: string | number);
-    /**
-     * Gets or sets a value indicating the top coordinate in pixels of the control
-     * @see https://doc.babylonjs.com/how_to/gui#position-and-size
-     */
-    get topInPixels(): number;
-    set topInPixels(value: number);
-    /**
-     * Gets or sets a value indicating the offset on X axis to the linked mesh
-     * @see https://doc.babylonjs.com/how_to/gui#tracking-positions
-     */
-    get linkOffsetX(): string | number;
-    set linkOffsetX(value: string | number);
-    /**
-     * Gets or sets a value indicating the offset in pixels on X axis to the linked mesh
-     * @see https://doc.babylonjs.com/how_to/gui#tracking-positions
-     */
-    get linkOffsetXInPixels(): number;
-    set linkOffsetXInPixels(value: number);
-    /**
-     * Gets or sets a value indicating the offset on Y axis to the linked mesh
-     * @see https://doc.babylonjs.com/how_to/gui#tracking-positions
-     */
-    get linkOffsetY(): string | number;
-    set linkOffsetY(value: string | number);
-    /**
-     * Gets or sets a value indicating the offset in pixels on Y axis to the linked mesh
-     * @see https://doc.babylonjs.com/how_to/gui#tracking-positions
-     */
-    get linkOffsetYInPixels(): number;
-    set linkOffsetYInPixels(value: number);
-    /** Gets the center coordinate on X axis */
-    get centerX(): number;
-    /** Gets the center coordinate on Y axis */
-    get centerY(): number;
-    /** Gets or sets if control is Enabled */
-    get isEnabled(): boolean;
-    set isEnabled(value: boolean);
-    /** Gets or sets background color of control if it's disabled. Only applies to Button class. */
-    get disabledColor(): string;
-    set disabledColor(value: string);
-    /** Gets or sets front color of control if it's disabled. Only applies to Checkbox class. */
-    get disabledColorItem(): string;
-    set disabledColorItem(value: string);
-    /**
-     * Gets/sets the overlap group of the control.
-     * Controls with overlapGroup set to a number can be deoverlapped.
-     * Controls with overlapGroup set to undefined are not deoverlapped.
-     * @see https://doc.babylonjs.com/how_to/gui#deoverlapping
-     */
-    overlapGroup?: number;
-    /**
-     * Gets/sets the deoverlap movement multiplier
-     */
-    overlapDeltaMultiplier?: number;
-    /**
-     * Creates a new control
-     * @param name defines the name of the control
-     */
-    constructor(
-    /** defines the name of the control */
-    name?: string | undefined);
-    /** @hidden */
-    protected _getTypeName(): string;
-    /**
-     * Gets the first ascendant in the hierarchy of the given type
-     * @param className defines the required type
-     * @returns the ascendant or null if not found
-     */
-    getAscendantOfClass(className: string): Nullable<Control>;
-    /**
-     * Mark control element as dirty
-     * @param force force non visible elements to be marked too
-     */
-    markAsDirty(force?: boolean): void;
-    /**
-     * Mark the element and its children as dirty
-     */
-    markAllAsDirty(): void;
-    /** @hidden */
-    _resetFontCache(): void;
-    /**
-     * Determines if a container is an ascendant of the current control
-     * @param container defines the container to look for
-     * @returns true if the container is one of the ascendant of the control
-     */
-    isAscendant(container: Control): boolean;
-    /**
-     * Gets coordinates in local control space
-     * @param globalCoordinates defines the coordinates to transform
-     * @returns the new coordinates in local space
-     */
-    getLocalCoordinates(globalCoordinates: Vector2): Vector2;
-    /**
-     * Gets coordinates in local control space
-     * @param globalCoordinates defines the coordinates to transform
-     * @param result defines the target vector2 where to store the result
-     * @returns the current control
-     */
-    getLocalCoordinatesToRef(globalCoordinates: Vector2, result: Vector2): Control;
-    /**
-     * Gets coordinates in parent local control space
-     * @param globalCoordinates defines the coordinates to transform
-     * @returns the new coordinates in parent local space
-     */
-    getParentLocalCoordinates(globalCoordinates: Vector2): Vector2;
-    /**
-     * Move the current control to a vector3 position projected onto the screen.
-     * @param position defines the target position
-     * @param scene defines the hosting scene
-     */
-    moveToVector3(position: Vector3, scene: Scene): void;
-    /**
-     * Will store all controls that have this control as ascendant in a given array
-     * @param results defines the array where to store the descendants
-     * @param directDescendantsOnly defines if true only direct descendants of 'this' will be considered, if false direct and also indirect (children of children, an so on in a recursive manner) descendants of 'this' will be considered
-     * @param predicate defines an optional predicate that will be called on every evaluated child, the predicate must return true for a given child to be part of the result, otherwise it will be ignored
-     */
-    getDescendantsToRef(results: Control[], directDescendantsOnly?: boolean, predicate?: (control: Control) => boolean): void;
-    /**
-     * Will return all controls that have this control as ascendant
-     * @param directDescendantsOnly defines if true only direct descendants of 'this' will be considered, if false direct and also indirect (children of children, an so on in a recursive manner) descendants of 'this' will be considered
-     * @param predicate defines an optional predicate that will be called on every evaluated child, the predicate must return true for a given child to be part of the result, otherwise it will be ignored
-     * @return all child controls
-     */
-    getDescendants(directDescendantsOnly?: boolean, predicate?: (control: Control) => boolean): Control[];
-    /**
-     * Link current control with a target mesh
-     * @param mesh defines the mesh to link with
-     * @see https://doc.babylonjs.com/how_to/gui#tracking-positions
-     */
-    linkWithMesh(mesh: Nullable<TransformNode>): void;
-    /**
-     * Shorthand function to set the top, right, bottom, and left padding values on the control.
-     * @param { string | number} paddingTop - The value of the top padding.
-     * @param { string | number} paddingRight - The value of the right padding. If omitted, top is used.
-     * @param { string | number} paddingBottom - The value of the bottom padding. If omitted, top is used.
-     * @param { string | number} paddingLeft - The value of the left padding. If omitted, right is used.
-     * @see https://doc.babylonjs.com/how_to/gui#position-and-size
-     */
-    setPadding(paddingTop: string | number, paddingRight?: string | number, paddingBottom?: string | number, paddingLeft?: string | number): void;
-    /**
-     * Shorthand funtion to set the top, right, bottom, and left padding values in pixels on the control.
-     * @param { number} paddingTop - The value in pixels of the top padding.
-     * @param { number} paddingRight - The value in pixels of the right padding. If omitted, top is used.
-     * @param { number} paddingBottom - The value in pixels of the bottom padding. If omitted, top is used.
-     * @param { number} paddingLeft - The value in pixels of the left padding. If omitted, right is used.
-     * @see https://doc.babylonjs.com/how_to/gui#position-and-size
-     */
-    setPaddingInPixels(paddingTop: number, paddingRight?: number, paddingBottom?: number, paddingLeft?: number): void;
-    /**
-     * @param projectedPosition
-     * @hidden
-     */
-    _moveToProjectedPosition(projectedPosition: Vector3): void;
-    /**
-     * @param offset
-     * @hidden
-     */
-    _offsetLeft(offset: number): void;
-    /**
-     * @param offset
-     * @hidden
-     */
-    _offsetTop(offset: number): void;
-    /** @hidden */
-    _markMatrixAsDirty(): void;
-    /** @hidden */
-    _flagDescendantsAsMatrixDirty(): void;
-    /**
-     * @param rect
-     * @param context
-     * @hidden
-     */
-    _intersectsRect(rect: Measure, context?: ICanvasRenderingContext): boolean;
-    /** @hidden */
-    protected _computeAdditionnalOffsetX(): number;
-    /** @hidden */
-    protected _computeAdditionnalOffsetY(): number;
-    /** @hidden */
-    protected invalidateRect(): void;
-    /**
-     * @param force
-     * @hidden
-     */
-    _markAsDirty(force?: boolean): void;
-    /** @hidden */
-    _markAllAsDirty(): void;
-    /**
-     * @param host
-     * @hidden
-     */
-    _link(host: AdvancedDynamicTexture): void;
-    /**
-     * @param context
-     * @hidden
-     */
-    protected _transform(context?: ICanvasRenderingContext): void;
-    /**
-     * @param context
-     * @hidden
-     */
-    _renderHighlight(context: ICanvasRenderingContext): void;
-    /**
-     * @param context
-     * @hidden
-     */
-    _renderHighlightSpecific(context: ICanvasRenderingContext): void;
-    /**
-     * @param context
-     * @hidden
-     */
-    protected _applyStates(context: ICanvasRenderingContext): void;
-    /**
-     * @param parentMeasure
-     * @param context
-     * @hidden
-     */
-    _layout(parentMeasure: Measure, context: ICanvasRenderingContext): boolean;
-    /**
-     * @param parentMeasure
-     * @param context
-     * @hidden
-     */
-    protected _processMeasures(parentMeasure: Measure, context: ICanvasRenderingContext): void;
-    protected _evaluateClippingState(parentMeasure: Measure): void;
-    /** @hidden */
-    _measure(): void;
-    /**
-     * @param parentMeasure
-     * @param context
-     * @hidden
-     */
-    protected _computeAlignment(parentMeasure: Measure, context: ICanvasRenderingContext): void;
-    /**
-     * @param parentMeasure
-     * @param context
-     * @hidden
-     */
-    protected _preMeasure(parentMeasure: Measure, context: ICanvasRenderingContext): void;
-    /**
-     * @param parentMeasure
-     * @param context
-     * @hidden
-     */
-    protected _additionalProcessing(parentMeasure: Measure, context: ICanvasRenderingContext): void;
-    /**
-     * @param context
-     * @hidden
-     */
-    protected _clipForChildren(context: ICanvasRenderingContext): void;
-    private static _ClipMeasure;
-    private _tmpMeasureA;
-    private _clip;
-    /**
-     * @param context
-     * @param invalidatedRectangle
-     * @hidden
-     */
-    _render(context: ICanvasRenderingContext, invalidatedRectangle?: Nullable<Measure>): boolean;
-    /**
-     * @param context
-     * @param invalidatedRectangle
-     * @hidden
-     */
-    _draw(context: ICanvasRenderingContext, invalidatedRectangle?: Nullable<Measure>): void;
-    /**
-     * Tests if a given coordinates belong to the current control
-     * @param x defines x coordinate to test
-     * @param y defines y coordinate to test
-     * @returns true if the coordinates are inside the control
-     */
-    contains(x: number, y: number): boolean;
-    /**
-     * @param x
-     * @param y
-     * @param pi
-     * @param type
-     * @param pointerId
-     * @param buttonIndex
-     * @param deltaX
-     * @param deltaY
-     * @hidden
-     */
-    _processPicking(x: number, y: number, pi: Nullable<PointerInfoBase>, type: number, pointerId: number, buttonIndex: number, deltaX?: number, deltaY?: number): boolean;
-    /**
-     * @param target
-     * @param coordinates
-     * @param pointerId
-     * @param pi
-     * @hidden
-     */
-    _onPointerMove(target: Control, coordinates: Vector2, pointerId: number, pi: Nullable<PointerInfoBase>): void;
-    /**
-     * @param target
-     * @param pi
-     * @hidden
-     */
-    _onPointerEnter(target: Control, pi: Nullable<PointerInfoBase>): boolean;
-    /**
-     * @param target
-     * @param pi
-     * @param force
-     * @hidden
-     */
-    _onPointerOut(target: Control, pi: Nullable<PointerInfoBase>, force?: boolean): void;
-    /**
-     * @param target
-     * @param coordinates
-     * @param pointerId
-     * @param buttonIndex
-     * @param pi
-     * @hidden
-     */
-    _onPointerDown(target: Control, coordinates: Vector2, pointerId: number, buttonIndex: number, pi: Nullable<PointerInfoBase>): boolean;
-    /**
-     * @param target
-     * @param coordinates
-     * @param pointerId
-     * @param buttonIndex
-     * @param notifyClick
-     * @param pi
-     * @hidden
-     */
-    _onPointerUp(target: Control, coordinates: Vector2, pointerId: number, buttonIndex: number, notifyClick: boolean, pi?: Nullable<PointerInfoBase>): void;
-    /**
-     * @param pointerId
-     * @hidden
-     */
-    _forcePointerUp(pointerId?: Nullable<number>): void;
-    /**
-     * @param deltaX
-     * @param deltaY
-     * @hidden
-     */
-    _onWheelScroll(deltaX?: number, deltaY?: number): void;
-    /** @hidden */
-    _onCanvasBlur(): void;
-    /**
-     * @param type
-     * @param x
-     * @param y
-     * @param pi
-     * @param pointerId
-     * @param buttonIndex
-     * @param deltaX
-     * @param deltaY
-     * @hidden
-     */
-    _processObservables(type: number, x: number, y: number, pi: Nullable<PointerInfoBase>, pointerId: number, buttonIndex: number, deltaX?: number, deltaY?: number): boolean;
-    private _prepareFont;
-    /**
-     * Serializes the current control
-     * @param serializationObject defined the JSON serialized object
-     */
-    serialize(serializationObject: any): void;
-    /**
-     * @param serializedObject
-     * @param host
-     * @hidden
-     */
-    _parseFromContent(serializedObject: any, host: AdvancedDynamicTexture): void;
-    /** Releases associated resources */
-    dispose(): void;
-    private static _HORIZONTAL_ALIGNMENT_LEFT;
-    private static _HORIZONTAL_ALIGNMENT_RIGHT;
-    private static _HORIZONTAL_ALIGNMENT_CENTER;
-    private static _VERTICAL_ALIGNMENT_TOP;
-    private static _VERTICAL_ALIGNMENT_BOTTOM;
-    private static _VERTICAL_ALIGNMENT_CENTER;
-    /** HORIZONTAL_ALIGNMENT_LEFT */
-    static get HORIZONTAL_ALIGNMENT_LEFT(): number;
-    /** HORIZONTAL_ALIGNMENT_RIGHT */
-    static get HORIZONTAL_ALIGNMENT_RIGHT(): number;
-    /** HORIZONTAL_ALIGNMENT_CENTER */
-    static get HORIZONTAL_ALIGNMENT_CENTER(): number;
-    /** VERTICAL_ALIGNMENT_TOP */
-    static get VERTICAL_ALIGNMENT_TOP(): number;
-    /** VERTICAL_ALIGNMENT_BOTTOM */
-    static get VERTICAL_ALIGNMENT_BOTTOM(): number;
-    /** VERTICAL_ALIGNMENT_CENTER */
-    static get VERTICAL_ALIGNMENT_CENTER(): number;
-    private static _FontHeightSizes;
-    /**
-     * @param font
-     * @hidden
-     */
-    static _GetFontOffset(font: string): {
-        ascent: number;
-        height: number;
-        descent: number;
-    };
-    /**
-     * Creates a Control from parsed data
-     * @param serializedObject defines parsed data
-     * @param host defines the hosting AdvancedDynamicTexture
-     * @returns a new Control
-     */
-    static Parse(serializedObject: any, host: AdvancedDynamicTexture): Control;
-    static AddHeader: (control: Control, text: string, size: string | number, options: {
-        isHorizontal: boolean;
-        controlFirst: boolean;
-    }) => any;
-    /**
-     * @param x
-     * @param y
-     * @param width
-     * @param height
-     * @param context
-     * @hidden
-     */
-    protected static drawEllipse(x: number, y: number, width: number, height: number, context: ICanvasRenderingContext): void;
-}
+import { Nullable } from "@babylonjs/core/types.js";
+import { Observable } from "@babylonjs/core/Misc/observable.js";
+import { Vector2, Vector3 } from "@babylonjs/core/Maths/math.vector.js";
+import { PointerInfoBase } from "@babylonjs/core/Events/pointerEvents.js";
+import { TransformNode } from "@babylonjs/core/Meshes/transformNode.js";
+import { Scene } from "@babylonjs/core/scene.js";
+import { Container } from "./container";
+import { AdvancedDynamicTexture } from "../advancedDynamicTexture";
+import { ValueAndUnit } from "../valueAndUnit";
+import { Measure } from "../measure";
+import { Style } from "../style";
+import { Matrix2D, Vector2WithInfo } from "../math2D";
+import { ICanvasRenderingContext } from "@babylonjs/core/Engines/ICanvas.js";
+/**
+ * Root class used for all 2D controls
+ * @see https://doc.babylonjs.com/how_to/gui#controls
+ */
+export declare class Control {
+    /** defines the name of the control */
+    name?: string | undefined;
+    /**
+     * Gets or sets a boolean indicating if alpha must be an inherited value (false by default)
+     */
+    static AllowAlphaInheritance: boolean;
+    private _alpha;
+    private _alphaSet;
+    private _zIndex;
+    /** @hidden */
+    _host: AdvancedDynamicTexture;
+    /** Gets or sets the control parent */
+    parent: Nullable<Container>;
+    /** @hidden */
+    _currentMeasure: Measure;
+    /** @hidden */
+    _tempPaddingMeasure: Measure;
+    private _fontFamily;
+    private _fontStyle;
+    private _fontWeight;
+    private _fontSize;
+    private _font;
+    /** @hidden */
+    _width: ValueAndUnit;
+    /** @hidden */
+    _height: ValueAndUnit;
+    /** @hidden */
+    protected _fontOffset: {
+        ascent: number;
+        height: number;
+        descent: number;
+    };
+    private _color;
+    private _style;
+    private _styleObserver;
+    /** @hidden */
+    protected _horizontalAlignment: number;
+    /** @hidden */
+    protected _verticalAlignment: number;
+    /** @hidden */
+    protected _isDirty: boolean;
+    /** @hidden */
+    protected _wasDirty: boolean;
+    /** @hidden */
+    _tempParentMeasure: Measure;
+    /** @hidden */
+    _prevCurrentMeasureTransformedIntoGlobalSpace: Measure;
+    /** @hidden */
+    protected _cachedParentMeasure: Measure;
+    private _descendantsOnlyPadding;
+    private _paddingLeft;
+    private _paddingRight;
+    private _paddingTop;
+    private _paddingBottom;
+    /** @hidden */
+    _left: ValueAndUnit;
+    /** @hidden */
+    _top: ValueAndUnit;
+    private _scaleX;
+    private _scaleY;
+    private _rotation;
+    private _transformCenterX;
+    private _transformCenterY;
+    /** @hidden */
+    _transformMatrix: Matrix2D;
+    /** @hidden */
+    protected _invertTransformMatrix: Matrix2D;
+    /** @hidden */
+    protected _transformedPosition: Vector2;
+    private _isMatrixDirty;
+    private _cachedOffsetX;
+    private _cachedOffsetY;
+    private _isVisible;
+    private _isHighlighted;
+    private _highlightColor;
+    protected _highlightLineWidth: number;
+    /** @hidden */
+    _linkedMesh: Nullable<TransformNode>;
+    private _fontSet;
+    private _dummyVector2;
+    private _downCount;
+    private _enterCount;
+    private _doNotRender;
+    private _downPointerIds;
+    private _evaluatedMeasure;
+    private _evaluatedParentMeasure;
+    protected _isEnabled: boolean;
+    protected _disabledColor: string;
+    protected _disabledColorItem: string;
+    protected _isReadOnly: boolean;
+    /** @hidden */
+    protected _rebuildLayout: boolean;
+    /** @hidden */
+    _customData: any;
+    /** @hidden */
+    _isClipped: boolean;
+    /** @hidden */
+    _automaticSize: boolean;
+    /** @hidden */
+    _tag: any;
+    /**
+     * Gets or sets the unique id of the node. Please note that this number will be updated when the control is added to a container
+     */
+    uniqueId: number;
+    /**
+     * Gets or sets a boolean indicating if the control is readonly (default: false).
+     * A readonly control will still raise pointer events but will not react to them
+     */
+    get isReadOnly(): boolean;
+    set isReadOnly(value: boolean);
+    /**
+     * Gets the transformed measure, that is the bounding box of the control after applying all transformations
+     */
+    get transformedMeasure(): Measure;
+    /**
+     * Gets or sets an object used to store user defined information for the node
+     */
+    metadata: any;
+    /** Gets or sets a boolean indicating if the control can be hit with pointer events */
+    isHitTestVisible: boolean;
+    /** Gets or sets a boolean indicating if the control can block pointer events */
+    isPointerBlocker: boolean;
+    /** Gets or sets a boolean indicating if the control can be focusable */
+    isFocusInvisible: boolean;
+    /**
+     * Gets or sets a boolean indicating if the children are clipped to the current control bounds.
+     * Please note that not clipping children may generate issues with adt.useInvalidateRectOptimization so it is recommended to turn this optimization off if you want to use unclipped children
+     */
+    clipChildren: boolean;
+    /**
+     * Gets or sets a boolean indicating that control content must be clipped
+     * Please note that not clipping children may generate issues with adt.useInvalidateRectOptimization so it is recommended to turn this optimization off if you want to use unclipped children
+     */
+    clipContent: boolean;
+    /**
+     * Gets or sets a boolean indicating that the current control should cache its rendering (useful when the control does not change often)
+     */
+    useBitmapCache: boolean;
+    private _cacheData;
+    private _shadowOffsetX;
+    /** Gets or sets a value indicating the offset to apply on X axis to render the shadow */
+    get shadowOffsetX(): number;
+    set shadowOffsetX(value: number);
+    private _shadowOffsetY;
+    /** Gets or sets a value indicating the offset to apply on Y axis to render the shadow */
+    get shadowOffsetY(): number;
+    set shadowOffsetY(value: number);
+    private _shadowBlur;
+    private _previousShadowBlur;
+    /** Gets or sets a value indicating the amount of blur to use to render the shadow */
+    get shadowBlur(): number;
+    set shadowBlur(value: number);
+    private _shadowColor;
+    /** Gets or sets a value indicating the color of the shadow (black by default ie. "#000") */
+    get shadowColor(): string;
+    set shadowColor(value: string);
+    /** Gets or sets the cursor to use when the control is hovered */
+    hoverCursor: string;
+    /** @hidden */
+    protected _linkOffsetX: ValueAndUnit;
+    /** @hidden */
+    protected _linkOffsetY: ValueAndUnit;
+    /** Gets the control type name */
+    get typeName(): string;
+    /**
+     * Get the current class name of the control.
+     * @returns current class name
+     */
+    getClassName(): string;
+    /**
+     * An event triggered when pointer wheel is scrolled
+     */
+    onWheelObservable: Observable<Vector2>;
+    /**
+     * An event triggered when the pointer moves over the control.
+     */
+    onPointerMoveObservable: Observable<Vector2>;
+    /**
+     * An event triggered when the pointer moves out of the control.
+     */
+    onPointerOutObservable: Observable<Control>;
+    /**
+     * An event triggered when the pointer taps the control
+     */
+    onPointerDownObservable: Observable<Vector2WithInfo>;
+    /**
+     * An event triggered when pointer up
+     */
+    onPointerUpObservable: Observable<Vector2WithInfo>;
+    /**
+     * An event triggered when a control is clicked on
+     */
+    onPointerClickObservable: Observable<Vector2WithInfo>;
+    /**
+     * An event triggered when pointer enters the control
+     */
+    onPointerEnterObservable: Observable<Control>;
+    /**
+     * An event triggered when the control is marked as dirty
+     */
+    onDirtyObservable: Observable<Control>;
+    /**
+     * An event triggered before drawing the control
+     */
+    onBeforeDrawObservable: Observable<Control>;
+    /**
+     * An event triggered after the control was drawn
+     */
+    onAfterDrawObservable: Observable<Control>;
+    /**
+     * An event triggered when the control has been disposed
+     */
+    onDisposeObservable: Observable<Control>;
+    /**
+     * Get the hosting AdvancedDynamicTexture
+     */
+    get host(): AdvancedDynamicTexture;
+    /** Gets or set information about font offsets (used to render and align text) */
+    get fontOffset(): {
+        ascent: number;
+        height: number;
+        descent: number;
+    };
+    set fontOffset(offset: {
+        ascent: number;
+        height: number;
+        descent: number;
+    });
+    /** Gets or sets alpha value for the control (1 means opaque and 0 means entirely transparent) */
+    get alpha(): number;
+    set alpha(value: number);
+    /**
+     * Gets or sets a number indicating size of stroke we want to highlight the control with (mostly for debugging purpose)
+     */
+    get highlightLineWidth(): number;
+    set highlightLineWidth(value: number);
+    /**
+     * Gets or sets a boolean indicating that we want to highlight the control (mostly for debugging purpose)
+     */
+    get isHighlighted(): boolean;
+    set isHighlighted(value: boolean);
+    /**
+     * Gets or sets a string defining the color to use for highlighting this control
+     */
+    get highlightColor(): string;
+    set highlightColor(value: string);
+    /** Gets or sets a value indicating the scale factor on X axis (1 by default)
+     * @see https://doc.babylonjs.com/how_to/gui#rotation-and-scaling
+     */
+    get scaleX(): number;
+    set scaleX(value: number);
+    /** Gets or sets a value indicating the scale factor on Y axis (1 by default)
+     * @see https://doc.babylonjs.com/how_to/gui#rotation-and-scaling
+     */
+    get scaleY(): number;
+    set scaleY(value: number);
+    /** Gets or sets the rotation angle (0 by default)
+     * @see https://doc.babylonjs.com/how_to/gui#rotation-and-scaling
+     */
+    get rotation(): number;
+    set rotation(value: number);
+    /** Gets or sets the transformation center on Y axis (0 by default)
+     * @see https://doc.babylonjs.com/how_to/gui#rotation-and-scaling
+     */
+    get transformCenterY(): number;
+    set transformCenterY(value: number);
+    /** Gets or sets the transformation center on X axis (0 by default)
+     * @see https://doc.babylonjs.com/how_to/gui#rotation-and-scaling
+     */
+    get transformCenterX(): number;
+    set transformCenterX(value: number);
+    /**
+     * Gets or sets the horizontal alignment
+     * @see https://doc.babylonjs.com/how_to/gui#alignments
+     */
+    get horizontalAlignment(): number;
+    set horizontalAlignment(value: number);
+    /**
+     * Gets or sets the vertical alignment
+     * @see https://doc.babylonjs.com/how_to/gui#alignments
+     */
+    get verticalAlignment(): number;
+    set verticalAlignment(value: number);
+    /**
+     * Gets or sets a fixed ratio for this control.
+     * When different from 0, the ratio is used to compute the "second" dimension.
+     * The first dimension used in the computation is the last one set (by setting width / widthInPixels or height / heightInPixels), and the
+     * second dimension is computed as first dimension * fixedRatio
+     */
+    fixedRatio: number;
+    private _fixedRatioMasterIsWidth;
+    /**
+     * Gets or sets control width
+     * @see https://doc.babylonjs.com/how_to/gui#position-and-size
+     */
+    get width(): string | number;
+    set width(value: string | number);
+    /**
+     * Gets or sets the control width in pixel
+     * @see https://doc.babylonjs.com/how_to/gui#position-and-size
+     */
+    get widthInPixels(): number;
+    set widthInPixels(value: number);
+    /**
+     * Gets or sets control height
+     * @see https://doc.babylonjs.com/how_to/gui#position-and-size
+     */
+    get height(): string | number;
+    set height(value: string | number);
+    /**
+     * Gets or sets control height in pixel
+     * @see https://doc.babylonjs.com/how_to/gui#position-and-size
+     */
+    get heightInPixels(): number;
+    set heightInPixels(value: number);
+    /** Gets or set font family */
+    get fontFamily(): string;
+    set fontFamily(value: string);
+    /** Gets or sets font style */
+    get fontStyle(): string;
+    set fontStyle(value: string);
+    /** Gets or sets font weight */
+    get fontWeight(): string;
+    set fontWeight(value: string);
+    /**
+     * Gets or sets style
+     * @see https://doc.babylonjs.com/how_to/gui#styles
+     */
+    get style(): Nullable<Style>;
+    set style(value: Nullable<Style>);
+    /** @hidden */
+    get _isFontSizeInPercentage(): boolean;
+    /** Gets or sets font size in pixels */
+    get fontSizeInPixels(): number;
+    set fontSizeInPixels(value: number);
+    /** Gets or sets font size */
+    get fontSize(): string | number;
+    set fontSize(value: string | number);
+    /** Gets or sets foreground color */
+    get color(): string;
+    set color(value: string);
+    /** Gets or sets z index which is used to reorder controls on the z axis */
+    get zIndex(): number;
+    set zIndex(value: number);
+    /** Gets or sets a boolean indicating if the control can be rendered */
+    get notRenderable(): boolean;
+    set notRenderable(value: boolean);
+    /** Gets or sets a boolean indicating if the control is visible */
+    get isVisible(): boolean;
+    set isVisible(value: boolean);
+    /** Gets a boolean indicating that the control needs to update its rendering */
+    get isDirty(): boolean;
+    /**
+     * Gets the current linked mesh (or null if none)
+     */
+    get linkedMesh(): Nullable<TransformNode>;
+    /**
+     * Gets or sets a value indicating the padding should work like in CSS.
+     * Basically, it will add the padding amount on each side of the parent control for its children.
+     */
+    get descendantsOnlyPadding(): boolean;
+    set descendantsOnlyPadding(value: boolean);
+    /**
+     * Gets or sets a value indicating the padding to use on the left of the control
+     * @see https://doc.babylonjs.com/how_to/gui#position-and-size
+     */
+    get paddingLeft(): string | number;
+    set paddingLeft(value: string | number);
+    /**
+     * Gets or sets a value indicating the padding in pixels to use on the left of the control
+     * @see https://doc.babylonjs.com/how_to/gui#position-and-size
+     */
+    get paddingLeftInPixels(): number;
+    set paddingLeftInPixels(value: number);
+    /** @hidden */
+    get _paddingLeftInPixels(): number;
+    /**
+     * Gets or sets a value indicating the padding to use on the right of the control
+     * @see https://doc.babylonjs.com/how_to/gui#position-and-size
+     */
+    get paddingRight(): string | number;
+    set paddingRight(value: string | number);
+    /**
+     * Gets or sets a value indicating the padding in pixels to use on the right of the control
+     * @see https://doc.babylonjs.com/how_to/gui#position-and-size
+     */
+    get paddingRightInPixels(): number;
+    set paddingRightInPixels(value: number);
+    /** @hidden */
+    get _paddingRightInPixels(): number;
+    /**
+     * Gets or sets a value indicating the padding to use on the top of the control
+     * @see https://doc.babylonjs.com/how_to/gui#position-and-size
+     */
+    get paddingTop(): string | number;
+    set paddingTop(value: string | number);
+    /**
+     * Gets or sets a value indicating the padding in pixels to use on the top of the control
+     * @see https://doc.babylonjs.com/how_to/gui#position-and-size
+     */
+    get paddingTopInPixels(): number;
+    set paddingTopInPixels(value: number);
+    /** @hidden */
+    get _paddingTopInPixels(): number;
+    /**
+     * Gets or sets a value indicating the padding to use on the bottom of the control
+     * @see https://doc.babylonjs.com/how_to/gui#position-and-size
+     */
+    get paddingBottom(): string | number;
+    set paddingBottom(value: string | number);
+    /**
+     * Gets or sets a value indicating the padding in pixels to use on the bottom of the control
+     * @see https://doc.babylonjs.com/how_to/gui#position-and-size
+     */
+    get paddingBottomInPixels(): number;
+    set paddingBottomInPixels(value: number);
+    /** @hidden */
+    get _paddingBottomInPixels(): number;
+    /**
+     * Gets or sets a value indicating the left coordinate of the control
+     * @see https://doc.babylonjs.com/how_to/gui#position-and-size
+     */
+    get left(): string | number;
+    set left(value: string | number);
+    /**
+     * Gets or sets a value indicating the left coordinate in pixels of the control
+     * @see https://doc.babylonjs.com/how_to/gui#position-and-size
+     */
+    get leftInPixels(): number;
+    set leftInPixels(value: number);
+    /**
+     * Gets or sets a value indicating the top coordinate of the control
+     * @see https://doc.babylonjs.com/how_to/gui#position-and-size
+     */
+    get top(): string | number;
+    set top(value: string | number);
+    /**
+     * Gets or sets a value indicating the top coordinate in pixels of the control
+     * @see https://doc.babylonjs.com/how_to/gui#position-and-size
+     */
+    get topInPixels(): number;
+    set topInPixels(value: number);
+    /**
+     * Gets or sets a value indicating the offset on X axis to the linked mesh
+     * @see https://doc.babylonjs.com/how_to/gui#tracking-positions
+     */
+    get linkOffsetX(): string | number;
+    set linkOffsetX(value: string | number);
+    /**
+     * Gets or sets a value indicating the offset in pixels on X axis to the linked mesh
+     * @see https://doc.babylonjs.com/how_to/gui#tracking-positions
+     */
+    get linkOffsetXInPixels(): number;
+    set linkOffsetXInPixels(value: number);
+    /**
+     * Gets or sets a value indicating the offset on Y axis to the linked mesh
+     * @see https://doc.babylonjs.com/how_to/gui#tracking-positions
+     */
+    get linkOffsetY(): string | number;
+    set linkOffsetY(value: string | number);
+    /**
+     * Gets or sets a value indicating the offset in pixels on Y axis to the linked mesh
+     * @see https://doc.babylonjs.com/how_to/gui#tracking-positions
+     */
+    get linkOffsetYInPixels(): number;
+    set linkOffsetYInPixels(value: number);
+    /** Gets the center coordinate on X axis */
+    get centerX(): number;
+    /** Gets the center coordinate on Y axis */
+    get centerY(): number;
+    /** Gets or sets if control is Enabled */
+    get isEnabled(): boolean;
+    set isEnabled(value: boolean);
+    /** Gets or sets background color of control if it's disabled. Only applies to Button class. */
+    get disabledColor(): string;
+    set disabledColor(value: string);
+    /** Gets or sets front color of control if it's disabled. Only applies to Checkbox class. */
+    get disabledColorItem(): string;
+    set disabledColorItem(value: string);
+    /**
+     * Gets/sets the overlap group of the control.
+     * Controls with overlapGroup set to a number can be deoverlapped.
+     * Controls with overlapGroup set to undefined are not deoverlapped.
+     * @see https://doc.babylonjs.com/how_to/gui#deoverlapping
+     */
+    overlapGroup?: number;
+    /**
+     * Gets/sets the deoverlap movement multiplier
+     */
+    overlapDeltaMultiplier?: number;
+    /**
+     * Creates a new control
+     * @param name defines the name of the control
+     */
+    constructor(
+    /** defines the name of the control */
+    name?: string | undefined);
+    /** @hidden */
+    protected _getTypeName(): string;
+    /**
+     * Gets the first ascendant in the hierarchy of the given type
+     * @param className defines the required type
+     * @returns the ascendant or null if not found
+     */
+    getAscendantOfClass(className: string): Nullable<Control>;
+    /**
+     * Mark control element as dirty
+     * @param force force non visible elements to be marked too
+     */
+    markAsDirty(force?: boolean): void;
+    /**
+     * Mark the element and its children as dirty
+     */
+    markAllAsDirty(): void;
+    /** @hidden */
+    _resetFontCache(): void;
+    /**
+     * Determines if a container is an ascendant of the current control
+     * @param container defines the container to look for
+     * @returns true if the container is one of the ascendant of the control
+     */
+    isAscendant(container: Control): boolean;
+    /**
+     * Gets coordinates in local control space
+     * @param globalCoordinates defines the coordinates to transform
+     * @returns the new coordinates in local space
+     */
+    getLocalCoordinates(globalCoordinates: Vector2): Vector2;
+    /**
+     * Gets coordinates in local control space
+     * @param globalCoordinates defines the coordinates to transform
+     * @param result defines the target vector2 where to store the result
+     * @returns the current control
+     */
+    getLocalCoordinatesToRef(globalCoordinates: Vector2, result: Vector2): Control;
+    /**
+     * Gets coordinates in parent local control space
+     * @param globalCoordinates defines the coordinates to transform
+     * @returns the new coordinates in parent local space
+     */
+    getParentLocalCoordinates(globalCoordinates: Vector2): Vector2;
+    /**
+     * Move the current control to a vector3 position projected onto the screen.
+     * @param position defines the target position
+     * @param scene defines the hosting scene
+     */
+    moveToVector3(position: Vector3, scene: Scene): void;
+    /**
+     * Will store all controls that have this control as ascendant in a given array
+     * @param results defines the array where to store the descendants
+     * @param directDescendantsOnly defines if true only direct descendants of 'this' will be considered, if false direct and also indirect (children of children, an so on in a recursive manner) descendants of 'this' will be considered
+     * @param predicate defines an optional predicate that will be called on every evaluated child, the predicate must return true for a given child to be part of the result, otherwise it will be ignored
+     */
+    getDescendantsToRef(results: Control[], directDescendantsOnly?: boolean, predicate?: (control: Control) => boolean): void;
+    /**
+     * Will return all controls that have this control as ascendant
+     * @param directDescendantsOnly defines if true only direct descendants of 'this' will be considered, if false direct and also indirect (children of children, an so on in a recursive manner) descendants of 'this' will be considered
+     * @param predicate defines an optional predicate that will be called on every evaluated child, the predicate must return true for a given child to be part of the result, otherwise it will be ignored
+     * @return all child controls
+     */
+    getDescendants(directDescendantsOnly?: boolean, predicate?: (control: Control) => boolean): Control[];
+    /**
+     * Link current control with a target mesh
+     * @param mesh defines the mesh to link with
+     * @see https://doc.babylonjs.com/how_to/gui#tracking-positions
+     */
+    linkWithMesh(mesh: Nullable<TransformNode>): void;
+    /**
+     * Shorthand function to set the top, right, bottom, and left padding values on the control.
+     * @param { string | number} paddingTop - The value of the top padding.
+     * @param { string | number} paddingRight - The value of the right padding. If omitted, top is used.
+     * @param { string | number} paddingBottom - The value of the bottom padding. If omitted, top is used.
+     * @param { string | number} paddingLeft - The value of the left padding. If omitted, right is used.
+     * @see https://doc.babylonjs.com/how_to/gui#position-and-size
+     */
+    setPadding(paddingTop: string | number, paddingRight?: string | number, paddingBottom?: string | number, paddingLeft?: string | number): void;
+    /**
+     * Shorthand funtion to set the top, right, bottom, and left padding values in pixels on the control.
+     * @param { number} paddingTop - The value in pixels of the top padding.
+     * @param { number} paddingRight - The value in pixels of the right padding. If omitted, top is used.
+     * @param { number} paddingBottom - The value in pixels of the bottom padding. If omitted, top is used.
+     * @param { number} paddingLeft - The value in pixels of the left padding. If omitted, right is used.
+     * @see https://doc.babylonjs.com/how_to/gui#position-and-size
+     */
+    setPaddingInPixels(paddingTop: number, paddingRight?: number, paddingBottom?: number, paddingLeft?: number): void;
+    /**
+     * @param projectedPosition
+     * @hidden
+     */
+    _moveToProjectedPosition(projectedPosition: Vector3): void;
+    /**
+     * @param offset
+     * @hidden
+     */
+    _offsetLeft(offset: number): void;
+    /**
+     * @param offset
+     * @hidden
+     */
+    _offsetTop(offset: number): void;
+    /** @hidden */
+    _markMatrixAsDirty(): void;
+    /** @hidden */
+    _flagDescendantsAsMatrixDirty(): void;
+    /**
+     * @param rect
+     * @param context
+     * @hidden
+     */
+    _intersectsRect(rect: Measure, context?: ICanvasRenderingContext): boolean;
+    /** @hidden */
+    protected _computeAdditionnalOffsetX(): number;
+    /** @hidden */
+    protected _computeAdditionnalOffsetY(): number;
+    /** @hidden */
+    protected invalidateRect(): void;
+    /**
+     * @param force
+     * @hidden
+     */
+    _markAsDirty(force?: boolean): void;
+    /** @hidden */
+    _markAllAsDirty(): void;
+    /**
+     * @param host
+     * @hidden
+     */
+    _link(host: AdvancedDynamicTexture): void;
+    /**
+     * @param context
+     * @hidden
+     */
+    protected _transform(context?: ICanvasRenderingContext): void;
+    /**
+     * @param context
+     * @hidden
+     */
+    _renderHighlight(context: ICanvasRenderingContext): void;
+    /**
+     * @param context
+     * @hidden
+     */
+    _renderHighlightSpecific(context: ICanvasRenderingContext): void;
+    /**
+     * @param context
+     * @hidden
+     */
+    protected _applyStates(context: ICanvasRenderingContext): void;
+    /**
+     * @param parentMeasure
+     * @param context
+     * @hidden
+     */
+    _layout(parentMeasure: Measure, context: ICanvasRenderingContext): boolean;
+    /**
+     * @param parentMeasure
+     * @param context
+     * @hidden
+     */
+    protected _processMeasures(parentMeasure: Measure, context: ICanvasRenderingContext): void;
+    protected _evaluateClippingState(parentMeasure: Measure): void;
+    /** @hidden */
+    _measure(): void;
+    /**
+     * @param parentMeasure
+     * @param context
+     * @hidden
+     */
+    protected _computeAlignment(parentMeasure: Measure, context: ICanvasRenderingContext): void;
+    /**
+     * @param parentMeasure
+     * @param context
+     * @hidden
+     */
+    protected _preMeasure(parentMeasure: Measure, context: ICanvasRenderingContext): void;
+    /**
+     * @param parentMeasure
+     * @param context
+     * @hidden
+     */
+    protected _additionalProcessing(parentMeasure: Measure, context: ICanvasRenderingContext): void;
+    /**
+     * @param context
+     * @hidden
+     */
+    protected _clipForChildren(context: ICanvasRenderingContext): void;
+    private static _ClipMeasure;
+    private _tmpMeasureA;
+    private _clip;
+    /**
+     * @param context
+     * @param invalidatedRectangle
+     * @hidden
+     */
+    _render(context: ICanvasRenderingContext, invalidatedRectangle?: Nullable<Measure>): boolean;
+    /**
+     * @param context
+     * @param invalidatedRectangle
+     * @hidden
+     */
+    _draw(context: ICanvasRenderingContext, invalidatedRectangle?: Nullable<Measure>): void;
+    /**
+     * Tests if a given coordinates belong to the current control
+     * @param x defines x coordinate to test
+     * @param y defines y coordinate to test
+     * @returns true if the coordinates are inside the control
+     */
+    contains(x: number, y: number): boolean;
+    /**
+     * @param x
+     * @param y
+     * @param pi
+     * @param type
+     * @param pointerId
+     * @param buttonIndex
+     * @param deltaX
+     * @param deltaY
+     * @hidden
+     */
+    _processPicking(x: number, y: number, pi: Nullable<PointerInfoBase>, type: number, pointerId: number, buttonIndex: number, deltaX?: number, deltaY?: number): boolean;
+    /**
+     * @param target
+     * @param coordinates
+     * @param pointerId
+     * @param pi
+     * @hidden
+     */
+    _onPointerMove(target: Control, coordinates: Vector2, pointerId: number, pi: Nullable<PointerInfoBase>): void;
+    /**
+     * @param target
+     * @param pi
+     * @hidden
+     */
+    _onPointerEnter(target: Control, pi: Nullable<PointerInfoBase>): boolean;
+    /**
+     * @param target
+     * @param pi
+     * @param force
+     * @hidden
+     */
+    _onPointerOut(target: Control, pi: Nullable<PointerInfoBase>, force?: boolean): void;
+    /**
+     * @param target
+     * @param coordinates
+     * @param pointerId
+     * @param buttonIndex
+     * @param pi
+     * @hidden
+     */
+    _onPointerDown(target: Control, coordinates: Vector2, pointerId: number, buttonIndex: number, pi: Nullable<PointerInfoBase>): boolean;
+    /**
+     * @param target
+     * @param coordinates
+     * @param pointerId
+     * @param buttonIndex
+     * @param notifyClick
+     * @param pi
+     * @hidden
+     */
+    _onPointerUp(target: Control, coordinates: Vector2, pointerId: number, buttonIndex: number, notifyClick: boolean, pi?: Nullable<PointerInfoBase>): void;
+    /**
+     * @param pointerId
+     * @hidden
+     */
+    _forcePointerUp(pointerId?: Nullable<number>): void;
+    /**
+     * @param deltaX
+     * @param deltaY
+     * @hidden
+     */
+    _onWheelScroll(deltaX?: number, deltaY?: number): void;
+    /** @hidden */
+    _onCanvasBlur(): void;
+    /**
+     * @param type
+     * @param x
+     * @param y
+     * @param pi
+     * @param pointerId
+     * @param buttonIndex
+     * @param deltaX
+     * @param deltaY
+     * @hidden
+     */
+    _processObservables(type: number, x: number, y: number, pi: Nullable<PointerInfoBase>, pointerId: number, buttonIndex: number, deltaX?: number, deltaY?: number): boolean;
+    private _prepareFont;
+    /**
+     * Serializes the current control
+     * @param serializationObject defined the JSON serialized object
+     */
+    serialize(serializationObject: any): void;
+    /**
+     * @param serializedObject
+     * @param host
+     * @hidden
+     */
+    _parseFromContent(serializedObject: any, host: AdvancedDynamicTexture): void;
+    /** Releases associated resources */
+    dispose(): void;
+    private static _HORIZONTAL_ALIGNMENT_LEFT;
+    private static _HORIZONTAL_ALIGNMENT_RIGHT;
+    private static _HORIZONTAL_ALIGNMENT_CENTER;
+    private static _VERTICAL_ALIGNMENT_TOP;
+    private static _VERTICAL_ALIGNMENT_BOTTOM;
+    private static _VERTICAL_ALIGNMENT_CENTER;
+    /** HORIZONTAL_ALIGNMENT_LEFT */
+    static get HORIZONTAL_ALIGNMENT_LEFT(): number;
+    /** HORIZONTAL_ALIGNMENT_RIGHT */
+    static get HORIZONTAL_ALIGNMENT_RIGHT(): number;
+    /** HORIZONTAL_ALIGNMENT_CENTER */
+    static get HORIZONTAL_ALIGNMENT_CENTER(): number;
+    /** VERTICAL_ALIGNMENT_TOP */
+    static get VERTICAL_ALIGNMENT_TOP(): number;
+    /** VERTICAL_ALIGNMENT_BOTTOM */
+    static get VERTICAL_ALIGNMENT_BOTTOM(): number;
+    /** VERTICAL_ALIGNMENT_CENTER */
+    static get VERTICAL_ALIGNMENT_CENTER(): number;
+    private static _FontHeightSizes;
+    /**
+     * @param font
+     * @hidden
+     */
+    static _GetFontOffset(font: string): {
+        ascent: number;
+        height: number;
+        descent: number;
+    };
+    /**
+     * Creates a Control from parsed data
+     * @param serializedObject defines parsed data
+     * @param host defines the hosting AdvancedDynamicTexture
+     * @returns a new Control
+     */
+    static Parse(serializedObject: any, host: AdvancedDynamicTexture): Control;
+    static AddHeader: (control: Control, text: string, size: string | number, options: {
+        isHorizontal: boolean;
+        controlFirst: boolean;
+    }) => any;
+    /**
+     * @param x
+     * @param y
+     * @param width
+     * @param height
+     * @param context
+     * @hidden
+     */
+    protected static drawEllipse(x: number, y: number, width: number, height: number, context: ICanvasRenderingContext): void;
+}