NativeScript/tns-core-modules/ui/core/view.d.ts

declare module "ui/core/view" {
    import { GestureTypes, GesturesObserver, GestureEventData, TouchGestureEventData, TouchAction } from "ui/gestures";
    import {
        ViewBase, Property, CssProperty, InheritedCssProperty, Style, EventData, ShorthandProperty
    } from "ui/core/view-base";
    import { Background } from "ui/styling/background";
    import { Font, FontWeight, FontStyle } from "ui/styling/font";
    import { Color } from "color";

    export {
        GestureTypes, GesturesObserver, GestureEventData, TouchGestureEventData, TouchAction,
        Background, Font, Color
    }
    import { Animation, AnimationDefinition, AnimationPromise } from "ui/animation";

    export * from "ui/core/view-base";

    export const zeroLength: Length;

    /**
     * Converts string into boolean value.
     * Throws error if value is not 'true' or 'false'.
     */
    export function booleanConverter(v: string): boolean;

    /**
     * Compares two Length objects.
     */
    export function lengthComparer(x: Length, y: Length): boolean;

    /**
     * Iterates through all child views (via visual tree) and executes a function.
     * @param view - Starting view (parent container).
     * @param callback - A function to execute on every child. If function returns false it breaks the iteration.
     */
    export function eachDescendant(view: View, callback: (child: View) => boolean);

    export function isEventOrGesture(name: string, view: View): boolean;

    export function PseudoClassHandler(...pseudoClasses: string[]): MethodDecorator;

    /**
     * The Point interface describes a two dimensional location. 
     * It has two properties x and y, representing the x and y coordinate of the location. 
     */
    export interface Point {
        /**
         * Represents the x coordinate of the location.
         */
        x: number;

        /**
         * Represents the y coordinate of the location.
         */
        y: number;
    }

    /**
     * The Size interface describes abstract dimensions in two dimensional space. 
     * It has two properties width and height, representing the width and height values of the size. 
     */
    export interface Size {
        /**
         * Represents the width of the size.
         */
        width: number;

        /**
         * Represents the height of the size.
         */
        height: number;
    }

    export type Length = "auto" | number | {
        readonly unit: "dip" | "px";
        readonly value: number;
    }
    export namespace Length {
        export function parse(text: string): Length;
        export function equals(a: Length, b: Length): boolean;
        /**
         * Converts Length unit to device pixels.
         * @param length The Length to convert.
         * @param auto Value to use for conversion of "auto".
         */
        export function toDevicePixels(length: Length, auto: number): number;
        export function convertToString(length: Length): string;

    }

    export type PercentLength = "auto" | number | {
        readonly unit: "%" | "dip" | "px";
        /**
         * Length value. When unit is "%" the value is normalized (ex. for 5% the value is 0.05)
         */
        readonly value: number;
    }
    export namespace PercentLength {
        export function parse(text: string): PercentLength;
        export function equals(a: PercentLength, b: PercentLength): boolean;
        /**
         * Converts PercentLength unit to device pixels.
         * @param length The PercentLength to convert.
         * @param auto Value to use for conversion of "auto".
         * @param parentAvailableWidth Value to use as base when converting percent unit.
         */
        export function toDevicePixels(length: PercentLength, auto: number, parentAvailableWidth: number): number;
        export function convertToString(length: PercentLength): string;
    }

    /**
     * This class is the base class for all UI components. 
     * A View occupies a rectangular area on the screen and is responsible for drawing and layouting of all UI components within. 
     */
    export abstract class View extends ViewBase implements ApplyXmlAttributes {
        /**
         * Gets the android-specific native instance that lies behind this proxy. Will be available if running on an Android platform.
         */
        public android: any;

        /**
         * Gets the ios-specific native instance that lies behind this proxy. Will be available if running on an iOS platform.
         */
        public ios: any;

        /**
         * Gets or sets the binding context of this instance. This object is used as a source for each Binding that does not have a source object specified.
         */
        bindingContext: any;

        //----------Style property shortcuts----------

        /**
         * Gets or sets the border color of the view.
         */
        borderColor: string | Color;

        /**
         * Gets or sets the top border color of the view.
         */
        borderTopColor: Color;

        /**
         * Gets or sets the right border color of the view.
         */
        borderRightColor: Color;

        /**
         * Gets or sets the bottom border color of the view.
         */
        borderBottomColor: Color;

        /**
         * Gets or sets the left border color of the view.
         */
        borderLeftColor: Color;

        /**
         * Gets or sets the border width of the view.
         */
        borderWidth: string | Length;

        /**
         * Gets or sets the top border width of the view.
         */
        borderTopWidth: Length;

        /**
         * Gets or sets the right border width of the view.
         */
        borderRightWidth: Length;

        /**
         * Gets or sets the bottom border width of the view.
         */
        borderBottomWidth: Length;

        /**
         * Gets or sets the left border width of the view.
         */
        borderLeftWidth: Length;

        /**
         * Gets or sets the border radius of the view.
         */
        borderRadius: string | Length;

        /**
         * Gets or sets the top left border radius of the view.
         */
        borderTopLeftRadius: Length;

        /**
         * Gets or sets the top right border radius of the view.
         */
        borderTopRightRadius: Length;

        /**
         * Gets or sets the bottom right border radius of the view.
         */
        borderBottomRightRadius: Length;

        /**
         * Gets or sets the bottom left border radius of the view.
         */
        borderBottomLeftRadius: Length;

        /**
         * Gets or sets the color of the view.
         */
        color: Color;

        /**
         * Gets or sets the background color of the view.
         */
        backgroundColor: Color;

        /**
         * Gets or sets the background image of the view.
         */
        backgroundImage: string;

        /**
         * Gets or sets the minimum width the view may grow to.
         */
        minWidth: Length;

        /**
         * Gets or sets the minimum height the view may grow to.
         */
        minHeight: Length;

        /**
         * Gets or sets the desired width of the view.
         */
        width: PercentLength;

        /**
         * Gets or sets the desired height of the view.
         */
        height: PercentLength;

        /**
         * Gets or sets margin style property.
         */
        margin: string | PercentLength;

        /**
         * Specifies extra space on the left side of this view.
         */
        marginLeft: PercentLength;

        /**
         * Specifies extra space on the top side of this view.
         */
        marginTop: PercentLength;

        /**
         * Specifies extra space on the right side of this view.
         */
        marginRight: PercentLength;

        /**
         * Specifies extra space on the bottom side of this view.
         */
        marginBottom: PercentLength;

        /**
         * Gets or sets the alignment of this view within its parent along the Horizontal axis.
         */
        horizontalAlignment: HorizontalAlignment;

        /**
         * Gets or sets the alignment of this view within its parent along the Vertical axis.
         */
        verticalAlignment: VerticalAlignment;

        /**
         * Gets or sets the visibility of the view.
         */
        visibility: Visibility;

        /**
         * Gets or sets the opacity style property.
         */
        opacity: number;

        /**
         * Gets or sets the rotate affine transform of the view.
         */
        rotate: number;

        /**
         * Gets or sets the translateX affine transform of the view.
         */
        translateX: number;

        /**
         * Gets or sets the translateY affine transform of the view.
         */
        translateY: number;

        /**
         * Gets or sets the scaleX affine transform of the view.
         */
        scaleX: number;

        /**
         * Gets or sets the scaleY affine transform of the view.
         */
        scaleY: number;

        //END Style property shortcuts

        /**
         * Gets or sets the automation text of the view.
         */
        automationText: string;

        /**
         * Gets or sets the X component of the origin point around which the view will be transformed. The deafault value is 0.5 representing the center of the view.
         */
        originX: number;

        /**
         * Gets or sets the Y component of the origin point around which the view will be transformed. The deafault value is 0.5 representing the center of the view.
         */
        originY: number;

        /**
         * Gets or sets a value indicating whether the the view is enabled. This affects the appearance of the view.
         */
        isEnabled: boolean;

        /**
         * Gets or sets a value indicating whether the user can interact with the view. This does not affect the appearance of the view.
         */
        isUserInteractionEnabled: boolean;

        /**
         * Gets is layout is valid. This is a read-only property.
         */
        isLayoutValid: boolean;

        /**
         * Gets the CSS fully qualified type name.
         * Using this as element type should allow for PascalCase and kebap-case selectors, when fully qualified, to match the element.
         */
        cssType: string;

        cssClasses: Set<string>;
        cssPseudoClasses: Set<string>;

        /**
         * This is called to find out how big a view should be. The parent supplies constraint information in the width and height parameters.
         * The actual measurement work of a view is performed in onMeasure(int, int), called by this method. Therefore, only onMeasure(int, int) can and must be overridden by subclasses.
         * @param widthMeasureSpec	Horizontal space requirements as imposed by the parent
         * @param heightMeasureSpec	Vertical space requirements as imposed by the parent
         */
        public measure(widthMeasureSpec: number, heightMeasureSpec: number): void;

        /**
         * Assign a size and position to a view and all of its descendants
         * This is the second phase of the layout mechanism. (The first is measuring). In this phase, each parent calls layout on all of its children to position them. This is typically done using the child measurements that were stored in the measure pass().
         * Derived classes should not override this method. Derived classes with children should override onLayout. In that method, they should call layout on each of their children.
         * @param l Left position, relative to parent
         * @param t Top position, relative to parent
         * @param r Right position, relative to parent
         * @param b Bottom position, relative to parent
         */
        public layout(left: number, top: number, right: number, bottom: number): void;

        /**
         * Returns the raw width component.
         */
        public getMeasuredWidth(): number;

        /**
         * Returns the raw height component.
         */
        public getMeasuredHeight(): number;

        public getMeasuredState(): number;

        /**
         * Call this when something has changed which has invalidated the layout of this view. This will schedule a layout pass of the view tree.
         */
        public requestLayout(): void;

        /**
         * Measure the view and its content to determine the measured width and the measured height. This method is invoked by measure(int, int) and should be overriden by subclasses to provide accurate and efficient measurement of their contents.
         * When overriding this method, you must call setMeasuredDimension(int, int) to store the measured width and height of this view. Failure to do so will trigger an exception, thrown by measure(int, int).
         * @param widthMeasureSpec	horizontal space requirements as imposed by the parent. The requirements are encoded with View.MeasureSpec.
         * @param heightMeasureSpec	vertical space requirements as imposed by the parent. The requirements are encoded with View.MeasureSpec.
         */
        public onMeasure(widthMeasureSpec: number, heightMeasureSpec: number): void;

        /**
         * Called from layout when this view should assign a size and position to each of its children. Derived classes with children should override this method and call layout on each of their children.
         * @param left      Left position, relative to parent
         * @param top       Top position, relative to parent
         * @param right     Right position, relative to parent
         * @param bottom	Bottom position, relative to parent
         */
        public onLayout(left: number, top: number, right: number, bottom: number): void;

        /**
         * This method must be called by onMeasure(int, int) to store the measured width and measured height. Failing to do so will trigger an exception at measurement time.
         * @param measuredWidth	    The measured width of this view. May be a complex bit mask as defined by MEASURED_SIZE_MASK and MEASURED_STATE_TOO_SMALL.
         * @param measuredHeight	The measured height of this view. May be a complex bit mask as defined by MEASURED_SIZE_MASK and MEASURED_STATE_TOO_SMALL.
         */
        public setMeasuredDimension(measuredWidth: number, measuredHeight: number): void;

        /**
         * Called from onLayout when native view position is about to be changed.
         * @param parent    This parameter is not used. You can pass null.
         * @param left      Left position, relative to parent
         * @param top       Top position, relative to parent
         * @param right     Right position, relative to parent
         * @param bottom	Bottom position, relative to parent
         */
        public layoutNativeView(left: number, top: number, right: number, bottom: number): void;

        /**
         * Measure a child by taking into account its margins and a given measureSpecs.
         * @param parent            This parameter is not used. You can pass null.
         * @param child             The view to be measured.
         * @param measuredWidth	    The measured width that the parent layout specifies for this view.
         * @param measuredHeight	The measured height that the parent layout specifies for this view.
         */
        public static measureChild(parent: View, child: View, widthMeasureSpec: number, heightMeasureSpec: number): { measuredWidth: number; measuredHeight: number };

        /**
         * Layout a child by taking into account its margins, horizontal and vertical alignments and a given bounds.
         * @param parent    This parameter is not used. You can pass null.
         * @param left      Left position, relative to parent
         * @param top       Top position, relative to parent
         * @param right     Right position, relative to parent
         * @param bottom	Bottom position, relative to parent
         */
        public static layoutChild(parent: View, child: View, left: number, top: number, right: number, bottom: number): void;

        /**
         * Utility to reconcile a desired size and state, with constraints imposed
         * by a MeasureSpec.  Will take the desired size, unless a different size
         * is imposed by the constraints.  The returned value is a compound integer,
         * with the resolved size in the {@link #MEASURED_SIZE_MASK} bits and
         * optionally the bit {@link #MEASURED_STATE_TOO_SMALL} set if the resulting
         * size is smaller than the size the view wants to be.
         */
        public static resolveSizeAndState(size: number, specSize: number, specMode: number, childMeasuredState: number): number;

        public static combineMeasuredStates(curState: number, newState): number;

        /**
         * Tries to focus the view.
         * Returns a value indicating whether this view or one of its descendants actually took focus.
         */
        public focus(): boolean;

        /**
         * Sets in-line CSS string as style.
         * @param style - In-line CSS string. 
         */
        public setInlineStyle(style: string): void;

        public getGestureObservers(type: GestureTypes): Array<GesturesObserver>;

        /**
         * [Deprecated. Please use the on() instead.] Adds a gesture observer.
         * @param type - Type of the gesture.
         * @param callback - A function that will be executed when gesture is received.
         * @param thisArg - An optional parameter which will be used as `this` context for callback execution. 
         */
        observe(type: GestureTypes, callback: (args: GestureEventData) => void, thisArg?: any);

        /**
         * A basic method signature to hook an event listener (shortcut alias to the addEventListener method).
         * @param eventNames - String corresponding to events (e.g. "propertyChange"). Optionally could be used more events separated by `,` (e.g. "propertyChange", "change") or you can use gesture types. 
         * @param callback - Callback function which will be executed when event is raised.
         * @param thisArg - An optional parameter which will be used as `this` context for callback execution.
         */
        on(eventNames: string | GestureTypes, callback: (data: EventData) => void, thisArg?: any);

        /**
         * Removes listener(s) for the specified event name.
         * @param eventNames Comma delimited names of the events or gesture types the specified listener is associated with.
         * @param callback An optional parameter pointing to a specific listener. If not defined, all listeners for the event names will be removed.
         * @param thisArg An optional parameter which when set will be used to refine search of the correct callback which will be removed as event listener.
         */
        off(eventNames: string | GestureTypes, callback?: (data: EventData) => void, thisArg?: any);

        /**
         * Raised when a loaded event occurs.
         */
        on(event: "loaded", callback: (args: EventData) => void, thisArg?: any);

        /**
         * Raised when an unloaded event occurs.
         */
        on(event: "unloaded", callback: (args: EventData) => void, thisArg?: any);

        /**
         * Animates one or more properties of the view based on the supplied options. 
         */
        public animate(options: AnimationDefinition): AnimationPromise;

        /**
         * Creates an Animation object based on the supplied options. 
         */
        public createAnimation(options: AnimationDefinition): Animation;

        /**
         * Returns the location of this view in the window coordinate system.
         */
        public getLocationInWindow(): Point;

        /**
         * Returns the location of this view in the screen coordinate system.
         */
        public getLocationOnScreen(): Point;

        /**
         * Returns the location of this view in the otherView's coordinate system.
         */
        public getLocationRelativeTo(otherView: View): Point;

        /**
         * Returns the actual size of the view in device-independent pixels.
         */
        public getActualSize(): Size;

        // Lifecycle events
        _getNativeViewsCount(): number;

        _eachLayoutView(callback: (View) => void): void;

        public _applyXmlAttribute(attribute: string, value: any): boolean;
        public eachChildView(callback: (view: View) => boolean): void;

        //@private
        isLayoutRequired: boolean;
        _gestureObservers: any;

        _updateLayout(): void;

        /**
         * Called by measure method to cache measureSpecs.
         */
        _setCurrentMeasureSpecs(widthMeasureSpec: number, heightMeasureSpec: number): boolean;

        /**
         * Called by layout method to cache view bounds.
         */
        _setCurrentLayoutBounds(left: number, top: number, right: number, bottom: number): void;

        /**
         * Return view bounds.
         */
        _getCurrentLayoutBounds(): { left: number; top: number; right: number; bottom: number };

        _goToVisualState(state: string);
        _nativeView: any;
        _setNativeViewFrame(nativeView: any, frame: any): void;
        // _onStylePropertyChanged(property: dependencyObservable.Property): void;

        _updateEffectiveLayoutValues(parent: View): void;

        _currentWidthMeasureSpec: number;
        _currentHeightMeasureSpec: number;

        _minWidthNative: Length;
        _minHeightNative: Length;
        //@endprivate

        public effectiveMinWidth: number;
        public effectiveMinHeight: number;
        public effectiveWidth: number;
        public effectiveHeight: number;
        public effectiveMarginTop: number;
        public effectiveMarginRight: number;
        public effectiveMarginBottom: number;
        public effectiveMarginLeft: number;
        public effectivePaddingTop: number;
        public effectivePaddingRight: number;
        public effectivePaddingBottom: number;
        public effectivePaddingLeft: number;
        public effectiveBorderTopWidth: number;
        public effectiveBorderRightWidth: number;
        public effectiveBorderBottomWidth: number;
        public effectiveBorderLeftWidth: number;

        /**
         * __Obsolete:__ There is a new property system that does not rely on _getValue.
         */
        public _getValue(property: any): never;

        /**
         * __Obsolete:__ There is a new property system that does not rely on _setValue.
         */
        public _setValue(property: any, value: any): never;
    }

    /**
     * Base class for all UI components that implements custom layouts. 
     */
    export class CustomLayoutView extends View {
        //@private
        _updateNativeLayoutParams(child: View): void;
        _setChildMinWidthNative(child: View): void;
        _setChildMinHeightNative(child: View): void;
        //@endprivate
    }

    /**
     * Defines an interface for a View factory function.
     * Commonly used to specify the visualization of data objects.
     */
    export interface Template {
        /**
         * Call signature of the factory function.
         * Returns a new View instance.
         */
        (): View;
    }

    /**
     * Defines an interface for Template with a key.
     */
    export interface KeyedTemplate {
        /**
         * The unique key of the template.
         */
        key: string;

        /**
         * The function that creates the view.
         */
        createView: Template;
    }

    /**
     * Defines an interface for adding arrays declared in xml.
     */
    export interface AddArrayFromBuilder {
        /**
         * A function that is called when an array declaration is found in xml.
         * @param name - Name of the array.
         * @param value - The actual value of the array.
         */
        _addArrayFromBuilder(name: string, value: Array<any>): void;
    }

    /**
     * Defines an interface for adding a child element declared in xml.
     */
    export interface AddChildFromBuilder {
        /**
         * Called for every child element declared in xml.
         * This method will add a child element (value) to current element.
         * @param name - Name of the element.
         * @param value - Value of the element.
         */
        _addChildFromBuilder(name: string, value: any): void;
    }

    /**
     * Defines an interface used to create a member of a class from string representation (used in xml declaration).
     */
    export interface ApplyXmlAttributes {
        /**
         * Called for every attribute in xml declaration. <... fontAttributes="bold" ../>
         * @param attributeName - the name of the attribute (fontAttributes)
         * @param attrValue - the value of the attribute (bold)
         * Should return true if this attribute is handled and there is no need default handler to process it.
         */
        _applyXmlAttribute(attributeName: string, attrValue: any): boolean;
    }

    export namespace layout {
        export const UNSPECIFIED: number;
        export const EXACTLY: number;
        export const AT_MOST: number;

        export const MEASURED_HEIGHT_STATE_SHIFT: number;
        export const MEASURED_STATE_TOO_SMALL: number;
        export const MEASURED_STATE_MASK: number;
        export const MEASURED_SIZE_MASK: number;

        export function getMeasureSpecMode(spec: number): number;
        export function getMeasureSpecSize(spec: number): number;
        export function getDisplayDensity(): number;
        export function makeMeasureSpec(size: number, mode: number): number;
        export function toDevicePixels(value: number): number;
        export function toDeviceIndependentPixels(value: number): number;
        export function measureSpecToString(measureSpec: number): string;
    }

    export const automationTextProperty: Property<View, string>;
    export const originXProperty: Property<View, number>;
    export const originYProperty: Property<View, number>;
    export const isEnabledProperty: Property<View, boolean>;
    export const isUserInteractionEnabledProperty: Property<View, boolean>;

    export const rotateProperty: CssProperty<Style, number>;
    export const scaleXProperty: CssProperty<Style, number>;
    export const scaleYProperty: CssProperty<Style, number>;
    export const translateXProperty: CssProperty<Style, number>;
    export const translateYProperty: CssProperty<Style, number>;

    export const clipPathProperty: CssProperty<Style, string>;
    export const colorProperty: InheritedCssProperty<Style, Color>;

    export const backgroundColorProperty: CssProperty<Style, Color>;
    export const backgroundImageProperty: CssProperty<Style, string>;
    export const backgroundRepeatProperty: CssProperty<Style, BackgroundRepeat>;
    export const backgroundSizeProperty: CssProperty<Style, string>;
    export const backgroundPositionProperty: CssProperty<Style, string>;

    export const borderColorProperty: ShorthandProperty<Style, string | Color>;
    export const borderTopColorProperty: CssProperty<Style, Color>;
    export const borderRightColorProperty: CssProperty<Style, Color>;
    export const borderBottomColorProperty: CssProperty<Style, Color>;
    export const borderLeftColorProperty: CssProperty<Style, Color>;

    export const borderWidthProperty: ShorthandProperty<Style, string | Length>;
    export const borderTopWidthProperty: CssProperty<Style, Length>;
    export const borderRightWidthProperty: CssProperty<Style, Length>;
    export const borderBottomWidthProperty: CssProperty<Style, Length>;
    export const borderLeftWidthProperty: CssProperty<Style, Length>;

    export const borderRadiusProperty: ShorthandProperty<Style, string | Length>;
    export const borderTopLeftRadiusProperty: CssProperty<Style, Length>;
    export const borderTopRightRadiusProperty: CssProperty<Style, Length>;
    export const borderBottomRightRadiusProperty: CssProperty<Style, Length>;
    export const borderBottomLeftRadiusProperty: CssProperty<Style, Length>;

    export const zIndexProperty: CssProperty<Style, number>;
    export const visibilityProperty: CssProperty<Style, Visibility>;
    export const opacityProperty: CssProperty<Style, number>;

    export const minWidthProperty: CssProperty<Style, Length>;
    export const minHeightProperty: CssProperty<Style, Length>;
    export const widthProperty: CssProperty<Style, Length>;
    export const heightProperty: CssProperty<Style, Length>;
    export const marginProperty: ShorthandProperty<Style, string | PercentLength>;
    export const marginLeftProperty: CssProperty<Style, PercentLength>;
    export const marginRightProperty: CssProperty<Style, PercentLength>;
    export const marginTopProperty: CssProperty<Style, PercentLength>;
    export const marginBottomProperty: CssProperty<Style, PercentLength>;

    export const paddingProperty: ShorthandProperty<Style, string | Length>;
    export const paddingLeftProperty: CssProperty<Style, Length>;
    export const paddingRightProperty: CssProperty<Style, Length>;
    export const paddingTopProperty: CssProperty<Style, Length>;
    export const paddingBottomProperty: CssProperty<Style, Length>;

    export const horizontalAlignmentProperty: CssProperty<Style, HorizontalAlignment>;
    export const verticalAlignmentProperty: CssProperty<Style, VerticalAlignment>;

    export const fontSizeProperty: InheritedCssProperty<Style, number>;
    export const fontFamilyProperty: InheritedCssProperty<Style, string>;
    export const fontStyleProperty: InheritedCssProperty<Style, FontStyle>;
    export const fontWeightProperty: InheritedCssProperty<Style, FontWeight>;

    export const backgroundInternalProperty: CssProperty<Style, Background>;
    export const fontInternalProperty: InheritedCssProperty<Style, Font>;

    export type BackgroundRepeat = "repeat" | "repeat-x" | "repeat-y" | "no-repeat";
    export namespace BackgroundRepeat {
        export const REPEAT: "repeat";
        export const REPEAT_X: "repeat-x";
        export const REPEAT_Y: "repeat-y";
        export const NO_REPEAT: "no-repeat";
        export function isValid(value: any): boolean;
        export function parse(value: string): BackgroundRepeat;
    }

    export type Visibility = "visible" | "hidden" | "collapse";
    export namespace Visibility {
        export const VISIBLE: "visible";
        export const HIDDEN: "hidden";
        export const COLLAPSE: "collapse";
        export function isValid(value: any): boolean;
        export function parse(value: string): Visibility;
    }

    export type HorizontalAlignment = "left" | "center" | "right" | "stretch";
    export namespace HorizontalAlignment {
        export const LEFT: "left";
        export const CENTER: "center";
        export const RIGHT: "right";
        export const STRETCH: "stretch";
        export function isValid(value: any): boolean;
        export function parse(value: string): HorizontalAlignment;
    }

    export type VerticalAlignment = "top" | "middle" | "bottom" | "stretch";
    export namespace VerticalAlignment {
        export const TOP: "top";
        export const MIDDLE: "middle";
        export const BOTTOM: "bottom";
        export const STRETCH: "stretch";
        export function isValid(value: any): boolean;
        export function parse(value: string): VerticalAlignment;
    }
}